Add picocss
This commit is contained in:
parent
1b661d7b65
commit
34e6745900
|
@ -0,0 +1,3 @@
|
||||||
|
[submodule "picocss"]
|
||||||
|
path = public/css/pico
|
||||||
|
url = https://github.com/picocss/pico.git
|
|
@ -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>
|
|
@ -0,0 +1,3 @@
|
||||||
|
hr.strong {
|
||||||
|
border: .125rem solid var(--primary);
|
||||||
|
}
|
|
@ -0,0 +1 @@
|
||||||
|
Subproject commit 0c33daabf6da0f724315968c05345490faaea53a
|
File diff suppressed because it is too large
Load Diff
|
@ -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:
|
|
@ -0,0 +1,15 @@
|
||||||
|
<header>
|
||||||
|
<hgroup>
|
||||||
|
<h1>Emacs User Survey — 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>
|
Loading…
Reference in New Issue