This commit is contained in:
Adam Sramek 2024-04-21 17:42:29 +02:00
parent 76f82955a8
commit e362b20a4f
15 changed files with 47 additions and 36 deletions

@ -5,12 +5,14 @@
font-family: sans-serif; font-family: sans-serif;
} }
body { html, body {
height: 100vh; min-height: 100vh;
background-color: #000; background-color: #000;
background-size: cover;
background-position: center;
color: #fff; color: #fff;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
} }
li { li {
@ -52,11 +54,11 @@ header {
gap: 2rem; gap: 2rem;
} }
.navbar .toggle-btn { .navbar #toggle-btn {
display: none;
color: #fff; color: #fff;
font-size: 1.5rem; font-size: 1.5rem;
cursor: pointer; cursor: pointer;
display: none;
} }
.action_btn { .action_btn {
@ -126,7 +128,7 @@ section#hero {
/* RESPONSIVE DESIGN */ /* RESPONSIVE DESIGN */
@media(max-width: 992px) { @media(max-width: 992px) {
.navbar .toggle-btn { .navbar #toggle-btn {
display: block; display: block;
} }
@ -143,6 +145,7 @@ section#hero {
overflow: hidden; overflow: hidden;
flex-direction: column; flex-direction: column;
transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 100;
} }
#dropdown_menu.open { #dropdown_menu.open {
@ -196,7 +199,7 @@ footer {
margin: 100px auto; margin: 100px auto;
padding: 20px; padding: 20px;
background-color: #007bff; background-color: #007bff;
border-radius: 5px; border-radius: 50px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
color: white; color: white;
background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp); background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);

@ -6,5 +6,5 @@
<input type="password" id="signup-password" placeholder="Password" required> <input type="password" id="signup-password" placeholder="Password" required>
<button type="submit">Sign Up</button> <button type="submit">Sign Up</button>
</form> </form>
<p>Already have an account? <a href="login.html">Login</a></p> <p>Already have an account? <a href="/?Login">Login</a></p>
</div> </div>

@ -1,4 +1,4 @@
body { html, body {
background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all); background-image: url(https://venturebeat.com/wp-content/uploads/2014/08/alien-isolation-1.jpg?fit=1920%2C1080&strip=all);
} }
@ -18,4 +18,5 @@ img {
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border-radius: 10px;
} }

@ -1,5 +1,5 @@
body { html, body {
background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg); background-image: url(https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/hero/mwiii/MWIII-OCM-TOUT.jpg);
} }

@ -1,4 +1,4 @@
body { html, body {
background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
} }

@ -1,3 +1,3 @@
body { html, body {
background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
} }

@ -1,4 +1,4 @@
body { html, body {
background-image: url(https://www.pcgamesn.com/wp-content/sites/pcgamesn/2021/07/minecraft-118-experimental-snapshot-2.jpg); background-image: url(https://www.pcgamesn.com/wp-content/sites/pcgamesn/2021/07/minecraft-118-experimental-snapshot-2.jpg);
} }

@ -1,4 +1,4 @@
body { html, body {
background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2022733069629803484/8F9E65CDA91A8DF1E432D2C9454FB2FB58624D62/); background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2022733069629803484/8F9E65CDA91A8DF1E432D2C9454FB2FB58624D62/);
} }

@ -1,3 +1,3 @@
body { html, body {
background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
} }

@ -1,4 +1,4 @@
body { html, body {
background-image: url(https://images4.alphacoders.com/206/206014.jpg); background-image: url(https://images4.alphacoders.com/206/206014.jpg);
} }

@ -1,5 +1,4 @@
html, body {
body {
background-image: url(https://moewalls.com/wp-content/uploads/2021/12/monster-bones-under-the-sea-subnautica-thumb.jpg); background-image: url(https://moewalls.com/wp-content/uploads/2021/12/monster-bones-under-the-sea-subnautica-thumb.jpg);
} }

@ -1,5 +1,5 @@
body { html, body {
background-image: url(https://wallpapersmug.com/download/1920x1080/75c391/game-titanfall-2.jpg); background-image: url(https://wallpapersmug.com/download/1920x1080/75c391/game-titanfall-2.jpg);
} }

@ -1,5 +1,4 @@
html, body {
body {
background-image: url(https://i.pinimg.com/originals/5f/61/61/5f6161e90678a0fb8d024da611559d62.jpg); background-image: url(https://i.pinimg.com/originals/5f/61/61/5f6161e90678a0fb8d024da611559d62.jpg);
} }

@ -1,3 +1,3 @@
body { html, body {
background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png); background-image: url(https://w.wallha.com/ws/4/Vlw87L9q.png);
} }

@ -1,13 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Error</title> <title>Error</title>
<style> <style>
html { color-scheme: light dark; } html, body {
body { width: 35em; margin: 0 auto; color-scheme: light dark;
font-family: Tahoma, Verdana, Arial, sans-serif; } }
html, body {
width: 35em;
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
</style> </style>
</head> </head>
<body> <body>
<h1>An error occurred.</h1> <h1>An error occurred.</h1>
<p>Sorry, the page you are looking for is currently unavailable.<br /> <p>Sorry, the page you are looking for is currently unavailable.<br />
@ -15,4 +23,5 @@ Please try again later.</p>
<p>If you are the system administrator of this resource then you should check <p>If you are the system administrator of this resource then you should check
the error log for details.</p> the error log for details.</p>
</body> </body>
</html> </html>