wiki.squeak was invented when the Web was totally different, Flash ruling the planet and Java Applets where still a cool thing. Nowadays HTML pages eastetics is controlled by CSS and their dynamics by Javascript. Java Applets and Flash are gone.
I will do my best to implement a clean and light style for this web site. The administrator will see if to use it or not on a global scale for all pages.
UPDATE [nov-2019] Since I first started writing this notes I realized there is something more important than asthetics to solve in the Swiki: improve the search.
TODO LIST
Test injecting CSS. => Read the first line of this wiki page code to see how I do it.
Test injecting my Javascript code.
Proper Code formatting
Code font must be monospace. I will use DejavuSans Mono.
Results must be shown in a different font/color than input code.
default font, chose a nice one. Not too fancy, not too old possibly.
default Interline.
default margin left and right.
default list items vertical spacing.
default list right alignment (re-entering).
let's see how it look like
also with lorem ipsum
but also tizio caio sempronio
and mavio mavia mavietta
write somwehre a table of the CSS elements defined.
space under "last updated" line. unfortunately this is a `div` with inlined CSS. We can't override it easily => Need Javascript to automate this.
extend the wiki sitax to manage CODE, eaither inlined or multilined. The syntax I prefer is backqoute. It will be implemented in Javascript to avoid server side stuff.
First level of code transform
In this case we just add a `div` to the code block, to style them.
ATTENTION. Extra spaces are harmful. The transofrmation must be as the code below.
NOTE. The transformation will be made by JS.
I would really like the code to be highlighted as in Squeak. Implementing a parser in JS is too much work. I will try to offload the code make-up to an external website. TODO.