Browse code
feat: add stylesheet
Edward Langley authored on 31/10/2023 10:20:10Showing 3 changed files
| ... | ... |
@@ -3,14 +3,14 @@ |
| 3 | 3 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| 4 | 4 |
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> |
| 5 | 5 |
<head> |
| 6 |
-<!-- 2021-06-02 Wed 00:31 --> |
|
| 6 |
+<!-- 2023-10-31 Tue 03:20 --> |
|
| 7 | 7 |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> |
| 8 | 8 |
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 9 | 9 |
<title>‎</title> |
| 10 |
-<meta name="generator" content="Org mode" /> |
|
| 11 | 10 |
<meta name="author" content="Edward Langley" /> |
| 12 |
-<style type="text/css"> |
|
| 13 |
- <!--/*--><![CDATA[/*><!--*/ |
|
| 11 |
+<meta name="generator" content="Org Mode" /> |
|
| 12 |
+<style> |
|
| 13 |
+ #content { max-width: 60em; margin: auto; }
|
|
| 14 | 14 |
.title { text-align: center;
|
| 15 | 15 |
margin-bottom: .2em; } |
| 16 | 16 |
.subtitle { text-align: center;
|
| ... | ... |
@@ -31,8 +31,9 @@ |
| 31 | 31 |
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
|
| 32 | 32 |
p.verse { margin-left: 3%; }
|
| 33 | 33 |
pre {
|
| 34 |
- border: 1px solid #ccc; |
|
| 35 |
- box-shadow: 3px 3px 3px #eee; |
|
| 34 |
+ border: 1px solid #e6e6e6; |
|
| 35 |
+ border-radius: 3px; |
|
| 36 |
+ background-color: #f2f2f2; |
|
| 36 | 37 |
padding: 8pt; |
| 37 | 38 |
font-family: monospace; |
| 38 | 39 |
overflow: auto; |
| ... | ... |
@@ -41,21 +42,21 @@ |
| 41 | 42 |
pre.src {
|
| 42 | 43 |
position: relative; |
| 43 | 44 |
overflow: auto; |
| 44 |
- padding-top: 1.2em; |
|
| 45 | 45 |
} |
| 46 | 46 |
pre.src:before {
|
| 47 | 47 |
display: none; |
| 48 | 48 |
position: absolute; |
| 49 |
- background-color: white; |
|
| 50 |
- top: -10px; |
|
| 51 |
- right: 10px; |
|
| 49 |
+ top: -8px; |
|
| 50 |
+ right: 12px; |
|
| 52 | 51 |
padding: 3px; |
| 53 |
- border: 1px solid black; |
|
| 52 |
+ color: #555; |
|
| 53 |
+ background-color: #f2f2f299; |
|
| 54 | 54 |
} |
| 55 | 55 |
pre.src:hover:before { display: inline; margin-top: 14px;}
|
| 56 | 56 |
/* Languages per Org manual */ |
| 57 | 57 |
pre.src-asymptote:before { content: 'Asymptote'; }
|
| 58 | 58 |
pre.src-awk:before { content: 'Awk'; }
|
| 59 |
+ pre.src-authinfo::before { content: 'Authinfo'; }
|
|
| 59 | 60 |
pre.src-C:before { content: 'C'; }
|
| 60 | 61 |
/* pre.src-C++ doesn't work in CSS */ |
| 61 | 62 |
pre.src-clojure:before { content: 'Clojure'; }
|
| ... | ... |
@@ -190,50 +191,29 @@ |
| 190 | 191 |
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
|
| 191 | 192 |
.org-info-js_search-highlight |
| 192 | 193 |
{ background-color: #ffff00; color: #000000; font-weight: bold; }
|
| 193 |
- .org-svg { width: 90%; }
|
|
| 194 |
- /*]]>*/--> |
|
| 194 |
+ .org-svg { }
|
|
| 195 | 195 |
</style> |
| 196 |
-<script type="text/javascript"> |
|
| 197 |
-// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domain |
|
| 198 |
-<!--/*--><![CDATA[/*><!--*/ |
|
| 199 |
- function CodeHighlightOn(elem, id) |
|
| 200 |
- {
|
|
| 201 |
- var target = document.getElementById(id); |
|
| 202 |
- if(null != target) {
|
|
| 203 |
- elem.classList.add("code-highlighted");
|
|
| 204 |
- target.classList.add("code-highlighted");
|
|
| 205 |
- } |
|
| 206 |
- } |
|
| 207 |
- function CodeHighlightOff(elem, id) |
|
| 208 |
- {
|
|
| 209 |
- var target = document.getElementById(id); |
|
| 210 |
- if(null != target) {
|
|
| 211 |
- elem.classList.remove("code-highlighted");
|
|
| 212 |
- target.classList.remove("code-highlighted");
|
|
| 213 |
- } |
|
| 214 |
- } |
|
| 215 |
- /*]]>*///--> |
|
| 216 |
-// @license-end |
|
| 217 |
-</script> |
|
| 196 |
+<link rel="stylesheet" href="/static/style.css" type="text/css" /> |
|
| 218 | 197 |
</head> |
| 219 | 198 |
<body> |
| 220 |
-<div id="content"> |
|
| 221 |
-<div id="table-of-contents"> |
|
| 199 |
+<div id="content" class="content"> |
|
| 200 |
+<div id="table-of-contents" role="doc-toc"> |
|
| 222 | 201 |
<h2>Table of Contents</h2> |
| 223 |
-<div id="text-table-of-contents"> |
|
| 202 |
+<div id="text-table-of-contents" role="doc-toc"> |
|
| 224 | 203 |
<ul> |
| 225 |
-<li><a href="#orgb9843db">1. CL Git!</a></li> |
|
| 204 |
+<li><a href="#orgef91d64">1. CL Git!</a></li> |
|
| 226 | 205 |
</ul> |
| 227 | 206 |
</div> |
| 228 | 207 |
</div> |
| 229 |
-<div id="outline-container-orgb9843db" class="outline-2"> |
|
| 230 |
-<h2 id="orgb9843db"><span class="section-number-2">1</span> CL Git!</h2> |
|
| 208 |
+ |
|
| 209 |
+<div id="outline-container-orgef91d64" class="outline-2"> |
|
| 210 |
+<h2 id="orgef91d64"><span class="section-number-2">1.</span> CL Git!</h2> |
|
| 231 | 211 |
</div> |
| 232 | 212 |
</div> |
| 233 | 213 |
<div id="postamble" class="status"> |
| 234 | 214 |
<p class="author">Author: Edward Langley</p> |
| 235 |
-<p class="date">Created: 2021-06-02 Wed 00:31</p> |
|
| 215 |
+<p class="date">Created: 2023-10-31 Tue 03:20</p> |
|
| 236 | 216 |
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p> |
| 237 | 217 |
</div> |
| 238 | 218 |
</body> |
| 239 |
-</html> |
|
| 219 |
+</html> |
|
| 240 | 220 |
\ No newline at end of file |
| 2 | 4 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,138 @@ |
| 1 |
+:root {
|
|
| 2 |
+ --zenburn-fg-plus-2: #FFFFEF; |
|
| 3 |
+ --zenburn-fg-plus-1: #F5F5D6; |
|
| 4 |
+ --zenburn-fg: #DCDCCC; |
|
| 5 |
+ --zenburn-fg-1: #A6A689; |
|
| 6 |
+ --zenburn-fg-2: #656555; |
|
| 7 |
+ --zenburn-black: #000000; |
|
| 8 |
+ --zenburn-bg-2: #000000; |
|
| 9 |
+ --zenburn-bg-1: #111112; |
|
| 10 |
+ --zenburn-bg-05: #383838; |
|
| 11 |
+ --zenburn-bg: #2A2B2E; |
|
| 12 |
+ --zenburn-bg-plus-05: #494949; |
|
| 13 |
+ --zenburn-bg-plus-1: #4F4F4F; |
|
| 14 |
+ --zenburn-bg-plus-2: #5F5F5F; |
|
| 15 |
+ --zenburn-bg-plus-3: #6F6F6F; |
|
| 16 |
+ --zenburn-red-plus-2: #ECB3B3; |
|
| 17 |
+ --zenburn-red-plus-1: #DCA3A3; |
|
| 18 |
+ --zenburn-red: #CC9393; |
|
| 19 |
+ --zenburn-red-1: #BC8383; |
|
| 20 |
+ --zenburn-red-2: #AC7373; |
|
| 21 |
+ --zenburn-red-3: #9C6363; |
|
| 22 |
+ --zenburn-red-4: #8C5353; |
|
| 23 |
+ --zenburn-red-5: #7C4343; |
|
| 24 |
+ --zenburn-red-6: #6C3333; |
|
| 25 |
+ --zenburn-orange: #DFAF8F; |
|
| 26 |
+ --zenburn-yellow: #F0DFAF; |
|
| 27 |
+ --zenburn-yellow-1: #E0CF9F; |
|
| 28 |
+ --zenburn-yellow-2: #D0BF8F; |
|
| 29 |
+ --zenburn-green-5: #2F4F2F; |
|
| 30 |
+ --zenburn-green-4: #3F5F3F; |
|
| 31 |
+ --zenburn-green-3: #4F6F4F; |
|
| 32 |
+ --zenburn-green-2: #5F7F5F; |
|
| 33 |
+ --zenburn-green-1: #6F8F6F; |
|
| 34 |
+ --zenburn-green: #7F9F7F; |
|
| 35 |
+ --zenburn-green-plus-1: #8FB28F; |
|
| 36 |
+ --zenburn-green-plus-2: #9FC59F; |
|
| 37 |
+ --zenburn-green-plus-3: #AFD8AF; |
|
| 38 |
+ --zenburn-green-plus-4: #BFEBBF; |
|
| 39 |
+ --zenburn-cyan: #93E0E3; |
|
| 40 |
+ --zenburn-blue-plus-3: #BDE0F3; |
|
| 41 |
+ --zenburn-blue-plus-2: #ACE0E3; |
|
| 42 |
+ --zenburn-blue-plus-1: #94BFF3; |
|
| 43 |
+ --zenburn-blue: #8CD0D3; |
|
| 44 |
+ --zenburn-blue-1: #7CB8BB; |
|
| 45 |
+ --zenburn-blue-2: #6CA0A3; |
|
| 46 |
+ --zenburn-blue-3: #5C888B; |
|
| 47 |
+ --zenburn-blue-4: #4C7073; |
|
| 48 |
+ --zenburn-blue-5: #366060; |
|
| 49 |
+ --zenburn-magenta: #DC8CC3; |
|
| 50 |
+} |
|
| 51 |
+ |
|
| 52 |
+* {
|
|
| 53 |
+ box-sizing: border-box; |
|
| 54 |
+} |
|
| 55 |
+body, html {
|
|
| 56 |
+ margin: 0; |
|
| 57 |
+ padding: 0; |
|
| 58 |
+} |
|
| 59 |
+ |
|
| 60 |
+body {
|
|
| 61 |
+ --background: var(--zenburn-bg); |
|
| 62 |
+ --heading-background: var(--zenburn-bg-1); |
|
| 63 |
+ --foreground: var(--zenburn-fg); |
|
| 64 |
+ --accent: var(--zenburn-green); |
|
| 65 |
+ --accent-1: var(--zenburn-green-1); |
|
| 66 |
+ --accent-2: var(--zenburn-green-2); |
|
| 67 |
+ --accent-3: var(--zenburn-green-3); |
|
| 68 |
+ --accent-4: var(--zenburn-green-4); |
|
| 69 |
+ --accent-5: var(--zenburn-green-5); |
|
| 70 |
+ --link: var(--zenburn-blue); |
|
| 71 |
+ --visited: var(--zenburn-blue-3); |
|
| 72 |
+} |
|
| 73 |
+ |
|
| 74 |
+body {
|
|
| 75 |
+ background: var(--background); |
|
| 76 |
+ color: var(--foreground); |
|
| 77 |
+} |
|
| 78 |
+h1,h2,h3,h4,h5,h6 {
|
|
| 79 |
+ background: var(--heading-background); |
|
| 80 |
+ border-bottom: currentcolor; |
|
| 81 |
+} |
|
| 82 |
+h1 {color: var(--accent);}
|
|
| 83 |
+h2 {color: var(--accent-1);}
|
|
| 84 |
+h3 {color: var(--accent-2);}
|
|
| 85 |
+h4 {color: var(--accent-3);}
|
|
| 86 |
+h5 {color: var(--accent-4);}
|
|
| 87 |
+h6 {color: var(--accent-5);}
|
|
| 88 |
+a {color: var(--link);}
|
|
| 89 |
+a:visited {color: var(--visited);}
|
|
| 90 |
+ |
|
| 91 |
+h1,h2,h3,h4,h5,h6 {
|
|
| 92 |
+ padding: 0.5rem 1rem; |
|
| 93 |
+ font-family: sans-serif; |
|
| 94 |
+ font-size: 16px; |
|
| 95 |
+ margin: 0; |
|
| 96 |
+ margin-bottom: 0.5em; |
|
| 97 |
+ border: 0.1em; |
|
| 98 |
+ border-bottom: solid; |
|
| 99 |
+} |
|
| 100 |
+ |
|
| 101 |
+body {
|
|
| 102 |
+ display: grid; |
|
| 103 |
+ grid-template-areas: 'header header header header header' |
|
| 104 |
+ 'header header header header header' |
|
| 105 |
+ 'toc main main main main ' |
|
| 106 |
+ 'toc main main main main ' |
|
| 107 |
+ 'toc main main main main ' |
|
| 108 |
+ 'footer footer footer footer footer'; |
|
| 109 |
+ grid-gap: 0.1rem; |
|
| 110 |
+ min-height: 100vh; |
|
| 111 |
+ width: 100vw; |
|
| 112 |
+} |
|
| 113 |
+ |
|
| 114 |
+body > #content {
|
|
| 115 |
+ display: contents; |
|
| 116 |
+} |
|
| 117 |
+#content > .title {
|
|
| 118 |
+ grid-area: header; |
|
| 119 |
+ border: none; |
|
| 120 |
+ background: transparent; |
|
| 121 |
+ display: flex; |
|
| 122 |
+ justify-content: center; |
|
| 123 |
+ align-items: center; |
|
| 124 |
+ font-size: 2rem; |
|
| 125 |
+ padding: 0; |
|
| 126 |
+} |
|
| 127 |
+#content > #table-of-contents {
|
|
| 128 |
+ grid-area: toc; |
|
| 129 |
+} |
|
| 130 |
+#content > .outline-2 {
|
|
| 131 |
+ grid-area: span 4; |
|
| 132 |
+} |
|
| 133 |
+body > #postamble {
|
|
| 134 |
+ grid-area: footer; |
|
| 135 |
+ display: flex; |
|
| 136 |
+ justify-content: space-between; |
|
| 137 |
+ padding: 0.25em 0.5em; |
|
| 138 |
+} |