From d9949cb9543f4269896fa505af3a4ce9782a11de Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sat, 13 Mar 2021 11:40:24 +0100
Subject: [PATCH 1/2] [THEME] Make hamburger button size relative
---
static/css/style.css | 11 ++++++-----
static/svg/bars.svg | 4 +++-
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index bfe3b02..649b969 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -115,7 +115,7 @@ a:focus {
}
@media only screen and (min-width: 1000px) {
#navigation .navigation-container {
- max-width: 900px;
+ max-width: var(--content-width);
}
}
#navigation-title {
@@ -131,7 +131,7 @@ a:focus {
}
#navigation .menu-button {
float: right;
- position:relative;
+ position: relative;
display: none;
width: 4em;
height: 4em;
@@ -147,11 +147,12 @@ a:focus {
#navigation .menu-button .menu-button-image {
display: inline-block;
position: relative;
- height: 20px;
- width: 24px;
- top: 14px;
+ height: 1.5em;
+ width: 1.5em;
+ top: 0.75em;
background-image: url(../svg/bars.svg);
background-size: contain;
+ background-repeat: no-repeat;
margin: auto;
vertical-align: top;
}
diff --git a/static/svg/bars.svg b/static/svg/bars.svg
index 7c4e587..a4b7e8d 100644
--- a/static/svg/bars.svg
+++ b/static/svg/bars.svg
@@ -1 +1,3 @@
-<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>
\ No newline at end of file
+<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>
From e545015e6d2246c480577727441467b5ffd8263e Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sat, 13 Mar 2021 13:45:04 +0100
Subject: [PATCH 2/2] [THEME] Make more block size relatives
---
static/css/style.css | 27 ++++++++-------------------
1 file changed, 8 insertions(+), 19 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index 649b969..8d28e80 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -239,23 +239,20 @@ a:focus {
padding: 0;
}
#avatar img {
- max-width: 120px;
+ width: 20vw;
+ min-width: 120px;
+ max-width: 200px;
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: 32px;
+ height: 2em;
margin-top: 1em;
}
#social .social-element a {
- height: 24px;
+ height: 1.5em;
display: inline-block;
margin-left: 1em;
margin-right: 1em;
@@ -269,7 +266,7 @@ a:focus {
}
@media only screen and (min-width: 768px) {
#social .social-element a {
- height: 32px;
+ height: 2em;
}
}
@@ -462,14 +459,6 @@ 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%;
@@ -555,9 +544,9 @@ a:focus {
max-width: 30%;
}
.article-body figure.logo img {
- width: 100px;
+ width: 10vw;
max-width: 100px;
- min-width: auto;
+ min-width: 40px;
vertical-align: bottom;
padding: 0;
}