Skip to content

Commit

Permalink
Added (part of) EO page
Browse files Browse the repository at this point in the history
  • Loading branch information
@marissonsoneur
marissonsoneur committed Mar 25, 2024
1 parent 1284e52 commit 9f1fe5d
Show file tree
Hide file tree
Showing 5 changed files with 292 additions and 0 deletions.
94 changes: 94 additions & 0 deletions dist/eo/acceuil.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<head>
<title>Bonvenejo !</title>
<meta content="Dorto - Bonvenejo" property="og:title" />
<meta content="Bonvenu al la retejo de la dorta mikronacio" property="og:description" />
<meta content="https://moutigll.github.io/Dortstan-website/dist/ressources/images/flag.png" property="og:image" />
<link rel="stylesheet" href="../css/main.css" />
<link rel="icon" type="image/x-icon" href="../ressources/images/flag.png">
<style>
@import url('https://fonts.cdnfonts.com/css/linux-biolinum');
</style>
</head>
<body>
<header>
<center>
<h1>Dorto</h1>
<nav class="nav-bar">
<ul>
<li class="nav-btn"><a href="acceuil.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="constitution.html">Konstitucio</a></li>
<li class="nav-btn"><a href="histoire.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="géographie.html">Geografio</a></li>
<li class="nav-btn"><a href="economie.html">Ekonomio</a></li>
</ul>
</nav>
</center>
<div class="dropdown">
<button class="dropbtn">
Lingvo
</button>
<div class="dropdown-content">
<a href="acceuil.html"><img src="../ressources/images/fr.png" width="20" height="15">&nbspFrançais&nbsp&nbsp&nbsp</a>
<a href="../en/home.html"><img src="../ressources/images/en.png"width="20" height="15">&nbspEnglish&nbsp&nbsp&nbsp&nbsp&nbsp</a>
<a href="../bzh/wait.html"><img src="../ressources/images/bzh.png"width="20" height="15">&nbspBrezhoneg</a>
<a href="../eo/wait.html"><img src="../ressources/images/eo.png"width="20" height="15">&nbspEsperanto&nbsp</a>
</div>
</div>
</header>
<center>
<h2>Bonvenu al la oficiala retejo de nia nacio, Dorto!</h2>
<p style="width: 50vw;">Nia lando aĝas plu da mil jaroj, sia namo oriĝinas de la nombro 4, ĉefa nombro de nia kulturo.</p>
</div>
<div class="buttons">
<center>
<a href="#drapeau" class="button">Flago</a>
<a href="#blason" class="button">Blazono</a>
<a href="#hymne" class="button">Himno</a>
</center>
</div>
<h2 id="drapeau">La Flago</h2>
<div id="flag-container" style="height: 30vw; width: 40vw;">
<img id="flag" src="../ressources/images/flag.png">
</div>
<p style="margin-top: -10vh;" class="textbox">Nia flago reprezentas nian Flagon. Ĝia normala racio estas 1:2, sed neniu racio malbonas.</br></br></br></p>
<h2 id="blason">La Blazono</h2>
<img src="../ressources/images/blason.png" style="height: 32vh; width: 32vh; image-rendering: pixelated;">
<p class="textbox">Nia blazono reprezentas fragon, kiu dorte simbolas heoraĵadon</p>
<h2 id="hymne">Dorta Himno</h2>
<div style="width: 28vw; font-size: 1.5vw; text-align: left;">
</br>
Dorto, Liberu! Grandu!</br>
Vi portas Paĉo justa kaj dolĉa Liber'.</br>
Via flago kunfratiĝas</br>
Homojn marŝantojn al l' Ĝoj'.</br></br>

Dorto, iru antaŭe, al Lumo!</br>
Dorto, almarŝu ĝis Libero!</br></br>

Dorto, senaĝa lando!</br>
Proteĝas vi povrojn, vidvinojn, kaj orfojn.</br>
Donnas vi al ĉiuj regpovon !</br>
Tiele, vivu ni en la liberon.</br></br>

