simple website without video

hackclub · Dec 17, 2024 · c945178 · c945178
1 parent c37120b
commit c945178
Show file tree

Hide file tree

Showing 3 changed files with 107 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>kicad-wakatime | Hack Club</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <main>
+      <h1>kicad-wakatime</h1>
+      <p>
+        <b>kicad-wakatime</b> is a WakaTime plugin for KiCAD 8.99.
+        <br>
+        current version: <b>0.1.0</b>
+      </p>
+      <p><i>installation video coming soon...</i></p>
+      <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/ScMzIvxBSi4?si=A9bapybv7nWouqH0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> -->
+      <p><a href="https://github.com/hackclub/kicad-wakatime/releases/download/0.1.0/kicad-wakatime-0.1.0-windows.zip">install for Windows</a></p>
+      <p><a href="https://github.com/hackclub/kicad-wakatime/releases/download/0.1.0/kicad-wakatime-0.1.0-macos.zip">install for macOS</a></p>
+      <p><a href="https://github.com/hackclub/kicad-wakatime/releases/download/0.1.0/kicad-wakatime-0.1.0-linux.zip">install for Linux</a></p>
+    </main>
+    <footer>
+      <p><small>(c) 2024 <a href="https://hackclub.com">Hack Club</a></small></p>
+    </footer>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,80 @@
+/* based on sporeball/nimmoi */
+
+:root {
+  --color-background:#b3cbf2;
+  --color-text:#1d4473;
+  --color-em:#3872ce;
+  --color-link:#4561c9;
+  --color-link-active:#324dae;
+  --color-code:#c5dcf4;
+}
+
+body {
+  background-color:var(--color-background);
+  font-size:16px;
+  font-family:sans-serif;
+  line-height:1.4;
+  color:var(--color-text)
+}
+
+main, footer {
+  margin:auto;
+  max-width:70ch;
+  padding:2ch
+}
+
+main * {
+  margin-bottom:20px
+}
+
+h4 {
+  margin-bottom:2px
+}
+
+h4 + p {
+  margin-top:0
+}
+
+a {
+  font-weight:bold;
+  color:var(--color-link)
+}
+
+a:hover {
+  color:var(--color-link-active)
+}
+
+a[target="_blank"]:after {
+  content:"\00a0*";
+  display:inline-block;
+  text-decoration:none
+}
+
+em, i, small {
+  color:var(--color-em)
+}
+
+code {
+  font-size:14px
+}
+
+pre {
+  padding:5px 10px;
+  background:var(--color-code)
+}
+
+img {
+  margin:0;
+  max-width:100%
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background:#081935;
+    --color-text:#9cbde6;
+    --color-em:#65a0ff;
+    --color-link:#626fff;
+    --color-link-active:#3f80d1;
+    --color-code:#c5dcf4; /* todo */
+  }
+}