max_ag/multiplayer-game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

html/css procrastination

Browse source
This commit is contained in:
maxstrb 2025-10-19 23:04:45 +02:00
parent e2e5138faf
commit bb9fe7aec0
2 changed files with 64 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

57
public/index.css
View file

@ -1,11 +1,62 @@
* {
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 15px;
margin: 0;
padding: 15px;
width: 100%;
height: 100%;
background-color: #121212;
}
h1 {
nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 200px;
height: 100%;
padding: 20px 16px;
background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.05);
}
p {
color: #025da9;
hr {
width: 100%;
margin: 0;
border: none;
height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(255, 255, 255, 0.2) 50%,
transparent 100%
);
}
main {
flex: 1;
height: 100%;
background-color: #090909;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.15);
}

12
public/index.html
View file

@ -7,7 +7,15 @@
</head>
<body>
<h1>HTTP server testing</h1>
<p>Lorem ipsum</p>
<nav>
<a>Profile</a>
<hr>
<a>New Game</a>
<a>Chat</a>
</nav>
<main>
</main>
</body>
</html>