Implementation Notes
1 Tmp
1.1 TOC
this is a great example: https://johtela.github.io/vscode-modaledit/docs/.vscode/settings.html
1.2 article progress
1.3 moving tool tip
very interesting, see demo at https://www.knopper.net/
And also this: http://tomasp.net/blog/2018/write-your-own-excel/
1.4 lisppaste style https://common-lisp.net/project/mcclim/
An interesting lisp code style that hover different levels and show background color for different levels. The core css snippets:
/* Stolen from lisppaste for the colorize output of 3bmd */ .paste { background-color: #F4F4F4; color: black; } .paste:hover { background-color: #F4F4F4; color: black; } .symbol { color : #770055; background-color : transparent; border: 0px; margin: 0px;} .special { color : #FF5000; background-color : inherit; } .keyword {color : #770000;background-color : inherit;} .comment { color : #007777; background-color : inherit; } .string { color : #777777; background-color : inherit; } .atom { color : #314F4F; background-color : inherit; } .macro { color : #FF5000; background-color : inherit; } .variable { color : #36648B; background-color : inherit; } .function { color : #8B4789; background-color : inherit; } .attribute { color : #FF5000; background-color : inherit; } .character { color : #0055AA; background-color : inherit; } .syntaxerror { color : #FF0000; background-color : inherit; } .diff-deleted { color : #5F2121; background-color : inherit; } .diff-added { color : #215F21; background-color : inherit; } span.paren1 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren1:hover { color : inherit; background-color : #BAFFFF; } span.paren2 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren2:hover { color : inherit; background-color : #FFCACA; } span.paren3 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren3:hover { color : inherit; background-color : #FFFFBA; } span.paren4 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren4:hover { color : inherit; background-color : #CACAFF; } span.paren5 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren5:hover { color : inherit; background-color : #CAFFCA; } span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren6:hover { color : inherit; background-color : #FFBAFF; }
2 TODOs
2.1 wiki internal/external links
2.1.1 DONE styling
2.1.2 js file to change target=blank
Tensorflow page https://www.tensorflow.org/install/docker has the following
a[href*="oracle.com"]::after, a.external::after content: "open_in_new" font: normal normal normal 24px/1 "Material Icons" font-size: 18px margin: 0 0 0 4px vertical-align: text-bottom
2.1.3 change links to have name
2.2 wiki quotation author
2.3 blog create and last modify time, modify history
2.4 TODO https://ambrevar.xyz/ org-publish and last-update is interesting