Skip to content

Commit 55e7540

Browse files
authored
Update Home-page.html
1 parent e1873d4 commit 55e7540

File tree

1 file changed

+46
-25
lines changed

1 file changed

+46
-25
lines changed

Home-page.html

Lines changed: 46 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@
1919
}
2020
header {
2121
background-color: #121212;
22-
padding: 20px 0;
2322
position: fixed;
2423
width: 100%;
2524
top: 0;
@@ -31,33 +30,53 @@
3130
background-color: #1A1A1A;
3231
}
3332
.social-links {
33+
background-color: rgba(255, 255, 255, 0.05);
34+
padding: 10px 0;
3435
display: flex;
3536
justify-content: center;
36-
gap: 20px;
37-
padding: 10px 0;
37+
gap: 12px;
38+
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
3839
}
3940
.social-links a {
40-
display: inline-block;
41-
transition: transform 0.3s;
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
width: 38px;
45+
height: 38px;
46+
background-color: #2F3A44;
47+
border-radius: 50%;
48+
transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
4249
}
4350
.social-links a:hover {
44-
transform: scale(1.1);
51+
background-color: #B0B0B0;
52+
transform: scale(1.15);
53+
box-shadow: 0 3px 8px rgba(255, 255, 255, 0.3);
4554
}
4655
.social-links svg {
47-
width: 24px;
48-
height: 24px;
49-
fill: #B0B0B0;
56+
width: 22px;
57+
height: 22px;
58+
fill: #FFFFFF;
59+
transition: fill 0.3s;
60+
}
61+
.social-links a:hover svg {
62+
fill: #121212;
5063
}
5164
.social-links img {
5265
width: 24px;
5366
height: 24px;
67+
object-fit: contain;
68+
transition: filter 0.3s;
69+
}
70+
.social-links a:hover img {
71+
filter: brightness(0.8);
5472
}
5573
nav {
5674
max-width: 1200px;
5775
margin: 0 auto;
5876
display: flex;
5977
justify-content: space-between;
6078
align-items: center;
79+
padding: 15px 20px;
6180
}
6281
nav .logo img {
6382
height: 40px;
@@ -67,6 +86,7 @@
6786
list-style: none;
6887
display: flex;
6988
gap: 25px;
89+
align-items: center;
7090
}
7191
nav ul li a {
7292
color: #FFFFFF;
@@ -101,6 +121,7 @@
101121
background: linear-gradient(45deg, #1C2526, #2F3A44);
102122
position: relative;
103123
overflow: hidden;
124+
padding-top: 100px; /* Adjusted for header with social bar */
104125
}
105126
.hero::before {
106127
content: '';
@@ -169,34 +190,34 @@
169190
<body>
170191
<header>
171192
<div class="social-links">
172-
<a href="https://x.com/hackeros_linux" target="_blank" rel="noopener noreferrer">
173-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16">
174-
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
193+
<a href="https://discord.com/invite/8yHNcBaEKy" target="_blank" rel="noopener noreferrer" title="Discord">
194+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
195+
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
175196
</svg>
176197
</a>
177-
<a href="https://discord.com/invite/8yHNcBaEKy" target="_blank" rel="noopener noreferrer">
178-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16">
179-
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
198+
<a href="https://x.com/hackeros_linux" target="_blank" rel="noopener noreferrer" title="X (Twitter)">
199+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
200+
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
180201
</svg>
181202
</a>
182-
<a href="https://linuxiarze.pl/distro-hackeros/" target="_blank" rel="noopener noreferrer">
183-
<img src="https://linuxiarze.pl/obrazy/images/logo-linuxiarze1.webp" alt="Linuxiarze" width="24" height="24">
203+
<a href="https://linuxiarze.pl/distro-hackeros/" target="_blank" rel="noopener noreferrer" title="Linuxiarze">
204+
<img src="https://linuxiarze.pl/obrazy/images/logo-linuxiarze1.webp" alt="Linuxiarze" onerror="this.src='https://via.placeholder.com/24';">
184205
</a>
185-
<a href="https://distrowatch.com/table.php?distribution=hackeros" target="_blank" rel="noopener noreferrer">
186-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Distrowatch-logo.png/24px-Distrowatch-logo.png" alt="DistroWatch" width="24" height="24" onerror="this.style.display='none';">
206+
<a href="https://distrowatch.com/table.php?distribution=hackeros" target="_blank" rel="noopener noreferrer" title="DistroWatch">
207+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Distrowatch-logo.png/24px-Distrowatch-logo.png" alt="DistroWatch" onerror="this.src='https://via.placeholder.com/24';">
187208
</a>
188-
<a href="https://www.reddit.com/r/HackerOS_/" target="_blank" rel="noopener noreferrer">
189-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
209+
<a href="https://www.reddit.com/r/HackerOS_/" target="_blank" rel="noopener noreferrer" title="Reddit">
210+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
190211
<path d="M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 .828.671 1.5 1.5 1.5s1.5-.672 1.5-1.5c0-.828-.671-1.5-1.5-1.5-.689 0-1.259.541-1.466 1.236l-4.013-.908-1.656 5.207c-2.765.093-5.236.842-7.058 2.046a2.658 2.658 0 0 0-1.844-.746C1.192 9.134 0 10.32 0 11.779c0 .996.547 1.862 1.36 2.317-.04.256-.06.516-.06.784 0 3.514 4.412 6.364 9.868 6.364 5.455 0 9.868-2.85 9.868-6.364 0-.268-.021-.528-.06-.784.814-.455 1.36-1.321 1.36-2.317zm-14.355 2.93c0-.862.695-1.559 1.555-1.559.859 0 1.554.697 1.554 1.559 0 .861-.695 1.558-1.554 1.558-.86 0-1.555-.696-1.555-1.558zm7.945 4.978c-1.678 1.143-3.901 1.805-6.344 1.805-2.442 0-4.665-.662-6.344-1.805-.396-.269-.496-.766-.227-1.161.27-.396.766-.496 1.161-.227 1.374.934 3.184 1.48 5.41 1.48 2.226 0 4.036-.546 5.41-1.48.395-.269.891-.169 1.161.227.269.395.169.891-.227 1.161zm-.227-3.419c-.859 0-1.554-.697-1.554-1.558 0-.862.695-1.559 1.554-1.559.86 0 1.555.697 1.555 1.559 0 .861-.695 1.558-1.555 1.558z"/>
191212
</svg>
192213
</a>
193-
<a href="https://github.com/HackerOS-Linux-System" target="_blank" rel="noopener noreferrer">
194-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16">
214+
<a href="https://github.com/HackerOS-Linux-System" target="_blank" rel="noopener noreferrer" title="GitHub">
215+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
195216
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
196217
</svg>
197218
</a>
198-
<a href="https://www.youtube.com/channel/UCwYT5jqUhZHoRhNKOrjKTrQ" target="_blank" rel="noopener noreferrer">
199-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
219+
<a href="https://www.youtube.com/channel/UCwYT5jqUhZHoRhNKOrjKTrQ" target="_blank" rel="noopener noreferrer" title="YouTube">
220+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
200221
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
201222
</svg>
202223
</a>

0 commit comments

Comments
 (0)