Skip to content

Commit 51098ee

Browse files
author
Omar Jair Purata Funes
authored
Merge pull request #1 from VentGrey/webhint-compliance
Webhint compliance
2 parents 21b9c19 + f5f8d5f commit 51098ee

3 files changed

Lines changed: 55 additions & 37 deletions

File tree

‎css.css‎

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
:root {
2+
--cereus-dark: #232323;
3+
}
4+
15
* {
26
margin: 0px;
37
padding: 0px;
@@ -11,7 +15,7 @@ nav {
1115
display: flex;
1216
justify-content: space-between;
1317
align-items: center;
14-
background-color: #232323;
18+
background-color: var(--cereus-dark);
1519
}
1620

1721
nav img {
@@ -69,7 +73,7 @@ nav img:hover {
6973
left: 6%;
7074
margin-top: 6px;
7175
padding: 4vh 4vh 4vh 2vh;
72-
background: #232323;
76+
background: var(--cereus-dark);
7377
border-radius: 16px;
7478
}
7579

@@ -144,7 +148,7 @@ nav img:hover {
144148
font-size: 20px;
145149
font-weight: bold;
146150
padding: 8px 25px;
147-
background-color: #232323;
151+
background-color: var(--cereus-dark);
148152
color: #f2f2f2;
149153
transition: 0.6s;
150154
}
@@ -221,6 +225,17 @@ nav img:hover {
221225
text-decoration: none;
222226
}
223227

228+
229+
.features-desk h3 {
230+
padding-top: 10px;
231+
color: #FAFAFA;
232+
}
233+
234+
.features-desk p {
235+
padding: 10px 0px;
236+
color: #FAFAFA;
237+
}
238+
224239
/* --- tarjetas --- */
225240
.tarjeta-basics {
226241
flex-basis: 32%;
@@ -411,7 +426,7 @@ nav img:hover {
411426
width: 100%;
412427
min-height: 10vh;
413428
text-align: center;
414-
background-color: #232323;
429+
background-color: var(--cereus-dark);
415430
color: #f2f2f2;
416431
}
417432

@@ -507,7 +522,7 @@ nav img:hover {
507522

508523
@media (prefers-color-scheme: dark) {
509524
body {
510-
background-color: #232323;
525+
background-color: var(--cereus-dark);
511526
color: #f2f2f2;
512527
}
513528

@@ -524,11 +539,11 @@ nav img:hover {
524539
@media (prefers-color-scheme: light) {
525540
body {
526541
background-color: #f2f2f2;
527-
color: #232323;
542+
color: var(--cereus-dark);
528543
}
529544

530545
.footer {
531-
background-color: #232323;
546+
background-color: var(--cereus-dark);
532547
}
533548

534549
.intro-contenido h1:hover {

‎index.html‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
<!DOCTYPE html>
2-
<html lang=eng>
2+
<html lang="EN">
3+
<meta charset="utf-8">
34
<!--HEADERS-->
45
<head>
56
<!--TITLE-->
6-
<link rel="shortcut icon" type="" href="../res/DE/cereus-icon.png">
7-
<title> Cereus Linux</title>
7+
<link rel="shortcut icon" type="image/png" href="../res/DE/cereus-icon.png">
8+
<title>Cereus Linux</title>
9+
<meta name="description" content="Cereus Linux it's a Gnu/Linux distribution derived from Void Linux thar focuses on delivering a user friendly experience.">
810
<meta name="viewport" content="width=device-width, initial-scale=1.0">
911
<link rel="stylesheet" href="css.css">
1012
<script src="navbar.js"></script>
@@ -49,7 +51,7 @@ <h3>Secure</h3>
4951
</div>
5052
<div class="tarjeta-repos">
5153
<h3>Added software</h3>
52-
<p>Find everything you need with the <br><a href="https://sourceforge.net/projects/cereus-linux/files/repos/" target="_blank">Cereus repos</a></p>
54+
<p>Find everything you need with the <br><a rel="noopener" href="https://sourceforge.net/projects/cereus-linux/files/repos/" target="_blank">Cereus repos</a></p>
5355
</div>
5456
</div>
5557
</section>
@@ -59,22 +61,22 @@ <h3>Added software</h3>
5961
<h1>Choose<br>What do you want</h1>
6062
<p>Cereus Linux offers some desktops options</p>
6163
</div>
62-
<div class="features">
64+
<div class="features features-desk">
6365
<div class="lxqt">
64-
<h3 style="color:#ffffff;">LXQt</h3>
65-
<p style="color:#e6e6e6;">Lightweight Desktop based on Qt</p>
66+
<h3>LXQt</h3>
67+
<p>Lightweight Desktop based on Qt</p>
6668
</div>
6769
<div class="xfce">
68-
<h3 style="color:#ffffff;">Xfce</h3>
69-
<p style="color:#e6e6e6;">Lightweight Desktop based on GTK</p>
70+
<h3>Xfce</h3>
71+
<p>Lightweight Desktop based on GTK</p>
7072
</div>
7173
<div class="plasma">
72-
<h3 style="color:#ffffff;">Plasma</h3>
73-
<p style="color:#e6e6e6;">Modern and highly customizable desktop based on QT</p>
74+
<h3>Plasma</h3>
75+
<p>Modern and highly customizable desktop based on QT</p>
7476
</div>
7577
<div class="cinnamon">
76-
<h3 style="color:#ffffff;">Cinnamon</h3>
77-
<p style="color:#e6e6e6;">Modern and Classic Desktop based on GTK</p>
78+
<h3>Cinnamon</h3>
79+
<p>Modern and Classic Desktop based on GTK</p>
7880
</div>
7981
</div>
8082
</section>

‎navbar.html‎

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
11
<nav>
2-
<a href="index.html"><img src="res/ui/logo.svg"></a>
3-
<div class="navbar">
4-
<ul class="nav" border: 1px solid white;>
5-
6-
<li><a href="index.html">HOME</a>
7-
<li><a href="downloads.html">DOWNLOADS</a><ul>
8-
9-
<li><a href="pages/lxqt.html">LXQT</a>
10-
<li><a href="pages/xfce.html">XFCE</a>
11-
<li><a href="pages/plasma.html">PLASMA</a>
12-
<li><a href="pages/cinnamon.html">CINNAMON</a></ul>
13-
<li><a href="https://sourceforge.net/p/cereus-linux/blog/" target="_blank" rel="noopener noreferrer">BLOG</a>
14-
<li><a href="about.html">ABOUT</a>
15-
16-
</ul>
17-
</div>
18-
</nav>
2+
<a aria-label="Inicio" href="index.html"><img height="48" width="48" alt="Logo de Cereus Linux" src="res/ui/logo.svg"></a>
3+
<div class="navbar">
4+
<ul class="nav" border: 1px solid white;>
5+
6+
<li><a href="index.html">HOME</a>
7+
<li><a href="downloads.html">DOWNLOADS</a><ul>
8+
9+
<li><a href="pages/lxqt.html">LXQT</a>
10+
<li><a href="pages/xfce.html">XFCE</a>
11+
<li><a href="pages/plasma.html">PLASMA</a>
12+
<li><a href="pages/cinnamon.html">CINNAMON</a></ul>
13+
<li><a href="https://sourceforge.net/p/cereus-linux/blog/" target="_blank" rel="noopener noreferrer">BLOG</a>
14+
15+
<li><a href="about.html">ABOUT</a>
16+
17+
</ul>
18+
</div>
19+
</nav>

0 commit comments

Comments
 (0)