jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 13:46:38 -04:00
Code Issues Activity

pretty sweet svg logo color swap

Browse Source
This commit is contained in:
Jake Jarvis
2019-10-13 10:24:41 -04:00
parent 8e8d85c646
commit 8fd49a1410
2 changed files with 31 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
assets/sass/pages/_notes.scss
View File

@ -23,6 +23,24 @@ body#notes {
margin: 1.5em auto;
display: block;
}
&:hover {
$logo-original1: #6fbc4e;
$logo-original2: #ffb900;
$logo-original3: #009cdf;
svg {
g#area1 {
fill: $logo-original2;
}
g#area2 {
fill: $logo-original3;
}
g#area3 {
fill: $logo-original1;
}
}
}
}
}
}
@ -217,33 +235,6 @@ body#notes {
object-fit: scale-down;
}
}
/*
&#commento {
border-top: 1px solid #ccc;
padding-top: 1.5em;
margin-top: 1.5em;
// disable link underline effect in comments
a {
background: none;
&:hover {
text-decoration: underline;
}
}
div.commento-body {
a {
color: $color-links;
}
}
div#commento-footer {
display: none;
}
}
*/
}
&#archive section.year {

20
layouts/partials/blog-header.html
View File

@ -3,13 +3,19 @@
<a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" title="Jake Jarvis">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
<title>Jake Jarvis</title>
<polygon fill="#6fbc4e" points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon fill="#6fbc4e" points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon fill="#6fbc4e" points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
<polygon fill="#ffb900" points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon fill="#ffb900" points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
<polygon fill="#009cdf" points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon fill="#009cdf" points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
<g id="area1" fill="#6fbc4e">
<polygon points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
</g>
<g id="area2" fill="#ffb900">
<polygon points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
</g>
<g id="area3" fill="#009cdf">
<polygon points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</g>
</svg>
</a>
</header>