informaticker/network-website
1
0
Fork 0
mirror of https://github.com/informaticker/network-website.git synced 2024-11-23 18:21:58 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

improvements

Browse Source
This commit is contained in:
elijah 2024-06-05 23:25:29 +02:00
parent 8a4e9f6dea
commit 3adea149ed
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/loader.js
View File

@ -11,7 +11,7 @@ function adjustFontSize() {
const asciiArtContainer = document.getElementById('ascii-art-container'); const asciiArtContainer = document.getElementById('ascii-art-container');
const windowWidth = window.innerWidth; const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight; const windowHeight = window.innerHeight;
const baseFontSize = Math.min(windowWidth, windowHeight) / 150; const baseFontSize = Math.min(windowWidth, windowHeight) / 135;
asciiArtContainer.style.fontSize = `${baseFontSize}px`; asciiArtContainer.style.fontSize = `${baseFontSize}px`;
asciiArtContainer.style.top = `${windowHeight / 2}px`; asciiArtContainer.style.top = `${windowHeight / 2}px`;
asciiArtContainer.style.left = `${windowWidth / 2}px`; asciiArtContainer.style.left = `${windowWidth / 2}px`;
@ -42,3 +42,5 @@ function initAsciiEffect(asciiArt) {
} }
setInterval(flipBit, updateFrequency); setInterval(flipBit, updateFrequency);
} }

15
assets/style.css
View File

@ -3,12 +3,12 @@
src: url('../assets/font.woff2') format('woff2'); src: url('../assets/font.woff2') format('woff2');
} }
body { body {
background-color: #333; background-color: #2e2e2e;
background-image: background-image:
linear-gradient(to bottom, linear-gradient(to bottom,
#000000, #000000,
#22770156, #1a5c008a,
#221100 #000000
); );
background-size: 100% 3px; background-size: 100% 3px;
background-repeat: repeat-y; background-repeat: repeat-y;
@ -20,7 +20,7 @@ body {
radial-gradient( radial-gradient(
farthest-corner at 50% 50%, farthest-corner at 50% 50%,
rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6),
rgba(20, 20, 20, 0.6) 50%, rgba(20, 20, 20, 0.7) 50%,
rgba(40, 40, 40, 0.6) 100% rgba(40, 40, 40, 0.6) 100%
); );
background-size: 100% 300px; background-size: 100% 300px;
@ -55,13 +55,13 @@ body {
pointer-events: initial; pointer-events: initial;
} }
.nav-links a:hover { .nav-links a:hover {
color: #33ccffda; color: #33ccff;
} }
.ascii-art-container { .ascii-art-container {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 47% !important;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-size: 10vmin; font-size: 10vmin;
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
@ -75,6 +75,9 @@ body {
overflow: hidden; overflow: hidden;
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.ascii-art-container {
top: 60% !important;
}
.navbar { .navbar {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;