diff --git a/src/_includes/main/content.njk b/src/_includes/main/content.njk index f727c0ac..f569a8ae 100644 --- a/src/_includes/main/content.njk +++ b/src/_includes/main/content.njk @@ -14,7 +14,7 @@ layout: main/base {% include "toc.njk" %} {% endif %} -
+
{{ content | safe }}
\ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css index de833657..9c4f43b4 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -244,24 +244,34 @@ dd { } /* MAIN CONTENT */ +main, +.content__wrapper, +.content--divided { + display: grid; +} + main, .content__wrapper { font-size: 1.2rem; - display: grid; } main { width: 100%; } +.content__wrapper, +.content--divided { + gap: 0.8rem; +} + .content__wrapper { justify-self: center; - gap: 0.8rem; } .main__header, .article, -.content, +.content:not(.content--divided), +.content__section, .left-sidebar, .right-sidebar { padding: 1.5rem clamp(1rem, 5%, 3rem); @@ -273,7 +283,8 @@ main { } .article, -.content, +.content:not(.content--divided), +.content__section, .left-sidebar, .right-sidebar { background-color: var(--clr-content-bg); diff --git a/src/pages/about.njk b/src/pages/about.njk index 6d922c76..cdc16cab 100644 --- a/src/pages/about.njk +++ b/src/pages/about.njk @@ -1,66 +1,62 @@ --- -layout: main/base +layout: main/content title: About metadata: desc: About this website and its owner. + type: article date: 2023-01-02 +intro: Learn more about this website and its owner. +contentIsDivided: true --- -
-
-

About

-

Learn more about this website and its owner.

-
+
+

The Site

-
-

The Site

+

This website serves as a personal hub for my interests and self-expression, as well as my own corner on the internet outside social media platforms.

-

This website serves as a personal hub for my interests and self-expression, as well as my own corner on the internet outside social media platforms.

+

On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.

-

On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.

+

While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience with my site.

-

While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience with my site.

+

Feel free to drop a message and say hi on my guestbook!

-

Feel free to drop a message and say hi on my guestbook!

+

You can link to my website with this button:

-

You can link to my website with this button:

+ {% include "main/site-btn.njk" %} - {% include "main/site-btn.njk" %} +

If you also have a Neocities account, you can follow this site through its Neocities profile.

+ a website button with Penelope the cat, the mascot of Neocities, and the text 'hosted by neocities' +
-

If you also have a Neocities account, you can follow this site through its Neocities profile.

- a website button with Penelope the cat, the mascot of Neocities, and the text 'hosted by neocities' -
+ +

The Site Owner

- -

The Site Owner

+ - +

You can call me Leilukin. I am a Malaysian Chinese non-binary lesbian born in the early 90s. My pronouns are they/she/他/她.

-

You can call me Leilukin. I am a Malaysian Chinese non-binary lesbian born in the early 90s. My pronouns are they/she/他/她.

+

I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.

-

I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.

+

I am also autistic, so this website serves as a platform for my special interests.

-

I am also autistic, so this website serves as a platform for my special interests.

+

Social media platforms you can find me on:
+ Tumblr | + YouTube | + Twitter | + Mastodon | + Mastodon (for gaming) | + Blusky | + Instagram +

-

Social media platforms you can find me on:
- Tumblr | - YouTube | - Twitter | - Mastodon | - Mastodon (for gaming) | - Blusky | - Instagram -

+

However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option.

-

However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option.

+

I also have media catalogues online on the following platforms:
+ Steam | + The StoryGraph +

-

I also have media catalogues online on the following platforms:
- Steam | - The StoryGraph -

+

You can contact me via email: leilukin@outlook.com.

-

You can contact me via email: leilukin@outlook.com.

- - {% include "main/support-me.njk" %} - -
\ No newline at end of file + {% include "main/support-me.njk" %} + diff --git a/src/pages/home.njk b/src/pages/home.njk index 76ac257f..ea566ea9 100644 --- a/src/pages/home.njk +++ b/src/pages/home.njk @@ -1,67 +1,67 @@ --- -layout: main/base +layout: main/content title: Home +pageTitle: Welcome! +intro: Home page of Leilukin's Hub. metadata: desc: Home page of Leilukin's Hub. date: 2023-01-01 +contentIsDivided: true --- -
-
-

Welcome!

-

Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.

-

Feel free to drop a message and say hi on my guestbook!

-

You may use the site map to quickly navigate this website.

-

Enjoy your stay!

-
+
+

Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.

+

Feel free to drop a message and say hi on my guestbook!

+

You may use the site map to quickly navigate this website.

+

Enjoy your stay!

+
-
-

Link to My Website

+
+

Link to My Website

-

You can link to my website with this button:

- {% include "main/site-btn.njk" %} +

You can link to my website with this button:

+ {% include "main/site-btn.njk" %} -

Credit to hekate2 for their 88x31 Web Button Maker!

-
+

Credit to hekate2 for their 88x31 Web Button Maker!

+
-
-

Updates

-
-

5 April 2024:

- -

View all site changelog

-
-

You can subscribe to the Leilukin's Hub RSS feed or follow my Neocities profile to get notified of the updates on this website.

-
- - RSS feed button - -
-
+
+

Updates

+
+

5 April 2024:

+ +

View all site changelog

+
+

You can subscribe to the Leilukin's Hub RSS feed or follow my Neocities profile to get notified of the updates on this website.

+
+ + RSS feed button + +
+
-
-

Always Proud

-
- A website button of the 2018 Progress Flag - A website button of the 9 stripe rainbow flag - A website button of the lesbian pride flag - A website button of the non-binary pride flag - A website button of the demigirl pride flag - A website button of the agender pride flag - A website button of the bigender pride flag -
-

Credit to Dime for these pride buttons!

-
+
+

Always Proud

+
+ A website button of the 2018 Progress Flag + A website button of the 9 stripe rainbow flag + A website button of the lesbian pride flag + A website button of the non-binary pride flag + A website button of the demigirl pride flag + A website button of the agender pride flag + A website button of the bigender pride flag +
+

Credit to Dime for these pride buttons!

+
-
-

Webrings

-
left arrow queer coded webring right arrow
-
+
+

Webrings

+
left arrow queer coded webring right arrow
+
-
-

Support Me

- {% include "main/support-me.njk" %} -
-
\ No newline at end of file +
+

Support Me

+ {% include "main/support-me.njk" %} +