Skip to content

Commit bfe6107

Browse files
ItzSelenuxItzSelenux
ItzSelenux
authored and
ItzSelenux
committed
modify the navbar so that the translations work
modify css to get smooth scrolling change layout to show small editions buttons at start
1 parent cd5666a commit bfe6107

File tree

8 files changed

+28
-144
lines changed

8 files changed

+28
-144
lines changed

‎about.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,16 @@
99
<meta name="description" content="Cereus Linux it's a Gnu/Linux distribution derived from Void Linux thar focuses on delivering a user friendly experience.">
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1111
<link rel="stylesheet" href="css.css">
12-
<script src="navbar.js"></script>
1312
<script src="translations.js"></script>
1413
<script src="https://itzselenux.github.io/SJTSW/sjtsw.js"></script>
1514
<link rel="preconnect" href="https://fonts.googleapis.com">
1615
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1716
<link href="https://fonts.googleapis.com/css2?family=Cantarell&display=swap" rel="stylesheet">
1817
</head>
19-
18+
2019
<!--NAVBAR-->
2120
<body>
22-
<div inc="navbar.html"></div>
23-
<script>includeHTML();</script>
21+
<iframe src="navbar.html" frameborder="0" width="100%" height="70px" scrolling="no"></iframe>
2422

2523
<!--CONTENT-->
2624
<!--feautures-->
@@ -43,7 +41,7 @@ <h3>ItzSelenux</h3>
4341
</ul>
4442
</section>
4543

46-
<center id="str-credits">WebPage created by Doubleau15 and ItzSelenux</center>
44+
<center id="str-credits">WebPage created by ItzSelenux and Doubleau15</center>
4745
<center id="str-credits2">Using <a href="https://github.com/itzselenux/sjtsw"><span style="color: #43a64f">SJTSW</span></a> as translation system</center>
4846
<br>
4947

‎css.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
*
55
{font-family: Cantarell;}
66

