[Org] Repository for my personal website.
Renaming color variables.
resources/css.org
@@ -71,8 +71,8 @@
71
71
#+NAME: colors
72
72
#+BEGIN_SRC css
73
73
:root {
74
Removed:
--topnav: dodgerblue;
75
Removed:
--topnav-menu: royalblue;
74
Added:
--main: dodgerblue;
75
Added:
--accent: royalblue;
76
76
}
77
77
#+END_SRC
78
78
@@ -84,21 +84,21 @@
84
84
#+BEGIN_SRC css
85
85
.todo { background: tomato; }
86
86
.done { background: forestgreen; }
87
Removed:
.timestamp { background: var(--topnav); }
88
Removed:
.title { background: var(--topnav); }
89
Removed:
#topnav { background: var(--topnav); }
90
Removed:
.button { background: var(--topnav-menu); }
91
Removed:
#topnav #hamburger { background: var(--topnav-menu); }
87
Added:
.timestamp { background: var(--main); }
88
Added:
.title { background: var(--main); }
89
Added:
#topnav { background: var(--main); }
90
Added:
.button { background: var(--accent); }
91
Added:
#topnav #hamburger { background: var(--accent); }
92
92
#topnav #hamburger:hover { background: white; }
93
Removed:
#topnav #hamburger:hover .line { background: var(--topnav); }
93
Added:
#topnav #hamburger:hover .line { background: var(--main); }
94
94
#topnav .button:hover { background: white; }
95
95
#shadow { background: black; }
96
Removed:
thead { background: var(--topnav); }
96
Added:
thead { background: var(--main); }
97
97
#topnav ul a:hover { background: white; }
98
Removed:
#org-div-home-and-up { background: var(--topnav); }
99
Removed:
#postamble { background: var(--topnav); }
100
Removed:
#outline-container-main-content
101
Removed:
.outline-3 { background: var(--topnav); }
98
Added:
#org-div-home-and-up { background: var(--main); }
99
Added:
#org-div-home-and-up a:hover { background: white; }
100
Added:
#postamble { background: var(--main); }
101
Added:
#outline-container-main-content .outline-3 { background: white; }
102
102
#+END_SRC
103
103
104
104
@@ -112,11 +112,13 @@
112
112
.subtitle { color: lightgray; }
113
113
.button { color: white; }
114
114
#topnav #hamburger { color: white; }
115
Removed:
#topnav #hamburger:hover { color: var(--topnav-menu); }
116
Removed:
#topnav .button:hover { color: var(--topnav-menu); }
115
Added:
#topnav #hamburger:hover { color: var(--accent); }
116
Added:
#topnav .button:hover { color: var(--accent); }
117
117
#topnav ul a { color: white; }
118
Removed:
#topnav ul a:hover { color: var(--topnav-menu); }
119
Removed:
#org-div-home-and-up { color: white; }
118
Added:
#topnav ul a:hover { color: var(--accent); }
119
Added:
#org-div-home-and-up,
120
Added:
#org-div-home-and-up a { color: white; }
121
Added:
#org-div-home-and-up a:hover { color: var(--accent); }
120
122
#postamble { color: white; }
121
123
thead { color: white; }
122
124
#+END_SRC
@@ -241,6 +243,7 @@
241
243
max-width: 12em;
242
244
padding: 0 1em;
243
245
border-radius: 8px;
246
Added:
border: 3px solid var(--main);
244
247
}
245
248
#+end_src
246
249
@@ -262,10 +265,21 @@
262
265
#+END_SRC
263
266
264
267
265
Removed:
** TODO `Home' and `Up' links
268
Added:
** `Home' and `Up' links
266
269
267
270
#+BEGIN_SRC css
268
Removed:
#org-div-home-and-up {}
271
Added:
#org-div-home-and-up {
272
Added:
position: sticky;
273
Added:
top: 0;
274
Added:
z-index: 100;
275
Added:
padding: 0.5em;
276
Added:
font-size: large;
277
Added:
}
278
Added:
#org-div-home-and-up a {
279
Added:
text-decoration: none;
280
Added:
padding: 0.5em;
281
Added:
font-family: "Jost", sans-serif;
282
Added:
}
269
283
#+END_SRC
270
284
271
285
@@ -326,7 +340,7 @@
326
340
#+BEGIN_SRC css
327
341
thead {
328
342
position: sticky;
329
Removed:
top: 0;
343
Added:
top: 2.6rem;
330
344
}
331
345
#+END_SRC
332
346
@@ -334,17 +348,30 @@
334
348
** Images
335
349
336
350
#+BEGIN_SRC css
337
Removed:
.figure img { max-width: 100%; min-width: 30%; }
351
Added:
.figure img { max-width: 100%; min-width: 30%; }
338
352
#+END_SRC
339
353
340
354
341
Removed:
*** TODO Hero images
355
Added:
*** TODO Homepage images
342
356
357
Added:
This whole section not necessarily needed.
358
Added:
359
Added:
**** Hero images
360
Added:
343
361
#+BEGIN_SRC css
344
362
/* .figure { style max-width: 100%; min-width: 30%; } */
345
363
#+END_SRC
346
364
347
365
366
Added:
**** Main card images
367
Added:
368
Added:
#+BEGIN_SRC css
369
Added:
/* #outline-container-main-content .outline-3 img { */
370
Added:
/* max-height: 10em; */
371
Added:
/* } */
372
Added:
#+END_SRC
373
Added:
374
Added:
348
375
** Workflow states
349
376
350
377
Here, we define styling for TODO, DONE and other workflow state
@@ -667,7 +694,7 @@
667
694
#topnav ul {
668
695
position: absolute;
669
696
flex-direction: column;
670
Removed:
background: var(--topnav);
697
Added:
background: var(--main);
671
698
height: calc(100vh - 3.5em);
672
699
top: 3.5em;
673
700
padding: 0 0.5em;