Hēsperus' Sanctuary

Introduction

This project is a personal blog of Hēsperus, run by Github Pages on hesprs.github.io. The website is an SPA (Single Page Application), where all the website content is scripted and dispalyed on a single HTML page. It is built through vanilla HTML, JavaScript and SCSS. All the code except open-source Javascript liberaries is created by Hēsperus himself.

Features

1. SPA and all its benefits (smooth transition, efficient file structure, neat URL, continuous experience, etc.);
2. Modularized content (technically it can showcase any forms of media no matter articles, mindmaps, web games, etc.);
3. Glassmorphism UI;
4. Simple music player;
5. Internationalization (support English, simplified Chinese, and German);
6. Markdown syntax support;
7. Light and dark mode;
8. Responsive design.

Libraries used

• Marked.js - https://github.com/markedjs/marked
• Obsidian-Canvas-Renderer-X - https://github.com/hesprs/Obsidian-Canvas-Web-Renderer-X

Periscope

• Add tags to the articles;
• Make the footer in each article can display instructions, tags, etc.

Current Bugs

1. The words in search bar are not properly rotated in horizontal mode.
2. Flipping card in a directory that only has one row of article card causes abrupt jerk of that row.