SplendidBear-Websites/MineSeeker
Private
Public Access
1
0
Fork 0
Code Pull Requests 1 Releases Activity

chg: usr: improve the gfx on homepage - implement login/register and activation for authentication - and add the first version of profile page #4

Browse Source
This commit is contained in:
László Lang
2026-04-11 20:45:51 +02:00
parent eff849549b
commit 6b3e19b063
43 changed files with 3375 additions and 1806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
assets/css/homepage/_auth-bar.scss Normal file
View File

@@ -0,0 +1,80 @@
.hero-auth {
position: absolute;
top: 28px;
right: 36px;
display: flex;
align-items: center;
gap: 10px;
z-index: 10;
}
.hero-auth-user {
font: 600 13px 'Rajdhani', sans-serif;
color: rgba(149, 207, 245, 0.75);
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 6px;
i { font-size: 15px; }
}
.hero-auth-btn {
display: inline-flex;
align-items: center;
gap: 6px;
font: 600 12px 'Rajdhani', sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
padding: 7px 14px;
cursor: pointer;
transition: all 200ms ease;
&:hover {
color: #fff;
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.25);
}
&--register {
color: rgba(149, 207, 245, 0.8);
border-color: rgba(35, 111, 135, 0.4);
background: rgba(35, 111, 135, 0.12);
&:hover {
color: #fff;
background: rgba(35, 111, 135, 0.28);
border-color: rgba(149, 207, 245, 0.5);
}
}
&--out {
background: transparent;
border-color: rgba(173, 10, 5, 0.3);
color: rgba(246, 125, 82, 0.7);
&:hover {
background: rgba(173, 10, 5, 0.15);
border-color: rgba(246, 125, 82, 0.5);
color: #f67d52;
}
}
&--profile {
color: rgba(149, 207, 245, 0.8);
border-color: rgba(35, 111, 135, 0.35);
background: rgba(35, 111, 135, 0.08);
text-decoration: none;
&:hover {
color: #fff;
background: rgba(35, 111, 135, 0.22);
border-color: rgba(149, 207, 245, 0.5);
}
}
}