Dorto, iru antaŭe, al Lumo!</br>
Dorto, almarŝu ĝis Libero!</br></br>
</div>
<div id="audio" style="background-color: #1e2030; border-radius: 8px; width: 40vw; height: auto; display: flex; align-items: center; justify-content: center; color: #000; font-size: 3vh; font-weight: bolder; user-select: none;">
<audio src="../ressources/audio/Hymn.mp3" id="audio"></audio>
<div id="audio-button" style="margin-top: 1vh;">
<img id="audio-button-ico" src="../ressources/images/play.png" style="height: 3vw; width: 3vw;">
</div>
<div>
<span id="current-time">0:00/0:42</span>
<input type="range" min="0" max="42" value="0" id="length-audio" class="lenght">
</div>
<img src="../ressources/images/volume 100.png" style="height: 2vw; width: 2vw; margin-top: 1vh; margin-left: 0.5vw;" id="volume-ico">
<div>
<input type="range" min="0" max="100" value="100" id="volume" class="volume">
<span id="volume-value">100</span>%
</div>
</div>
</center>
<script type="text/javascript" src="../js/audio-player.js"></script>
</body>
56 changes: 56 additions & 0 deletions dist/eo/constitution.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<head>
<title>Konstitucio</title>
<meta content="Dörtstan - Constitution" property="og:title" />
<meta content="Malkovri la konstitucio, kiu estras nia lando" property="og:description" />
<meta content="https://moutigll.github.io/Dortstan-website/dist/ressources/images/flag.png" property="og:image" />
<link rel="stylesheet" href="../css/main.css" />
<link rel="icon" type="image/x-icon" href="../ressources/images/flag.png">
<style>
@import url('https://fonts.cdnfonts.com/css/linux-biolinum');
</style>
</head>
<body>
<header>
<div style="text-align: center;">
<h1>Dorto</h1>
<nav class="nav-bar">
<ul>
<li class="nav-btn"><a href="acceuil.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="constitution.html">Konstitucio</a></li>
<li class="nav-btn"><a href="histoire.html">Historio</a></li>
<li class="nav-btn"><a href="géographie.html">Constitutio</a></li>
<li class="nav-btn"><a href="economie.html">Ekonomio</a></li>
</ul>
</nav>
<div class="dropdown">
<button class="dropbtn">
Lingvo
</button>
<div class="dropdown-content">
<a href="../fr/constitution.html"><img src="../ressources/images/fr.png" width="20" height="15">&nbspFrançais&nbsp&nbsp&nbsp</a>
<a href="../en/constitution.html"><img src="../ressources/images/en.png"width="20" height="15">&nbspEnglish&nbsp&nbsp&nbsp&nbsp&nbsp</a>
<a href="../bzh/wait.html"><img src="../ressources/images/bzh.png"width="20" height="15">&nbspBrezhoneg</a>
<a href="../eo/wait.html"><img src="../ressources/images/eo.png"width="20" height="15">&nbspEsperanto&nbsp</a>
</div>
</div>
</header>
<center>
<div class="constitution">
<h2>Nuna teksto de la Dorta konstitucio</h2>
<h3>I-Valorojn kaj Principoj de la ŝtato</h3>
<p>1.Dorta Republiko estas ŝtato por aporti ĝojo, libero kaj egaliteco al sia tuta civitanojn kaj tua personojn.</p>
<p>2.Ĉiuj homojn posedas la nefordoneblan rajton al fiziologikaj bezonoj, tiel manĝaĵo, repiraĵo, trinkaĵo, loĝaĵo, kaj higieno. La organiza leĝo povas plilongigi tiun liston.</p>
<p>3.La ŝtato proteĝas la rajtojn, la devojn kaj regpovojn de ĉi-tiu konstitucio, krom tiojn, kiu eksplicite estas diri proteĝi de alia persono, institucio au organizacio.</p>
<P>4.La ŝtato devu uzi justa iloj por atingu bono por la dorta kaj tutmonda socio. Ŝtata Sekureco nur ekzistas egale al la bono, ke portas la Republiko.</P>
<P>5.La intereso de la socio plu importas, ke ĉiuj de solaj personoj, sed ne personoj povu esti senigi je sia fundamentajn rajtojn, inkludante la rajtoj de la Universala Deklaracio de Homaj Rajtoj rekonita de la ŝtato kaj la rajtoj defendita de la dua artikolo de tiu konstitucio.</P>
<P>6.Organiza leĝo decidas, kio estas konsencio. La ŝtato nur agu por konsenciaj aferoj</P>
<p>7.La ŝtato ne havas religion, kaj favoras nenion. La politika uzo de religio iafoje estas permesita. Pratikaĵo de religio estas subjekto de organiza leĝo.</p>
<P>8.¹ La ŝtato rekoni ĉiujn lingvojn, kaj la uzaĵo de lingvoj ne povas esti malpermisi, krom per la leĝo pri parollibereco.
² Las ŝtatoj lingvoj estas la Francan, la Anglan kaj la Bretonan, definita la pli kompreneble de la konsilo de Ŝtatlingvoj, ĉiuj leĝoj devas esti skribita per ĉiuj de tiuj lingvoj. Tamen, nur la Franca versio estas jure valida.
³ Dorto estas esperanta nacio, Esperanto estanta tiel oficialaj lingvoj. Tamen, UEA kaj ne la Konsilo de Ŝtatlingvoj normigas la lingvon.
⁴ Lingvoj normigita de la Konsilo de Ŝtatlingvoj devas esti komprenita de la granda plimulto de la parolantoj, kiu estu la plej granda parto de la popoloj, pro aksesi la ŝtato. La ŝtato promocias la oficialajn lingvojn per instruado.
⁵ Lingvoj estu kultura afero, kaj importanta en internaciaj aferoj. Do, lingva politiko estas necesa.</P>
</div>
</center>
</body>
51 changes: 51 additions & 0 deletions dist/eo/economie.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<head>
<title>Ekonomio</title>
<meta content="Dörtstan - Economie" property="og:title" />
<meta content="Découvrez les monnaies utilisées dans le Dörtstan dont la cryptomonnaie du TCD." property="og:description" />
<meta content="https://moutigll.github.io/Dortstan-website/dist/ressources/images/tcd-logo.png" property="og:image" />
<link rel="stylesheet" href="../css/main.css" />
<link rel="icon" type="image/x-icon" href="../ressources/images/flag.png">
<style>
@import url('https://fonts.cdnfonts.com/css/linux-biolinum');
</style>
</head>
<body>
<header>
<div style="text-align: center;">
<h1>Dorto</h1>
<nav class="nav-bar">
<ul>
<li class="nav-btn"><a href="acceuil.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="constitution.html">Konstitucio</a></li>
<li class="nav-btn"><a href="histoire.html">Historio</a></li>
<li class="nav-btn"><a href="géographie.html">Constitutio</a></li>
<li class="nav-btn"><a href="economie.html">Ekonomio</a></li>
</ul>
</nav>
</div>
<div class="dropdown">
<button class="dropbtn">
Langue
</button>
<div class="dropdown-content">
<a href="../fr/economie.html"><img src="../ressources/images/fr.png" width="20" height="15">&nbspFrançais&nbsp&nbsp&nbsp</a>
<a href="../en/economy.html"><img src="../ressources/images/en.png"width="20" height="15">&nbspEnglish&nbsp&nbsp&nbsp&nbsp&nbsp</a>
<a href="../bzh/wait.html"><img src="../ressources/images/bzh.png"width="20" height="15">&nbspBrezhoneg</a>
<a href="../eo/wait.html"><img src="../ressources/images/eo.png"width="20" height="15">&nbspEsperanto&nbsp</a>
</div>
</div>
</header>
<center>
<h2>Nos devises en vigeur</h2>
<div class="textbox">
<p>Deux devises sont actuellement en vigeur dans les frontières de notre pays une physique, ainsi que une devise virtuelle pour
renforcer l'influence de notre pays sur internet, le TCD (TetraCoin Dollar).</br></br><img src="../ressources/images/tcd-logo.png">
</br></br>Disponible sur la blockchain Goerli, cette cryptomonnaie est obtensible uniquement à partir de centre physiques partout dans
notre pays, cependant une fois acquise elle est échangeable avec les pricipales cryptomonnaies disponibles.
L'ensemble des commerçants dans notre pays doivent pouvoir l'accepter et peuvent à nouveau l'échanger contre de la monnaie physique
dans nos centres dédiés. L'objectif de cette monnaie et de simplifiers les transactions, en conséquence, plusieurs dispositifs
ont été mis en place pour éviter la spéculation et maintenir un cours stable.</p>
</div>
</center>
</body>
47 changes: 47 additions & 0 deletions dist/eo/géographie.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<head>
<title>Geografio</title>
<meta content="Dörtstan - Géographie" property="og:title" />
<meta content="Explorez les limites du Dörtstan dans son magnifique millieu naturel Canadien." property="og:description" />
<meta content="https://moutigll.github.io/Dortstan-website/dist/ressources/images/globe.png" property="og:image" />
<link rel="stylesheet" href="../css/main.css" />
<link rel="icon" type="image/x-icon" href="../ressources/images/flag.png">
<style>
@import url('https://fonts.cdnfonts.com/css/linux-biolinum');
</style>
</head>
<body>
<header>
<center>
<h1>Dorto</h1>
<nav class="nav-bar">
<ul>
<li class="nav-btn"><a href="acceuil.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="constitution.html">Konstitucio</a></li>
<li class="nav-btn"><a href="histoire.html">Historio</a></li>
<li class="nav-btn"><a href="géographie.html">Constitutio</a></li>
<li class="nav-btn"><a href="economie.html">Ekonomio</a></li>
</ul>
</nav>
</center>
<div class="dropdown">
<button class="dropbtn">
Langue
</button>
<div class="dropdown-content">
<a href="acceuil.html"><img src="../ressources/images/fr.png" width="20" height="15">&nbspFrançais&nbsp&nbsp&nbsp</a>
<a href="../en/home.html"><img src="../ressources/images/en.png"width="20" height="15">&nbspEnglish&nbsp&nbsp&nbsp&nbsp&nbsp</a>
<a href="../bzh/wait.html"><img src="../ressources/images/bzh.png"width="20" height="15">&nbspBrezhoneg</a>
<a href="../eo/wait.html"><img src="../ressources/images/eo.png"width="20" height="15">&nbspEsperanto&nbsp</a>
</div>
</div>
</header>
<center>
<h2>Le Mont Celeste</h2>
<img src="../ressources/images/globe.png" style="height: 32vh; width: 32vh;border-radius: 8px;">
<p style="width: 650px;" class="textbox">Situé à l'ouest du canada sur l'île de Vancouver, le Dörtstan délimite ses frontières sur une supérficie de 14,5 km² autour du célèbre mont Celeste qui culmine à 2045 m et ses quatre lacs.</p>
<iframe style="margin-top: 1vh;border: 10px solid #1e2030; background-color: #1e2030; border-radius: 8px;" src="https://www.google.com/maps/d/embed?mid=1uRP-bI7qfsjuVkkILv1g4kHJDsmbr6E&ehbc=423469" width="650" height="650"></iframe>

