diff options
| -rw-r--r-- | Makefile | 2 | ||||
| -rw-r--r-- | src/css/base.css | 29 | ||||
| -rw-r--r-- | static/buttons/best_viewed_with_eyes.gif | bin | 0 -> 5493 bytes | |||
| -rw-r--r-- | static/buttons/dumbass_webmaster_ahead.gif | bin | 0 -> 3456 bytes | |||
| -rw-r--r-- | static/buttons/freespeech.gif | bin | 0 -> 10832 bytes | |||
| -rw-r--r-- | static/buttons/gnu-linux.gif | bin | 0 -> 550 bytes | |||
| -rw-r--r-- | static/buttons/insanity.gif | bin | 0 -> 52691 bytes | |||
| -rw-r--r-- | static/buttons/wwwbutton.gif | bin | 0 -> 1531 bytes | |||
| -rw-r--r-- | static/chip.png | bin | 0 -> 7748 bytes | |||
| -rw-r--r-- | templates/base.m4 | 41 |
10 files changed, 54 insertions, 18 deletions
@@ -31,7 +31,7 @@ blog/index.html: blog/posts.csv templates/base.m4 m4 -DPAGECONTENT="$$(./csv2index.sh /blog < $<)" templates/base.m4 > $@ static/style.css: src/css/style.css src/css/style.css src/css/base.css src/css/navbar.css src/css/scanlines.css - esbuild src/css/style.css --bundle --minify --outfile=static/style.css + esbuild src/css/style.css --external:'/static/*' --bundle --minify --outfile=static/style.css %.html: %.md templates/base.m4 m4 -DPAGECONTENT="$$(./genpage.sh < $<)" templates/base.m4 > $@ diff --git a/src/css/base.css b/src/css/base.css index f457ea9..16526f3 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -2,16 +2,26 @@ box-sizing: border-box; } +html { + background-image: url('/static/chip.png'); +} + body { color: #999; - background-color: #000; + background-color: rgba(0, 0, 0, 0.75); width: 90%; max-width: 1000px; - margin: 20px auto; + padding: 20px; + margin: 0px auto; font-size: 16px; } +body > main, header { + border: 1px solid #999; + padding: 5px; +} + header { margin: auto; } @@ -57,11 +67,6 @@ pre { border: 1px dashed #999; } -nav { - display: block; - margin: 5px; -} - .header-container { display: flex; flex-direction: column; @@ -82,7 +87,7 @@ nav { .bottom-align { display: flex; - flex-direction: column; + flex-direction: column; justify-content: flex-end; } @@ -95,6 +100,14 @@ nav { max-width: 100%; } +.buttons { + margin: 5px 0px; +} + +.buttons ul li { + margin: 2px 0px; +} + @media (min-width: 1000px) { .header-container { justify-content: center; diff --git a/static/buttons/best_viewed_with_eyes.gif b/static/buttons/best_viewed_with_eyes.gif Binary files differnew file mode 100644 index 0000000..6dfeb64 --- /dev/null +++ b/static/buttons/best_viewed_with_eyes.gif diff --git a/static/buttons/dumbass_webmaster_ahead.gif b/static/buttons/dumbass_webmaster_ahead.gif Binary files differnew file mode 100644 index 0000000..52fb8ab --- /dev/null +++ b/static/buttons/dumbass_webmaster_ahead.gif diff --git a/static/buttons/freespeech.gif b/static/buttons/freespeech.gif Binary files differnew file mode 100644 index 0000000..f1fa905 --- /dev/null +++ b/static/buttons/freespeech.gif diff --git a/static/buttons/gnu-linux.gif b/static/buttons/gnu-linux.gif Binary files differnew file mode 100644 index 0000000..89e3562 --- /dev/null +++ b/static/buttons/gnu-linux.gif diff --git a/static/buttons/insanity.gif b/static/buttons/insanity.gif Binary files differnew file mode 100644 index 0000000..3c3b94b --- /dev/null +++ b/static/buttons/insanity.gif diff --git a/static/buttons/wwwbutton.gif b/static/buttons/wwwbutton.gif Binary files differnew file mode 100644 index 0000000..48fbd13 --- /dev/null +++ b/static/buttons/wwwbutton.gif diff --git a/static/chip.png b/static/chip.png Binary files differnew file mode 100644 index 0000000..7adcd7a --- /dev/null +++ b/static/chip.png diff --git a/templates/base.m4 b/templates/base.m4 index 17b1713..75c3e84 100644 --- a/templates/base.m4 +++ b/templates/base.m4 @@ -1,3 +1,23 @@ +define(`BUTTON', ` + <li> + <div class="image-container"> + <img src="/static/buttons/$1" width="88" height="31"/> + </div> + </li> +') + +define(`BUTTON_LIST', ` + <div class="buttons"> + <ul> + BUTTON(`insanity.gif') + BUTTON(`gnu-linux.gif') + BUTTON(`wwwbutton.gif') + BUTTON(`dumbass_webmaster_ahead.gif') + BUTTON(`best_viewed_with_eyes.gif') + </ul> + </div> +') + <html> <head> <title>Esquizo</title> @@ -18,14 +38,17 @@ </header> <main> - <nav class="navbar"> - <ul> - <li><a href="/">Home</a></li> - <li><a href="/about.html">Quem eu sou?</a></li> - <li><a href="/blog">Blog</a></li> - <li><a href="https://git.esquizo.net/">Git</a></li> - </ul> - </nav> + <div class="navbar"> + <nav> + <ul> + <li><a href="/">Home</a></li> + <li><a href="/about.html">Quem eu sou?</a></li> + <li><a href="/blog">Blog</a></li> + <li><a href="https://git.esquizo.net/">Git</a></li> + </ul> + </nav> + BUTTON_LIST + </div> <div class="content"> PAGECONTENT @@ -33,7 +56,7 @@ </main> <footer> - Toda ofensa foi inteiramente proposital. + Somente um idiota levaria qualquer coisa aqui a sério.<br/> </footer> <div class="scanlines"></div> |
