Enhance styling and functionality: add scrollbar styles, update iframe source, adjust project section width, implement MagicalGirl toggle, and create ASCII art HTML page.
This commit is contained in:
parent
217f115069
commit
deca6506a9
8 changed files with 178 additions and 22 deletions
99
public/ascii-art.html
Normal file
99
public/ascii-art.html
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<meta name="theme-color" content="#0C0C0C">
|
||||
<meta name="date" content="2025-10-21T13:11:07.098Z">
|
||||
<link href="https://fonts.cdnfonts.com/css/cascadia-code" rel="stylesheet">
|
||||
<title>imnyang</title>
|
||||
<style>
|
||||
:root {
|
||||
--color-primary-light: #FFD7D7;
|
||||
--color-secondary-light: #EEEEEE;
|
||||
--color-tertiary-light: #FFFFFF;
|
||||
--color-quaternary-light: #E4E4E4;
|
||||
--color-quinary-light: #DADADA;
|
||||
--color-senary-light: #D7D7D7;
|
||||
--color-septenary-light: #D0D0D0;
|
||||
--color-text: #fcf8f9;
|
||||
--background: #191017;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--color-primary-light: #FFD7D7;
|
||||
--color-secondary-light: #EEEEEE;
|
||||
--color-tertiary-light: #FFFFFF;
|
||||
--color-quaternary-light: #E4E4E4;
|
||||
--color-quinary-light: #DADADA;
|
||||
--color-senary-light: #D7D7D7;
|
||||
--color-septenary-light: #D0D0D0;
|
||||
--color-text: #fcf8f9;
|
||||
--background: #191017;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
font-variant-ligatures: none;
|
||||
font-feature-settings: 'liga' 0, 'clig' 0;
|
||||
}
|
||||
html, body {
|
||||
background: var(--background);
|
||||
color: var(--color-text);
|
||||
margin: 0;
|
||||
}
|
||||
pre {
|
||||
font-family: 'Cascadia Code', sans-serif;
|
||||
font-size: 6pt;
|
||||
line-height: 1.2;
|
||||
margin: 0px 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><pre><span style="color: var(--color-primary-light);"> @@@@@@@@ @@@@@@@@@
|
||||
@@ @@ @@@ @@
|
||||
@@ @@@ @ @@ @@
|
||||
@@ @@ @@ @ @@ @@ @@
|
||||
@@ @@ @ @@ @@ @@ @
|
||||
@ @@@ @ @@ @@@ @ @
|
||||
@@ @@ @ @ @@ @@ @@
|
||||
@@ @@ @ @@ @@ @@
|
||||
@ @@ @ @@@@@ @@ @@
|
||||
@ @@ @@@@ @@ @@ @@@@@@ @@
|
||||
@ @@ @@@ @@@ @@ @@
|
||||
@@ @@@ @ @@@ @ @@ @@ @@
|
||||
@@@ @@@@@ @@@@ @@@ @@ @@ @@@@ @@
|
||||
@@ @ @@ @@@@@ @@@ @ @
|
||||
@@ @@@@ @ @ @
|
||||
@@ @@ @ @ @ @@ @@
|
||||
@@ @@ @ @ @@ @@ @@
|
||||
@@ @@@@@ @ @ @@ @
|
||||
@ @@@ @ @@ @ @@ @
|
||||
@@ @@@ @ @ @ @@ @@ @
|
||||
@@@ @@ @@ @@ @@
|
||||
@@ @ @ @ @ @
|
||||
@ @ @ @ @@
|
||||
@@ @@ @ @@ @ @
|
||||
@ @@@@@@ @@@ @@ @ @@
|
||||
@ @ @ @@ @ @@ @@ @ @@ @@
|
||||
@@@ @ @ @@@@@@ @ @ @@
|
||||
@ @ @ @ @@@ @@ @@@@ @@
|
||||
@@ @@@@@@@@@@@@@ @@@@ @@@ @@ @@@@@ @
|
||||
@@ @ @ @ @@@ @@@@@@@@@@@ @ @@ @
|
||||
@@ @ @ @ @@ @ @ @@@@ @@ @@
|
||||
@@ @@ @ @@ @ @ @@ @@ @@ @@
|
||||
@@ @ @@ @@@ @ @@ @ @@@@@ @@ @@
|
||||
@@ @@ @@@ @ @@ @@@ @@ @
|
||||
@@ @ @@@ @@ @ @@
|
||||
@ @ @@@ @ @ @@
|
||||
@ @@ @ @ @
|
||||
@@ @@ @ @ @@
|
||||
@ @@ @@ @@@@@@@@
|
||||
@@ @@ @@@@@@@@@@@@@@@@@@@ @@@@@@@@
|
||||
@@ @@@@ @@@@@ @@@ @ @@
|
||||
@@@ @ @@@@ @ @ @@@ @@
|
||||
@@@ @@ @@@ @ @@ @ @@@@@@@@@@@@@@@ @@
|
||||
@@ @@ @@@ @ @@ @ @@@@@@ @@
|
||||
</span></pre></body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue