cetz-package.github.io/index.html at main · cetz-package/cetz-package.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <link rel="stylesheet" href="index.css" />
    <title>CeTZ</title>
  </head>
  <body>
    <h2 class="title primary">CeTZ</h2>
    <div class="container">
      <header>
        <section class="header-content">
          <h1>CeTZ</h1>
          <h2>ein <span class="primary">Typst</span> Zeichenpaket</h2>
          <p>A Typst drawing package by Johannes Wolf and fenjalien</p>
          <div class="header-buttons">
            <a
              href="https://github.com/cetz-package/cetz/blob/master/manual.pdf?raw=true"
              class="solid"
              target="_blank"
              >Download API Reference</a
            >
            <a
              href="https://cetz-package.github.io/docs"
              class="solid"
              target="_blank"
              >Go to Docs</a
            >
            <a
              href="https://github.com/cetz-package/cetz"
              class="outline"
              data="See Github"
              target="_blank"
            ></a>
          </div>
        </section>
        <section class="carousel">
          <button id="left-arrow">
            <i class="fa-solid fa-angle-up left-arrow"></i>
          </button>
          <div class="card">
            <img id="carousel-img" />
            <a id="carousel-title"></a>
          </div>
          <button id="right-arrow">
            <i class="fa-solid fa-angle-up right-arrow"></i>
          </button>
        </section>
      </header>
      <section>
        <div class="divider"></div>
        <h2>About</h2>
        <p>
          CeTZ is a package that allows for drawing with Typst with an API inspired by TikZ and Processing. It also provides plotting and chart libraries and is used in several other packages to create circuit, fretboard and more diagrams! Along with Typst CeTZ is still actively being developed so issues, pull requests and new features are welcome!
        </p>
        <a
          href="https://typst.app/"
          class="outline typst-link"
          data="Go to Typst's Website"
          target="_blank"
        ></a>
      </section>
    </div>
    <script src="index.js" type="module"></script>
  </body>
</html>