From e07ab67bf95ea7e65828e373c731b6cdf984a7de Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Sun, 24 Jan 2021 01:42:03 +0100 Subject: Moved to altenator and DO --- template/_footer.html | 5 + template/_includes.html | 9 ++ template/_meta.html | 9 ++ template/_navigation.html | 15 +++ template/favicon.ico | Bin 0 -> 4286 bytes template/index.html | 51 +++++++++ template/post.html | 31 ++++++ template/script.js | 1 + template/style.css | 275 ++++++++++++++++++++++++++++++++++++++++++++++ template/tag.html | 61 ++++++++++ 10 files changed, 457 insertions(+) create mode 100755 template/_footer.html create mode 100755 template/_includes.html create mode 100755 template/_meta.html create mode 100755 template/_navigation.html create mode 100644 template/favicon.ico create mode 100755 template/index.html create mode 100755 template/post.html create mode 100755 template/script.js create mode 100755 template/style.css create mode 100755 template/tag.html (limited to 'template') diff --git a/template/_footer.html b/template/_footer.html new file mode 100755 index 0000000..f137b83 --- /dev/null +++ b/template/_footer.html @@ -0,0 +1,5 @@ + diff --git a/template/_includes.html b/template/_includes.html new file mode 100755 index 0000000..1b1d92a --- /dev/null +++ b/template/_includes.html @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/template/_meta.html b/template/_meta.html new file mode 100755 index 0000000..69ad5fe --- /dev/null +++ b/template/_meta.html @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/template/_navigation.html b/template/_navigation.html new file mode 100755 index 0000000..3b21283 --- /dev/null +++ b/template/_navigation.html @@ -0,0 +1,15 @@ + \ No newline at end of file diff --git a/template/favicon.ico b/template/favicon.ico new file mode 100644 index 0000000..d6be6ec Binary files /dev/null and b/template/favicon.ico differ diff --git a/template/index.html b/template/index.html new file mode 100755 index 0000000..b9654a1 --- /dev/null +++ b/template/index.html @@ -0,0 +1,51 @@ + + + + + {{template "_meta.html"}} + + {{.Title}} + + + + + + {{template "_navigation.html"}} + +

Posts

+ + +

Side projects

+ + {{template "_includes.html"}} + + + + \ No newline at end of file diff --git a/template/post.html b/template/post.html new file mode 100755 index 0000000..88a2c7f --- /dev/null +++ b/template/post.html @@ -0,0 +1,31 @@ + + + + + {{template "_meta.html"}} + + {{.Title}} + + + + + + {{template "_navigation.html"}} + +

+ {{.Created}} +

+ {{.Content}} +

