Skip to content

Commit cd5666a

Browse files
ItzSelenuxItzSelenux
ItzSelenux
authored and
ItzSelenux
committed
adapt page to use translations with SJTSW
1 parent f7e9b03 commit cd5666a

File tree

5 files changed

+232
-33
lines changed

5 files changed

+232
-33
lines changed

‎about.html‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1111
<link rel="stylesheet" href="css.css">
1212
<script src="navbar.js"></script>
13+
<script src="translations.js"></script>
14+
<script src="https://itzselenux.github.io/SJTSW/sjtsw.js"></script>
1315
<link rel="preconnect" href="https://fonts.googleapis.com">
1416
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1517
<link href="https://fonts.googleapis.com/css2?family=Cantarell&display=swap" rel="stylesheet">
@@ -25,29 +27,31 @@
2527
<ul class="features">
2628
<li>
2729
<h3>KF_Art</h3>
28-
<p>FOSS enthusiast, artist and writer.</p>
30+
<p id="str-credits-kfart">FOSS enthusiast, artist and writer.</p>
2931
<img src="res/devs/kf.png">
3032
</li>
3133
<li>
3234
<h3>David Castro</h3>
33-
<p>IT Technician</p>
35+
<p id="str-credits-davidcastro">IT Technician</p>
3436
<img src="res/devs/dc.png">
3537
</li>
3638
<li>
3739
<h3>ItzSelenux</h3>
38-
<p>Programmer, Artist and Ducks enthusiast</p>
40+
<p id="str-credits-itzselenux">Programmer, Artist and Ducks enthusiast</p>
3941
<img src="res/devs/slnx.png">
4042
</li>
4143
</ul>
4244
</section>
4345

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

4750
<section class="footer">
4851
<h2>Cereus Linux</h2>
49-
<h5>Copyright 2024 Cereus Linux. All right reserved.</h5>
50-
<h6>Cereus is backed up by the Cereus Team.</h6>
52+
<h5 id="str-copyright">Copyright 2024 Cereus Linux. All rights reserved.</h5>
53+
<h6 id="str-cereusteam">Cereus is backed up by the Cereus Team.</h6>
5154
</section>
55+
<script>SJTSW_TranslatePage();</script>
5256
</body>
5357
</html>

‎index.html‎

Lines changed: 33 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
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="translations.js"></script>
13+
<script src="https://itzselenux.github.io/SJTSW/sjtsw.js"></script>
1214
<script src="navbar.js"></script>
1315
<link rel="preconnect" href="https://fonts.googleapis.com">
1416
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -25,39 +27,39 @@
2527
<section class="header">
2628
<img class="selogo" src="res/ui/logo.svg">
2729
<div class="weltext">
28-
<h1>Cereus Linux</h1>
29-
<p>A Void Linux based distribution,<br> that focuses in delivering a user-friendly experience.</p>
30-
<a class="dwn" href="#down">Get it now!</a>
30+
<h1 id="str-banner"> Cereus Linux</h1>
31+
<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>
3133
</div>
3234
</section>
3335

3436
<!--CONTENT-->
3537
<!--feautures-->
3638
<section class="contenido">
3739
<div class="intro-contenido">
38-
<h1>For you,<br>For everyone</h1>
39-
<p>We work to provide you the best experience in Linux Desktop.</p>
40+
<h1 id="str-slogantitle">For you,<br>For everyone</h1>
41+
<p id="str-slogansubtitle">We work to provide you the best experience in Linux Desktop.</p>
4042
</div>
4143

