diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml new file mode 100644 index 0000000..be29e60 --- /dev/null +++ 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 index a3b50b5..b568fe8 100644 --- a/about.html +++ b/about.html @@ -1,10 +1,12 @@ - + + Cereus Linux + diff --git a/css.css b/css.css index 5e41116..691a7df 100644 --- 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,7 +419,7 @@ 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 --- */ @@ -411,7 +427,7 @@ nav img:hover { 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 index 4fccef4..e720f12 100644 --- a/downloads.html +++ b/downloads.html @@ -1,10 +1,12 @@ - + + - + Cereus Linux: Downloads + @@ -21,54 +23,54 @@

Thank you!

-

We are happy for you consider
download Cereus Linux

+

We are happy that you considered
Cereus Linux!

-

Cereus Linux has 4 versions

-

Choose which you prefer.

+

Cereus Linux has 4 flavours

+

Choose your favorite.

LXQT

Lighweight desktop based on QT

- + Image showing a screenshot of Cereus running the LXQT Desktop

XFCE4

Lightweight desktop based on GTK

- + Image showing a screenshot of Cereus running the XFCE Desktop

Plasma

Modern and highly customizable desktop based on QT

- + Image showing a screenshot of Cereus running the KDE Plasma Desktop

Cinnamon

Modern and Classic Desktop based on GTK

- + Image showing a screenshot of Cereus running the Cinnamon Desktop
diff --git a/index.html b/index.html index 37f9fb7..ca98fbe 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,12 @@ - + + - - Cereus Linux + + Cereus Linux + @@ -22,7 +24,7 @@

Cereus Linux

-

A Void Linux derivate that cares in give
an user-friendly experience.

+

A Void Linux based distribution,
that focuses in delivering a user-friendly experience.

Get it now!
@@ -36,52 +38,52 @@

For you,
For everyone

-

Only with the essencial

-

Cereus Linux provides an essencial colection of software

+

Essentials Only

+

Forget about bloated distros. Cereus only comes with essentials.

Rolling release

-

Have the most new software

+

Have latest software releases. Always.

Secure

-

Open source and secure,
your OS wil be alway be your OS

+

Secure and open source,
your OS, for you.

Added software

-

Find everything you need with the
Cereus repos

+

Find everything you need in the
Cereus repos

-

Choose
What do you want

-

Cereus Linux offers some desktops options

+

Choose what you want

+

Cereus Linux offers the follwing desktop environments

-
+
-

LXQt

-

Lightweight Desktop based on Qt

+

LXQt

+

Lightweight Desktop based on Qt

-

Xfce

-

Lightweight Desktop based on GTK

+

Xfce

+

Lightweight Desktop based on GTK

-

Plasma

-

Modern and highly customizable desktop based on QT

+

Plasma

+

Modern and highly customizable desktop based on QT

-

Cinnamon

-

Modern and Classic Desktop based on GTK

+

Cinnamon

+

Modern and Classic Desktop based on GTK

diff --git a/navbar.html b/navbar.html index 951ee47..37f77f4 100644 --- a/navbar.html +++ b/navbar.html @@ -1,18 +1,19 @@ \ No newline at end of file + Logo de Cereus Linux + + \ No newline at end of file diff --git a/navbar.js b/navbar.js index 49358d7..125ebfe 100644 --- a/navbar.js +++ b/navbar.js @@ -1,21 +1,15 @@ -function includeHTML() { - var z, i, elmnt, file, xhttp; - z = document.getElementsByTagName("*"); - for (i = 0; i < z.length; i++) - { - elmnt = z[i]; - file = elmnt.getAttribute("inc"); - if (file) - { - xhttp = new XMLHttpRequest(); - xhttp.onreadystatechange = function() - { - if (this.readyState == 4) - { - if (this.status == 200) {elmnt.innerHTML = this.responseText;} - elmnt.removeAttribute("inc"); - }} - xhttp.open("GET", file, true); - xhttp.send(); - return; - }}}; \ No newline at end of file +async function includeHTML() { + const z = document.querySelectorAll('[inc]'); + for (const elmnt of z) { + const file = elmnt.getAttribute('inc'); + try { + const response = await fetch(file); + if (response.ok) { + elmnt.innerHTML = await response.text(); + elmnt.removeAttribute('inc'); + } + } catch (error) { + console.error(error); + } + } +} \ No newline at end of file diff --git a/pages/cinnamon.html b/pages/cinnamon.html index 7274301..26e9cba 100644 --- a/pages/cinnamon.html +++ b/pages/cinnamon.html @@ -1,10 +1,12 @@ - + + Cereus Linux: Cinnamon + diff --git a/pages/lxqt.html b/pages/lxqt.html index c1ef9f4..d6b9ca9 100644 --- a/pages/lxqt.html +++ b/pages/lxqt.html @@ -1,10 +1,12 @@ - - + + + Cereus Linux: LxQt + @@ -30,7 +32,7 @@

LXQt


-
+
LxQt Project logo




@@ -39,7 +41,7 @@

LXQt

LXQt

Is a Lightweight Desktop environments, it was formed from the merge of LXDE and Razor-Qt

- + Image showing the LXQT desktop in Cereus Linux
Download Cereus LXQt @@ -47,7 +49,7 @@

LXQt




diff --git a/pages/plasma.html b/pages/plasma.html index c4914dc..c6bfc91 100644 --- a/pages/plasma.html +++ b/pages/plasma.html @@ -1,10 +1,12 @@ - + + Cereus Linux: Plasma + diff --git a/pages/pnavbar.html b/pages/pnavbar.html index ea0b7e6..78f982a 100644 --- a/pages/pnavbar.html +++ b/pages/pnavbar.html @@ -1,5 +1,5 @@