lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add RSS icon to top bar

Browse Source
This commit is contained in:
Lewis Dale 2023-11-26 22:15:20 +00:00
parent cc69e04d99
commit 050fdc46b2
3 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/_includes/base.njk
View File

@ -54,6 +54,14 @@
<li><a href="/links">Links</a></li> <li><a href="/links">Links</a></li>
</ul> </ul>
</nav> </nav>
<a href="/feed/" class="rss">
<svg xmlns="http://www.w3.org/2000/svg" aria-label="RSS" role="img" viewBox="0 0 512 512">
<path d="m0 0H512V512H0" fill="none"/>
<path fill="currentColor" d="m109 271A132 133 0 01241 403h60A192 193 0 00109 211v-54A246 247 0 01355 403h60A306 307 0 00109 97m35 235a35 35 0 102 0"/>
</svg>
</a>
<fieldset class="color-scheme"> <fieldset class="color-scheme">
<legend>Change your colour scheme</legend> <legend>Change your colour scheme</legend>
<label> <label>

5
src/assets/images/rss.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="RSS" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#f80"/><path fill="#fff" d="m109 271A132 133 0 01241 403h60A192 193 0 00109 211v-54A246 247 0 01355 403h60A306 307 0 00109 97m35 235a35 35 0 102 0"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 276 B

17
src/css/exceptions/rss.css Normal file
View File

@ -0,0 +1,17 @@
.rss {
flex-grow: initial;
img, svg {
width: 20px;
aspect-ratio: 1;
height: auto;
vertical-align: middle;
}
&:hover {
svg {
background-color: var(--color-primary);
color: var(--color-secondary);
}
}
}