4244
<ul class="features">
4345
<li>
44-
<h3>Essentials Only</h3>
45-
<p>Forget bloatware. Cereus only comes with essentials.</p>
46+
<h3 id="str-featurestitle1">Essentials Only</h3>
47+
<p id="str-featuressubtitle1">Forget bloatware. Cereus only comes with essentials.</p>
4648
<img src="res/ui/basics_icon.svg">
4749
</li>
4850
<li>
49-
<h3>Rolling release</h3>
50-
<p>Have the latest software releases. Always.</p>
51+
<h3 id="str-featurestitle2">Rolling release</h3>
52+
<p id="str-featuressubtitle2">Have the latest software releases. Always.</p>
5153
<img src="res/ui/rolling_release_icon.svg">
5254
</li>
5355
<li>
54-
<h3>Secure</h3>
55-
<p>Secure and open source, your OS, for you.</p>
56+
<h3 id="str-featurestitle3">Secure</h3>
57+
<p id="str-featurestitle3">Secure and open source, your OS, for you.</p>
5658
<img src="res/ui/secure_icon.svg">
5759
</li>
5860
<li>
59-
<h3>Add software</h3>
60-
<p>Find everything you need in the <a rel="noopener" href="https://sourceforge.net/projects/cereus-linux/files/repos/" target="_blank">Cereus repos</a></p>
61+
<h3 id="str-featurestitle4">Add software</h3>
62+
<p id="str-featurestitle4">Find everything you need in the <a rel="noopener" href="https://sourceforge.net/projects/cereus-linux/files/repos/" target="_blank">Cereus repos</a></p>
6163
<img src="res/ui/repos_icon.svg">
6264
</li>
6365
</ul>
@@ -67,27 +69,38 @@ <h3>Add software</h3>
6769
<div class="dynabanner">
6870
<br>
6971
<img src="res/ui/xfcelogo.svg">
70-
<p style="color:#001f4d;">Lightweight Desktop based on GTK</p>
72+
<p id="str-downloadsubtitle1" style="color:#001f4d;">Lightweight Desktop based on GTK</p>
7173
<a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/xfce.png" width="100%"></a><br><br>
72-
<a class="dwn" href="downloads.html">Get it now!</a><br><br>
74+
<a id="str-getit1" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/xfce/">Get it now!</a><br><br>
7375
</div>
7476
</section>
7577
<br>
7678
<section class="header" style="background:#268DB3;">
7779
<div class="dynabanner">
7880
<br>
7981
<img src="res/ui/lxqtlogo.svg">
80-
<p style="color:#014A6B;">Lightweight Desktop based on Qt</p>
82+
<p id="str-downloadsubtitle2" style="color:#014A6B;">Lightweight Desktop based on Qt</p>
8183
<a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/lxqt.png" width="100%"></a><br><br>
82-
<a class="dwn" href="downloads.html">Get it now!</a><br><br>
84+
<a id="str-getit2" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/lxqt/">Get it now!</a><br><br>
8385
</div>
8486
</section>
87+
<section class="header" style="background:#111111;">
88+
<div class="dynabanner">
89+
<br>
90+
<img src="res/ui/baselogo.svg">
91+
<p id="str-downloadsubtitle3" style="color:#a6a6a6;">Customize your experience from scratch</p>
92+
<!-- <a class="depic" href="https://sourceforge.net/projects/cereus-linux/" target="_blank"><img src="res/DE/lxqt.png" width="100%"></a><br><br>-->
93+
<a id="str-getit3" class="dwn" href="https://sourceforge.net/projects/cereus-linux/files/isos/beta/latest/base/">Get it now!</a><br><br>
94+
</div>
95+
</section>
96+
8597

8698
<script>includeHTML();</script>
8799
<section class="footer">
88100
<h2>Cereus Linux</h2>
89-
<h5>Copyright 2024 Cereus Linux. All rights reserved.</h5>
90-
<h6>Cereus is backed up by the Cereus Team.</h6>
101+
<h5 id="str-copyright">Copyright 2024 Cereus Linux. All rights reserved.</h5>
102+
<h6 id="str-cereusteam">Cereus is backed up by the Cereus Team.</h6>
91103
</section>
104+
<script>SJTSW_TranslatePage();</script>
92105
</body>
93-
</html>
106+
</html>

‎navbar.html‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,18 @@
33
<div class="navbar">
44
<ul class="nav" border: 1px solid white;>
55

6-
<li><a href="index.html">HOME</a>
7-
<li><a href="downloads.html">DOWNLOADS</a>
8-
<!--
6+
<li><a id="str-navbar-home" href="index.html">HOME</a>
7+
<!-- <li><a id="str-navbar-downloads" href="downloads.html">DOWNLOADS</a>
8+
99
<ul>
1010
<li><a href="pages/lxqt.html">LXQT</a>
1111
<li><a href="pages/xfce.html">XFCE</a>
1212
</ul>
1313
-->
14-
<li><a href="wiki/index.html">WIKI</a>
15-
<li><a href="https://medium.com/cereus-linux/" target="_blank" rel="noopener noreferrer">BLOG</a>
16-
<li><a href="about.html">ABOUT</a>
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>
1717
</ul>
18-
</div>
18+
</div>
1919
</nav>
20+
<script>SJTSW_TranslatePage();</script>

‎res/ui/baselogo.svg‎

Lines changed: 110 additions & 0 deletions
Loading

