Exodus
migrating the webpage to this new avatar
Table of Contents
Basics
TODO preamble/postamble
[X]
write elisp code to modifyorg-html-preamble
in its own file.[ ]
add this file to org-babel-ingest. (how on earth does this work??)
[X]
write elisp code to resetorg-html-preamble
tot
.
DONE postamble
[X]
craft a postamble[X]
add toonlogo.el
[X]
add resetter toofflogo.el
TODO colour selection
[X]
create a somewhat clean CSS file[ ]
create at least two schemes – a lightmode/dark mode.- there's a concept of variables in CSS, maybe this can be for scheming colours.
[X]
change linkref colours, for visited and unvisited links. (depends heavilt on colour scheme)
CSS has classes and IDs. IDs can be used for something very specific, while classes can be used all over the place. Tried creating an id called logo, not inherited from the pre-class. This backfired -- scanlines appeared. So will revert to what worked. pre.logo
DONE font selection
[X]
choose fonts: one each of serif, sans serif, and monospace.[X]
choose which fonts are needed for each of the pages.[X]
add html header to deploy said fonts to each page.
tried working with some Google Fonts. It's hard to get it right, and it changes things subtly. I am giving up on it. For now.
DONE #+SETUPFILE
a setupfile imports org-specific settings from an external file. this makes it easier to create templates for composing new pages.
[X]
create a SETUPFILE[X]
invoke SETUPFILE
DONE size issues
getting the margins right is important. do not want the text to span too long across the screen – it needs to be just right.
after several disturbing compromises, I have arrived at the current solution. some of the places to look for these changes are:
#content
everything apart from the preamble falls into the ambit of thecontent
ID. I have set this to a max-width of 80%. I have also set the body to a width of 90
DONE testing!
[X]
test all the usual org-mode suspects, and modify CSS if necessary[X]
<q: QUOTE
"Curiously enough, the only thing that went through the mind of the bowl of petunias as it fell was Oh no, not again. Many people have speculated that if we knew exactly why the bowl of petunias had thought that we would know a lot more about the nature of the Universe than we do now."
[X]
<v: VERSE
Why this sudden bewilderment, this confusion?
(How serious people’s faces have become.)
Why are the streets and squares emptying so rapidly,
everyone going home lost in thought?
Because night has fallen and the barbarians haven't come.
And some of our men just in from the border say
there are no barbarians any longer.
Now what’s going to happen to us without barbarians?
Those people were a kind of solution.
[X]
<s: SOURCE
pre.src { position: relative; overflow: auto; padding-top: 1.2em; }
[X]
<c: CENTER
line 1
line 2 which is longer
line 3
fin
[X]
<e: EXAMPLE
cheesesteakjimmys how do you turn this on robinhood e=mc2nuketrooper
[X]
tables (take a snippet from TWITB)
SONG | ARTIST | ALBUM |
---|---|---|
Bones | Lazlo Hollyfeld | The Pacer EP |
Twentytwofourteen | The Album Leaf | In A Safe Place |
The Swimmer | Phil France | The Swimmer |
Spring I | Rat & Co | Spring I & II |
grunting and walking around in a circle | Lateduster | Easy Pieces |
Last Known Position (Extended Version) | Ryan Teague | Last Known Position |
Swept | Kiasmos | Swept EP |
Aquarium | Nosaj Thing | Views/Octopus EP |
8 Frame | The Books | Music For A French Elevator and Other Oddities |
Pulse | Shigeto | Intermission |
Seven | Mr Cooper | Amongst Strangers |
The Day Breaks | 40 Winks | It's The Trip |
Melancholia (Bonus) | 40 Winks | Sound Puzzle |
Afloat | Holographic Field | Window Gazer |
- pray nothing breaks.
TODO Migration
[ ]
move existing files inpublic_html
topublic_html/old
[ ]
modify each file locally to usesetupfile
andheader.css
[ ]
renameheader.css
to reflect the colour scheme
[ ]
push to server[ ]
delete/relocate old content[ ]
back up source files in the server
TODO Finetuning
[ ]
recreateindex.html
(I have no idea what I want there)[ ]
create a sitemap[ ]
CSS changes for poetry:[ ]
boxes around poems[ ]
IM Fell font?[ ]
colour scheme (more mellow)
TODO Highly ambitious
[ ]
create an icon[ ]
serve plain text versions of pages?[ ]
change text highlight colour (wtf, I don't even want to do that. anyway …)