CereusLinuxProject · KF-Art · Dec 31, 2022 · Dec 30, 2022 · Dec 30, 2022 · Dec 30, 2022
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
@@ -0,0 +1,46 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: AutoMinify assets
+        uses: nizarmah/auto-minify@v2.1
+        with:
+          overwrite: true
+      - name: Setup Pages
+        uses: actions/configure-pages@v2
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          # Upload entire repository
+          path: '.'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1
diff --git a/about.html b/about.html
@@ -1,10 +1,12 @@
 <!DOCTYPE html>
- <html lang=eng>
+  <html lang="EN">
+  <meta charset="UTF-8">
  <!--HEADERS-->
   <head>
    <!--TITLE-->
   <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
   <title> Cereus Linux</title>
+  <meta name="description" content="Cereus Linux it's a Gnu/Linux distribution derived from Void Linux thar focuses on delivering a user friendly experience.">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css.css">
   <script src="navbar.js"></script>

diff --git a/css.css b/css.css
@@ -1,3 +1,8 @@
+:root {
+    --cereus-dark: #232323;
+    --cereus-light: #FAFAFA;
+}
+
 * {
  margin: 0px;
  padding: 0px;
@@ -11,7 +16,7 @@ nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
- background-color: #232323;
+ background-color: var(--cereus-dark);
 }
 
 nav img {
@@ -69,7 +74,7 @@ nav img:hover {
  left: 6%;
  margin-top: 6px;
  padding: 4vh 4vh 4vh 2vh;
- background: #232323;
+ background: var(--cereus-dark);
  border-radius: 16px;
 }
 
@@ -144,7 +149,7 @@ nav img:hover {
  font-size: 20px;
  font-weight: bold;
  padding: 8px 25px;
- background-color: #232323;
+ background-color: var(--cereus-dark);
  color: #f2f2f2;
  transition: 0.6s;
 }
@@ -221,6 +226,17 @@ nav img:hover {
  text-decoration: none;
 }
 
+
+.features-desk h3 {
+ padding-top: 10px;
+ color: #FAFAFA;
+}
+
+.features-desk p {
+ padding: 10px 0px; 
+ color: #FAFAFA;
+}
+
 /* --- tarjetas --- */ 
 .tarjeta-basics {
  flex-basis: 32%;
@@ -371,7 +387,7 @@ nav img:hover {
     transition: 0.6s;
    }
 .dev-dc:hover {
-    box-shadow: 0px 0px 30px #ffffff;
+    box-shadow: 0px 0px 30px var(--cereus-light);
     transform: scale(1.02);
    }
 
@@ -387,7 +403,7 @@ nav img:hover {
     transition: 0.6s;
    }
 .dev-kf:hover {
-    box-shadow: 0px 0px 30px #ffffff;
+    box-shadow: 0px 0px 30px var(--cereus-light);
     transform: scale(1.02);
    }
 .dev-slnx {
@@ -403,15 +419,15 @@ nav img:hover {
    }
 
 .dev-slnx:hover {
-    box-shadow: 0px 0px 30px #ffffff;
+    box-shadow: 0px 0px 30px var(--cereus-light);
     transform: scale(1.02);
    }
 /* --- Footer --- */  
  .footer {
  width: 100%;
  min-height: 10vh;
  text-align: center;
- background-color: #232323;
+ background-color: var(--cereus-dark);
  color: #f2f2f2;
 }
 
@@ -507,7 +523,7 @@ nav img:hover {
 
 @media (prefers-color-scheme: dark) {
  body {
-  background-color: #232323;
+  background-color: var(--cereus-dark);
   color: #f2f2f2;
  }
 
@@ -524,11 +540,11 @@ nav img:hover {
 @media (prefers-color-scheme: light) {
  body {
   background-color: #f2f2f2;
-  color: #232323;
+  color: var(--cereus-dark);
  }
 
  .footer {
- background-color: #232323;
+ background-color: var(--cereus-dark);
  } 
 
  .intro-contenido h1:hover {

diff --git a/downloads.html b/downloads.html
@@ -1,10 +1,12 @@
 <!DOCTYPE html>
- <html lang=eng>
+ <html lang="EN">
+  <meta charset="UTF-8">
  <!--HEADERS-->
   <head>
    <!--TITLE-->
-  <link rel="shortcut icon" type="" href="../res/DE/cereus-icon.png">
+  <link rel="shortcut icon" type="image/png" href="../res/DE/cereus-icon.png">
   <title> Cereus Linux: Downloads</title>
+  <meta name="description" content="Cereus Linux it's a Gnu/Linux distribution derived from Void Linux thar focuses on delivering a user friendly experience.">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css.css">
   <script src="navbar.js"></script>
@@ -21,54 +23,54 @@
    <section class="header">
     <div class="texto-inicio">
      <h1>Thank you!</h1>
-     <p>We are happy for you consider<br>download Cereus Linux</p>
+     <p>We are happy that you considered<br>Cereus Linux!</p>
     </div>
    </section>
 
    <section class="pictures">
     <div class="intro-contenido">
-     <h1>Cereus Linux has 4 versions</h1>
-     <p>Choose which you prefer.</p>
+     <h1>Cereus Linux has 4 flavours</h1>
+     <p>Choose your favorite.</p>
     </div>
     <div class="versions">      
      <div class="logo">
-       <a href="https://lxqt-project.org/" target="_blank"><img src="res/DE/lxqt-logo.png"></a>
+       <a title="LXQT Project" rel="noopener" href="https://lxqt-project.org/" target="_blank"><img alt="LXQT project logo" src="res/DE/lxqt-logo.png"></a>
      </div>
      <div>
       <h1>LXQT</h1>
       <p>Lighweight desktop based on QT</p>
-      <a href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/" target="_blank"><img src="res/DE/lxqt.png"></a>
+      <a title="Download Cereus LXQT" rel="noopener" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/" target="_blank"><img alt="Image showing a screenshot of Cereus running the LXQT Desktop" src="res/DE/lxqt.png"></a>
      </div>
      <div>
      <div class="logo">
-       <a href="https://www.xfce.org/" target="_blank"><img src="res/DE/xfce-logo.png"></a>
+       <a title="XFCE Project" rel="noopener" href="https://www.xfce.org/" target="_blank"><img alt="XFCE Project Logo" src="res/DE/xfce-logo.png"></a>
      </div>
       <h1>XFCE4</h1>
       <p>Lightweight desktop based on GTK</p>
-      <a href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/xfce.png"></a>
+      <a title="Download Cereus XFCE" rel="noopener" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img alt="Image showing a screenshot of Cereus running the XFCE Desktop" src="res/DE/xfce.png"></a>
      </div>
      <div>
      <div class="logo">
-       <a href="https://kde.org/es/plasma-desktop/" target="_blank"><img src="res/DE/plasma-logo.png"></a>
+       <a title="KDE Plasma Project" rel="noopener" href="https://kde.org/es/plasma-desktop/" target="_blank"><img alt="KDE PLasma Logo" src="res/DE/plasma-logo.png"></a>
      </div>
       <h1>Plasma</h1>
       <p>Modern and highly customizable desktop based on QT</p>
-      <a href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/plasma.png"></a>
+      <a title="Download Cereus Plasma" rel="noopener" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img alt="Image showing a screenshot of Cereus running the KDE Plasma Desktop" src="res/DE/plasma.png"></a>
      </div>     
      <div class="logo">
-       <a href="https://linuxmint.com/" target="_blank"><img src="res/DE/cinnamon-logo.png"></a>
+       <a title="Cinnamon Desktop" rel="noopener" href="https://linuxmint.com/" target="_blank"><img alt="Cinnamon Desktop Logo" src="res/DE/cinnamon-logo.png"></a>
      </div>
      <div>
       <h1>Cinnamon</h1>
       <p>Modern and Classic Desktop based on GTK</p>
-      <a href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/cinnamon.png"></a>
+      <a title="Download Cereus Cinnamon" rel="noopener" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img alt="Image showing a screenshot of Cereus running the Cinnamon Desktop" src="res/DE/cinnamon.png"></a>
      </div>
     </div>
    </section>
 
    <section class="footer">
     <h2>Cereus Linux</h2>
-    <h5>Copyright 2022 Cereus Linux. All right reserved.</h5>
+    <h5>Copyright 2022 Cereus Linux. All rights reserved.</h5>
     <h6>Cereus is backed up by the Cereus Team.</h6>
    </section>
   </body>

diff --git a/index.html b/index.html
@@ -1,10 +1,12 @@
 <!DOCTYPE html>
- <html lang=eng>
+ <html lang="EN">
+  <meta charset="UTF-8">
  <!--HEADERS-->
   <head>
    <!--TITLE-->
-  <link rel="shortcut icon" type="" href="../res/DE/cereus-icon.png">
-  <title> Cereus Linux</title>
+  <link rel="shortcut icon" type="image/png" href="../res/DE/cereus-icon.png">
+  <title>Cereus Linux</title>
+  <meta name="description" content="Cereus Linux it's a Gnu/Linux distribution derived from Void Linux thar focuses on delivering a user friendly experience.">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css.css">
   <script src="navbar.js"></script>
@@ -22,7 +24,7 @@
    <section class="header">
     <div class="texto-inicio">
      <h1>Cereus Linux</h1>
-     <p>A Void Linux derivate that cares in give <br>an user-friendly experience.</p>
+     <p>A Void Linux based distribution,<br> that focuses in delivering a user-friendly experience.</p>
      <a href="downloads.html">Get it now!</a>
     </div>
    </section>
@@ -36,52 +38,52 @@ <h1>For you,<br>For everyone</h1>
     </div>
     <div class="features">
      <div class="tarjeta-basics">
-      <h3>Only with the essencial</h3>
-      <p>Cereus Linux provides an essencial colection of software</p>
+      <h3>Essentials Only</h3>
+      <p>Forget about bloated distros. Cereus only comes with essentials.</p>
      </div>
      <div class="tarjeta-rolling">
       <h3>Rolling release</h3>
-      <p>Have the most new software</p>
+      <p>Have latest software releases. Always.</p>
      </div>
      <div class="tarjeta-secure">
       <h3>Secure</h3>
-      <p>Open source and secure, <br>your OS wil be alway be your OS</p>
+      <p>Secure and open source, <br>your OS, for you.</p>
      </div>
      <div class="tarjeta-repos">
       <h3>Added software</h3>
-      <p>Find everything you need with the <br><a href="https://sourceforge.net/projects/cereus-linux/files/repos/"  target="_blank">Cereus repos</a></p>
+      <p>Find everything you need in the <br><a rel="noopener" href="https://sourceforge.net/projects/cereus-linux/files/repos/"  target="_blank">Cereus repos</a></p>
      </div>
     </div>
    </section>
 
      <!--Editions-->
       <div class="intro-contenido">
-       <h1>Choose<br>What do you want</h1>
-       <p>Cereus Linux offers some desktops options</p>
+       <h1>Choose what you want</h1>
+       <p>Cereus Linux offers the follwing desktop environments</p>
       </div>
-      <div class="features">
+      <div class="features features-desk">
        <div class="lxqt">
-        <h3 style="color:#ffffff;">LXQt</h3>
-        <p style="color:#e6e6e6;">Lightweight Desktop based on Qt</p>
+        <h3>LXQt</h3>
+        <p>Lightweight Desktop based on Qt</p>
        </div>
        <div class="xfce">
-        <h3 style="color:#ffffff;">Xfce</h3>
-        <p style="color:#e6e6e6;">Lightweight Desktop based on GTK</p>
+        <h3>Xfce</h3>
+        <p>Lightweight Desktop based on GTK</p>
        </div>
        <div class="plasma">
-        <h3 style="color:#ffffff;">Plasma</h3>
-        <p style="color:#e6e6e6;">Modern and highly customizable desktop based on QT</p>
+        <h3>Plasma</h3>
+        <p>Modern and highly customizable desktop based on QT</p>
        </div>
        <div class="cinnamon">
-        <h3 style="color:#ffffff;">Cinnamon</h3>
-        <p style="color:#e6e6e6;">Modern and Classic Desktop based on GTK</p>
+        <h3>Cinnamon</h3>
+        <p>Modern and Classic Desktop based on GTK</p>
        </div>
       </div>
      </section>
 
    <section class="footer">
     <h2>Cereus Linux</h2>
-    <h5>Copyright 2022 Cereus Linux. All right reserved.</h5>
+    <h5>Copyright 2022 Cereus Linux. All rights reserved.</h5>
     <h6>Cereus is backed up by the Cereus Team.</h6>
    </section>
   </body>

diff --git a/navbar.html b/navbar.html
@@ -1,18 +1,19 @@
 <nav>
-    <a href="index.html"><img src="res/ui/logo.svg"></a>
-     <div class="navbar">
-      <ul class="nav" border: 1px solid white;>
-
-          <li><a href="index.html">HOME</a>        
-        <li><a href="downloads.html">DOWNLOADS</a><ul>
-
-            <li><a href="pages/lxqt.html">LXQT</a>
-            <li><a href="pages/xfce.html">XFCE</a>
-            <li><a href="pages/plasma.html">PLASMA</a>
-            <li><a href="pages/cinnamon.html">CINNAMON</a></ul>
-        <li><a href="https://sourceforge.net/p/cereus-linux/blog/" target="_blank" rel="noopener noreferrer">BLOG</a>       
-        <li><a href="about.html">ABOUT</a>
-
-        </ul>
-     </div>
-   </nav>
+  <a aria-label="Inicio" href="index.html"><img height="48" width="48" alt="Logo de Cereus Linux" src="res/ui/logo.svg"></a>
+  <div class="navbar">
+    <ul class="nav" border: 1px solid white;>
+
+      <li><a href="index.html">HOME</a>        
+      <li><a href="downloads.html">DOWNLOADS</a><ul>
+
+      <li><a href="pages/lxqt.html">LXQT</a>
+      <li><a href="pages/xfce.html">XFCE</a>
+      <li><a href="pages/plasma.html">PLASMA</a>
+      <li><a href="pages/cinnamon.html">CINNAMON</a></ul>
+      <li><a href="https://sourceforge.net/p/cereus-linux/blog/" target="_blank" rel="noopener noreferrer">BLOG</a>       
+
+      <li><a href="about.html">ABOUT</a>
+
+    </ul>
+  </div>
+</nav>