cmc/cleberg.net

My personal web garden & blog. blog personal website https://cleberg.net

Commit dcf0186e16

dcf0186e16b6ac8f0e00a3aeb9734421ce548177

parent: 70abefc0a6

Unsigned

cmc <hello@cleberg.net> · 2023-12-03 05:27 UTC 

feat: update site theme and minify css

Layout: unified · split

static/styles.css +126 −118
@@ -1,169 +1,177 @@
1@media (prefers-reduced-motion:no-preference) {
2 :root {
3 scroll-behavior: smooth;
1@media (prefers-reduced-motion: no-preference) {
2 :root {
3 scroll-behavior: smooth;
44 }
55}
66
7body {
8 background-color: hsl(0, 0%, 100%);
9 color: hsl(0, 0%, 5%);
10 font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
11 font-size: 1rem;
12 line-height: 1.5;
13 max-width: 45em;
14 margin: 0 auto;
15 padding: 0 1rem;
7body {
8 background-color: #282828;
9 color: #ebdbb2;
10 font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
11 font-size: 1rem;
12 line-height: 1.5;
13 max-width: 45em;
14 margin: 0 auto;
15 padding: 0 1rem;
1616}
1717
18a, a:visited {
19 color: hsl(240, 100%, 35%);
20 text-decoration: none;
18nav,
19footer {
20 border-color: #ebdbb2;
2121}
2222
23a:hover {
24 background-color: hsl(240, 100%, 35%);
25 color: hsl(0, 0%, 100%);
23h1 {
24 color: #458588;
2625}
2726
28#preamble {
29 padding: 1rem 0;
27h2 {
28 color: #d79921;
3029}
3130
32#preamble nav a {
33 margin-right: 0.5rem;
31h3 {
32 color: #b16286;
3433}
3534
36#postamble {
37 border-top: 1px solid #000;
38 margin-top: 1rem;
35h4 {
36 color: #cc241d;
3937}
4038
41img {
42 width: 100%;
39h1::before {
40 content: "* ";
4341}
4442
45table {
46 border-collapse: collapse;
43h2::before {
44 content: "** ";
4745}
4846
49thead, th, tr, td {
50 border: 1px solid hsl(0, 100%, 5%);
51 padding: 0.25rem;
47h3::before {
48 content: "*** ";
5249}
5350
54pre > code, time, code {
55 font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
56 font-size: 1rem;
51h4::before {
52 content: "**** ";
5753}
5854
59pre {
60 padding: 0.5rem;
61 margin: 0.5rem 0;
62 border: 1px solid #0d0d0d;
63 overflow-x: auto;
55a,
56a:visited {
57 color: #689d6a;
58 text-decoration: underline;
6459}
6560
66:not(pre)>code {
67 background-color: hsl(240, 100%, 85%);
68 border: 1px solid
69 hsl(240, 100%, 85%);
70 border-radius: 0;
71 color: hsl(0, 0%, 5%);
72 padding: 0
73 0.25rem;
61a:hover {
62 background-color: #689d6a;
63 color: #282828;
7464}
7565
76aside {
77 background-color: hsl(0, 0%, 85%);
78 padding: 1rem;
66#preamble {
67 padding: 1rem 0;
7968}
8069
81blockquote {
82 background-color: hsl(0, 0%, 85%);
83 border-left: 5px solid hsl(240, 100%, 35%);
84 color: hsl(0, 0%, 5%);
85 padding: 1rem;
86 margin: 1rem 0;
70#preamble nav a {
71 margin-right: 0.5rem;
8772}
8873
89blockquote p {
90 margin: 0;
74#postamble {
75 border-top: 1px solid #000;
76 margin-top: 1rem;
9177}
9278
93.footnote-definition {
94 display: flex;
95 justify-content: flex-start;
96 align-items: top;
97 margin: 1rem 0;
79img {
80 width: 100%;
9881}
9982
100.footnote-definition sup {
101 font-size: inherit;
102 top: 0;
103 line-height: inherit;
104 padding-right: .5rem;
83table {
84 border-collapse: collapse;
85 color: #ebdbb2;
86 border-color: #665c54;
10587}
10688
107.footnote-definition sup::after {
108 content: ".";
89thead,
90th,
91tr,
92td {
93 border: 1px solid #665c54;
94 padding: 0.25rem;
10995}
11096
111.footnote-definition p {
112 display: inline-block;
113 margin: 0;
97pre > code,
98time,
99code {
100 font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
101 font-size: 1rem;
114102}
115103
116@media (prefers-color-scheme: dark) {
117 body {
118 background-color: hsl(0, 0%, 5%);
119 color: hsl(0, 0%, 75%);
120 }
104pre {
105 margin: 0.5rem 0;
106 overflow-x: auto;
107}
121108
122 nav, footer {
123 border-color: hsl(0, 0%, 75%);
124 }
109pre::before,
110pre::after {
111 background-color: #504945;
112 display: block;
113 white-space: pre;
114}
125115
126 h1, h2, h3, h4, h5, h6 {
127 color: hsl(0, 0%, 85%);
128 }
116pre::before {
117 content: "#+BEGIN_SRC";
118}
129119
130 a, a:visited {
131 color: hsl(120, 100%, 45%);
132 }
120pre::after {
121 content: "#+END_SRC";
122}
133123
134 a:hover {
135 background-color: hsl(120, 100%, 45%);
136 color: hsl(0, 0%, 5%);
137 }
138 :not(pre)>code {
139 background-color: hsl(120, 100%, 35%);
140 border: 1px solid hsl(120, 100%, 35%);
141 border-radius: 0;
142 color: hsl(0, 0%, 5%);
143 padding: 0 0.25rem;
144 }
124:not(pre) > code {
125 color: #d79921;
126}
145127
146 aside {
147 background-color: hsl(0, 0%, 15%);
148 padding: 1rem;
149 }
128aside {
129 background-color: #504945;
130 padding: 1rem;
131}
150132
151 blockquote {
152 background-color: hsl(0, 0%, 15%);
153 border-left: 5px solid hsl(120, 100%, 25%);
154 color: hsl(0, 0%, 85%);
155 }
133blockquote {
134 margin: 1rem 0;
135}
156136
157 pre {
158 border: 1px solid hsl(0, 0%, 35%);
159 }
137blockquote p {
138 margin: 0;
139}
160140
161 table {
162 color: hsl(0, 0%, 75%);
163 border-color: hsl(0, 0%, 35%);
164 }
141blockquote::before,
142blockquote::after {
143 background-color: #504945;
144 display: block;
145 white-space: pre;
146}
165147
166 thead, th, tr, td {
167 border: 1px solid hsl(0, 0%, 35%);
168 }
148blockquote::before {
149 content: "#+BEGIN_QUOTE";
150}
151
152blockquote::after {
153 content: "#+END_QUOTE";
154}
155
156.footnote-definition {
157 display: flex;
158 justify-content: flex-start;
159 align-items: top;
160 margin: 1rem 0;
161}
162
163.footnote-definition sup {
164 font-size: inherit;
165 top: 0;
166 line-height: inherit;
167 padding-right: 0.5rem;
168}
169
170.footnote-definition sup::after {
171 content: ".";
172}
173
174.footnote-definition p {
175 display: inline-block;
176 margin: 0;
169177}
static/styles.min.css added +1
@@ -0,0 +1 @@
1@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:#282828;color:#ebdbb2;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}nav,footer{border-color:#ebdbb2}h1{color:#458588}h2{color:#d79921}h3{color:#b16286}h4{color:#cc241d}h1::before{content:"* "}h2::before{content:"** "}h3::before{content:"*** "}h4::before{content:"**** "}a,a:visited{color:#689d6a;text-decoration:underline}a:hover{background-color:#689d6a;color:#282828}#preamble{padding:1rem 0}#preamble nav a{margin-right:.5rem}#postamble{border-top:1px solid #000;margin-top:1rem}img{width:100%}table{border-collapse:collapse;color:#ebdbb2;border-color:#665c54}thead,th,tr,td{border:1px solid #665c54;padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{margin:.5rem 0;overflow-x:auto}pre::before,pre::after{background-color:#504945;display:block;white-space:pre}pre::before{content:"#+BEGIN_SRC"}pre::after{content:"#+END_SRC"}:not(pre)>code{color:#d79921}aside{background-color:#504945;padding:1rem}blockquote{margin:1rem 0}blockquote p{margin:0}blockquote::before,blockquote::after{background-color:#504945;display:block;white-space:pre}blockquote::before{content:"#+BEGIN_QUOTE"}blockquote::after{content:"#+END_QUOTE"}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}
\ No newline at end of file