Add picocss

This commit is contained in:
TEC 2021-12-19 17:18:03 +08:00
parent 1b661d7b65
commit 34e6745900
Signed by: tec
GPG Key ID: 779591AFDB81F06C
7 changed files with 1908 additions and 0 deletions

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "picocss"]
path = public/css/pico
url = https://github.com/picocss/pico.git

26
app/layouts/base.jl.html Normal file
View File

@ -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>

3
public/css/_extras.scss Normal file
View File

@ -0,0 +1,3 @@
hr.strong {
border: .125rem solid var(--primary);
}

1
public/css/pico Submodule

@ -0,0 +1 @@
Subproject commit 0c33daabf6da0f724315968c05345490faaea53a

1803
public/css/style.css Normal file

File diff suppressed because it is too large Load Diff

57
public/css/style.scss Normal file
View File

@ -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:

15
public/index.jl.html vendored Normal file
View File

@ -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>