erik/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Under construction
All checks were successful
Deploy new version of the application / Deploy Application (push) Successful in 2s
Details

Browse Source
This commit is contained in:
Erik Fehér
2025-10-23 01:53:12 +02:00
parent 5fbbdc82b0
commit b6c5c42ef3
2 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
script.js
View File

@@ -20,4 +20,17 @@ function init() {
} }
function addInProgress() {
if (window.location.href.indexOf('127.0.0.1') === -1) {
const warning = document.createElement('div');
warning.id = 'under-construction';
warning.innerHTML = "This website is currently under development. Nothing will work as expected. Click anywhere to dismiss this message.";
warning.onclick = function() {
this.style.display = 'none';
};
document.body.appendChild(warning);
}
}
addInProgress();
init(); init();

19
styles.css
View File

@@ -23,7 +23,7 @@ html, body {
background: var(--background-color); background: var(--background-color);
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: hidden; /* Hide vertical scrollbar */ overflow-y: auto; /* Hide vertical scrollbar */
overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
height: 100dvh; height: 100dvh;
} }
@@ -117,7 +117,7 @@ html, body {
width: 100%; width: 100%;
height: calc(100dvh - (2 * var(--card-gap))); height: calc(100dvh - (2 * var(--card-gap)));
top: calc(-1 * (100dvh - (2 * var(--card-gap))) - var(--label-height)); top: calc(-1 * (100dvh - (2 * var(--card-gap))) - var(--label-height));
overflow: auto; overflow: hidden;
} }
.content-wrapper { .content-wrapper {
@@ -194,3 +194,18 @@ html, body {
height: 300px; height: 300px;
} }
#under-construction {
color: #ff5555;
background-color: #fff;
font-size: 24px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
top: 0;
}