diff options
| -rw-r--r-- | _config.yml | 2 | ||||
| -rw-r--r-- | _includes/header.html | 22 | ||||
| -rw-r--r-- | _layouts/post.html | 8 | ||||
| -rw-r--r-- | assets/main.css | 45 |
4 files changed, 49 insertions, 28 deletions
diff --git a/_config.yml b/_config.yml index a2eab90..8e7e03c 100644 --- a/_config.yml +++ b/_config.yml @@ -1,4 +1,4 @@ -title: The Mediocre Blog +title: Mediocre Blog author: Brian Picciano email: mediocregopher@gmail.com description: >- diff --git a/_includes/header.html b/_includes/header.html index 586b613..7eafb53 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,12 +1,12 @@ <header id="title-header" role="banner"> - <div class="row"> + <div class="row row-vertically-centered"> <div class="eight columns"> - <h5 class="title"> + <h1 class="title"> <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> - </h5> + </h1> </div> - <div class="four columns"> + <div class="four columns light"> <div class="social"> <span class="spaced">RSS/Social:</span> <a class="spaced" href="{{ 'feed.xml' | relative_url }}"> @@ -19,6 +19,20 @@ <i class="fab fa-twitter"></i> </a> </div> + <div class="donation"> + <span>If you like what I do, consider donating!</span><br/> + <span> + <a href="https://cash.me/$mediocregopher">USD</a> + • + <a href="bitcoin:1KSqgPBQ7VWc5yxUT2DsB3VpsvRyahL2k8">BTC</a> + • + LTC + • + ETH + • + ZEC + </span> + </div> </div> </div> diff --git a/_layouts/post.html b/_layouts/post.html index 6a491f9..8c132d0 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -7,16 +7,16 @@ layout: default <h1 id="post-headline" itemprop="name headline"> {{ page.title | escape }} </h1> - <div id="post-sub-header"> - <span itemprop="author" itemscope itemtype="http://schema.org/Person"> + <div class="light"> + <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"> <span itemprop="name">{{ site.author }}</span> </span> - • + <!-- • --> <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished"> {{ page.date | date: "%b %-d, %Y" }} </time> • - <span itemprop="about">{{ page.description }}</span> + <span itemprop="about"><em>{{ page.description }}</em></span> </div> </header> diff --git a/assets/main.css b/assets/main.css index b43779e..cd0b855 100644 --- a/assets/main.css +++ b/assets/main.css @@ -2,15 +2,35 @@ ul { list-style: circle; } +.light { + color: #666; +} + +.light a { + color: #666 !important; +} + +.light a:hover { + color: #222; +} + +/* for making all content within a row be vertically centered */ +.row-vertically-centered .columns { + display: inline-block; + float: none; + margin-left: 0; + vertical-align: middle; +} + #title-header { - border-bottom: 1px solid #AAA; + border-bottom: 1px solid #666; + padding-top: 2rem; + padding-bottom:2rem; } #title-header .title { - margin-top: 2rem; - margin-bottom: 2rem; - margin-left: 0; - margin-right: 0; + margin: 0; + font-weight: bold; } #title-header .title a { @@ -18,18 +38,9 @@ ul { text-decoration: none; } -#title-header .social { - margin-top: 1rem; -} - #title-header .social .spaced { - color: #AAA; text-decoration: none; - margin-right: 1em; -} - -#title-header .social a:hover { - color: #222; + margin-right: 0.5em; } #posts-list { @@ -55,10 +66,6 @@ ul { margin: 0; } -#post-sub-header { - color: #AAA; -} - #post-content ul { margin-left: 1em; } |