简体中文 | English
The source code of the homepage website I use myself has a simple interface, but it includes a rich and sufficient number of modules:
The original project author is @ZYYO666. Most of the functions were completed by the original author, and I(@imbyter) only made secondary optimizations to the interface details and organized the code format based on the original version
Final effect: https://imbyter.com
- Pure static page (HTML+CSS+JS)
- Responsive Page
- Built in 5 optional themes
- Supports switching between light and dark modes
- Compact in size, with compression (including images) of only 2.52 MB
Because the project is a purely static page, after downloading, you can directly open the root directory index. html
to access it.
- No dependency environment is required for server deployment😀.
-
The image of the technology stack module at the bottom of the page can be used with skill-icons directly generate. It can also be saved offline in the format of
svg
after its generation. -
Dynamic loading of background images in
\static\js\script.js
:- When opening a page on the mobile side (judged by the
isMobile
function), it is displayed directly in dark mode without loading a large background image. - When the page is opened on the PC side, it defaults to a bright color mode and actively loads a large background image.
- When opening a page on the mobile side (judged by the
-
The page on the PC side defaults to displaying a light and dark mode switch button, while the mobile side hides a light and dark mode switch button. You can customize and modify it in
\static\css\style.css
. -
The page on PC side has 5 themes to choose from, which can be freely switched in
\static\css\theme.css
(switching is not supported on the mobile side)