+ + {{template "_includes.html"}} + + + + \ No newline at end of file diff --git a/template/script.js b/template/script.js new file mode 100755 index 0000000..8b13789 --- /dev/null +++ b/template/script.js @@ -0,0 +1 @@ + diff --git a/template/style.css b/template/style.css new file mode 100755 index 0000000..4ca2932 --- /dev/null +++ b/template/style.css @@ -0,0 +1,275 @@ +:root { + --base-document-width: 740px; + --base-font-size: 18px; + --base-color: #111111; + + --link-color: #111111; + --link-color-hover: #111111; + + --label-color: #828282; + + --border-color: #eeeeee; + + --badge-background-color: #eeeeee; + --badge-label-color: #111111; +} + +* { + box-sizing: border-box; +} + +body { + background: white; + font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; + color: var(--base-color); + font-size: var(--base-font-size); + line-height: 1.7em; + padding: 0; + margin: 0; + padding-bottom: 100px; +} + + +::selection { + background: #ff0; + color: #000; +} + +::-moz-selection { + background: #ff0; + color: #000; +} + +/* width of the page */ + +.wrapper { + max-width: var(--base-document-width); + margin: 0 auto; +} + + +/* headings */ + +h1 { font-size: 220%; } +h2 { font-size: 180%; } +h3 { font-size: 160%; } +h4 { font-size: 140%; } +h5 { font-size: 120%; } +h6 { font-size: 100%; } + +h1[itemtype="headline"] { + padding-bottom: 0; + margin-bottom: 20px; + font-size: 260%; + line-height: 1.2em; +} + +/* tables */ + +table { + width: 100%; +} + +table, th, td { + border: 1px solid black; + text-align: left; +} + +th, td { + padding: 5px 10px; +} + + +/* quotes */ + +blockquote { + position: relative; + margin-block-start: 30px; + margin-block-end: 30px; + margin-right: 0; +} + +blockquote:before { + content: ' '; + background-image: url('/assets/general/alert.svg'); + background-size: 30px 30px; + height: 30px; + width: 30px; + position: absolute; + left: -40px; + top: 6px; +} + +blockquote p { + padding-left: 10px; +} + + +/* header navigation */ + +.navigation { + /*border-bottom: 1px dotted var(--border-color);*/ + margin-bottom: 50px; +} + +.navigation header { + display: flex; + align-items: center; +} + +.navigation header .home { + font-size: 130%; +} + +.navigation header .home a { + text-decoration: none; + color: var(--base-color); +} + +.navigation header .home a:hover { + text-decoration: underline; +} + +.navigation header nav { + flex-grow: 1; + text-align: right; +} + +.navigation header nav a { + padding: 0 10px; + text-decoration: none; + color: var(--link-color-hover); +} + +.navigation header nav a:hover { + text-decoration: underline; + color: var(--link-color-hover); +} + + +/* index post list */ + +.post-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +.post-list li { + margin: 0 0 20px 0; + text-decoration: none; +} + +.post-list li a { + text-decoration: none; + color: var(--link-color); +} + +.post-list li a:hover { + text-decoration: underline; + color: var(--link-color-hover); +} + +.post-list li a h2 { + font-weight: 400; + font-size: 130%; + margin: 0; +} + + +/* project list */ + +.project-list { + margin-top: 60px; +} + +.project-list a { + text-decoration: none; + color: var(--link-color); +} + +.project-list li a:hover { + text-decoration: underline; + color: var(--link-color-hover); +} + + +/* tag badges */ + +.tags { + margin-top: 5px; +} + +.tags a { + font-size: 80%; + padding: 2px 10px; + border-radius: 20px; + + background: var(--badge-background-color); + color: var(--badge-label-color) !important; + text-decoration: none !important; +} + +.tags a:hover { + filter: brightness(90%); + text-decoration: none !important; +} + + +/* helpers */ + +.top-margin { + margin-top: 60px; +} + +code { + background: rgb(255, 241, 177); + padding: 2px 5px; + font-size: 14px; +} + +pre > code { + background: unset; + padding: unset; +} + +pre { + font-size: 14px; +} + +img, video { + max-width: 100%; + margin: 30px auto; + display: block; +} + +time { + color: var(--label-color); + font-size: 90%; +} + +/* footer */ + +.footer { + border-top: 1px solid var(--border-color); + margin-top: 70px; + padding-top: 20px; + padding-bottom: 50px; +} + + +/* responsive */ + +@media only screen and (max-width: 960px) { + main { padding: 0 20px; } + footer { padding: 0 20px; } + h1[itemtype="headline"] { font-size: 220%; } + .navigation header { padding: 0 20px; } +} + + +/* light/dark mode */ + +@media (prefers-color-scheme: light) { } + +@media (prefers-color-scheme: dark) { } diff --git a/template/tag.html b/template/tag.html new file mode 100755 index 0000000..344ef0b --- /dev/null +++ b/template/tag.html @@ -0,0 +1,61 @@ + + + + + {{template "_meta.html"}} + + {{.Title}} + + + + + + {{template "_navigation.html"}} + +

Posts for `{{.Tag}}`

+ + + + {{if .Tags}} + + {{end}} + +

+ + {{template "_footer.html"}} + + {{template "_includes.html"}} + + + + -- cgit v1.2.3