From a23073ff979cd8f7f4e6d0ec5455cfede41aa76f Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Mon, 14 Aug 2023 11:55:43 +0800 Subject: [PATCH] Used semantic tags for the blog --- blog/archive.html | 14 ++--- blog/css/style-blog.css | 53 +++++++++++-------- blog/index.html | 14 ++--- blog/posts/2020-11-10-Post-Template.html | 24 ++++----- ...23-01-28-Leilukins-Hub-Now-Has-a-Blog.html | 32 +++++------ ...-Onboard-the-Dracula-Daily-Hype-Train.html | 18 +++---- ...day-After-the-Launch-of-Leilukins-Hub.html | 18 +++---- 7 files changed, 91 insertions(+), 82 deletions(-) diff --git a/blog/archive.html b/blog/archive.html index 84f30df7..0fd5d204 100644 --- a/blog/archive.html +++ b/blog/archive.html @@ -24,13 +24,13 @@ Blog Archive | Leilukin's Hub -
- -
+
+ +

Blog Archive

-
-
- -
+
+ + + \ No newline at end of file diff --git a/blog/css/style-blog.css b/blog/css/style-blog.css index ce58b82d..6b9cbcc5 100644 --- a/blog/css/style-blog.css +++ b/blog/css/style-blog.css @@ -88,8 +88,8 @@ hr { border-color: #a3bdc4; } -/*#CONTAINER is the rectangle that has contains everything but the background!*/ -#container { +/* The rectangle that has contains everything but the background */ +.blog-container { margin: 3em auto; width: 90%; max-width: 68.75rem; @@ -101,18 +101,17 @@ hr { outline-offset: 0; } -#content { +.blog-content { padding: 0.5rem 5% 1rem 5%; } - -/*HEADER STYLE*/ -#header { +/* HEADER STYLE */ +.blog-header { background-color: black; padding: 0 5%; } -#header ul { +.blog-header ul { display: inline-block; list-style-type: none; padding: 0; @@ -120,7 +119,7 @@ hr { margin-top: 1em; } -#header li { +.blog-header li { font-size: 1.2em; display: inline-block; margin-right: 0.2em; @@ -128,7 +127,7 @@ hr { margin-top: 0.8em; } -#header li a { +.blog-header li a { color: #443; background-color: #b6b59e; border-width: 0.3em; @@ -139,28 +138,38 @@ hr { font-weight: 900; } -#header li a:hover { +.blog-header li a:hover { background-color: #ceccaa; border-color: #98987d; } -#header li a:active { +.blog-header li a:active { background-color: #8e8d74; border-color: #71715c; color: black; } -/*POST LIST STYLE*/ -#postlistdiv ul { - font-size: 1.2em; +/* POST TITLE STYLE */ +.blog-post__title { + font-size: 1.75em; +} + +/* POST DATE STYLE */ +.blog-post__date { + font-size: 1.1em; +} + +/* POST LIST STYLE */ +.blog-post-list ul, +.blog-recent-post-list ul { + font-size: 1.1em; padding: 0; list-style-type: none; } -#recentpostlistdiv ul { - font-size: 1.1em; - padding: 0; - list-style-type: none; +.blog-post-list ul li, +.blog-recent-post-list ul li { + margin-bottom: 0.5em; } .moreposts { @@ -169,18 +178,18 @@ hr { } /*NEXT AND PREVIOUS LINKS STYLE*/ -#nextprev { +.blog-nextprev { text-align: center; margin-top: 1.4em; } -/*DISQUS STYLE*/ +/* DISQUS STYLE */ #disqus_thread { margin-top: 1.6em; } -/*FOOTER STYLE*/ -#footer { +/* FOOTER STYLE */ +.blog-footer { font-size: 0.8em; padding: 0 5% 0.5rem 5%; } \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index d82d8d58..1fbb047e 100644 --- a/blog/index.html +++ b/blog/index.html @@ -24,18 +24,18 @@ Blog | Leilukin's Hub -
- -
+
+ +

Welcome to Leilukin's Hub Blog!

This is my blog that is hosted on my own personal website. Hope you enjoy your time here!

-
+
-
- -
+ + + \ No newline at end of file diff --git a/blog/posts/2020-11-10-Post-Template.html b/blog/posts/2020-11-10-Post-Template.html index cc4bfbca..97b184bf 100644 --- a/blog/posts/2020-11-10-Post-Template.html +++ b/blog/posts/2020-11-10-Post-Template.html @@ -24,17 +24,17 @@ Blog Post -
- -
-

-

- -

Ready to write? Replace this text with your first paragraph!

- -
-
- -
+
+ +
+

+

+ +

Ready to write? Replace this text with your first paragraph!

+ +
+
+ +
\ 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 61afaa9c..b49f3e0a 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 @@ -24,23 +24,23 @@ Blog Post -
- -
-

-

- -

I finally built a blog on my own website!

+
+ +
+

+

+ +

I finally built a blog on my own website!

-

After launching this site in September 2022, I had been considering setting up a blog here, as I want a blog that is hosted on my own site, but it was not until I discovered Zonelets, a HTML blogging engine created with Neocities in mind, and it was exactly what I was looking for to build a blog on my own Neocities site: it is simple enough for beginners to use, yet also open for more customisation and flexibility for users who have enough knowledge about HTML, CSS and JavaScript.

- -

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!

+

After launching this site in September 2022, I had been considering setting up a blog here, as I want a blog that is hosted on my own site, but it was not until I discovered Zonelets, a HTML blogging engine created with Neocities in mind, and it was exactly what I was looking for to build a blog on my own Neocities site: it is simple enough for beginners to use, yet also open for more customisation and flexibility for users who have enough knowledge about HTML, CSS and JavaScript.

+ +

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!

-
-
- -
+
+ + + \ No newline at end of file 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 b7c4ddae..0fcbbc07 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 @@ -24,11 +24,11 @@ Blog Post -
- -
-

-

+
+ +
+

+

Dracula Daily, the free subscription newsletter that sends Bram Stoker's 1897 novel Dracula to subscribers via email, became an internet sensation, especially on Tumblr. Some of my Tumblr mutuals were also on the hype train, though I missed it.

@@ -36,9 +36,9 @@

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

-
-
- -
+
+ + + \ No newline at end of file diff --git a/blog/posts/2023-07-28-My-First-Birthday-After-the-Launch-of-Leilukins-Hub.html b/blog/posts/2023-07-28-My-First-Birthday-After-the-Launch-of-Leilukins-Hub.html index 632c6c1f..0c19c872 100644 --- a/blog/posts/2023-07-28-My-First-Birthday-After-the-Launch-of-Leilukins-Hub.html +++ b/blog/posts/2023-07-28-My-First-Birthday-After-the-Launch-of-Leilukins-Hub.html @@ -24,11 +24,11 @@ Blog Post -
- -
-

-

+
+ +
+

+

July 28th is my birthday, and in 2023, it also marks my first birthday after the launch of this personal website. I have had a nice birthday this year.

@@ -40,9 +40,9 @@

Happy Birthday to me!

-
-
- -
+
+ + + \ No newline at end of file