Add new blog post about the site's 1st anniversary

This commit is contained in:
Helen Chong 2023-09-11 00:28:25 +08:00
parent a7277bd232
commit ea0f84ab52
5 changed files with 73 additions and 4 deletions

View File

@ -31,6 +31,7 @@ let authorLink = "https://leilukin.neocities.org/"; // Enter your website, socia
use a date it must still follow that format.*/
let postsArray = [
[ "posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html", encodeURI( `Happy 1st Anniversary to Leilukin's Hub` ) ],
[ "posts/2023-07-28-My-First-Birthday-After-the-Launch-of-Leilukins-Hub.html", encodeURI( `My First Birthday After the Launch of Leilukin's Hub` ) ],
[ "posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html" ],
[ "posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html", encodeURI( `Leilukin's Hub Now Has a Blog!` ) ]

View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Happy 1st Anniversary to Leilukin's Hub | Blog">
<meta name="author" content="Leilukin">
<meta property="og:description" content="Celebrating the first anniversary of Leilukin's Hub and reflecting on the evolution of my website throughout past year.">
<link rel="stylesheet" href="../css/style-blog.css" type="text/css" media="all">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="../js/blog.js" defer></script>
<title>Blog Post</title> <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
</head>
<body>
<main class="blog-container" id="container">
<header class="blog-header" id="header">...</header>
<article class="blog-content" id="content">
<h1 class="blog-post__title" id="postTitleH1"></h1>
<h2 class="blog-post__date" id="postDate"></h2>
<p>11 September 2023 marks the first anniversary of Leilukin's Hub, my personal website, hosted on Neocities. I am proud to be able to succeed in not only building my own website, but also updating, improving and maintaining my website to achieve my vision for my own personal hub on the internet outside social media platforms.</p>
<p>I registered a Neocities account on 28 May 2022, while my own website, Leilukin's Hub, was officially launched on 11 September 2022. I set up this website because I wanted to have a personal web page outside social media platforms to gather various stuff and resources I had created or compiled on online spaces throughout the years. Furthermore, I settled for Neocities because I like the flexibility of customisation by coding my website with HTML, CSS and JavaScript. Initially, I considered and tried <a href="https://carrd.co/" target="_blank">Carrd</a> to create my web pages, but free accounts on Carrd can only add up to 100 elements on a web page, which is not enough for my purpose.</p>
<p>This site's <a href="/changelog/">changelog</a> and <a href="/changelog/layouts.html">layout archive</a> document the evolution of Leilukin's Hub throughout the past year: from the humble beginning of a simple black background with white text and light brown titles, to the responsive, mobile-friendly, full-fledged personal website with its own site button, <a href="/feed.xml">RSS feed</a>, a <a href="/blog/">blog</a> and multiple <a href="/shrines/">shrines</a>.</p>
<p>Coding my own website was also an excellent way to put my HTML and CSS knowledge and skills into good use. I already had basic knowledge of HTML and CSS from what I learned from my teenage years of customising my blog on Blogger.</p>
<p>Working on Leilukin's Hub had ignited my interest in coding, so I took courses to learn more about HTML, CSS, JavaScript and more about coding, and in turn, I put my new coding knowledge into good use by improving and adding more features to Leilukin's Hub, which was totally worth it. Therefore, I have also <a href="/resources/web-building-resources.html">compiled resources for building websites</a> here for those who need it.</p>
<p>You may feel intimidated by the idea of building your website because you do not know how to code, but good news! There are plenty of resources for you to learn HTML, CSS and JavaScript, including free courses. Neocities also has <a href="https://neocities.org/tutorial/html/" target="_blank">its own HTML course</a> for you to get started. Happy coding!</p>
<section class="blog-nextprev" id="nextprev"></section>
</article> <!-- end of div id="content" -->
<footer class="blog-footer" id="footer"></footer>
</main> <!-- end of div id="container" -->
</body>
</html>

View File

@ -46,6 +46,15 @@
</a>
</div>
<p class="center-text">
Archive: <span class="bold-text">Latest</span> | <a href="2022.html">2022</a> | <a href="layouts.html">Website Layouts</a>
</p>
<p class="date-style">11 September 2023:</p>
<ul>
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
</ul>
<p class="date-style">10 September 2023:</p>
<ul>
<li><cite>Star Wars: Knights of the Old Republic</cite> <a href="/shrines/starwarskotor/">shrine</a>: Hide the right sidebar.</li>

View File

@ -13,6 +13,17 @@
<width>900</width>
<height>300</height>
</image>
<item>
<title>Happy 1st Anniversary to Leilukin's Hub</title>
<pubDate>Mon, 11 Sep 2023 00:21:26 +0800</pubDate>
<link>https://leilukin.neocities.org/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html</link>
<author>Leilukin</author>
<description><![CDATA[
<p>New blog post.</p>
<p>Celebrating the first anniversary of Leilukin's Hub and reflecting on the evolution of my website throughout past year.</p>
]]></description>
</item>
<item>
<title>Changelog: 10 September 2023</title>
<pubDate>Sun, 10 Sep 2023 23:39:36 +0800</pubDate>

View File

@ -70,11 +70,9 @@
<section class="content-section">
<h2>Updates</h2>
<div class="text-box">
<p class="date-style">10 September 2023:</p>
<p class="date-style">11 September 2023:</p>
<ul>
<li><cite>Star Wars: Knights of the Old Republic</cite> <a href="/shrines/starwarskotor/">shrine</a>: Hide the right sidebar.</li>
<li><cite>A Summers End — Hong Kong 1986</cite> <a href="/shrines/asummersend/">shrine</a>: Change the content of the right sidebar.</li>
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Change the content of the right sidebar.</li>
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
</ul>
<p><a href="/changelog">View all site changelog</a></p>
</div>