Add RSS link to page template

This commit is contained in:
Jeremy Dormitzer 2019-10-23 12:27:49 -04:00
parent d58ef98823
commit bb716fcad5
3 changed files with 16 additions and 0 deletions

1
src/images/rss.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>

After

Width:  |  Height:  |  Size: 330 B

View File

@ -108,16 +108,25 @@ ul.navigation {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex;
flex-direction: row;
align-items: center;
} }
ul.navigation > li { ul.navigation > li {
display: inline; display: inline;
margin-left: 2em; margin-left: 2em;
margin-top: 0;
font-family: |small-caps-font-stack|; font-family: |small-caps-font-stack|;
font-size: 25px; font-size: 25px;
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
} }
ul.navigation > li.rss {
margin-left: auto;
margin-right: 2em;
}
ul.navigation > li > a { ul.navigation > li > a {
color: |body-color|; color: |body-color|;
} }

View File

@ -8,6 +8,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>|the-title|</title> <title>|the-title|</title>
<link rel="alternate" type="application/rss+xml" href="/blog/feed.xml"
<link rel="stylesheet" type="text/css" href="/normalize.css" /> <link rel="stylesheet" type="text/css" href="/normalize.css" />
<link rel="stylesheet" type="text/css" href="/js/highlight/styles/default.css" /> <link rel="stylesheet" type="text/css" href="/js/highlight/styles/default.css" />
<link rel="stylesheet" type="text/css" href="/fonts/century-supra/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="/fonts/century-supra/stylesheet.css" />
@ -22,6 +23,11 @@
<!-- TODO refactor these into a function to make it easy to add new items --> <!-- TODO refactor these into a function to make it easy to add new items -->
<li><a href="/">home</a></li> <li><a href="/">home</a></li>
<li><a href="/blog">blog</a></li> <li><a href="/blog">blog</a></li>
<li class="rss">
<a rel="alternate" type="application/rss+xml" href="/blog/feed.xml">
<img src="/images/rss.svg" width="24px" height="24px" />
</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>