CSS
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
[[./w47-2025.org][Previous]] | [[./index.org][Index]]
|
||||
#+END_CENTER
|
||||
* Journal Week 48, 2025
|
||||
** Monday, 27th November :journal:
|
||||
** Thursday, 27th November :journal:
|
||||
:PROPERTIES:
|
||||
:DAILIES-YEAR: 2025
|
||||
:DAILIES-DAY: 331
|
||||
@@ -50,3 +50,43 @@ Gonna start cold emailing for employment leads today... nervous as hell, not gon
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-reading
|
||||
:END:
|
||||
|
||||
** Friday, 28th November :journal:
|
||||
:PROPERTIES:
|
||||
:DAILIES-YEAR: 2025
|
||||
:DAILIES-DAY: 332
|
||||
:END:
|
||||
*** YES Journal :jentry:
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-blogging
|
||||
:END:
|
||||
A new day! I'm on schedule today. My partner made pancakes for breakfast, so I'm happy.
|
||||
*** Habits :autocollapse:habits:
|
||||
**** NO Meditation
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-meditation
|
||||
:END:
|
||||
**** NO Drawing
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-drawing
|
||||
:END:
|
||||
**** YES Engineering
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-engineering
|
||||
:END:
|
||||
**** YES French
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-french
|
||||
:END:
|
||||
**** YES Social
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-social
|
||||
:END:
|
||||
**** YES Exercise
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-exercise
|
||||
:END:
|
||||
**** NO Reading
|
||||
:PROPERTIES:
|
||||
:CUSTOM_ID: dailies-reading
|
||||
:END:
|
||||
|
||||
@@ -1,43 +1,42 @@
|
||||
#+title: Productivity
|
||||
#+MACRO: c @@html: <span class="row-color-$1" />@@
|
||||
|
||||
* Productivity Notes
|
||||
** Current Daily Schedule
|
||||
|---------+----------------------|
|
||||
| _Time_ | _Activity_ |
|
||||
|---------+----------------------|
|
||||
| *08:00* | Morning Ritual |
|
||||
| | Breakfast |
|
||||
| | Morning Walk |
|
||||
|---------+----------------------|
|
||||
| *09:30* | Daily Prep |
|
||||
| | Create Journal Entry |
|
||||
|---------+----------------------|
|
||||
| *10:00* | French Grammar |
|
||||
|---------+----------------------|
|
||||
| *10:30* | Lead Generation |
|
||||
|---------+----------------------|
|
||||
| *11:00* | Work |
|
||||
|---------+----------------------|
|
||||
| *13:00* | French Reading |
|
||||
|---------+----------------------|
|
||||
| *13:30* | Lunch Break |
|
||||
| | Afternoon Exercise |
|
||||
| | Meditation |
|
||||
|---------+----------------------|
|
||||
| *15:00* | Emails |
|
||||
|---------+----------------------|
|
||||
| *15:15* | Work |
|
||||
|---------+----------------------|
|
||||
| *18:00* | Chores |
|
||||
|---------+----------------------|
|
||||
| *19:00* | Dinner |
|
||||
|---------+----------------------|
|
||||
| *20:30* | Journaling |
|
||||
|---------+----------------------|
|
||||
| *21:00* | French Vocab |
|
||||
|---------+----------------------|
|
||||
| *21:30* | Free |
|
||||
|---------+----------------------|
|
||||
|----------------------------+--------------------------|
|
||||
| _Time_ | _Activity_ |
|
||||
|----------------------------+--------------------------|
|
||||
| *08:00* {{{c(green4)}}} | Morning Ritual |
|
||||
| | Breakfast |
|
||||
| | Morning Walk |
|
||||
|----------------------------+--------------------------|
|
||||
| *09:30* {{{c(grey4)}}} | Daily Prep |
|
||||
| | Create Journal Entry |
|
||||
|----------------------------+--------------------------|
|
||||
| *10:00* {{{c(purple4)}}} | French Grammar |
|
||||
|----------------------------+--------------------------|
|
||||
| *10:30* {{{c(blue4)}}} | Lead Generation |
|
||||
|----------------------------+--------------------------|
|
||||
| *11:00* {{{c(blue4)}}} | Work |
|
||||
|----------------------------+--------------------------|
|
||||
| *13:00* {{{c(purple4)}}} | French Reading |
|
||||
|----------------------------+--------------------------|
|
||||
| *13:30* {{{c(green4)}}} | Lunch Break |
|
||||
| | Afternoon Exercise |
|
||||
| | Meditation |
|
||||
|----------------------------+--------------------------|
|
||||
| *15:00* {{{c(blue4)}}} | Emails |
|
||||
|----------------------------+--------------------------|
|
||||
| *15:15* {{{c(blue4)}}} | Work |
|
||||
|----------------------------+--------------------------|
|
||||
| *18:00* {{{c(grey4)}}} | Chores |
|
||||
|----------------------------+--------------------------|
|
||||
| *19:00* {{{c(green4)}}} | Dinner |
|
||||
|----------------------------+--------------------------|
|
||||
| *20:00* {{{c(purple4)}}} | Journaling, French Vocab |
|
||||
|----------------------------+--------------------------|
|
||||
| *20:45* {{{c(green4)}}} | Free |
|
||||
|----------------------------+--------------------------|
|
||||
|
||||
** Activity Notes
|
||||
*** French
|
||||
|
||||
@@ -560,7 +560,6 @@ Style the cells, set legible text color, outline clickable:
|
||||
#+END_SRC
|
||||
|
||||
|
||||
|
||||
*** Header Collapsing :autocollapse:
|
||||
Sections can be expanded and collapsed by clicking on their headers; this will assign =.orgjq-expanded= and =.orgjq-contracted= CSS classes as appropriate. Headers with the =:autocollapse:= tag will be collapsed by default (like this section).
|
||||
#+BEGIN_SRC css :tangle ../html/static/style.css
|
||||
@@ -740,6 +739,72 @@ document.addEventListener('DOMContentLoaded', enableFootnotes);
|
||||
box-shadow: 1px 1px 1px var(--grey2);
|
||||
}
|
||||
#+END_SRC
|
||||
*** Colored Table Rows :autocollapse:
|
||||
By adding some invisible helper elements like so:
|
||||
#+BEGIN_SRC org
|
||||
,#+MACRO: c @@html: <span class="row-color-$1" />@@
|
||||
| Cool colors: |
|
||||
|-------------------------|
|
||||
| Red {{{c(red4)}}} |
|
||||
|-------------------------|
|
||||
| Green {{{c(green4)}}} |
|
||||
|-------------------------|
|
||||
| Blue {{{c(blue4)}}} |
|
||||
|-------------------------|
|
||||
| Purple {{{c(purple4)}}} |
|
||||
|-------------------------|
|
||||
| Grey {{{c(grey4)}}} |
|
||||
|-------------------------|
|
||||
#+END_SRC
|
||||
|
||||
We can color table rows like so:
|
||||
#+MACRO: c @@html: <span class="row-color-$1" />@@
|
||||
| Cool colors: |
|
||||
|-------------------------|
|
||||
| Red {{{c(red4)}}} |
|
||||
|-------------------------|
|
||||
| Green {{{c(green4)}}} |
|
||||
|-------------------------|
|
||||
| Blue {{{c(blue4)}}} |
|
||||
|-------------------------|
|
||||
| Purple {{{c(purple4)}}} |
|
||||
|-------------------------|
|
||||
| Grey {{{c(grey4)}}} |
|
||||
|-------------------------|
|
||||
|
||||
**** CSS :autocollapse:
|
||||
#+BEGIN_SRC css :tangle ../html/static/style.css
|
||||
tbody:has(.row-color-green1) { background-color: var(--green1); }
|
||||
tbody:has(.row-color-green2) { background-color: var(--green2); }
|
||||
tbody:has(.row-color-green3) { background-color: var(--green3); }
|
||||
tbody:has(.row-color-green4) { background-color: var(--green4); }
|
||||
tbody:has(.row-color-green5) { background-color: var(--green5); }
|
||||
|
||||
tbody:has(.row-color-red1) { background-color: var(--red1); }
|
||||
tbody:has(.row-color-red2) { background-color: var(--red2); }
|
||||
tbody:has(.row-color-red3) { background-color: var(--red3); }
|
||||
tbody:has(.row-color-red4) { background-color: var(--red4); }
|
||||
tbody:has(.row-color-red5) { background-color: var(--red5); }
|
||||
|
||||
tbody:has(.row-color-blue1) { background-color: var(--blue1); }
|
||||
tbody:has(.row-color-blue2) { background-color: var(--blue2); }
|
||||
tbody:has(.row-color-blue3) { background-color: var(--blue3); }
|
||||
tbody:has(.row-color-blue4) { background-color: var(--blue4); }
|
||||
tbody:has(.row-color-blue5) { background-color: var(--blue5); }
|
||||
|
||||
tbody:has(.row-color-purple1) { background-color: var(--purple1); }
|
||||
tbody:has(.row-color-purple2) { background-color: var(--purple2); }
|
||||
tbody:has(.row-color-purple3) { background-color: var(--purple3); }
|
||||
tbody:has(.row-color-purple4) { background-color: var(--purple4); }
|
||||
tbody:has(.row-color-purple5) { background-color: var(--purple5); }
|
||||
|
||||
tbody:has(.row-color-grey1) { background-color: var(--grey1); }
|
||||
tbody:has(.row-color-grey2) { background-color: var(--grey2); }
|
||||
tbody:has(.row-color-grey3) { background-color: var(--grey3); }
|
||||
tbody:has(.row-color-grey4) { background-color: var(--grey4); }
|
||||
tbody:has(.row-color-grey5) { background-color: var(--grey5); }
|
||||
#+END_SRC
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user