Add new article; Experiment with server
This commit is contained in:
parent
7c76f8b4d5
commit
e1d0c6a0ed
@ -9,9 +9,5 @@ www.jeffa.io {
|
||||
file_server {
|
||||
index index.html
|
||||
}
|
||||
rewrite @not_html {path}.html
|
||||
@not_html {
|
||||
not path *.html
|
||||
}
|
||||
}
|
||||
|
||||
|
103
www/basic.css
Normal file
103
www/basic.css
Normal file
@ -0,0 +1,103 @@
|
||||
/* Basic.css */
|
||||
|
||||
* {box-sizing: border-box}
|
||||
|
||||
:root{
|
||||
--sans: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
|
||||
--mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, 'Courier New', monospace;
|
||||
--c1:#0074d9;
|
||||
--c2:#eee;
|
||||
--c3:#f00;
|
||||
--c4:#000;
|
||||
--c5:#fff;
|
||||
--m1: 8px;
|
||||
--rc: 8px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--c2:#333;
|
||||
--c3:#1e1f20;
|
||||
--c4:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
||||
}
|
||||
|
||||
/* General settings */
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font: var(--sans);
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: var(--c3);
|
||||
color: var(--c4);
|
||||
}
|
||||
img, iframe {border: none; max-width: 100%}
|
||||
|
||||
a {color: var(--c1); text-decoration:none}
|
||||
|
||||
a:hover {color: var(--c1); text-decoration: underline}
|
||||
|
||||
pre {font: 1em/1.6 var(--mono); background: var(--c2); padding: 1em; overflow: auto}
|
||||
|
||||
code {font: 1em/1.6 var(--mono);}
|
||||
|
||||
blockquote {border-left: 5px solid var(--c2); padding: 1em 1.5em; margin: 0}
|
||||
|
||||
hr {border:0; border-bottom: 1px solid var(--c4)}
|
||||
|
||||
/* Headlines */
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {margin: 0.6em 0; font-weight: normal}
|
||||
|
||||
h1 {font-size: 2.625em; line-height: 1.2}
|
||||
|
||||
h2 {font-size: 1.625em; line-height: 1.2}
|
||||
|
||||
h3 {font-size: 1.3125em; line-height: 1.24}
|
||||
|
||||
h4 {font-size: 1.1875em; line-height: 1.23}
|
||||
|
||||
h5,h6 {font-size: 1em; font-weight:bold}
|
||||
|
||||
/* Table */
|
||||
|
||||
table {border-collapse: collapse; border-spacing: 0; margin:1em 0}
|
||||
|
||||
th, td {text-align: left; vertical-align: top; border: 1px solid; padding: 0.4em}
|
||||
|
||||
thead,tfoot {background: var(--c2)}
|
||||
|
||||
/* Rounded Corners*/
|
||||
|
||||
pre,code,input,select,textarea,button,img {border-radius: var(--rc)}
|
||||
|
||||
|
||||
/* Forms */
|
||||
|
||||
input, select, textarea {font-size: 1em; color:var(--c4); background: var(--c2); border: 0; padding: 0.6em}
|
||||
|
||||
button, input[type=submit], input[type=reset], input[type="button"] { -webkit-appearance: none; font-size: 1em; display: inline-block; color: var(--c5); background: var(--c1); border: 0; margin: 4px; padding: 0.6em; cursor: pointer; text-align: center}
|
||||
|
||||
button:hover, button:focus, input:hover, textarea:hover, select:hover {opacity: 0.8}
|
||||
|
||||
/* Infinite Grid */
|
||||
|
||||
section {display: flex; flex-flow: row wrap}
|
||||
|
||||
[style*="--c:"], section>section, aside, article {flex:var(--c,1); margin:var(--m1)}
|
||||
|
||||
/* Cards */
|
||||
|
||||
article {background: var(--c2); border-radius: var(--rc); padding: 1em; box-shadow: 0px 1px 0px rgba(0,0,0,0.3)}
|
||||
|
||||
[style*="--c:"]:first-child, section>section:first-child, article:first-child {margin-left:0}
|
||||
[style*="--c:"]:last-child, section>section:last-child, article:last-child {margin-right:0}
|
@ -3,8 +3,9 @@ for file in src/**/*.md
|
||||
set -l output (string replace src/ out/ $output)
|
||||
pandoc \
|
||||
--to html \
|
||||
--css basic.css \
|
||||
--self-contained \
|
||||
--template templates/page.html \
|
||||
$file \
|
||||
> $output
|
||||
end
|
||||
|
||||
cp basic.css out/
|
||||
|
@ -3,6 +3,6 @@
|
||||
jeff@jeffa.io
|
||||
|
||||
<!--toc:start-->
|
||||
- [/](/index)
|
||||
- [/cookbook](/cookbook)
|
||||
- [/](/index.html)
|
||||
- [It's Time to Rethink the Command Line Shell](/its_time_to_rethink_the_command_line_shell.html)
|
||||
<!--toc:end-->
|
||||
|
@ -13,7 +13,7 @@
|
||||
$if(date)$
|
||||
<meta name="date" content=\"$date$\">
|
||||
$endif$
|
||||
$styles()$
|
||||
<link rel="stylesheet" href="basic.css"/>
|
||||
</head>
|
||||
<body>
|
||||
$body$
|
||||
|
Loading…
Reference in New Issue
Block a user