diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2020-06-08 20:20:12 +0200 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2020-06-08 20:20:12 +0200 |
| commit | d010783ad4806d6f8a603e8a48713969a94a6fbf (patch) | |
| tree | 3f6244b26675d8b2c3eed3faeb1cc6df264e6c29 | |
| parent | 531fa7d53f132ed74919f4dbd4ed7e4d09e1bf7b (diff) | |
| download | rabalderz-d010783ad4806d6f8a603e8a48713969a94a6fbf.tar.gz rabalderz-d010783ad4806d6f8a603e8a48713969a94a6fbf.tar.bz2 rabalderz-d010783ad4806d6f8a603e8a48713969a94a6fbf.zip | |
Add some style of logo to the page.
Based on the Blockout 2AM font from The League of Movable Type/Tyler
Finck.
| -rw-r--r-- | sass/styles.scss | 9 | ||||
| -rw-r--r-- | static/rabalder-2am.png | bin | 0 -> 6214 bytes | |||
| -rw-r--r-- | templates/base.html | 6 |
3 files changed, 13 insertions, 2 deletions
diff --git a/sass/styles.scss b/sass/styles.scss index 9b7141d..ef2ea26 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -5,6 +5,7 @@ body { a { color: #7e8ea6; //#566171;//#8f8f8f; + text-decoration: none; } h1, h2, h3 { @@ -24,8 +25,14 @@ pre { font-family: sans-serif; .site-title { background-color: #3e4753; - color: #ccc; font-size: 200%; + font-weight: bold; + a { + text-decoration: none; + } + img { + vertical-align: bottom; + } } .site-bar { display: flex; diff --git a/static/rabalder-2am.png b/static/rabalder-2am.png Binary files differnew file mode 100644 index 0000000..3fda081 --- /dev/null +++ b/static/rabalder-2am.png diff --git a/templates/base.html b/templates/base.html index f743b58..1ed2ca6 100644 --- a/templates/base.html +++ b/templates/base.html @@ -15,7 +15,11 @@ <body> <header id="site-header" class="site-header"> - <div class="site-title">{{ config.title }}</div> + <div class="site-title"> + <a href="{{ get_url(path="@/_index.md", lang=lang) }}"> + <img src="{{ get_url(path="/rabalder-2am.png") }}" alt="{{ config.title }}"> + </a> + </div> <div class="site-bar"> <div class="site-description">{{ trans(key="description", lang=lang) }}</div> <div class="language">{% block language %}{% endblock language %}</div> |
