UP | HOME

Implementation Notes

Table of Contents

1 Tmp

1.2 moving tool tip

1.3 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

[2018-08-29 δΈ‰ 04:38]