diff options
| author | NeodarZ <neodarz@neodarz.net> | 2017-05-01 22:36:52 +0200 |
|---|---|---|
| committer | NeodarZ <neodarz@neodarz.net> | 2017-05-01 22:36:52 +0200 |
| commit | 15c05dbb86fe3d98ec6e6ebe7743fd85b860dcc6 (patch) | |
| tree | 4208a0a873eef35cc59c4e536a611c699bd1ec88 /source | |
| parent | d8289fcffd4eaee722c8531e36e508cb5f19337d (diff) | |
| download | my_new_personal_website-15c05dbb86fe3d98ec6e6ebe7743fd85b860dcc6.tar.xz my_new_personal_website-15c05dbb86fe3d98ec6e6ebe7743fd85b860dcc6.zip | |
Add some test
Diffstat (limited to 'source')
| -rw-r--r-- | source/css/theme.css | 69 | ||||
| -rw-r--r-- | source/fonts/3d.flf | 818 | ||||
| -rw-r--r-- | source/index.md | 2 | ||||
| -rw-r--r-- | source/template.html | 36 |
4 files changed, 905 insertions, 20 deletions
diff --git a/source/css/theme.css b/source/css/theme.css index cd8d977f..e3e2125a 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -15,7 +15,8 @@ /*** Main theme ***/ body { - color: #000; + background-color: #000; + color: #fff; font-family: Times, "Times New Roman", /* Chinese fonts */ "Kaiti SC", /* macOS */ @@ -32,6 +33,12 @@ body { margin: 100px 0; } +.bodya { + border: 1px solid #fff; + margin-left: 20vw; + margin-right: 20vw; +} + @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), @@ -136,6 +143,11 @@ h1 { font-weight: bold; } +.h1 { + text-align: center; +} + + h2 { text-align: center; font-size: 125%; @@ -150,10 +162,19 @@ h2 { } a { - color: inherit; + color: #fff; word-wrap: break-word; } +a .active { + color: #fff; +} + +p, h2, ul { + padding-left: 10vw; + padding-right: 10vw; +} + code { font-size: 90%; color: #333; @@ -168,10 +189,8 @@ h1 code, h2 code { } pre { - overflow-x: scroll; padding: 1em; - background: #fbfbfb; - border-left: 0.4em solid #ddd; + background: #000; } /* Pandoc wraps pre[class*=sourceCode] in a div tag, so it is necessary to @@ -182,7 +201,7 @@ pre[class*=sourceCode] { pre code { font-size: 85%; - color: #000; + color: #fff; white-space: pre; word-wrap: normal; } @@ -304,6 +323,44 @@ noscript a { font-size: 95%; } +.header { + display: table; + margin: 0 auto; +} + +.code-outer { + margin-left: 1vw; + width: 65%; + margin-left: 10vw; + margin-bottom: 1vw; + border: 1px solid #fff; + overflow: auto; + font-family: monospace; +} + +.left-h1 { + float: left; + font-weight: bold; + font-size: 24.4px; +} + +.right-h1 { + float: right; + margin-right: -1.6%; + font-weight: bold; + font-size: 24.4px; +} + +.title-h1 { + display: inline-block; + font-size: 24.4px; + font-weight: bold; +} + +.footer { + text-align: center; +} + /*** Wide screen ***/ @media screen and (min-width: 1441px) { diff --git a/source/fonts/3d.flf b/source/fonts/3d.flf new file mode 100644 index 00000000..8414f165 --- /dev/null +++ b/source/fonts/3d.flf @@ -0,0 +1,818 @@ +flf2a$ 8 8 20 -1 1 +3d font created by xero <x@xero.nu> +$$@ +$$@ +$$@ +$$@ +$$@ +$$@ +$$@ +$$@@ + ██@ +░██@ +░██@ +░██@ +░██@ +░░ @ + ██@ +░░ @@ + █ █@ +░█ ░█@ +░ ░ @ + @ + @ + @ + @ + @@ + @ + ██ ██ @ + ████████████@ +░░░██░░░░██░ @ + ░██ ░██ @ + ████████████@ +░░░██░░░░██░ @ + ░░ ░░ @@ + █ @ + █████@ +░█░█░ @ +░█████@ +░░░█░█@ + █████@ +░░░█░ @ + ░ @@ + @ + ██ ██ @ +░░ ██ @ + ██ @ + ██ @ + ██ @ + ██ ██ @ +░░ ░░ @@ + ██ @ + █░ █ @ + ░ ██ @ + █░ █ █@ + █ ░ █ @ +░█ ░█ @ +░ ████ █@ + ░░░░ ░ @@ + ██@ +░░█@ + ░ @ + @ + @ + @ + @ + @@ + ██@ + ██ @ + ██ @ +░██ @ +░██ @ +░░██ @ + ░░██@ + ░░ @@ + ██ @ +░░██ @ + ░░██@ + ░██@ + ░██@ + ██ @ + ██ @ +░░ @@ + ██ @ + ██ ░██ ██ @ + ░░██ ░██ ██ @ + ██████████████@ +░░░██░░██░░██░ @ + ██ ░██ ░░██ @ + ░░ ░██ ░░ @ + ░░ @@ + @ + █ @ + ░█ @ + █████████@ + ░░░░░█░░░ @ + ░█ @ + ░ @ + @@ + @ + @ + @ + @ + @ + ██@ +░░█@ + ░ @@ + @ + @ + @ + █████@ +░░░░░ @ + @ + @ + @@ + @ + @ + @ + @ + @ + ██@ +░██@ +░░ @@ + ██@ + ██ @ + ██ @ + ██ @ + ██ @ + ██ @ + ██ @ +░░ @@ + ████ @ + █░░░██@ +░█ █░█@ +░█ █ ░█@ +░██ ░█@ +░█ ░█@ +░ ████ @ + ░░░░ @@ + ██ @ + ███ @ +░░██ @ + ░██ @ + ░██ @ + ░██ @ + ████@ +░░░░ @@ + ████ @ + █░░░ █@ +░ ░█@ + ███ @ + █░░ @ + █ @ +░██████@ +░░░░░░ @@ + ████ @ + █░░░ █@ +░ ░█@ + ███ @ + ░░░ █@ + █ ░█@ +░ ████ @ + ░░░░ @@ + ██ @ + █░█ @ + █ ░█ @ + ██████@ +░░░░░█ @ + ░█ @ + ░█ @ + ░ @@ + ██████@ +░█░░░░ @ +░█████ @ +░░░░░ █@ + ░█@ + █ ░█@ +░ ████ @ + ░░░░ @@ + ████ @ + █░░░ █@ +░█ ░ @ +░█████ @ +░█░░░ █@ +░█ ░█@ +░ ████ @ + ░░░░ @@ + ██████@ +░░░░░░█@ + ░█@ + █ @ + █ @ + █ @ + █ @ + ░ @@ + ████ @ + █░░░ █@ +░█ ░█@ +░ ████ @ + █░░░ █@ +░█ ░█@ +░ ████ @ + ░░░░ @@ + ████ @ + █░░░ █@ +░█ ░█@ +░ ████ @ + ░░░█ @ + █ @ + █ @ + ░ @@ + @ + @ + @ + @ + ██@ +░░ @ + ██@ +░░ @@ + @ + @ + @ + ██@ +░░ @ + ██@ +░░█@ + ░ @@ + ██@ + ██░ @ + ██░ @ + ██░ @ +░░ ██ @ + ░░ ██ @ + ░░ ██@ + ░░ @@ + @ + @ + ██████@ +░░░░░░ @ + ██████@ +░░░░░░ @ + @ + @@ + ██ @ +░░ ██ @ + ░░ ██ @ + ░░ ██@ + ██░ @ + ██░ @ + ██░ @ +░░ @@ + ████ @ + ██░░██@ +░██ ░██@ +░░ ██ @ + ██ @ + ░░ @ + ██ @ + ░░ @@ + ████ @ + █░░░ █@ +░█ ██░█@ +░█░█ ░█@ +░█░ ██ @ +░█ ░░ @ +░ █████@ + ░░░░░ @@ + ██ @ + ████ @ + ██░░██ @ + ██ ░░██ @ + ██████████@ +░██░░░░░░██@ +░██ ░██@ +░░ ░░ @@ + ██████ @ +░█░░░░██ @ +░█ ░██ @ +░██████ @ +░█░░░░ ██@ +░█ ░██@ +░███████ @ +░░░░░░░ @@ + ██████ @ + ██░░░░██@ + ██ ░░ @ +░██ @ +░██ @ +░░██ ██@ + ░░██████ @ + ░░░░░░ @@ + ███████ @ +░██░░░░██ @ +░██ ░██@ +░██ ░██@ +░██ ░██@ +░██ ██ @ +░███████ @ +░░░░░░░ @@ + ████████@ +░██░░░░░ @ +░██ @ +░███████ @ +░██░░░░ @ +░██ @ +░████████@ +░░░░░░░░ @@ + ████████@ +░██░░░░░ @ +░██ @ +░███████ @ +░██░░░░ @ +░██ @ +░██ @ +░░ @@ + ████████ @ + ██░░░░░░██@ + ██ ░░ @ +░██ @ +░██ █████@ +░░██ ░░░░██@ + ░░████████ @ + ░░░░░░░░ @@ + ██ ██@ +░██ ░██@ +░██ ░██@ +░██████████@ +░██░░░░░░██@ +░██ ░██@ +░██ ░██@ +░░ ░░ @@ + ██@ +░██@ +░██@ +░██@ +░██@ +░██@ +░██@ +░░ @@ + ██@ + ░██@ + ░██@ + ░██@ + ░██@ + ██ ░██@ +░░█████ @ + ░░░░░ @@ + ██ ██@ +░██ ██ @ +░██ ██ @ +░████ @ +░██░██ @ +░██░░██ @ +░██ ░░██@ +░░ ░░ @@ + ██ @ +░██ @ +░██ @ +░██ @ +░██ @ +░██ @ +░████████@ +░░░░░░░░ @@ + ████ ████@ +░██░██ ██░██@ +░██░░██ ██ ░██@ +░██ ░░███ ░██@ +░██ ░░█ ░██@ +░██ ░ ░██@ +░██ ░██@ +░░ ░░ @@ + ████ ██@ +░██░██ ░██@ +░██░░██ ░██@ +░██ ░░██ ░██@ +░██ ░░██░██@ +░██ ░░████@ +░██ ░░███@ +░░ ░░░ @@ + ███████ @ + ██░░░░░██ @ + ██ ░░██@ +░██ ░██@ +░██ ░██@ +░░██ ██ @ + ░░███████ @ + ░░░░░░░ @@ + ███████ @ +░██░░░░██@ +░██ ░██@ +░███████ @ +░██░░░░ @ +░██ @ +░██ @ +░░ @@ + ███████ @ + ██░░░░░██ @ + ██ ░░██ @ +░██ ░██ @ +░██ ██░██ @ +░░██ ░░ ██ @ + ░░███████ ██@ + ░░░░░░░ ░░ @@ + ███████ @ +░██░░░░██ @ +░██ ░██ @ +░███████ @ +░██░░░██ @ +░██ ░░██ @ +░██ ░░██@ +░░ ░░ @@ + ████████@ + ██░░░░░░ @ +░██ @ +░█████████@ +░░░░░░░░██@ + ░██@ + ████████ @ +░░░░░░░░ @@ + ██████████@ +░░░░░██░░░ @ + ░██ @ + ░██ @ + ░██ @ + ░██ @ + ░██ @ + ░░ @@ + ██ ██@ +░██ ░██@ +░██ ░██@ +░██ ░██@ +░██ ░██@ +░██ ░██@ +░░███████ @ + ░░░░░░░ @@ + ██ ██@ +░██ ░██@ +░██ ░██@ +░░██ ██ @ + ░░██ ██ @ + ░░████ @ + ░░██ @ + ░░ @@ + ██ ██@ +░██ ░██@ +░██ █ ░██@ +░██ ███ ░██@ +░██ ██░██░██@ +░████ ░░████@ +░██░ ░░░██@ +░░ ░░ @@ + ██ ██@ +░░██ ██ @ + ░░██ ██ @ + ░░███ @ + ██░██ @ + ██ ░░██ @ + ██ ░░██@ +░░ ░░ @@ + ██ ██@ +░░██ ██ @ + ░░████ @ + ░░██ @ + ░██ @ + ░██ @ + ░██ @ + ░░ @@ + ████████@ +░░░░░░██ @ + ██ @ + ██ @ + ██ @ + ██ @ + ████████@ +░░░░░░░░ @@ + █████@ +░██░░ @ +░██ @ +░██ @ +░██ @ +░██ @ +░█████@ +░░░░░ @@ + ██ @ +░░██ @ + ░░██ @ + ░░██ @ + ░░██ @ + ░░██ @ + ░░██@ + ░░ @@ + █████@ +░░░░██@ + ░██@ + ░██@ + ░██@ + ░██@ + █████@ +░░░░░ @@ + ██ @ + ██░ ██ @ + ██ ░░ ██@ +░░ ░░ @ + @ + @ + @ + @@ + @ + @ + @ + @ + @ + @ + █████@ +░░░░░ @@ + ██@ +░█ @ +░ @ + @ + @ + @ + @ + @@ + @ + @ + ██████ @ + ░░░░░░██ @ + ███████ @ + ██░░░░██ @ +░░████████@ + ░░░░░░░░ @@ + ██ @ +░██ @ +░██ @ +░██████ @ +░██░░░██@ +░██ ░██@ +░██████ @ +░░░░░ @@ + @ + @ + █████ @ + ██░░░██@ +░██ ░░ @ +░██ ██@ +░░█████ @ + ░░░░░ @@ + ██@ + ░██@ + ░██@ + ██████@ + ██░░░██@ +░██ ░██@ +░░██████@ + ░░░░░░ @@ + @ + @ + █████ @ + ██░░░██@ +░███████@ +░██░░░░ @ +░░██████@ + ░░░░░░ @@ + ████@ + ░██░ @ + ██████@ +░░░██░ @ + ░██ @ + ░██ @ + ░██ @ + ░░ @@ + @ + █████ @ + ██░░░██@ +░██ ░██@ +░░██████@ + ░░░░░██@ + █████ @ + ░░░░░ @@ + ██ @ +░██ @ +░██ @ +░██████ @ +░██░░░██@ +░██ ░██@ +░██ ░██@ +░░ ░░ @@ + ██@ +░░ @ + ██@ +░██@ +░██@ +░██@ +░██@ +░░ @@ + ██@ + ░░ @ + ██@ + ░██@ + ░██@ + ██░██@ +░░███ @ + ░░░ @@ + ██ @ +░██ @ +░██ ██@ +░██ ██ @ +░████ @ +░██░██ @ +░██░░██@ +░░ ░░ @@ + ██@ + ░██@ + ░██@ + ░██@ + ░██@ + ░██@ + ███@ +░░░ @@ + @ + @ + ██████████ @ +░░██░░██░░██@ + ░██ ░██ ░██@ + ░██ ░██ ░██@ + ███ ░██ ░██@ +░░░ ░░ ░░ @@ + @ + @ + ███████ @ +░░██░░░██@ + ░██ ░██@ + ░██ ░██@ + ███ ░██@ +░░░ ░░ @@ + @ + @ + ██████ @ + ██░░░░██@ +░██ ░██@ +░██ ░██@ +░░██████ @ + ░░░░░░ @@ + @ + ██████ @ +░██░░░██@ +░██ ░██@ +░██████ @ +░██░░░ @ +░██ @ +░░ @@ + @ + ████ @ + ██░░██ @ +░██ ░██ @ +░░█████ @ + ░░░░██ @ + ░███@ + ░░░ @@ + @ + @ + ██████@ +░░██░░█@ + ░██ ░ @ + ░██ @ +░███ @ +░░░ @@ + @ + @ + ██████@ + ██░░░░ @ +░░█████ @ + ░░░░░██@ + ██████ @ +░░░░░░ @@ + ██ @ + ░██ @ + ██████@ +░░░██░ @ + ░██ @ + ░██ @ + ░░██ @ + ░░ @@ + @ + @ + ██ ██@ +░██ ░██@ +░██ ░██@ +░██ ░██@ +░░██████@ + ░░░░░░ @@ + @ + @ + ██ ██@ +░██ ░██@ +░░██ ░██ @ + ░░████ @ + ░░██ @ + ░░ @@ + @ + @ + ███ ██@ +░░██ █ ░██@ + ░██ ███░██@ + ░████░████@ + ███░ ░░░██@ +░░░ ░░░ @@ + @ + @ + ██ ██@ +░░██ ██ @ + ░░███ @ + ██░██ @ + ██ ░░██@ +░░ ░░ @@ + @ + ██ ██@ + ░░██ ██ @ + ░░███ @ + ░██ @ + ██ @ + ██ @ + ░░ @@ + @ + @ + ██████@ +░░░░██ @ + ██ @ + ██ @ + ██████@ +░░░░░░ @@ + ███@ + ██░ @ + ░██ @ + ███ @ +░░░██ @ + ░██ @ + ░░███@ + ░░░ @@ + █@ +░█@ +░█@ +░ @ + █@ +░█@ +░█@ +░ @@ + ███ @ +░░░██ @ + ░██ @ + ░░███@ + ██░ @ + ░██ @ + ███ @ +░░░ @@ + ██ ███ @ +░░███░░██@ + ░░░ ░░ @ + @ + @ + @ + @ + @@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ +@ +@ +@ +@ +@ +@ +@ +@@ diff --git a/source/index.md b/source/index.md index 7f25a971..89b421dc 100644 --- a/source/index.md +++ b/source/index.md @@ -1,5 +1,5 @@ --- -title: Why is there always a cat on whatever you're editing? +title: "Why is there always a cat on whatever you're editing?" custom-css: " .blog-index-year-title { text-align: left; diff --git a/source/template.html b/source/template.html index 06cc4f8d..705a2b3c 100644 --- a/source/template.html +++ b/source/template.html @@ -36,7 +36,21 @@ $endif$ <li><a href="https://git.neodarz.net">code</a></li> </ul> </nav> - <article class="content"> + <div class="outer"style="width:100%" ><pre class="header"><code> + ████ ██ ██ ██ ██ ████ + ░░░░ ░░██ ██ ██ ██ ██ ░░██ ██ ░░░░ + ░░██ ██ ░░██ ░░██ ██ ░░██ ██ + ░░██ ░██ ░░ ░░ ██ ░██ ██ + ░░██ ░██ ██ ░██ ██ + ░░██ ░░██ ██ ██ ██ + ░░██ █████ ░░██ ███ ██ █████ ██ + ░░ ░░░░░ ░░ ░░░ ░░ ░░░░░ ░░ + </code></pre></div> + <div class="bodya"> + + + <div style="width:100%"><div class="article"> + <article class="content" id="content"> $if(title)$ <header class="article-header"> <h1 class="article-title">$title$</h1> @@ -50,22 +64,18 @@ $endif$ $if(date_display)$ <time class="article-timestamp" $if(date)$datetime="$date$"$endif$>$date_display$</time> $endif$ +$if(updated)$ + <span class="lfooter"> + <time class="updated" datetime="$updated$"><code>$updated$</code></time> + </span> +$endif$ </div> </header> $endif$ $body$ </article> - <hr class="content-separator"/> - <footer class="footer"> -$if(updated)$ - <span class="lfooter"> - <time class="updated" datetime="$updated$"><code>$updated$</code></time> - </span> -$endif$ - <span class="rfooter"> - <a class="rss-icon" href="/rss.xml" target="_blank" title="RSS feed"><!--RSS feed icon--></a><a class="atom-icon" href="/atom.xml" target="_blank" title="Atom feed"><!--Atom feed icon--></a><a class="cc-icon" href="https://creativecommons.org/licenses/by/4.0/" target="_blank" title="Released under the Creative Commons Attribution 4.0 International license."><!--CC icon--></a> - <a href="https://github.com/zmwangx" target="_blank">neodarz</a> - </span> - </footer> + </div> + </div> + <div class="footer">·.: CC-BY-SA || <a href="https://git.neodarz.net/neodarz/my_new_personal_website.git/about/" style="text-decoration: none;"><Source code> :.·</a></div> </body> </html> |