aidan/aidxnFUNretro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix loading, dockerize, improve link style (no .html), minify files automatically (and use files in code)

Browse Source
This commit is contained in:
Aidan 2025-01-26 02:57:40 -05:00
parent bd50bffad4
commit 1686fea0fa
10 changed files with 197 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
.gitea/workflows/minify.yaml Normal file
View File

@ -0,0 +1,50 @@
name: Minify HTML and CSS
on:
push:
branches:
- main
pull_request:
branches:
- main
jobs:
minify:
runs-on: ubuntu-latest
steps:
- name: Checkout code
uses: actions/checkout@v3
- name: Set up Node.js
uses: actions/setup-node@v3
with:
node-version: 18
- name: Install minification tools
run: |
npm install -g html-minifier-terser csso-cli terser
- name: Minify HTML files
run: |
find src/ -name '*.html' ! -name '*min*' -exec sh -c 'html-minifier-terser --collapse-whitespace --remove-comments --minify-js true --minify-css true -o "${0%.html}.min.html" "$0"' {} \;
- name: Minify CSS files
run: |
find src/css/ -name '*.css' ! -name '*min*' -exec sh -c 'csso "$0" --output "${0%.css}.min.css"' {} \;
- name: Minify JS files
run: |
find src/ -name '*.js' ! -name '*min*' -exec sh -c 'terser --compress --mangle --output "${0%.js}.min.js" "$0"' {} \;
- name: Commit and push changes
env:
USERNAME_GITEA: ${{ secrets.USERNAME_GITEA }}
TOKEN_GITEA: ${{ secrets.TOKEN_GITEA }}
run: |
git config --global user.name "LibreCloud Actions Bot"
git config --global user.email "git@pontusmail.org"
git remote set-url origin https://${USERNAME_GITEA}:${TOKEN_GITEA}@git.pontusmail.org/aidan/aidxnFUNretro.git
git add .
git commit -m "[bot] Minifying HTML and CSS automatically"
git push origin main

57
default.conf Normal file
View File

@ -0,0 +1,57 @@
server {
listen 80;
listen [::]:80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.min.html;
autoindex on;
}
# TODO: This could be improved later
location = /about {
root /usr/share/nginx/html;
index about.min.html;
try_files /about.min.html =404;
}
location = /cloud {
root /usr/share/nginx/html;
index cloud.min.html;
try_files /cloud.min.html =404;
}
location = /contact {
root /usr/share/nginx/html;
index about.min.html;
try_files /contact.min.html =404;
}
location = /design {
root /usr/share/nginx/html;
index about.min.html;
try_files /design.min.html =404;
}
location = /ping {
root /usr/share/nginx/html;
index ping.min.html;
try_files /ping.min.html =404;
}
location = /projects {
root /usr/share/nginx/html;
index projects.min.html;
try_files /projects.min.html =404;
}
location = /status {
root /usr/share/nginx/html;
index status.min.html;
try_files /status.min.html =404;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}

9
docker-compose.yml Normal file
View File

@ -0,0 +1,9 @@
services:
pontus-web:
image: nginx
restart: always
ports:
- 2281:80
volumes:
- ./default.conf:/etc/nginx/conf.d/default.conf
- ./src:/usr/share/nginx/html

20
src/about.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/about.css"> <link rel="stylesheet" href="css/about.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -21,11 +23,11 @@
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>about</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>about</b></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
<p id="date"></p> <p id="date"></p>
@ -70,7 +72,7 @@
<p>You can learn more about my opinions on cloud platforms <a href="cloud.html">on this page</a>. It's not shown on the sidebar, as I don't think many people would be interested. So, if you're reading this, enjoy your access to a "secret" page.</p> <p>You can learn more about my opinions on cloud platforms <a href="cloud.html">on this page</a>. It's not shown on the sidebar, as I don't think many people would be interested. So, if you're reading this, enjoy your access to a "secret" page.</p>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

22
src/cloud.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/cloud.css"> <link rel="stylesheet" href="css/cloud.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -19,13 +21,13 @@
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>cloud</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>cloud</b></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
@ -62,7 +64,7 @@
</ol> </ol>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

20
src/contact.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/contact.css"> <link rel="stylesheet" href="css/contact.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -19,13 +21,13 @@
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>contact</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>contact</b></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
<p id="date"></p> <p id="date"></p>
@ -53,7 +55,7 @@
</ul> </ul>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

20
src/design.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/cloud.css"> <link rel="stylesheet" href="css/cloud.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -19,13 +21,13 @@
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>design</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>design</b></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
<p id="date"></p> <p id="date"></p>
@ -43,7 +45,7 @@
<p>This page is coming soon!</p> <p>This page is coming soon!</p>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

22
src/index.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="#"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="#"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -19,13 +21,13 @@
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>home</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>home</b></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
<p id="date"></p> <p id="date"></p>
@ -61,7 +63,7 @@
<p>With this project, I have aimed to adhere to modern HTML5 standards, while emulating the experience of a proper mid-2000s design. Sadly, I wasn't around for when HTML4 was more widespread.</p> <p>With this project, I have aimed to adhere to modern HTML5 standards, while emulating the experience of a proper mid-2000s design. Sadly, I wasn't around for when HTML4 was more widespread.</p>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

20
src/projects.html
View File

@ -7,11 +7,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/cloud.css"> <link rel="stylesheet" href="css/cloud.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
@ -19,12 +21,12 @@
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/status">status</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>projects</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>projects</b></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
@ -92,7 +94,7 @@
</ul> </ul>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
</body> </body>
</html> </html>

24
src/status.html
View File

@ -7,25 +7,27 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/cloud.css"> <link rel="stylesheet" href="css/cloud.min.css">
</head> </head>
<body> <body>
<div id="loading"></div> <div id="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<img src="img/loading2.gif" alt="Loading animation">
</div>
<div id="page" style="display: none;"> <div id="page" style="display: none;">
<header class="sidebar"> <header class="sidebar">
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a> <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
<p class="cap">Welcome to my world wide web site!</p> <p class="cap">Welcome to my world wide web site!</p>
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label"> <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
<ul> <ul>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="index.html">home</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/about">about</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://p0ntus.com">archives</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/contact">contact</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="https://aidxn.fun/verify">verify a message</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>status</b></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>status</b></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/design">design</a></li>
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="projects.html">projects</a></li> <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
</ul> </ul>
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label"> <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
<p id="date"></p> <p id="date"></p>
@ -50,8 +52,8 @@
<p><span style="color: gray" id="status1">[UNKNOWN - LOADING ms]</span> kantor.aidxn.fun (Oracle Cloud - Germany - backend server)</p> <p><span style="color: gray" id="status1">[UNKNOWN - LOADING ms]</span> kantor.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
</aside> </aside>
</div> </div>
<script src="js/main.js"></script> <script src="js/main.min.js"></script>
<script src="js/music.js"></script> <script src="js/music.min.js"></script>
<script src="js/status.js"></script> <script src="js/status.min.js"></script>
</body> </body>
</html> </html>