Add picocss

2021-12-19 17:18:03 +08:00 · 2021-12-19 17:18:03 +08:00 · 34e6745900
parent 1b661d7b65
commit 34e6745900
7 changed files with 1908 additions and 0 deletions
--- a/.gitmodules
+++ b/.gitmodules
@ -0,0 +1,3 @@
+[submodule "picocss"]
+	path = public/css/pico
+	url = https://github.com/picocss/pico.git
--- a/app/layouts/base.jl.html
+++ b/app/layouts/base.jl.html
@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Emacs User Survey</title>
+        <link href="/css/style.css" rel="stylesheet">
+    </head>
+    <body>
+        <script>
+         // to prevent Firefox FOUC, this must be here
+         // see https://bugzilla.mozilla.org/show_bug.cgi?id=1404468
+         let FF_FOUC_FIX;
+        </script>
+
+        <%
+        @yield
+        %>
+
+        <footer>
+            This work is licensed under a
+            <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 License</a>
+        </footer>
+    </body>
+</html>
--- a/public/css/_extras.scss
+++ b/public/css/_extras.scss
@ -0,0 +1,3 @@
+hr.strong {
+    border: .125rem solid var(--primary);
+}
--- a/public/css/pico
+++ b/public/css/pico
@ -0,0 +1 @@
+Subproject commit 0c33daabf6da0f724315968c05345490faaea53a
--- a/public/css/style.css
+++ b/public/css/style.css
--- a/public/css/style.scss
+++ b/public/css/style.scss
@ -0,0 +1,57 @@
+// Config
+// --------------------
+
+// Enable <header>, <main>, <footer> inside <body> as a container
+$enable-semantic-container: true;
+
+// Enable .classes
+$enable-classes: true;
+
+// Custom theme
+$primary-500: #7F5AB6;
+$primary-600: #622486;
+$primary-700: #3E0C5C;
+
+// Pico Lib
+// --------------------
+
+// Config
+@import "pico/scss/variables";
+
+// Theming
+@import "pico/scss/themes/default";
+
+// Layout
+@import "pico/scss/layout/document"; // html
+@import "pico/scss/layout/sectioning"; // body, header, main, footer
+@import "pico/scss/layout/section"; // section
+@import "pico/scss/layout/grid"; // .grid
+@import "pico/scss/layout/scroller"; // figure
+
+// Content
+@import "pico/scss/content/typography"; // a, headings, p, ul, blockquote, ...
+@import "pico/scss/content/embedded"; // audio, canvas, iframe, img, svg, video
+@import "pico/scss/content/button"; // button, a[role=button], type=button, type=submit ...
+@import "pico/scss/content/form"; // input, select, textarea, label, fieldset, legend
+@import "pico/scss/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
+@import "pico/scss/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
+@import "pico/scss/content/table"; // table, tr, td, ...
+@import "pico/scss/content/code"; // pre, code, ...
+@import "pico/scss/content/miscs"; // hr, template, [hidden], dialog, canvas
+
+// Components
+@import "pico/scss/components/accordion"; // details, summary
+@import "pico/scss/components/card"; // article
+// @import "pico/scss/components/nav"; // nav
+@import "pico/scss/components/progress"; // progress
+
+// Utilities
+@import "pico/scss/utilities/accessibility"; // -ms-touch-action, aria-*
+@import "pico/scss/utilities/reduce-motion"; // prefers-reduced-motion
+
+// Custom Extras
+@import "extras";
+
+// Local Variables:
+// eval: (add-hook 'after-save-hook (lambda () (start-process "sassc" nil "sassc" buffer-file-name (file-name-with-extension buffer-file-name "css"))) nil t)
+// End:
--- a/public/index.jl.html
+++ b/public/index.jl.html
@ -0,0 +1,15 @@
+<header>
+    <hgroup>
+        <h1>Emacs User Survey &mdash; 2022</h1>
+        <h2>Help the community have a better understanding of itself and its
+            own diversity in Emacs usage. Discover and show how people are using
+            this versatile tool for everything, from software engineering to
+            academia and journalism.</h2>
+    </hgroup>
+</header>
+
+<main>
+    <form method="get" action="/survey">
+        <button type="submit">Take the survey</button>
+    </form>
+</main>
				`@ -0,0 +1 @@`
				`Subproject commit 0c33daabf6da0f724315968c05345490faaea53a`