From 061a961d8dc04b5f7de3cde43cb5a8fc4f29a208 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Mon, 3 Jul 2023 12:27:18 +0800 Subject: [PATCH] Tweaked the code of blog layout --- blog/archive.html | 16 ++++++++-------- blog/blog.css | 10 +++++----- blog/index.html | 6 +++--- .../2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html | 4 ++-- ...-09-Onboard-the-Dracula-Daily-Hype-Train.html | 4 ++-- 5 files changed, 20 insertions(+), 20 deletions(-) diff --git a/blog/archive.html b/blog/archive.html index bc363ccf..55496111 100644 --- a/blog/archive.html +++ b/blog/archive.html @@ -23,13 +23,13 @@ Blog Archive | Leilukin's Hub -
- -
-

Blog Archive

-
-
- -
+
+ +
+

Blog Archive

+
+
+ +
\ No newline at end of file diff --git a/blog/blog.css b/blog/blog.css index 72330ca4..56810b86 100644 --- a/blog/blog.css +++ b/blog/blog.css @@ -20,7 +20,7 @@ body { background-position: top; background-repeat: repeat-x; background-attachment: fixed; - font-size: 1.125rem; /* 18px */ + font-size: 1.3rem; font-family: 'Nunito', Arial, sans-serif; margin: 0; } @@ -57,7 +57,7 @@ img { text-align: center; } -@media only screen and (min-width: 600px) { +@media only screen and (min-width: 37.5rem) { .small { max-width: 60%; height: auto; @@ -92,12 +92,12 @@ hr { #container { margin: 3em auto; width: 90%; - max-width: 1100px; + max-width: 68.75rem; background-color: black; color: #dddddd; outline-color: #425e74; outline-style: ridge; - outline-width: 8px; + outline-width: 0.5rem; outline-offset: 0; } @@ -158,7 +158,7 @@ hr { } #recentpostlistdiv ul { - font-size: 1.2em; + font-size: 1.1em; padding: 0; list-style-type: none; } diff --git a/blog/index.html b/blog/index.html index 9e38fd36..af72f209 100644 --- a/blog/index.html +++ b/blog/index.html @@ -26,15 +26,15 @@
- +

Welcome to my blog!

This is a blog that is hosted on my own website. I hope you enjoy your time here!

- +
- +
\ No newline at end of file diff --git a/blog/posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html b/blog/posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html index 1344e433..92e1b35e 100644 --- a/blog/posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html +++ b/blog/posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html @@ -36,8 +36,8 @@

My site does have an articles section, but what makes this blog different from the articles is that the articles are meant to be timeless, sort of like my public statements for certain topics, while posts from this blog are more like journals or reactions to a timely subject.

Welcome to my blog! Hope you enjoy your stay on this blog and my website!

- -
+ +
diff --git a/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html b/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html index 53ea5f6c..eb6f6025 100644 --- a/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html +++ b/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html @@ -34,8 +34,8 @@

Fortunately, Dracula Daily returns in 2023, so I decided to sign up to subscribe to the newsletter and join the hype. This year, Re: Dracula, the audio drama podcast adaptation of Dracula, also debuts. Like Dracula Daily, Re: Dracula releases new entries in as close to real time as it happens, meaning you can now enjoy Dracula Daily in audio form as well, with excellent voice acting and sound design to enhance the experience.

Confession: This is actually my first time reading Dracula, so I am looking forward to this serialised way of reading the novel!

- -
+ +