<p class="textbox">Nos frontières s'étendent au nord j'usque à la berge du plus petit des quatre lacs, le lac. Le tracé suit ensuite le flanc ouest de la montagne j'usque à enveloper le lac de Milla. Au sud au dehors de nos frontières se trouvent les monts Harmston et Arthur Evans ainsi que le lac de Mirren à l'est. A l'est et un peut plus au nord dans nos frontière se trouve également notre plus grand lac d'une supérficie de 1.15 km² qui se nomme le lac de la Mémoire. Au centre se trouve le Mont Celeste situé au coeur du parc provincial de Strathcona et est le dixième sommet le plus haut de l'île de Vancouver.</p>
</center>
</body>
44 changes: 44 additions & 0 deletions dist/eo/histoire.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<head>
<title>Historio</title>
<meta content="Dörtstan - Histoire" property="og:title" />
<meta content="Venez en apprendre plus sur l'histoire qui fait du Dörtstan ce qu'il est aujourd'hui !" property="og:description" />
<meta content="https://moutigll.github.io/Dortstan-website/dist/ressources/images/flag.png" property="og:image" />
<link rel="stylesheet" href="../css/main.css" />
<link rel="icon" type="image/x-icon" href="../ressources/images/flag.png">
<style>
@import url('https://fonts.cdnfonts.com/css/linux-biolinum');
</style>
</head>
<body>
<header>
<div style="text-align: center;">
<h1>Dorto</h1>
<nav class="nav-bar">
<ul>
<li class="nav-btn"><a href="acceuil.html">Bonvenejo</a></li>
<li class="nav-btn"><a href="constitution.html">Konstitucio</a></li>
<li class="nav-btn"><a href="histoire.html">Historio</a></li>
<li class="nav-btn"><a href="géographie.html">Constitutio</a></li>
<li class="nav-btn"><a href="economie.html">Ekonomio</a></li>
</ul>
</nav>
</div>
<div class="dropdown">
<button class="dropbtn">
Langue
</button>
<div class="dropdown-content">
<a href="../fr/histoire.html"><img src="../ressources/images/fr.png" width="20" height="15">&nbspFrançais&nbsp&nbsp&nbsp</a>
<a href="../en/history.html"><img src="../ressources/images/en.png"width="20" height="15">&nbspEnglish&nbsp&nbsp&nbsp&nbsp&nbsp</a>
<a href="../bzh/wait.html"><img src="../ressources/images/bzh.png"width="20" height="15">&nbspBrezhoneg</a>
<a href="../eo/wait.html"><img src="../ressources/images/eo.png"width="20" height="15">&nbspEsperanto&nbsp</a>
</div>
</div>
</header>
<div style="text-align: center;">
<center>
<p class="textbox">L'histoire du Dörtstan est assez récente, le Mt Celeste à en effet été gravit pour la première fois seulement en 1934, le 18 août plus précisement et ce par Jack Horbury et Jock Sutherland.</p>
</center>
</div>
</body>

0 comments on commit 9f1fe5d

Please sign in to comment.