diff options
author | Jesse Luehrs <doy@tozt.net> | 2018-10-13 04:21:40 -0400 |
---|---|---|
committer | Jesse Luehrs <doy@tozt.net> | 2018-10-13 04:21:40 -0400 |
commit | 9ad2fd01e97aa339c268dd0adabe0d38f8dce81f (patch) | |
tree | c4c6a4d9ab0db8cfe4c554c07e0040ac10e7fd00 | |
parent | aa403b978860210fcbace7fcdf5830066f3e14e0 (diff) | |
download | tozt-hugo-9ad2fd01e97aa339c268dd0adabe0d38f8dce81f.tar.gz tozt-hugo-9ad2fd01e97aa339c268dd0adabe0d38f8dce81f.zip |
some basic styling
-rw-r--r-- | content/_index.md | 2 | ||||
-rw-r--r-- | static/sphtkr.jpg | bin | 0 -> 163880 bytes | |||
-rw-r--r-- | themes/tozt/layouts/_default/single.html | 6 | ||||
-rw-r--r-- | themes/tozt/layouts/blog/single.html | 8 | ||||
-rw-r--r-- | themes/tozt/layouts/index.html | 8 | ||||
-rw-r--r-- | themes/tozt/layouts/partials/footer.html | 1 | ||||
-rw-r--r-- | themes/tozt/layouts/partials/header.html | 17 | ||||
-rw-r--r-- | themes/tozt/static/css/style.css | 72 |
8 files changed, 94 insertions, 20 deletions
diff --git a/content/_index.md b/content/_index.md index 7a689f0..f136c52 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,5 +1,5 @@ --- -title: "Jesse Luehrs" +title: "about me" --- I am a programmer, currently working for [Stripe](https://stripe.com/). diff --git a/static/sphtkr.jpg b/static/sphtkr.jpg Binary files differnew file mode 100644 index 0000000..78dfb62 --- /dev/null +++ b/static/sphtkr.jpg diff --git a/themes/tozt/layouts/_default/single.html b/themes/tozt/layouts/_default/single.html index 9e2cd9a..42e94c7 100644 --- a/themes/tozt/layouts/_default/single.html +++ b/themes/tozt/layouts/_default/single.html @@ -1,9 +1,11 @@ {{ partial "header.html" . }} +<header class="body"> <h2>{{ .Title }}</h2> +</header> -<main> +<article> {{ .Content }} -</main> +</article> {{ partial "footer.html" . }} diff --git a/themes/tozt/layouts/blog/single.html b/themes/tozt/layouts/blog/single.html index 762678e..fac6a5d 100644 --- a/themes/tozt/layouts/blog/single.html +++ b/themes/tozt/layouts/blog/single.html @@ -1,10 +1,12 @@ {{ partial "header.html" . }} +<header class="body"> <h2>{{ .Title }}</h2> -<h3>{{ .Date.Format "Mon, Jan 2, 2006" }}</h3> +<div class="postdate">{{ .Date.Format "Mon, Jan 2, 2006" }}</div> +</header> -<main> +<article> {{ .Content }} -</main> +</article> {{ partial "footer.html" . }} diff --git a/themes/tozt/layouts/index.html b/themes/tozt/layouts/index.html index 5ea7912..42e94c7 100644 --- a/themes/tozt/layouts/index.html +++ b/themes/tozt/layouts/index.html @@ -1,7 +1,11 @@ {{ partial "header.html" . }} -<main> +<header class="body"> +<h2>{{ .Title }}</h2> +</header> + +<article> {{ .Content }} -</main> +</article> {{ partial "footer.html" . }} diff --git a/themes/tozt/layouts/partials/footer.html b/themes/tozt/layouts/partials/footer.html index 6a2722e..a82b328 100644 --- a/themes/tozt/layouts/partials/footer.html +++ b/themes/tozt/layouts/partials/footer.html @@ -1,3 +1,4 @@ + </main> <footer> <div class="lastmod"> Last modified {{ .Lastmod }} diff --git a/themes/tozt/layouts/partials/header.html b/themes/tozt/layouts/partials/header.html index 11a00f3..bceb2c0 100644 --- a/themes/tozt/layouts/partials/header.html +++ b/themes/tozt/layouts/partials/header.html @@ -9,12 +9,21 @@ </head> <body> - <h1><span class="title">{{ .Site.Title | markdownify }}</span></h1> + <header class="page"> + <div> + <div class="name"><h1>{{ .Site.Title | markdownify }}</h1></div> + <img src="/sphtkr.jpg" width=80 height=80 class="icon" /> + </div> + <div class="clear"></div> + </header> <nav> <ul class="menu"> - {{ range .Site.Menus.main }} - <li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li> + {{ $page := $}} + {{ range $menu := .Site.Menus.main }} + <li{{ if eq $page.URL $menu.URL }} class="active"{{ end }}> + <a href="{{ $menu.URL | relURL }}">{{ .Name }}</a> + </li> {{ end }} </ul> - <hr/> </nav> + <main> diff --git a/themes/tozt/static/css/style.css b/themes/tozt/static/css/style.css index 5fc24c6..85e3e3c 100644 --- a/themes/tozt/static/css/style.css +++ b/themes/tozt/static/css/style.css @@ -2,39 +2,86 @@ body { max-width: 800px; margin: auto; padding: 1em; - line-height: 1.5em; + background-color: #345; } /* header and footer areas */ .menu { padding: 0; } -.menu li { display: inline-block; } -.article-meta, .menu a { +.menu li { + display: inline-block; + position: relative; + bottom: -15px; +} +.menu li.active a { + background-color: #58a; +} +.menu a { text-decoration: none; - background: #eee; + background: #8c8; padding: 5px; border-radius: 5px; + color: black; + font-weight: bold; + border: 1px solid; +} +.menu a:link, .menu a:visited { + color: black; } .menu, .article-meta, footer { text-align: center; } .title { font-size: 1.1em; } +header.body { + background-color: #58a; + border: 1px solid; + border-radius: 16px; +} +header.body h2, header.body h3 { + margin: 8px; +} footer a { text-decoration: none; } hr { border-style: dashed; color: #ddd; } +header.page .name { + float: left; + bottom: 0px; + position: absolute; +} +header.page .name h1 { + padding: 0px; + margin: 0px; +} +.icon { + float: right; +} +.clear { clear: both; } +header.page { + border-bottom: 1px solid; + position: relative; +} /* code */ pre { + background-color: #ada; border: 1px solid #ddd; - box-shadow: 5px 5px 5px #eee; padding: 1em; overflow-x: auto; } -code { background: #f9f9f9; } +code { + background: #ada; + padding: 2px; +} pre code { background: none; } /* misc elements */ img, iframe, video { max-width: 100%; } -main { hyphens: auto; } +main { + hyphens: auto; + background-color: #8c8; + padding: 8px; + border-radius: 16px; + line-height: 1.5em; +} blockquote { background: #f9f9f9; border-left: 5px solid #ccc; @@ -50,7 +97,16 @@ table thead th { border-bottom: 1px solid #ddd; } th, td { padding: 5px; } thead, tfoot, tr:nth-child(even) { background: #eee } -.lastmod { +a:link { color: #123; } +a:visited { color: #153; } + +.lastmod, .postdate { font-size: smaller; font-style: italic; } +.lastmod { + padding: 8px; +} +.postdate { + padding-left: 8px; +} |