mediocregopher/mediocre-blog
1
0
Fork 0
Code Pull Requests Releases Activity

add rss and social media icons to header

Browse Source
This commit is contained in:
Brian Picciano 2018-09-03 23:24:53 -04:00
parent bfefb5fa2e
commit c0f853abfb
3 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_includes/head.html
View File

@ -6,6 +6,7 @@
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ "/assets/normalize.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/normalize.css" | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/skeleton.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/skeleton.css" | relative_url }}">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
{%- feed_meta -%} {%- feed_meta -%}
{%- if jekyll.environment == 'production' and site.google_analytics -%} {%- if jekyll.environment == 'production' and site.google_analytics -%}

21
_includes/header.html
View File

@ -1,14 +1,25 @@
<header id="title-header" role="banner"> <header id="title-header" role="banner">
<div class="row"> <div class="row">
<div class="six columns"> <div class="eight columns">
<h5 class="title"> <h5 class="title">
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
</h5> </h5>
</div> </div>
<!--
<div class="six columns"> <div class="four columns">
subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a> <div class="social">
<a>RSS/Social:</a>
<a href="{{ 'feed.xml' | relative_url }}">
<i class="fas fa-rss"></i>
</a>
<a href="https://github.com/{{ site.github_username }}">
<i class="fab fa-github"></i>
</a>
<a href="https://twitter.com/{{ site.twitter_username }}">
<i class="fab fa-twitter"></i>
</a>
</div> </div>
--> </div>
</div> </div>
</header> </header>

17
assets/main.css
View File

@ -3,13 +3,14 @@ ul {
} }
#title-header { #title-header {
padding-top: 1rem;
padding-bottom: 3rem;
border-bottom: 1px solid #AAA; border-bottom: 1px solid #AAA;
} }
#title-header .title { #title-header .title {
margin: 0; margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 0;
margin-right: 0;
} }
#title-header .title a { #title-header .title a {
@ -17,6 +18,16 @@ ul {
text-decoration: none; text-decoration: none;
} }
#title-header .social {
margin-top: 1rem;
}
#title-header .social a {
color: #AAA;
text-decoration: none;
margin-right: 1em;
}
#posts-list { #posts-list {
margin-top: 3rem; margin-top: 3rem;
list-style: none; list-style: none;