diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2022-08-27 14:05:48 +0200 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2022-08-27 14:05:48 +0200 |
| commit | 9f5454bda6299db43a4e9de5b3716471388b81d9 (patch) | |
| tree | 1ceedf64a4517a372d70efc2b6f4bbd9478ce792 /template | |
| parent | e728c3a2cbd06d95cd1226d3b23473816bd0d67e (diff) | |
| download | mitjafelicijan.com-9f5454bda6299db43a4e9de5b3716471388b81d9.tar.gz | |
Move blog to Hugo
Diffstat (limited to 'template')
| -rwxr-xr-x | template/_footer.html | 7 | ||||
| -rwxr-xr-x | template/_includes.html | 7 | ||||
| -rw-r--r-- | template/_libraries.html | 11 | ||||
| -rwxr-xr-x | template/_meta.html | 16 | ||||
| -rwxr-xr-x | template/_navigation.html | 18 | ||||
| -rw-r--r-- | template/favicon.ico | bin | 4286 -> 0 bytes | |||
| -rwxr-xr-x | template/index.html | 62 | ||||
| -rw-r--r-- | template/openring.tmpl | 34 | ||||
| -rwxr-xr-x | template/post.html | 76 | ||||
| -rw-r--r-- | template/robots.txt | 2 | ||||
| -rwxr-xr-x | template/script.js | 11 | ||||
| -rwxr-xr-x | template/style.css | 436 | ||||
| -rwxr-xr-x | template/tag.html | 61 |
13 files changed, 0 insertions, 741 deletions
diff --git a/template/_footer.html b/template/_footer.html deleted file mode 100755 index 605c0a9..0000000 --- a/template/_footer.html +++ /dev/null | |||
| @@ -1,7 +0,0 @@ | |||
| 1 | <div class="footer"> | ||
| 2 | <footer class="wrapper"> | ||
| 3 | This website does not track you. | ||
| 4 | Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer">CC BY 4.0 license</a> unless specified otherwise. | ||
| 5 | Blog feed available as <a href="/feed.rss" target="_blank">RSS</a> or <a href="/feed.json" target="_blank">JSON</a> feeds. | ||
| 6 | </footer> | ||
| 7 | </div> | ||
diff --git a/template/_includes.html b/template/_includes.html deleted file mode 100755 index 5151355..0000000 --- a/template/_includes.html +++ /dev/null | |||
| @@ -1,7 +0,0 @@ | |||
| 1 | <!-- user code --> | ||
| 2 | |||
| 3 | <script src="/script.js?v=2022-08-14-02" async></script> | ||
| 4 | |||
| 5 | <!-- Fathom - beautiful, simple website analytics --> | ||
| 6 | <script src="https://cdn.usefathom.com/script.js" data-site="XHQARKXP" defer></script> | ||
| 7 | <!-- / Fathom --> \ No newline at end of file | ||
diff --git a/template/_libraries.html b/template/_libraries.html deleted file mode 100644 index 1a7b911..0000000 --- a/template/_libraries.html +++ /dev/null | |||
| @@ -1,11 +0,0 @@ | |||
| 1 | <!-- katex math library --> | ||
| 2 | |||
| 3 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css" integrity="sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn" crossorigin="anonymous"> | ||
| 4 | <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js" integrity="sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8" crossorigin="anonymous"></script> | ||
| 5 | <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> | ||
| 6 | |||
| 7 | <!-- code highlighting --> | ||
| 8 | |||
| 9 | <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/github.min.css"> | ||
| 10 | <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script> | ||
| 11 | <script>hljs.initHighlightingOnLoad();</script> | ||
diff --git a/template/_meta.html b/template/_meta.html deleted file mode 100755 index ff0dc0f..0000000 --- a/template/_meta.html +++ /dev/null | |||
| @@ -1,16 +0,0 @@ | |||
| 1 | <meta charset="utf-8"> | ||
| 2 | <meta name="theme-color" content="#ffffff"> | ||
| 3 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 4 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 5 | |||
| 6 | <meta name="theme-color" content="#ffffff"> | ||
| 7 | |||
| 8 | <link rel="stylesheet" href="/style.css?v=2022-07-05-01"> | ||
| 9 | |||
| 10 | <link rel="alternate" type="application/rss+xml" href="/feed.rss"> | ||
| 11 | <link rel="alternate" type="application/feed+json" href="/feed.json"> | ||
| 12 | <link rel="alternate" type="application/rss+xml" href="/yapyap.xml" title="YapYap"> | ||
| 13 | |||
| 14 | <link | ||
| 15 | href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" | ||
| 16 | rel="icon" type="image/x-icon" /> \ No newline at end of file | ||
diff --git a/template/_navigation.html b/template/_navigation.html deleted file mode 100755 index 8fef331..0000000 --- a/template/_navigation.html +++ /dev/null | |||
| @@ -1,18 +0,0 @@ | |||
| 1 | <div class="navigation"> | ||
| 2 | <header class="wrapper"> | ||
| 3 | <h3 class="home"> | ||
| 4 | <a href="/" itemprop="url">Mitja Felicijan</a> | ||
| 5 | </h3> | ||
| 6 | |||
| 7 | <nav itemscope itemtype="http://schema.org/SiteNavigationElement" class="main-navigation"> | ||
| 8 | <meta itemprop="name" content="Main Menu"> | ||
| 9 | |||
| 10 | <a href="https://git.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url">Git</a> | ||
| 11 | <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url">Files</a> | ||
| 12 | <a href="/curriculum-vitae.html">CV</a> | ||
| 13 | <a href="/books.html">Books</a> | ||
| 14 | |||
| 15 | <a href="/feed.rss" itemprop="url">RSS</a> | ||
| 16 | </nav> | ||
| 17 | </header> | ||
| 18 | </div> \ No newline at end of file | ||
diff --git a/template/favicon.ico b/template/favicon.ico deleted file mode 100644 index d6be6ec..0000000 --- a/template/favicon.ico +++ /dev/null | |||
| Binary files differ | |||
diff --git a/template/index.html b/template/index.html deleted file mode 100755 index 9196940..0000000 --- a/template/index.html +++ /dev/null | |||
| @@ -1,62 +0,0 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | {{template "_meta.html"}} | ||
| 6 | |||
| 7 | <title>{{.Title}}</title> | ||
| 8 | <meta name="description" content="{{.Description}}"> | ||
| 9 | <meta property="og:title" content="{{.Title}}"> | ||
| 10 | <meta property="og:description" content="{{.Description}}"> | ||
| 11 | </head> | ||
| 12 | |||
| 13 | <body> | ||
| 14 | |||
| 15 | {{template "_navigation.html"}} | ||
| 16 | |||
| 17 | <main class="wrapper"> | ||
| 18 | <h2>Blog posts</h2> | ||
| 19 | <nav itemscope itemtype="https://schema.org/SiteNavigationElement"> | ||
| 20 | <meta itemprop="name" content="Article list"> | ||
| 21 | |||
| 22 | <ul class="post-list"> | ||
| 23 | {{range $index, $post := .Posts}} | ||
| 24 | {{if $post.Listing}} | ||
| 25 | <li> | ||
| 26 | <time>{{.CreatedFormatted}}</time> | ||
| 27 | |||
| 28 | <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url"> | ||
| 29 | <h2>{{$post.Title}}</h2> | ||
| 30 | </a> | ||
| 31 | </li> | ||
| 32 | {{end}} | ||
| 33 | {{end}} | ||
| 34 | </ul> | ||
| 35 | </nav> | ||
| 36 | |||
| 37 | <hr class="top-margin"> | ||
| 38 | |||
| 39 | <section class="project-list"> | ||
| 40 | <h4>Side projects I work/worked on</h4> | ||
| 41 | <ul> | ||
| 42 | <li><a href="https://git.mitjafelicijan.com/journalctl-proxy.git/" target="_blank" rel="noopener nofollow">journalctl-proxy - Exposes your systemd logs to web via web interface</a></li> | ||
| 43 | <li><a href="https://git.mitjafelicijan.com/redis-marshal.git/" target="_blank" rel="noopener nofollow">redis-marshal - Lightweight Redis data exploration tool</a></li> | ||
| 44 | <li><a href="https://git.mitjafelicijan.com/dna-encoding.git/" target="_blank" rel="noopener nofollow">dna-encoding - Tools for encoding files to DNA sequence</a></li> | ||
| 45 | <li><a href="https://git.mitjafelicijan.com/vertex.git/" target="_blank" rel="noopener nofollow">vertex - Create mock API's and add basic logic to simplify prototyping</a></li> | ||
| 46 | <li><a href="https://git.mitjafelicijan.com/scarecrow.git/" target="_blank" rel="noopener nofollow">scarecrow - Minimal configuration reverse proxy</a></li> | ||
| 47 | </ul> | ||
| 48 | </section> | ||
| 49 | |||
| 50 | <hr class="top-margin"> | ||
| 51 | |||
| 52 | {{template "openring-build.html"}} | ||
| 53 | |||
| 54 | </main> | ||
| 55 | |||
| 56 | {{template "_footer.html"}} | ||
| 57 | |||
| 58 | {{template "_includes.html"}} | ||
| 59 | |||
| 60 | </body> | ||
| 61 | |||
| 62 | </html> \ No newline at end of file | ||
diff --git a/template/openring.tmpl b/template/openring.tmpl deleted file mode 100644 index 43ad6a2..0000000 --- a/template/openring.tmpl +++ /dev/null | |||
| @@ -1,34 +0,0 @@ | |||
| 1 | <section class="webring top-margin"> | ||
| 2 | <h4>Articles from blogs I follow around the net</h3> | ||
| 3 | <section> | ||
| 4 | {{range .Articles}} | ||
| 5 | <article> | ||
| 6 | <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a> | ||
| 7 | <p class="summary">{{.Summary}}</p> | ||
| 8 | <small> | ||
| 9 | via <a href="{{.SourceLink}}">{{.SourceTitle}}</a> | ||
| 10 | </small> | ||
| 11 | <small>{{.Date | datef "January 2, 2006"}}</small> | ||
| 12 | </article> | ||
| 13 | {{end}} | ||
| 14 | </section> | ||
| 15 | <p class="attribution"> | ||
| 16 | Generated by | ||
| 17 | <a href="https://git.sr.ht/~sircmpwn/openring">openring</a> | ||
| 18 | </p> | ||
| 19 | </section> | ||
| 20 | |||
| 21 | <style> | ||
| 22 | .webring article { | ||
| 23 | margin-block-end: 30px; | ||
| 24 | } | ||
| 25 | .webring article:last-child { | ||
| 26 | margin-block-end: 10px; | ||
| 27 | } | ||
| 28 | .webring article .summary { | ||
| 29 | margin: 0; | ||
| 30 | } | ||
| 31 | .webring .attribution { | ||
| 32 | font-size: small; | ||
| 33 | } | ||
| 34 | </style> | ||
diff --git a/template/post.html b/template/post.html deleted file mode 100755 index 3ce5ff0..0000000 --- a/template/post.html +++ /dev/null | |||
| @@ -1,76 +0,0 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | {{template "_meta.html"}} | ||
| 6 | |||
| 7 | <title>{{.Title}}</title> | ||
| 8 | <meta name="description" content="{{.Description}}"> | ||
| 9 | <meta property="og:title" content="{{.Title}}"> | ||
| 10 | <meta property="og:description" content="{{.Description}}"> | ||
| 11 | </head> | ||
| 12 | |||
| 13 | <body> | ||
| 14 | |||
| 15 | {{template "_navigation.html"}} | ||
| 16 | |||
| 17 | <main class="wrapper"> | ||
| 18 | <article itemtype="http://schema.org/Article"> | ||
| 19 | <header> | ||
| 20 | <h1 itemtype="headline">{{.Title}}</h1> | ||
| 21 | {{if .Listing}} | ||
| 22 | <time>Published on {{.CreatedFormatted}}</time> | ||
| 23 | {{end}} | ||
| 24 | </header> | ||
| 25 | <div> | ||
| 26 | {{.Content}} | ||
| 27 | </div> | ||
| 28 | </article> | ||
| 29 | |||
| 30 | {{if .Listing}} | ||
| 31 | |||
| 32 | <hr class="top-margin"> | ||
| 33 | |||
| 34 | <p class="top-margin"> | ||
| 35 | <strong>Comment, contact:</strong> The easiest way to contact me is by writing me a message on <a href="https://t.me/mitjafelicijan" target="_blank">Telegram (https://t.me/mitjafelicijan)</a>. | ||
| 36 | </p> | ||
| 37 | |||
| 38 | <p>You can also just write me an email at <a href="mailto:m@mitjafelicijan.com">m@mitjafelicijan.com</a>.</p> | ||
| 39 | |||
| 40 | <hr class="top-margin"> | ||
| 41 | |||
| 42 | {{if .Posts}} | ||
| 43 | <nav class="top-margin"> | ||
| 44 | <h4>Read more from this site</h4> | ||
| 45 | {{range $index, $post := .Posts}} | ||
| 46 | {{if .Listing}} | ||
| 47 | {{if (lt $index 5)}} | ||
| 48 | <p> | ||
| 49 | <time>{{$post.CreatedFormatted}}</time><br> | ||
| 50 | <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url"> | ||
| 51 | {{$post.Title}} | ||
| 52 | </a> | ||
| 53 | </p> | ||
| 54 | {{end}} | ||
| 55 | {{end}} | ||
| 56 | {{end}} | ||
| 57 | </nav> | ||
| 58 | {{end}} | ||
| 59 | |||
| 60 | <hr class="top-margin"> | ||
| 61 | |||
| 62 | {{template "openring-build.html"}} | ||
| 63 | |||
| 64 | {{end}} | ||
| 65 | |||
| 66 | </main> | ||
| 67 | |||
| 68 | {{template "_footer.html"}} | ||
| 69 | |||
| 70 | {{template "_includes.html"}} | ||
| 71 | |||
| 72 | {{template "_libraries.html"}} | ||
| 73 | |||
| 74 | </body> | ||
| 75 | |||
| 76 | </html> \ No newline at end of file | ||
diff --git a/template/robots.txt b/template/robots.txt deleted file mode 100644 index c2a49f4..0000000 --- a/template/robots.txt +++ /dev/null | |||
| @@ -1,2 +0,0 @@ | |||
| 1 | User-agent: * | ||
| 2 | Allow: / | ||
diff --git a/template/script.js b/template/script.js deleted file mode 100755 index c03883f..0000000 --- a/template/script.js +++ /dev/null | |||
| @@ -1,11 +0,0 @@ | |||
| 1 | window.addEventListener('load', async () => { | ||
| 2 | |||
| 3 | // flip CV image on mouse over | ||
| 4 | const cvImage = document.querySelector('.cv-picture img'); | ||
| 5 | if (cvImage) { | ||
| 6 | setInterval(() => { | ||
| 7 | cvImage.style.transform = cvImage.style.transform === 'scaleX(1)' ? 'scaleX(-1)' : 'scaleX(1)'; | ||
| 8 | }, 1000); | ||
| 9 | } | ||
| 10 | |||
| 11 | }); | ||
diff --git a/template/style.css b/template/style.css deleted file mode 100755 index 20ed862..0000000 --- a/template/style.css +++ /dev/null | |||
| @@ -1,436 +0,0 @@ | |||
| 1 | /*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');*/ | ||
| 2 | |||
| 3 | :root { | ||
| 4 | --base-document-width: 640px; | ||
| 5 | --base-font-size: 16px; | ||
| 6 | --base-line-heigh: 1.6em; | ||
| 7 | --base-color: #111111; | ||
| 8 | |||
| 9 | --link-color: #111111; | ||
| 10 | --link-color-hover: #111111; | ||
| 11 | |||
| 12 | --label-color: #222222; | ||
| 13 | |||
| 14 | --border-color: #eeeeee; | ||
| 15 | |||
| 16 | --badge-background-color: #eeeeee; | ||
| 17 | --badge-label-color: #111111; | ||
| 18 | |||
| 19 | --code-font-size: 13px; | ||
| 20 | |||
| 21 | --comment-form-font: 16px 'Times New Roman', Times, serif; | ||
| 22 | } | ||
| 23 | |||
| 24 | * { | ||
| 25 | box-sizing: border-box; | ||
| 26 | } | ||
| 27 | |||
| 28 | body { | ||
| 29 | background: white; | ||
| 30 | /*font-family: 'Times New Roman', Times, serif;*/ | ||
| 31 | /*font-family: 'IBM Plex Sans', sans-serif;*/ | ||
| 32 | font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; | ||
| 33 | color: var(--base-color); | ||
| 34 | font-size: var(--base-font-size); | ||
| 35 | line-height: var(--base-line-heigh); | ||
| 36 | padding: 0; | ||
| 37 | margin: 0; | ||
| 38 | padding-bottom: 100px; | ||
| 39 | } | ||
| 40 | |||
| 41 | hr { | ||
| 42 | border: 0; | ||
| 43 | border-top: 5px solid #f7f7f7; | ||
| 44 | } | ||
| 45 | |||
| 46 | |||
| 47 | ::selection { | ||
| 48 | background: rgb(255, 241, 177); | ||
| 49 | color: #000; | ||
| 50 | } | ||
| 51 | |||
| 52 | ::-moz-selection { | ||
| 53 | background: rgb(255, 241, 177); | ||
| 54 | color: #000; | ||
| 55 | } | ||
| 56 | |||
| 57 | .cursor { | ||
| 58 | cursor: pointer; | ||
| 59 | } | ||
| 60 | |||
| 61 | /* width of the page */ | ||
| 62 | |||
| 63 | .wrapper { | ||
| 64 | max-width: var(--base-document-width); | ||
| 65 | margin: 0 auto; | ||
| 66 | } | ||
| 67 | |||
| 68 | /* links */ | ||
| 69 | |||
| 70 | a { | ||
| 71 | color: black; | ||
| 72 | } | ||
| 73 | |||
| 74 | a:hover { | ||
| 75 | background: rgb(255, 241, 177); | ||
| 76 | } | ||
| 77 | |||
| 78 | |||
| 79 | /* headings */ | ||
| 80 | |||
| 81 | h1 { | ||
| 82 | font-size: 220%; | ||
| 83 | line-height: 1.2em; | ||
| 84 | } | ||
| 85 | |||
| 86 | h2 { | ||
| 87 | font-size: 180%; | ||
| 88 | line-height: 1.2em; | ||
| 89 | } | ||
| 90 | |||
| 91 | h3 { | ||
| 92 | font-size: 160%; | ||
| 93 | line-height: 1.2em; | ||
| 94 | } | ||
| 95 | |||
| 96 | h4 { | ||
| 97 | font-size: 140%; | ||
| 98 | line-height: 1.2em; | ||
| 99 | } | ||
| 100 | |||
| 101 | h5 { | ||
| 102 | font-size: 120%; | ||
| 103 | line-height: 1.2em; | ||
| 104 | } | ||
| 105 | |||
| 106 | h6 { | ||
| 107 | font-size: 100%; | ||
| 108 | line-height: 1.2em; | ||
| 109 | } | ||
| 110 | |||
| 111 | h1[itemtype="headline"] { | ||
| 112 | padding-bottom: 0; | ||
| 113 | margin-bottom: 20px; | ||
| 114 | font-size: 230%; | ||
| 115 | line-height: 1.2em; | ||
| 116 | font-weight: 800; | ||
| 117 | } | ||
| 118 | |||
| 119 | /* tables */ | ||
| 120 | |||
| 121 | table { | ||
| 122 | width: 100%; | ||
| 123 | } | ||
| 124 | |||
| 125 | table, | ||
| 126 | th, | ||
| 127 | td { | ||
| 128 | border: 1px solid black; | ||
| 129 | text-align: left; | ||
| 130 | } | ||
| 131 | |||
| 132 | th, | ||
| 133 | td { | ||
| 134 | padding: 5px 10px; | ||
| 135 | } | ||
| 136 | |||
| 137 | |||
| 138 | /* quotes */ | ||
| 139 | |||
| 140 | blockquote { | ||
| 141 | position: relative; | ||
| 142 | margin-block-start: 30px; | ||
| 143 | margin-block-end: 30px; | ||
| 144 | margin-right: 0; | ||
| 145 | } | ||
| 146 | |||
| 147 | blockquote:before { | ||
| 148 | content: ' '; | ||
| 149 | background-image: url('/assets/general/alert-light.svg'); | ||
| 150 | background-size: 30px 30px; | ||
| 151 | height: 30px; | ||
| 152 | width: 30px; | ||
| 153 | position: absolute; | ||
| 154 | left: -40px; | ||
| 155 | top: 6px; | ||
| 156 | } | ||
| 157 | |||
| 158 | blockquote p { | ||
| 159 | padding-left: 10px; | ||
| 160 | } | ||
| 161 | |||
| 162 | |||
| 163 | /* header navigation */ | ||
| 164 | |||
| 165 | .navigation { | ||
| 166 | margin-block-start: 10px; | ||
| 167 | margin-block-end: 30px; | ||
| 168 | } | ||
| 169 | |||
| 170 | .navigation header { | ||
| 171 | display: flex; | ||
| 172 | align-items: center; | ||
| 173 | } | ||
| 174 | |||
| 175 | .navigation header a { | ||
| 176 | text-decoration: none; | ||
| 177 | } | ||
| 178 | |||
| 179 | .navigation header a:hover { | ||
| 180 | text-decoration: underline; | ||
| 181 | } | ||
| 182 | |||
| 183 | .navigation header .home { | ||
| 184 | font-size: 130%; | ||
| 185 | font-weight: 700; | ||
| 186 | } | ||
| 187 | |||
| 188 | .navigation header .home a { | ||
| 189 | color: var(--base-color); | ||
| 190 | } | ||
| 191 | |||
| 192 | .navigation header .home a:hover { | ||
| 193 | text-decoration: none; | ||
| 194 | } | ||
| 195 | |||
| 196 | .navigation header nav { | ||
| 197 | flex-grow: 1; | ||
| 198 | text-align: right; | ||
| 199 | } | ||
| 200 | |||
| 201 | .navigation header nav a { | ||
| 202 | padding: 0 10px; | ||
| 203 | font-size: 100%; | ||
| 204 | font-weight: 500; | ||
| 205 | } | ||
| 206 | |||
| 207 | /* index post list */ | ||
| 208 | |||
| 209 | .post-list { | ||
| 210 | list-style-type: none; | ||
| 211 | padding: 0; | ||
| 212 | margin: 0; | ||
| 213 | } | ||
| 214 | |||
| 215 | .post-list li { | ||
| 216 | margin: 0 0 15px 0; | ||
| 217 | } | ||
| 218 | |||
| 219 | .post-list li time { | ||
| 220 | display: block; | ||
| 221 | font-size: 80%; | ||
| 222 | font-weight: 500; | ||
| 223 | line-height: 1.2em; | ||
| 224 | color: #a7a7a7; | ||
| 225 | } | ||
| 226 | |||
| 227 | .post-list li a { | ||
| 228 | display: inline-block; | ||
| 229 | text-decoration: none; | ||
| 230 | } | ||
| 231 | |||
| 232 | .post-list li a:hover {} | ||
| 233 | |||
| 234 | .post-list li a h2 { | ||
| 235 | font-weight: 400; | ||
| 236 | font-size: 100%; | ||
| 237 | margin: 0; | ||
| 238 | } | ||
| 239 | |||
| 240 | |||
| 241 | /* project list */ | ||
| 242 | |||
| 243 | .project-list { | ||
| 244 | margin-top: 60px; | ||
| 245 | } | ||
| 246 | |||
| 247 | .project-list a {} | ||
| 248 | |||
| 249 | .project-list li { | ||
| 250 | list-style-type: disclosure-closed; | ||
| 251 | padding-left: 10px; | ||
| 252 | } | ||
| 253 | |||
| 254 | |||
| 255 | /* webring */ | ||
| 256 | |||
| 257 | .webring a { | ||
| 258 | font-weight: 500; | ||
| 259 | } | ||
| 260 | |||
| 261 | |||
| 262 | /* tag badges */ | ||
| 263 | |||
| 264 | .tags { | ||
| 265 | margin-top: 5px; | ||
| 266 | } | ||
| 267 | |||
| 268 | .tags a { | ||
| 269 | font-size: 80%; | ||
| 270 | padding: 2px 10px; | ||
| 271 | border-radius: 20px; | ||
| 272 | |||
| 273 | background: var(--badge-background-color); | ||
| 274 | color: var(--badge-label-color) !important; | ||
| 275 | } | ||
| 276 | |||
| 277 | .tags a:hover { | ||
| 278 | filter: brightness(90%); | ||
| 279 | } | ||
| 280 | |||
| 281 | |||
| 282 | /* helpers */ | ||
| 283 | |||
| 284 | .top-margin { | ||
| 285 | margin-top: 60px; | ||
| 286 | } | ||
| 287 | |||
| 288 | .top-margin-huge { | ||
| 289 | margin-top: 100px; | ||
| 290 | } | ||
| 291 | |||
| 292 | code { | ||
| 293 | font-family: monospace; | ||
| 294 | background: rgb(255, 241, 177); | ||
| 295 | border-radius: 5px; | ||
| 296 | padding: 2px 8px; | ||
| 297 | font-size: var(--code-font-size); | ||
| 298 | font-weight: 500; | ||
| 299 | } | ||
| 300 | |||
| 301 | pre>code { | ||
| 302 | background: unset; | ||
| 303 | padding: unset; | ||
| 304 | |||
| 305 | padding: 15px 20px !important; | ||
| 306 | border-radius: 5px !important; | ||
| 307 | font-weight: 400; | ||
| 308 | } | ||
| 309 | |||
| 310 | pre { | ||
| 311 | font-size: var(--code-font-size); | ||
| 312 | line-height: 1.5em; | ||
| 313 | |||
| 314 | margin-block-start: 40px; | ||
| 315 | margin-block-end: 40px; | ||
| 316 | } | ||
| 317 | |||
| 318 | img, | ||
| 319 | video { | ||
| 320 | max-width: 100%; | ||
| 321 | margin: 30px auto; | ||
| 322 | display: block; | ||
| 323 | border-radius: 5px; | ||
| 324 | } | ||
| 325 | |||
| 326 | video { | ||
| 327 | background: var(--badge-background-color); | ||
| 328 | } | ||
| 329 | |||
| 330 | time { | ||
| 331 | color: var(--label-color); | ||
| 332 | font-size: 90%; | ||
| 333 | } | ||
| 334 | |||
| 335 | /* article */ | ||
| 336 | |||
| 337 | article a { | ||
| 338 | overflow-wrap: break-word; | ||
| 339 | word-wrap: break-word; | ||
| 340 | -webkit-hyphens: auto; | ||
| 341 | -ms-hyphens: auto; | ||
| 342 | -moz-hyphens: auto; | ||
| 343 | hyphens: auto; | ||
| 344 | } | ||
| 345 | |||
| 346 | article img { | ||
| 347 | max-width: 120%; | ||
| 348 | width: 120%; | ||
| 349 | position: relative; | ||
| 350 | left: -10%; | ||
| 351 | margin: 40px auto; | ||
| 352 | /* border: 1px solid #eee; */ | ||
| 353 | } | ||
| 354 | |||
| 355 | article strong { | ||
| 356 | font-weight: 600; | ||
| 357 | } | ||
| 358 | |||
| 359 | article ol { | ||
| 360 | padding-inline-start: 30px; | ||
| 361 | } | ||
| 362 | |||
| 363 | article .katex-display { | ||
| 364 | margin: 3em 0 !important; | ||
| 365 | } | ||
| 366 | |||
| 367 | /* audio */ | ||
| 368 | |||
| 369 | audio { | ||
| 370 | width: 100%; | ||
| 371 | outline: none; | ||
| 372 | } | ||
| 373 | |||
| 374 | |||
| 375 | /* footer */ | ||
| 376 | |||
| 377 | .footer { | ||
| 378 | margin-top: 70px; | ||
| 379 | padding-top: 20px; | ||
| 380 | padding-bottom: 50px; | ||
| 381 | font-size: 90%; | ||
| 382 | color: #888; | ||
| 383 | } | ||
| 384 | |||
| 385 | .footer a { | ||
| 386 | color: #666; | ||
| 387 | } | ||
| 388 | |||
| 389 | /* responsive */ | ||
| 390 | |||
| 391 | @media only screen and (max-width: 960px) { | ||
| 392 | main { | ||
| 393 | padding: 0 20px; | ||
| 394 | } | ||
| 395 | |||
| 396 | footer { | ||
| 397 | padding: 0 20px; | ||
| 398 | } | ||
| 399 | |||
| 400 | h1[itemtype="headline"] { | ||
| 401 | font-size: 220%; | ||
| 402 | } | ||
| 403 | |||
| 404 | .navigation header { | ||
| 405 | padding: 0 20px; | ||
| 406 | } | ||
| 407 | |||
| 408 | article img { | ||
| 409 | max-width: 100%; | ||
| 410 | position: initial; | ||
| 411 | margin: 20px auto; | ||
| 412 | } | ||
| 413 | } | ||
| 414 | |||
| 415 | @media only screen and (max-width: 600px) { | ||
| 416 | .navigation header { | ||
| 417 | display: block; | ||
| 418 | } | ||
| 419 | |||
| 420 | .navigation header h3 { | ||
| 421 | text-align: center; | ||
| 422 | margin-bottom: 10px; | ||
| 423 | } | ||
| 424 | |||
| 425 | .navigation header nav { | ||
| 426 | text-align: center; | ||
| 427 | } | ||
| 428 | |||
| 429 | .post-list li a h2 { | ||
| 430 | font-weight: 500; | ||
| 431 | } | ||
| 432 | |||
| 433 | .search-trigger { | ||
| 434 | display: none; | ||
| 435 | } | ||
| 436 | } \ No newline at end of file | ||
diff --git a/template/tag.html b/template/tag.html deleted file mode 100755 index 42e42ea..0000000 --- a/template/tag.html +++ /dev/null | |||
| @@ -1,61 +0,0 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | {{template "_meta.html"}} | ||
| 6 | |||
| 7 | <title>{{.Title}}</title> | ||
| 8 | <meta name="description" content="{{.Description}}"> | ||
| 9 | </head> | ||
| 10 | |||
| 11 | <body> | ||
| 12 | |||
| 13 | {{template "_navigation.html"}} | ||
| 14 | |||
| 15 | <main class="wrapper"> | ||
| 16 | <h2>Posts for `{{.Tag}}`</h2> | ||
| 17 | <nav itemscope itemtype="https://schema.org/SiteNavigationElement"> | ||
| 18 | <meta itemprop="name" content="Article list"> | ||
| 19 | |||
| 20 | <ul class="post-list"> | ||
| 21 | {{range $index, $post := .Posts}} | ||
| 22 | <li> | ||
| 23 | <time>{{.CreatedFormatted}}</time> | ||
| 24 | |||
| 25 | <a href="/{{$post.Slug}}" title="{{$post.Title}}" itemprop="url"> | ||
| 26 | <h2>{{$post.Title}}</h2> | ||
| 27 | </a> | ||
| 28 | |||
| 29 | <!-- lists all tags available in this posts --> | ||
| 30 | {{if $post.Tags}} | ||
| 31 | <nav class="tags"> | ||
| 32 | {{range $post.Tags}} | ||
| 33 | <a href="/tags/{{.}}.html" rel="tag">{{.}}</a> | ||
| 34 | {{end}} | ||
| 35 | </nav> | ||
| 36 | {{end}} | ||
| 37 | |||
| 38 | </li> | ||
| 39 | {{end}} | ||
| 40 | </ul> | ||
| 41 | </nav> | ||
| 42 | |||
| 43 | <!-- lists all tags available in all posts --> | ||
| 44 | {{if .Tags}} | ||
| 45 | <nav class="tags top-margin"> | ||
| 46 | <strong>All tags on site:</strong> | ||
| 47 | {{range .Tags}} | ||
| 48 | <a href="/tags/{{.}}.html" rel="tag">{{.}}</a> | ||
| 49 | {{end}} | ||
| 50 | </nav> | ||
| 51 | {{end}} | ||
| 52 | |||
| 53 | </main> | ||
| 54 | |||
| 55 | {{template "_footer.html"}} | ||
| 56 | |||
| 57 | {{template "_includes.html"}} | ||
| 58 | |||
| 59 | </body> | ||
| 60 | |||
| 61 | </html> | ||