7+
html {scroll-behavior: smooth;}
8+
79
/* --- Navbar --- */
810
nav
911
{width: 100%;min-height: 10vh;display:flex;justify-content: space-between;
@@ -51,7 +53,7 @@ color: #f2f2f2;transition: 0.6s;}
5153

5254

5355
.dynabanner
54-
{position: relative;top: 41%;left: 15%;width: 70%;color: #29382a;}
56+
{position: relative;top: 41%;left: 15%;width: 66%;color: #29382a;}
5557
.dynabanner h1
5658
{font-size: 42px;font-weight: bold;color: #1d381f;transition: 0.6s;}
5759
.dynabanner h1:hover

‎downloads.html‎

Lines changed: 0 additions & 62 deletions
This file was deleted.

‎index.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,25 +11,27 @@
1111
<link rel="stylesheet" href="css.css">
1212
<script src="translations.js"></script>
1313
<script src="https://itzselenux.github.io/SJTSW/sjtsw.js"></script>
14-
<script src="navbar.js"></script>
1514
<link rel="preconnect" href="https://fonts.googleapis.com">
1615
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1716
<link href="https://fonts.googleapis.com/css2?family=Cantarell&display=swap" rel="stylesheet">
1817
</head>
1918

2019
<!--NAVBAR-->
2120
<body>
22-
<div inc="navbar.html"></div>
23-
21+
<iframe src="navbar.html" frameborder="0" width="100%" height="70px" scrolling="no"></iframe>
2422

2523
<!--BANNER-->
26-
2724
<section class="header">
2825
<img class="selogo" src="res/ui/logo.svg">
2926
<div class="weltext">
3027
<h1 id="str-banner"> Cereus Linux</h1>
3128
<p id="str-banner-subtitle">A Void Linux based distribution,<br> that focuses in delivering a user-friendly experience.</p>
32-
<a id="str-getit" class="dwn" href="#down">Get it now!</a>
29+
<p id="str-banner-availableeditions">Available editions:</p>
30+
<!-- <a id="str-getit" class="dwn" href="#down">Get it now!</a>-->
31+
<a class="dwn" href="#xfce">XFCE</a>
32+
<a class="dwn" href="#lxqt">LXQT</a>
33+
<a class="dwn" href="#base">BASE</a>
34+
3335
</div>
3436
</section>
3537

@@ -68,7 +70,7 @@ <h3 id="str-featurestitle4">Add software</h3>
6870
<section class="header" id="down" style="background:#0044AA;">
6971
<div class="dynabanner">
7072
<br>
71-
<img src="res/ui/xfcelogo.svg">
73+
<img id="xfce" src="res/ui/xfcelogo.svg">
7274
<p id="str-downloadsubtitle1" style="color:#001f4d;">Lightweight Desktop based on GTK</p>
7375
<a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/xfce.png" width="100%"></a><br><br>
7476
<a id="str-getit1" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/xfce/">Get it now!</a><br><br>
@@ -78,7 +80,7 @@ <h3 id="str-featurestitle4">Add software</h3>
7880
<section class="header" style="background:#268DB3;">
7981
<div class="dynabanner">
8082
<br>
81-
<img src="res/ui/lxqtlogo.svg">
83+
<img id="lxqt" src="res/ui/lxqtlogo.svg">
8284
<p id="str-downloadsubtitle2" style="color:#014A6B;">Lightweight Desktop based on Qt</p>
8385
<a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/lxqt.png" width="100%"></a><br><br>
8486
<a id="str-getit2" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/lxqt/">Get it now!</a><br><br>
@@ -87,15 +89,13 @@ <h3 id="str-featurestitle4">Add software</h3>
8789
<section class="header" style="background:#111111;">
8890
<div class="dynabanner">
8991
<br>
90-
<img src="res/ui/baselogo.svg">
92+
<img id="base" src="res/ui/baselogo.svg">
9193
<p id="str-downloadsubtitle3" style="color:#a6a6a6;">Customize your experience from scratch</p>
9294
<!-- <a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/lxqt.png" width="100%"></a><br><br>-->
9395
<a id="str-getit3" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/base/">Get it now!</a><br><br>
9496
</div>
9597
</section>
9698

97-
98-
<script>includeHTML();</script>
9999
<section class="footer">
100100
<h2>Cereus Linux</h2>
101101
<h5 id="str-copyright">Copyright 2024 Cereus Linux. All rights reserved.</h5>

‎navbar.html‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,22 @@
1+
<link rel="stylesheet" href="css.css">
2+
<script src="translations.js"></script>
3+
<script src="https://itzselenux.github.io/SJTSW/sjtsw.js"></script>
14
<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>
5+
<a aria-label="Main Page" href="index.html"><img height="48" width="48" alt="Cereus Linux Logo" src="res/ui/logo.svg"></a>
36
<div class="navbar">
47
<ul class="nav" border: 1px solid white;>
58

6-
<li><a id="str-navbar-home" href="index.html">HOME</a>
9+
<li><a target="_parent" id="str-navbar-home" href="index.html">HOME</a>
710
<!-- <li><a id="str-navbar-downloads" href="downloads.html">DOWNLOADS</a>
811
912
<ul>
1013
<li><a href="pages/lxqt.html">LXQT</a>
1114
<li><a href="pages/xfce.html">XFCE</a>
1215
</ul>
1316
-->
14-
<li><a id="str-navbar-wiki" href="wiki/index.html">WIKI</a>
15-
<li><a id="str-navbar-blog" href="https://medium.com/cereus-linux/" target="_blank" rel="noopener noreferrer">BLOG</a>
16-
<li><a id="str-navbar-about" href="about.html">ABOUT</a>
17+
<li><a target="_parent" id="str-navbar-wiki" href="wiki/index.html">WIKI</a>
18+
<li><a target="_parent" id="str-navbar-blog" href="https://medium.com/cereus-linux/" target="_blank" rel="noopener noreferrer">BLOG</a>
19+
<li><a target="_parent" id="str-navbar-about" href="about.html">ABOUT</a>
1720
</ul>
1821
</div>
1922
</nav>

‎navbar.js‎

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎translations.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ var translations =
44
{
55
'str-banner': ' Cereus Linux',
66
'str-banner-subtitle': ' A Void Linux based distribution,<br> that focuses in delivering a user-friendly experience.',
7+
'str-banner-availableeditions': 'Available editions:',
78
'str-getit': 'Get it now!',
89
'str-slogantitle': 'For you,<br>For everyone',
910
'str-slogansubtitle': 'We work to provide you the best experience in Linux Desktop.',
@@ -21,7 +22,7 @@ var translations =
2122
'str-copyright': 'Copyright 2024 Cereus Linux. All rights reserved.',
2223
'str-cereusteam': 'Cereus is backed up by the Cereus Team.',
2324

24-
'str-credits': 'WebPage created by Doubleau15 and ItzSelenux',
25+
'str-credits': 'WebPage created by ItzSelenux and Doubleau15',
2526
'str-credits2': 'Using <a href="https://github.com/itzselenux/sjtsw"><span style="color: #43a64f">SJTSW</span></a> as translation system',
2627
'str-credits-itzselenux': 'Programmer, Artist and Ducks enthusiast',
2728
'str-credits-kfart': 'FOSS enthusiast, artist and writer.',
@@ -37,6 +38,7 @@ var translations =
3738
{
3839
'str-banner': ' Cereus Linux',
3940
'str-banner-subtitle': ' Una distribución Linux basada en Void Linux<br> que se enfoca en ofrecer una experiencia amigable',
41+
'str-banner-availableeditions': 'Ediciones disponibles:',
4042
'str-getit': '¡Obténlo ahora!',
4143
'str-slogantitle': 'Para tí,<br>Para todos',
4244
'str-slogansubtitle': 'Trabajamos para brindarte la mejor experiencia en el escritorio de Linux.',
@@ -56,7 +58,7 @@ var translations =
5658
'str-copyright': 'Derechos de autor 2024 Cereus Linux. Todos los derechos reservados.',
5759
'str-cereusteam': 'Cereus está respaldado por el equipo de Cereus.',
5860

59-
'str-credits': 'Página creada por Doubleau15 e ItzSelenux',
61+
'str-credits': 'Página creada por ItzSelenux y Doubleau15',
6062
'str-credits2': 'Usando <a href="https://github.com/itzselenux/sjtsw"><span style="color: #43a64f">SJTSW</span></a> como sistema de traducciones',
6163
'str-credits-itzselenux': 'Programador, Artista and entusiasta de los patos',
6264
'str-credits-kfart': 'Entusiasta del FOSS, Artista and Escritor.',

‎wiki.html‎

Lines changed: 0 additions & 44 deletions
This file was deleted.

0 commit comments

Comments
 (0)