From 8b28ea75d6597fcfc78183c6ed128c3fa964d83e Mon Sep 17 00:00:00 2001 From: welpo Date: Sun, 5 Feb 2023 01:36:17 +0100 Subject: [PATCH 01/32] =?UTF-8?q?=F0=9F=90=9B=20fix:=20consistent=20round?= =?UTF-8?q?=20background=20for=20hovering=20over=20links=20Changes=20the?= =?UTF-8?q?=20coloured=20background=20on=20the=20main/home=20title=20text?= =?UTF-8?q?=20when=20hovering,=20so=20that=20it=20is=20as=20round=20as=20t?= =?UTF-8?q?he=20rest=20of=20the=20navbar.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/parts/_header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index fdeb83b..a9a8396 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -68,6 +68,7 @@ header { border: none; color: var(--accent-color); text-decoration: none; + border-radius: 5px; } .meta { From 1f11e8480ef33427f5e3f74a8660a584817fa695 Mon Sep 17 00:00:00 2001 From: welpo Date: Sun, 5 Feb 2023 02:06:54 +0100 Subject: [PATCH 02/32] =?UTF-8?q?=F0=9F=90=9B=20fix:=20improve=20responsiv?= =?UTF-8?q?eness=20of=20home=20banner?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/parts/_cards.scss | 38 ++++++++++++++++++------------------ sass/parts/_home-banner.scss | 36 +++++++++++++++++++++------------- 2 files changed, 41 insertions(+), 33 deletions(-) diff --git a/sass/parts/_cards.scss b/sass/parts/_cards.scss index a112546..16a3883 100644 --- a/sass/parts/_cards.scss +++ b/sass/parts/_cards.scss @@ -37,39 +37,39 @@ overflow: hidden; } -@media all and (max-width:720px) { +@media all and (max-width: 720px) { .cards { gap: 18px; } } -.bloglist-table-row{ - padding:2%; - background-color:var(--navbar-color); +.bloglist-table-row { + padding: 2%; + background-color: var(--navbar-color); border-radius: 5px; transition: 300ms; width: 28%; - margin-right:1%; - margin-top:3%; + margin-right: 1%; + margin-top: 1%; } -.bloglist-container{ - display:flex; +.bloglist-container { + display: flex; flex-wrap: wrap; } -.bloglist-table-row:hover{ +.bloglist-table-row:hover { box-shadow: 10px 10px 0px var(--border-color); } -.bloglist-links{ - text-decoration:none; +.bloglist-links { + text-decoration: none; } -.bloglist-table-row-data{ - padding:10px; +.bloglist-table-row-data { + padding: 10px; } -.bloglist-table-row-date{ - font-size:12px; +.bloglist-table-row-date { + font-size: 12px; } -@media only screen and (max-width:600px) { - .bloglist-table-row{ - width:100%; +@media only screen and (max-width: 600px) { + .bloglist-table-row { + width: 100%; } - } \ No newline at end of file +} \ No newline at end of file diff --git a/sass/parts/_home-banner.scss b/sass/parts/_home-banner.scss index b40b37c..ac1f7bc 100644 --- a/sass/parts/_home-banner.scss +++ b/sass/parts/_home-banner.scss @@ -11,27 +11,32 @@ width: 22%; overflow: hidden; border-radius: 10px; + text-align: center; } #home-banner-text { width: 78%; - margin-bottom: 30px; - font-size: 1.875rem; - line-height: 3rem; - color: var(--accent-color); - } - - #banner-home-subtitle { - width: 95%; + margin-bottom: 30px; + font-size: 1.875rem; + line-height: 3rem; + color: var(--accent-color); +} + +#banner-home-subtitle { + width: 95%; padding-right: 5%; font-size: 1rem; - font-weight: 250; - line-height: 1.75rem; - color: var(--text-color); + font-weight: 250; + line-height: 1.75rem; + color: var(--text-color); } + .banner-home-img { border-radius: 50%; - max-height: 80%; + max-width: 15rem; + max-height: 15rem; + width: 100%; + height: auto; border: none; } @@ -41,13 +46,16 @@ margin: 0 auto; } + .banner-home-img { + max-width: 12rem; + max-height: 12rem; + } + .image-container-home { width: 95%; - height: 50vh; } #home-banner-text { width: 95%; - } } \ No newline at end of file From 6a4620a33b1c468e4e0bbbe7fc4eca140decdc62 Mon Sep 17 00:00:00 2001 From: welpo Date: Sun, 5 Feb 2023 02:21:21 +0100 Subject: [PATCH 03/32] =?UTF-8?q?=F0=9F=90=9B=20fix:=20set=20consistent=20?= =?UTF-8?q?padding=20between=20nav=20and=20main=20content?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/parts/_header.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index a9a8396..d5d73f0 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -1,6 +1,5 @@ header { width: 100%; - // background-color: var(--navbar-color); .main { display: flex; flex-direction: row; @@ -38,7 +37,7 @@ header { flex-wrap: wrap; align-items: center; justify-content: space-between; - padding: 1em 0; + padding: 1em 24px; margin: 0 auto; margin-bottom: 0.2rem; } From 06dae7a71172be63fe93a65319827e9e687c6a63 Mon Sep 17 00:00:00 2001 From: welpo Date: Mon, 6 Feb 2023 01:03:14 +0100 Subject: [PATCH 04/32] =?UTF-8?q?=F0=9F=92=84=20style:=20change=20various?= =?UTF-8?q?=20font=20sizes=20and=20date=20format?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/main.scss | 43 +++++++++++++++++++++++++++++++++++- sass/parts/_cards.scss | 10 +++++++++ sass/parts/_misc.scss | 2 +- templates/macros/macros.html | 14 ++++++------ 4 files changed, 60 insertions(+), 9 deletions(-) diff --git a/sass/main.scss b/sass/main.scss index 2fc0a40..e1349ea 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -77,9 +77,10 @@ body { word-wrap: break-word; min-height: 80vh; } + h1 { display: block; - font-size: 1.7em; + font-size: 2.3em; margin-top: 0.67em; margin-bottom: 0em; margin-left: 0; @@ -97,6 +98,46 @@ h2 { font-weight: bold; } +h3 { + display: block; + font-size: 1.7em; + margin-top: 0.83em; + margin-bottom: 0em; + margin-left: 0; + margin-right: 0; + font-weight: bold; +} + +h4 { + display: block; + font-size: 1.5em; + margin-top: 0.83em; + margin-bottom: 0em; + margin-left: 0; + margin-right: 0; + font-weight: bold; +} + +h5 { + display: block; + font-size: 1.2em; + margin-top: 0.83em; + margin-bottom: 0em; + margin-left: 0; + margin-right: 0; + font-weight: bold; +} + +.bloglist-title{ + display: block; + font-size: 1.2em; + margin-top: 1.2em; + margin-bottom: 0.83em; + margin-left: 0; + margin-right: 0; + font-weight: bold; +} + @media only screen and (max-width: 1000px) { .content { max-width: var(--normal-layout-width); diff --git a/sass/parts/_cards.scss b/sass/parts/_cards.scss index 16a3883..dbd0bb4 100644 --- a/sass/parts/_cards.scss +++ b/sass/parts/_cards.scss @@ -43,6 +43,16 @@ } } +.bloglist-title{ + display: block; + font-size: 1.2em; + margin-top: 1.2em; + margin-bottom: 0.83em; + margin-left: 0; + margin-right: 0; + font-weight: bold; +} + .bloglist-table-row { padding: 2%; background-color: var(--navbar-color); diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss index 9c65508..e3456e4 100644 --- a/sass/parts/_misc.scss +++ b/sass/parts/_misc.scss @@ -47,7 +47,7 @@ blockquote { a { color: var(--text-color); text-decoration-color: var(--links); - font-weight: 1000; + font-weight: 800; } a:hover { diff --git a/templates/macros/macros.html b/templates/macros/macros.html index fa25568..bf318ee 100644 --- a/templates/macros/macros.html +++ b/templates/macros/macros.html @@ -2,13 +2,13 @@
{%- for page in pages %}
-

+
{{page.title}} -

+
{%- if page.date %} - + {% endif -%}
{{ page.reading_time }} minute read @@ -57,18 +57,18 @@ {% endmacro tags %} {% macro page_header(title) %} -

+

{{ title }} -

+ {% endmacro content %} {% macro page_desc(desc) %}