fix loading, dockerize, improve link style (no .html), minify files automatically (and use files in code)
This commit is contained in:
parent
bd50bffad4
commit
1686fea0fa
50
.gitea/workflows/minify.yaml
Normal file
50
.gitea/workflows/minify.yaml
Normal 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
57
default.conf
Normal 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
9
docker-compose.yml
Normal 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
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/about.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/about.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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"><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="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="status.html">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="projects.html">projects</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">design</a></li>
|
||||
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
<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>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/cloud.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/cloud.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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">
|
||||
<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="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="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="status.html">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="projects.html">projects</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">design</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>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
@ -62,7 +64,7 @@
|
||||
</ol>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/contact.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/contact.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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">
|
||||
<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="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"><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="status.html">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="projects.html">projects</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">design</a></li>
|
||||
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
<p id="date"></p>
|
||||
@ -53,7 +55,7 @@
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/cloud.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/cloud.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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">
|
||||
<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="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="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="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"><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>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
<p id="date"></p>
|
||||
@ -43,7 +45,7 @@
|
||||
<p>This page is coming soon!</p>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/index.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/index.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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">
|
||||
<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"><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="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="status.html">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="projects.html">projects</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">design</a></li>
|
||||
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/projects">projects</a></li>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
<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>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -7,11 +7,13 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/cloud.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/cloud.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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">
|
||||
<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="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="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="status.html">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="/status">status</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>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
@ -92,7 +94,7 @@
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,25 +7,27 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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/cloud.css">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="stylesheet" href="css/cloud.min.css">
|
||||
</head>
|
||||
<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;">
|
||||
<header class="sidebar">
|
||||
<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>
|
||||
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||
<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="about.html">about</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">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="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"><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="projects.html">projects</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">projects</a></li>
|
||||
</ul>
|
||||
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||
<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>
|
||||
</aside>
|
||||
</div>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/music.js"></script>
|
||||
<script src="js/status.js"></script>
|
||||
<script src="js/main.min.js"></script>
|
||||
<script src="js/music.min.js"></script>
|
||||
<script src="js/status.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user