raghnarok/hugo-snotra
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: raghnarok:e545015e6d2246c480577727441467b5ffd8263e
Branches Tags
raghnarok:master
raghnarok:v1.0.0
..
compare: raghnarok:d35fec4c78101c4303b85f7b99fb6e5c251387da
Branches Tags
raghnarok:master
raghnarok:v1.0.0

No commits in common. "e545015e6d2246c480577727441467b5ffd8263e" and "d35fec4c78101c4303b85f7b99fb6e5c251387da" have entirely different histories.
e545015e6d ... d35fec4c78

2 changed files with 25 additions and 17 deletions
Show stats Expand all files Collapse all files

38
static/css/style.css
View file

@ -115,7 +115,7 @@ a:focus {
}
@media only screen and (min-width: 1000px) {
#navigation .navigation-container {
max-width: var(--content-width);
max-width: 900px;
}
}
#navigation-title {
@ -131,7 +131,7 @@ a:focus {
}
#navigation .menu-button {
float: right;
position: relative;
position:relative;
display: none;
width: 4em;
height: 4em;
@ -147,12 +147,11 @@ a:focus {
#navigation .menu-button .menu-button-image {
display: inline-block;
position: relative;
height: 1.5em;
width: 1.5em;
top: 0.75em;
height: 20px;
width: 24px;
top: 14px;
background-image: url(../svg/bars.svg);
background-size: contain;
background-repeat: no-repeat;
margin: auto;
vertical-align: top;
}
@ -239,20 +238,23 @@ a:focus {
padding: 0;
}
#avatar img {
width: 20vw;
min-width: 120px;
max-width: 200px;
max-width: 120px;
border-radius: 40%;
background-color: var(--avatar-background);
}
@media only screen and (min-width: 768px) {
#avatar img {
max-width: 200px;
}
}
#social .social-element {
display: inline-block;
vertical-align: middle;
height: 2em;
height: 32px;
margin-top: 1em;
}
#social .social-element a {
height: 1.5em;
height: 24px;
display: inline-block;
margin-left: 1em;
margin-right: 1em;
@ -266,7 +268,7 @@ a:focus {
}
@media only screen and (min-width: 768px) {
#social .social-element a {
height: 2em;
height: 32px;
}
}
@ -459,6 +461,14 @@ a:focus {
font-size: 0.8rem;
margin: 2rem 0;
}
.article-footer .spacer {
display: inline-block;
width: 1em;
height: 1px;
margin: 0 .5em;
background-color: var(--font-color);
vertical-align: middle;
}
.article-footer .footer-return {
margin-bottom: 1em;
width: 100%;
@ -544,9 +554,9 @@ a:focus {
max-width: 30%;
}
.article-body figure.logo img {
width: 10vw;
width: 100px;
max-width: 100px;
min-width: 40px;
min-width: auto;
vertical-align: bottom;
padding: 0;
}

4
static/svg/bars.svg
View file

@ -1,3 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path fill="#efefef" d="M16 13.6v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8v-1.6c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V7.2c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V.8C0 .4.3 0 .7 0h14.6c.4 0 .7.4.7.8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13.333"><path d="M16 11.333v1.334a.671.671 0 01-.667.666H.667A.671.671 0 010 12.667v-1.334c0-.364.302-.666.667-.666h14.666c.365 0 .667.302.667.666zM16 6v1.333a.671.671 0 01-.667.667H.667A.671.671 0 010 7.333V6c0-.365.302-.667.667-.667h14.666c.365 0 .667.302.667.667zm0-5.333V2a.671.671 0 01-.667.667H.667A.671.671 0 010 2V.667C0 .302.302 0 .667 0h14.666c.365 0 .667.302.667.667z" fill="#efefef"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 357 B

After

Width:  |  Height:  |  Size: 461 B