‎translations.js‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
var translations =
2+
{
3+
'en':
4+
{
5+
'str-banner': ' Cereus Linux',
6+
'str-banner-subtitle': ' A Void Linux based distribution,<br> that focuses in delivering a user-friendly experience.',
7+
'str-getit': 'Get it now!',
8+
'str-slogantitle': 'For you,<br>For everyone',
9+
'str-slogansubtitle': 'We work to provide you the best experience in Linux Desktop.',
10+
'str-featurestitle1': 'Essentials Only',
11+
'str-featuressubtitle1': 'Forget bloatware. Cereus only comes with essentials.',
12+
'str-featurestitle2': 'Rolling release',
13+
'str-featuressubtitle2': 'Have the latest software releases. Always.',
14+
'str-featurestitle3': 'Secure',
15+
'str-featurestitle3': 'Secure and open source, your OS, for you.',
16+
'str-featurestitle4': 'Add software',
17+
'str-downloadsubtitle1': 'Lightweight Desktop based on GTK',
18+
'str-getit1': 'Get it now!',
19+
'str-downloadsubtitle2': 'Lightweight Desktop based on Qt',
20+
'str-getit2': 'Get it now!',
21+
'str-copyright': 'Copyright 2024 Cereus Linux. All rights reserved.',
22+
'str-cereusteam': 'Cereus is backed up by the Cereus Team.',
23+
24+
'str-credits': 'WebPage created by Doubleau15 and ItzSelenux',
25+
'str-credits2': 'Using <a href="https://github.com/itzselenux/sjtsw"><span style="color: #43a64f">SJTSW</span></a> as translation system',
26+
'str-credits-itzselenux': 'Programmer, Artist and Ducks enthusiast',
27+
'str-credits-kfart': 'FOSS enthusiast, artist and writer.',
28+
'str-credits-davidcastro': 'IT Technician',
29+
30+
'str-navbar-home': 'HOME',
31+
'str-navbar-downloads': 'DOWNLOADS',
32+
'str-navbar-wiki': 'WIKI',
33+
'str-navbar-blog': 'BLOG',
34+
'str-navbar-about': 'ABOUT',
35+
},
36+
'es':
37+
{
38+
'str-banner': ' Cereus Linux',
39+
'str-banner-subtitle': ' Una distribución Linux basada en Void Linux<br> que se enfoca en ofrecer una experiencia amigable',
40+
'str-getit': '¡Obténlo ahora!',
41+
'str-slogantitle': 'Para tí,<br>Para todos',
42+
'str-slogansubtitle': 'Trabajamos para brindarte la mejor experiencia en el escritorio de Linux.',
43+
'str-featurestitle1': 'Solo lo esencial',
44+
'str-featuressubtitle1': 'Olvídate del software innecesario. Cereus solo viene con lo esencial.',
45+
'str-featurestitle2': 'Liberación continua',
46+
'str-featuressubtitle2': 'Ten siempre las últimas versiones de software. Siempre.',
47+
'str-featurestitle3': 'Seguro',
48+
'str-featurestitle3': 'Seguro y de código abierto, tu sistema operativo, para ti.',
49+
'str-featurestitle4': 'Agregar software',
50+
'str-downloadsubtitle1': 'Escritorio ligero basado en GTK',
51+
'str-getit1': '¡Obténlo ahora!',
52+
'str-downloadsubtitle2': 'Escritorio ligero basado en Qt',
53+
'str-getit2': '¡Obténlo ahora!',
54+
'str-downloadsubtitle3': 'Personaliza tu experiencia desde cero',
55+
'str-getit3': '¡Obténlo ahora!',
56+
'str-copyright': 'Derechos de autor 2024 Cereus Linux. Todos los derechos reservados.',
57+
'str-cereusteam': 'Cereus está respaldado por el equipo de Cereus.',
58+
59+
'str-credits': 'Página creada por Doubleau15 e ItzSelenux',
60+
'str-credits2': 'Usando <a href="https://github.com/itzselenux/sjtsw"><span style="color: #43a64f">SJTSW</span></a> como sistema de traducciones',
61+
'str-credits-itzselenux': 'Programador, Artista and entusiasta de los patos',
62+
'str-credits-kfart': 'Entusiasta del FOSS, Artista and Escritor.',
63+
'str-credits-davidcastro': 'Técnico IT',
64+
65+
'str-navbar-home': 'INICIO',
66+
'str-navbar-downloads': 'DESCARGAS',
67+
'str-navbar-wiki': 'WIKI',
68+
'str-navbar-blog': 'BLOG',
69+
'str-navbar-about': 'ACERCA DE',
70+
}
71+
}

0 commit comments

Comments
 (0)