Org html export, slightly round image corners
+ re-indent, + use github media link for LFS image files
This commit is contained in:
parent
69a89b908e
commit
48b800559b
176
config.org
176
config.org
|
@ -48,6 +48,7 @@ externally setup (i.e. outside of this config).
|
|||
Oh, did I mention that I started this config when I didn't know any =elisp=, and
|
||||
this whole thing is a hack job? If you can suggest any improvements, please do
|
||||
so, no matter how much critisism you include I'll appreciate it :)
|
||||
|
||||
[[xkcd:1513]]
|
||||
*** Extra Requirements
|
||||
The lovely ~doom doctor~ is good at diagnosing most missing things, but here are a
|
||||
|
@ -90,6 +91,9 @@ and the repository exists.
|
|||
With my [[*Calc][Calc]] hook, the first call of =M-x calc= brings up a compilation buffer
|
||||
from CalcTeX. I'm guessing this is from the compilation of the preamble / ~.fmt~ file.
|
||||
** Editor comparison
|
||||
|
||||
[[xkcd:378]]
|
||||
|
||||
Over the years I have tried out (spent at least a year using as my primary
|
||||
editor) the following applications
|
||||
- Python IDLE
|
||||
|
@ -98,7 +102,7 @@ editor) the following applications
|
|||
- VSCode
|
||||
- and now, Emacs
|
||||
|
||||
[[xkcd:378]]
|
||||
I have attempted to quantify aspects of my impressions of them below.
|
||||
|
||||
#+PLOT: transpose:yes type:radar min:0 max:4 ticks:4 file:"misc/editor-comparison.png"
|
||||
| Editor | Extensibility | Ecosystem | Ease of Use | Comfort | Completion | Performance |
|
||||
|
@ -109,7 +113,7 @@ editor) the following applications
|
|||
| VSCode | 3 | 3 | 4 | 3.5 | 4 | 3 |
|
||||
| Emacs | 4 | 4 | 2 | 4 | 3.5 | 3 |
|
||||
|
||||
[[file:misc/editor-comparison.png]]
|
||||
[[https://media.githubusercontent.com/media/tecosaur/emacs-config/master/misc/editor-comparison.png]]
|
||||
* Rudimentary configuration
|
||||
Make this file run (slightly) faster with lexical binding (see [[https://nullprogram.com/blog/2016/12/22/][this blog post]]
|
||||
for more info).
|
||||
|
@ -1001,7 +1005,7 @@ I really like org mode, I've given some thought to why, and below is the result.
|
|||
| Markdown | 1 | 3 | 3 | 4 | 3 | 3 | 1 |
|
||||
| Markdown + Pandoc | 2.5 | 2.5 | 2.5 | 3 | 3 | 3 | 2 |
|
||||
|
||||
[[file:misc/document-format-comparison.png]]
|
||||
[[https://media.githubusercontent.com/media/tecosaur/emacs-config/master/misc/document-format-comparison.png]]
|
||||
|
||||
*** System config
|
||||
Org mode isn't recognised as it's own mime type by default, but that can easily
|
||||
|
@ -2532,22 +2536,22 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
|||
<script type='text/javascript' src='https://fniessen.github.io/org-html-themes/styles/readtheorg/js/readtheorg.js'></script>
|
||||
|
||||
<style>
|
||||
pre.src {
|
||||
pre.src {
|
||||
background-color: var(--theme-bg);
|
||||
color: var(--theme-fg);
|
||||
scrollbar-color:#bbb6#9992;
|
||||
scrollbar-width: thin;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
div.org-src-container {
|
||||
}
|
||||
div.org-src-container {
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 24px;
|
||||
margin-top: 1px;
|
||||
border: 1px solid#e1e4e5;
|
||||
}
|
||||
pre.src::before {
|
||||
}
|
||||
pre.src::before {
|
||||
background-color:#6666;
|
||||
top: 8px;
|
||||
border: none;
|
||||
|
@ -2556,23 +2560,23 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
|||
border: 2px solid var(--theme-bg);
|
||||
opacity: 0;
|
||||
transition: opacity 200ms;
|
||||
}
|
||||
pre.src:hover::before { opacity: 1; }
|
||||
pre.src:active::before { opacity: 0; }
|
||||
}
|
||||
pre.src:hover::before { opacity: 1; }
|
||||
pre.src:active::before { opacity: 0; }
|
||||
|
||||
pre.example {
|
||||
pre.example {
|
||||
border-radius: 12px;
|
||||
background: var(--theme-bg-alt);
|
||||
color: var(--theme-fg);
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
code {
|
||||
border-radius: 5px;
|
||||
background:#e8e8e8;
|
||||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
kbd {
|
||||
kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 80% SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
|
@ -2584,45 +2588,45 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
|||
border: 1px solid#d1d5da;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0#d1d5da;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
table {
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(#d8dce9, #d8dce9);
|
||||
background-position: 0% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0% 2px;
|
||||
transition: background-size .3s;
|
||||
}
|
||||
\#table-of-contents a {
|
||||
background-image: none;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
background-size: 100% 2px;
|
||||
}
|
||||
a[href^='#'] { font-variant-numeric: oldstyle-nums; }
|
||||
a[href^='#']:visited { color:#3091d1; }
|
||||
a {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(#d8dce9, #d8dce9);
|
||||
background-position: 0% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0% 2px;
|
||||
transition: background-size .3s;
|
||||
}
|
||||
\#table-of-contents a {
|
||||
background-image: none;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
background-size: 100% 2px;
|
||||
}
|
||||
a[href^='#'] { font-variant-numeric: oldstyle-nums; }
|
||||
a[href^='#']:visited { color:#3091d1; }
|
||||
|
||||
li .checkbox {
|
||||
display: inline-block;
|
||||
width: 0.9em;
|
||||
height: 0.9em;
|
||||
border-radius: 3px;
|
||||
margin: 3px;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
}
|
||||
li.on > .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
|
||||
li.trans > .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
|
||||
li.off > .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
|
||||
li.on > .checkbox::after {
|
||||
li .checkbox {
|
||||
display: inline-block;
|
||||
width: 0.9em;
|
||||
height: 0.9em;
|
||||
border-radius: 3px;
|
||||
margin: 3px;
|
||||
top: 4px;
|
||||
position: relative;
|
||||
}
|
||||
li.on > .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
|
||||
li.trans > .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
|
||||
li.off > .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
|
||||
li.on > .checkbox::after {
|
||||
content: '';
|
||||
height: 0.45em;
|
||||
width: 0.225em;
|
||||
|
@ -2635,45 +2639,49 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
|
|||
left: 0.10em;
|
||||
top: 0.45em;
|
||||
position: absolute;
|
||||
}
|
||||
li.trans > .checkbox::after {
|
||||
content: '';
|
||||
font-weight: bold;
|
||||
font-size: 1.6em;
|
||||
position: absolute;
|
||||
top: 0.23em;
|
||||
left: 0.09em;
|
||||
width: 0.35em;
|
||||
height: 0.12em;
|
||||
background:#fff;
|
||||
opacity: 0.9;
|
||||
border-radius: 0.1em;
|
||||
}
|
||||
li.off > .checkbox::after {
|
||||
content: '✖';
|
||||
color:#fff;
|
||||
opacity: 0.9;
|
||||
position: relative;
|
||||
top: -0.40rem;
|
||||
left: 0.17em;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
}
|
||||
li.trans > .checkbox::after {
|
||||
content: '';
|
||||
font-weight: bold;
|
||||
font-size: 1.6em;
|
||||
position: absolute;
|
||||
top: 0.23em;
|
||||
left: 0.09em;
|
||||
width: 0.35em;
|
||||
height: 0.12em;
|
||||
background:#fff;
|
||||
opacity: 0.9;
|
||||
border-radius: 0.1em;
|
||||
}
|
||||
li.off > .checkbox::after {
|
||||
content: '✖';
|
||||
color:#fff;
|
||||
opacity: 0.9;
|
||||
position: relative;
|
||||
top: -0.40rem;
|
||||
left: 0.17em;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
span.timestamp {
|
||||
color: #003280;
|
||||
background: #647CFF44;
|
||||
border-radius: 3px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
span.timestamp {
|
||||
color: #003280;
|
||||
background: #647CFF44;
|
||||
border-radius: 3px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
\#table-of-contents { overflow-y: auto; }
|
||||
blockquote p { margin: 8px 0px 16px 0px; }
|
||||
\#postamble .date { color: var(--theme-green); }
|
||||
\#content img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { width: 10px; height: 8px; }
|
||||
::-webkit-scrollbar-track { background:#9992; }
|
||||
::-webkit-scrollbar-thumb { background:#ccc; border-radius: 10px; }
|
||||
::-webkit-scrollbar-thumb:hover { background:#888; }
|
||||
\#table-of-contents { overflow-y: auto; }
|
||||
blockquote p { margin: 8px 0px 16px 0px; }
|
||||
\#postamble .date { color: var(--theme-green); }
|
||||
|
||||
::-webkit-scrollbar { width: 10px; height: 8px; }
|
||||
::-webkit-scrollbar-track { background:#9992; }
|
||||
::-webkit-scrollbar-thumb { background:#ccc; border-radius: 10px; }
|
||||
::-webkit-scrollbar-thumb:hover { background:#888; }
|
||||
</style>
|
||||
#+END_SRC
|
||||
#+NAME: orgHtmlScript
|
||||
|
|
Loading…
Reference in New Issue