added src

src/pages/en.md

@@ -0,0 +1,75 @@
+# Populumque avidosque Sparte quoque auctore equidem
+
+## Sunt aevis
+
+Lorem markdownum turbavere prisca Aeacidae morando esse. Quam Styga spectata,
+pariter Iove iunctis exercere Solis? Atlantis possit succurrere quam!
+
+    if (stationRecord < ctp(rup, columnBase, dtd)) {
+        impact_qbe_symbolic(bank_c(exploit_gnutella_social), inbox);
+        marketing = telnetWebmasterFpu;
+        circuitSoapDns(dac, ieee);
+    } else {
+        ebook.spider(wildcard_publishing_memory.tcpDisk(encoding, 48149), -1 +
+                copyright_flash_icmp, superscalar_cluster + kofficeIsp);
+        reimage.mac = dslWebmail;
+        kilobyteVariable.margin_keylogger = dvd + microcomputer;
+    }
+    font_switch(servlet, file(1, protocol) * skinTouchscreen,
+            wheel_station_computer);
+    var startRom = bit(php_touchscreen_icio);
+    var unicode_hover_tiger = command(scan_install_cd(ruby(mail_chipset, web,
+            clientMemeSoftware), optical, wirelessMegahertz), oasis);
+
+## Est nec locumque anxia et
+
+Maligno puppes potuit petit. **Ipse regnat venit** tangit mitti opibus est unus
+spectacula erat! Bacche qui dedit in ardet Phrygiis Liternum ipso ille Orphei
+Canentem *ut*, parenti terrae! Frondibus deus sine leoni frustraque lentus. Est
+deos cum corripuit erat sibi concussit simul; suus tantum.
+
+Camenis Lucifer ex geniti sitis quem. Styga si Ceae nova media remugis: haerens
+ridet, nam [Pindo](http://www.murra.com/argolicaemaximus) est tritis flamma
+[dixit una licebit](http://www.sedare-mopsus.net/) Pelia perdite! Aura *aurea
+mecum* una mirabantur mansit domum simul de Euboica altis vincula tenentis vires
+sub, *Scythicae*. Mora sitis pocula. Ultimus idem triplices inquit.
+
+## Et atque ministris imagine fas tenuit fornacibus
+
+Adeunda suffundit ille: Bacchi moribundo et quam **cacumina videre Tamasenum**.
+Gauderet in [non arbitrium caelo](http://www.madidusperiuraque.io/).
+
+## In corpora in micat Phoebus corque transitus
+
+Mihi in macies, ab avoque malorum decusque. Appellant expellam unus colore
+exiguo, maior ara loqui sit vires.
+
+    var uat = cardPrinterLocalhost.pppoe(display, operating_row_fsb(
+            scalable_lion, compilerHeuristicTweet - 22));
+    var toslink_software = tokenPciPrompt.source_x_firmware(drive,
+            boxSdkDlc.servicesIcsDrive(certificate_cycle_illegal(resolution)),
+            outboxTftMap + rssTextZebibyte.flashImpactDisk(3, eup_ad));
+    var compression = programWebPort;
+    if (intellectual_left_system) {
+        favorites(lossyDramDay + 7, upsSliTruncate, 2);
+        laptop.android = ocr_piracy(clean, flatbedRte - -1);
+        directx_file_cable = -1;
+    } else {
+        point_sink_controller(flash(filenameDataAccess, vleSoftwareListserv),
+                point_rate_cmos(control_soa_restore));
+        javascript *= nic_format;
+        address = nameDcim(touchscreenLink.port_port(diskHeat, vaporware));
+    }
+
+## Enim nunc solvi
+
+Est pudet citharae, corpus? Modo in armentaque pennisque videri aquarum, est
+equos ne in vulnere domus; maris. Quodque quoque orbe omnes metus, sol
+[putas](http://www.uno.com/deorumvolumine) marmore fuit secreta haut vobis,
+faciendo, oro.
+
+Quid sequenti, supersunt quoque, sortite; in in tenetur vecta horriferamque
+amabat. Vos nudae anni amor chelydri [Picus candentibus
+et](http://pugnare.io/angulus.html) sonum, et sentibus geminato volucrem
+mercibus bracchia, cum *posito* delubraque. Templa extrahit in totidem altera
+Nioben, honoris sui, fibris!

src/pages/example/de-DE.md

@@ -0,0 +1,57 @@
+meow
+
+# Abstrahere reddita celebrare in ossa
+
+## Usque de celebrabant puer
+
+Lorem markdownum, nec ora et vero me nec natae suadent. Nec damno ignorat
+propiore aliquid temptata decipienda habetur. Vulnera lacrimis aequoreo madidos,
+copia uvae, herbosaque quoque, per harenas, canos fui monstro Peleus.
+
+Et fuge cum liquidum puer Herculis arentis, tantum caudaque et generi vilior, in
+rubore. Caeli modo palmis, suo tria accipe visus non similis qui remittat
+retentus porrigit fluxit ubi testis.
+
+> Sulphura et color reliquit dextera: quid summa continuere obductos egesto
+> moriens **fluentia vult iunctamque**, mihi patres spiro. Est Iovis **imperat
+> quem est** putavi annis *omnis*; flumina, leporem constabat grave pelagi,
+> insiluit, igne invito? Auctor circuit quod.
+
+## Rhoetus gravis
+
+Parari modo in sustulerat: ora sic verba meruit, uti. Pignora citus facto
+amplectimur cupido amentes foedantem multoque datura.
+[Quid](http://www.prima.net/se) ex tanti armaque exhibita descenderat!
+
+1. Alis ima
+2. Mirantur nive sit
+3. Maris ut adlabimur humana fine quam vultusque
+
+## A idonea miserum
+
+Montes tibi deorum igitur. Poterat nunc porrigitur perdidimus *sidereos animi
+praesepia* nihil praeferri functa, in **Pleias removete** oculos sollemni
+Tatius: **modo**. Inde dedit! Atque in matrem spinae foret ponti quam dixit,
+aras. Gladii addendum fiducia magno, se quo fata humo esse **tellure corpora
+discederet** sucis manibus, parentem ante, Iovem.
+
+Laqueique honore sequentia tyranni Harpalos, paelex, foedat tempestiva nomen.
+Sit ter indiciumque requirit utrumque in nil et *suspectus*, quaerite patriam
+nec facta [securi](http://heuqua.io/adhaut). Confessa ut per sit nostro futura
+metaque oblitae fameque exit adspiciens. Morte flectere invidiam certe cum
+vixque *nubes clamor viderunt* praeceps infamis collo percussis axem plena saxum
+urbes ferre undae. Totoque utuntur ore lupus inplet sibila ullam, qui corpore
+*contermina aera*?
+
+Convocat ipse abeunt sententia concolor a Auguste epops solent iubet qui
+aequora. In illi, solvente resecare violentam nescio accipit multarum [aureus
+exspectatus](http://oris-tibi.io/nasci) ergo ora. Positis **inquit**, sit iamque
+hederae ulterius, pontus linguae matutina terra sic isse Graium passosque
+sanguinis secus petit!
+
+Adfore dei volucrum Lydas; [hoc](http://similemnescitve.net/ipsamquee) quam
+[superosque](http://www.quoqueabit.com/cumqueiam.html) caligine vulnera quoque
+corpus foedaque mentis qui nectare, fatendo sensit! Rursus nulli miraris nuda
+*Acrisio*. Cum modo, satis dissuadet luce; cum *freta* ab et diu, labor *tenuata
+ieiunia*? Caesosque thalamique precor, dedit nulla loca [arce
+et](http://viscera-rerum.com/mixta) tinguit aera.

src/pages/example/en.md

@@ -0,0 +1,75 @@
+# Populumque avidosque Sparte quoque auctore equidem
+
+## Sunt aevis
+
+Lorem markdownum turbavere prisca Aeacidae morando esse. Quam Styga spectata,
+pariter Iove iunctis exercere Solis? Atlantis possit succurrere quam!
+
+    if (stationRecord < ctp(rup, columnBase, dtd)) {
+        impact_qbe_symbolic(bank_c(exploit_gnutella_social), inbox);
+        marketing = telnetWebmasterFpu;
+        circuitSoapDns(dac, ieee);
+    } else {
+        ebook.spider(wildcard_publishing_memory.tcpDisk(encoding, 48149), -1 +
+                copyright_flash_icmp, superscalar_cluster + kofficeIsp);
+        reimage.mac = dslWebmail;
+        kilobyteVariable.margin_keylogger = dvd + microcomputer;
+    }
+    font_switch(servlet, file(1, protocol) * skinTouchscreen,
+            wheel_station_computer);
+    var startRom = bit(php_touchscreen_icio);
+    var unicode_hover_tiger = command(scan_install_cd(ruby(mail_chipset, web,
+            clientMemeSoftware), optical, wirelessMegahertz), oasis);
+
+## Est nec locumque anxia et
+
+Maligno puppes potuit petit. **Ipse regnat venit** tangit mitti opibus est unus
+spectacula erat! Bacche qui dedit in ardet Phrygiis Liternum ipso ille Orphei
+Canentem *ut*, parenti terrae! Frondibus deus sine leoni frustraque lentus. Est
+deos cum corripuit erat sibi concussit simul; suus tantum.
+
+Camenis Lucifer ex geniti sitis quem. Styga si Ceae nova media remugis: haerens
+ridet, nam [Pindo](http://www.murra.com/argolicaemaximus) est tritis flamma
+[dixit una licebit](http://www.sedare-mopsus.net/) Pelia perdite! Aura *aurea
+mecum* una mirabantur mansit domum simul de Euboica altis vincula tenentis vires
+sub, *Scythicae*. Mora sitis pocula. Ultimus idem triplices inquit.
+
+## Et atque ministris imagine fas tenuit fornacibus
+
+Adeunda suffundit ille: Bacchi moribundo et quam **cacumina videre Tamasenum**.
+Gauderet in [non arbitrium caelo](http://www.madidusperiuraque.io/).
+
+## In corpora in micat Phoebus corque transitus
+
+Mihi in macies, ab avoque malorum decusque. Appellant expellam unus colore
+exiguo, maior ara loqui sit vires.
+
+    var uat = cardPrinterLocalhost.pppoe(display, operating_row_fsb(
+            scalable_lion, compilerHeuristicTweet - 22));
+    var toslink_software = tokenPciPrompt.source_x_firmware(drive,
+            boxSdkDlc.servicesIcsDrive(certificate_cycle_illegal(resolution)),
+            outboxTftMap + rssTextZebibyte.flashImpactDisk(3, eup_ad));
+    var compression = programWebPort;
+    if (intellectual_left_system) {
+        favorites(lossyDramDay + 7, upsSliTruncate, 2);
+        laptop.android = ocr_piracy(clean, flatbedRte - -1);
+        directx_file_cable = -1;
+    } else {
+        point_sink_controller(flash(filenameDataAccess, vleSoftwareListserv),
+                point_rate_cmos(control_soa_restore));
+        javascript *= nic_format;
+        address = nameDcim(touchscreenLink.port_port(diskHeat, vaporware));
+    }
+
+## Enim nunc solvi
+
+Est pudet citharae, corpus? Modo in armentaque pennisque videri aquarum, est
+equos ne in vulnere domus; maris. Quodque quoque orbe omnes metus, sol
+[putas](http://www.uno.com/deorumvolumine) marmore fuit secreta haut vobis,
+faciendo, oro.
+
+Quid sequenti, supersunt quoque, sortite; in in tenetur vecta horriferamque
+amabat. Vos nudae anni amor chelydri [Picus candentibus
+et](http://pugnare.io/angulus.html) sonum, et sentibus geminato volucrem
+mercibus bracchia, cum *posito* delubraque. Templa extrahit in totidem altera
+Nioben, honoris sui, fibris!

src/pages/example/ku.md

@@ -0,0 +1,35 @@
+# Navê Gotarê
+Ev gotar, mînakek placeholder ya bi zimanê Kurdî ye. Nivîs, weşan û rûpelên nûçe di vê belgeyê de têne pêşniyar kirin. Ev metn ji bo testkirina layout an jî demo-yê hatiye çêkirin û çend bingehên cihanî yên naveroka gotarê nîşan dide.
+
+## Destpêk
+Di destpêka gotarê de, dikarin rêvekên bingehîn û armancên mijarê vebêjin. Tu dikarî vê metnê bikar bînin ji bo şexsî an jî projeyên xwe:
+  
+Lorem ipsum ji bo kurdî:  
+"Rojên nû û şevên hêja, ev nivîs têne çêkirin ku bi awayek nîşanbideke cîhan û hunermendî were afirandin."
+
+## Lêkolîn û Naverok
+Di vê beşê de hinek îzahiyên naverokî yên placeholder hatine peyda kirin. Hûn dikarin bi rêza li jêr anînên mifteyî yên gotarê şop bikin:
+
+- **Mijar:** Di vê gotarê de, mijarên bi zor û hêja têne nîşandan.
+- **Rêbaz:** Ew kesên ku ji ber vê gotarê şîrove û daxuyanî dikin, çavkaniyên xwe diguhezînin.
+- **Agahî:** Di vê derbarê de, agahîyên cihanî, dîtin û têgihiştin hatine berhev kirin.
+
+Di bin vê şexsiyeta, hertişt di dema xwe de têgihiştin û anîn pêşiyê dayîn.
+
+## Şirove û Kod
+Di vê paragrafa kêm-kêm de, em dikarin bingehên şiroveyê yên gotarê di kodê de jî şop bikin:
+
+```python
+def peyama_kurdî():
+    mesaj = "Her bijî Kurdistan! Rojên baş û serkeftin!"
+    return mesaj
+
+print(peyama_kurdî())
+```
+
+Kodê li ser vê koda simplesa gotinê ye û dikare weşana nûçe an demo-yê projeyan bixebite.
+
+# Encama Gotarê
+
+Di encama gotarê de, hûn dikarin her çend beşên bingehîn yên nûçe, daxuyanî û şirove yên navekî bifikirin.
+Bê guman, ev placeholder bi awayek qelew li ser çalakiya te ya malper, blog an jî her sedema dijîtal tê de karîger e.

src/pages/ku.md

@@ -0,0 +1,35 @@
+# Navê Gotarê
+Ev gotar, mînakek placeholder ya bi zimanê Kurdî ye. Nivîs, weşan û rûpelên nûçe di vê belgeyê de têne pêşniyar kirin. Ev metn ji bo testkirina layout an jî demo-yê hatiye çêkirin û çend bingehên cihanî yên naveroka gotarê nîşan dide.
+
+## Destpêk
+Di destpêka gotarê de, dikarin rêvekên bingehîn û armancên mijarê vebêjin. Tu dikarî vê metnê bikar bînin ji bo şexsî an jî projeyên xwe:
+  
+Lorem ipsum ji bo kurdî:  
+"Rojên nû û şevên hêja, ev nivîs têne çêkirin ku bi awayek nîşanbideke cîhan û hunermendî were afirandin."
+
+## Lêkolîn û Naverok
+Di vê beşê de hinek îzahiyên naverokî yên placeholder hatine peyda kirin. Hûn dikarin bi rêza li jêr anînên mifteyî yên gotarê şop bikin:
+
+- **Mijar:** Di vê gotarê de, mijarên bi zor û hêja têne nîşandan.
+- **Rêbaz:** Ew kesên ku ji ber vê gotarê şîrove û daxuyanî dikin, çavkaniyên xwe diguhezînin.
+- **Agahî:** Di vê derbarê de, agahîyên cihanî, dîtin û têgihiştin hatine berhev kirin.
+
+Di bin vê şexsiyeta, hertişt di dema xwe de têgihiştin û anîn pêşiyê dayîn.
+
+## Şirove û Kod
+Di vê paragrafa kêm-kêm de, em dikarin bingehên şiroveyê yên gotarê di kodê de jî şop bikin:
+
+```python
+def peyama_kurdî():
+    mesaj = "Her bijî Kurdistan! Rojên baş û serkeftin!"
+    return mesaj
+
+print(peyama_kurdî())
+```
+
+Kodê li ser vê koda simplesa gotinê ye û dikare weşana nûçe an demo-yê projeyan bixebite.
+
+# Encama Gotarê
+
+Di encama gotarê de, hûn dikarin her çend beşên bingehîn yên nûçe, daxuyanî û şirove yên navekî bifikirin.
+Bê guman, ev placeholder bi awayek qelew li ser çalakiya te ya malper, blog an jî her sedema dijîtal tê de karîger e.

src/templates/article.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="{article_language_code}">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{article_language_flag} {article_title}</title>
+    <link rel="stylesheet" href="/static/bulma.min.css" />
+  </head>
+  <body>
+    <!-- Header (Navbar) -->
+    <nav
+      class="navbar is-primary"
+      role="navigation"
+      aria-label="main navigation"
+    >
+      <div class="navbar-brand">
+        <a class="navbar-item" href="{article_overview_url}">
+          <strong>{article_language_flag} {article_title}</strong>
+        </a>
+      </div>
+    </nav>
+
+    <!-- Main Content -->
+    <section class="section">
+      <div class="content">
+        {article_content}
+      </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+      <div class="content has-text-centered">
+        <p><strong>STSG</strong> by Hazel. &copy; 2025</p>
+      </div>
+    </footer>
+  </body>
+</html>

src/templates/overview.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>STSG</title>
+    <link rel="stylesheet" href="/static/bulma.min.css" />
+  </head>
+  <body>
+    <!-- Header (Navbar) -->
+    <nav
+      class="navbar is-primary"
+      role="navigation"
+      aria-label="main navigation"
+    >
+      <div class="navbar-brand">
+        <a class="navbar-item" href="#">
+          <strong>Static Translated Site Generator</strong>
+        </a>
+      </div>
+    </nav>
+
+    <section class="section">
+      <div class="container">
+        <div class="column is-half is-offset-one-quarter">{overview_cards}</div>
+      </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+      <div class="content has-text-centered">
+        <p><strong>STSG</strong> by Hazel. &copy; 2025</p>
+      </div>
+    </footer>
+  </body>
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+        const userLang = navigator.language || navigator.userLanguage;
+
+        // Normalize and check if the language is not English or German
+        if (!["en", "de", "de-DE"].includes(userLang)) {
+            // Try to find a matching card by language attribute
+            const cardToMove =
+                document.querySelector(`.card[lang^="${userLang.replace("_", "-").toLowerCase()}"]`) ||
+                document.querySelector(`.card[lang^="${userLang.split("-")[0]}"]`);
+
+            if (cardToMove) {
+                const container = cardToMove.parentNode;
+                container.insertBefore(cardToMove, container.firstChild);
+            }
+        }
+    });
+  </script>
+</html>

src/templates/overview_card.html

@@ -0,0 +1,8 @@
+<div class="card mb-4" lang="{article_language_code}">
+    <a href="{article_href}" hreflang="{article_language_code}" class="card mb-4" style="color: inherit; text-decoration: none;">
+        <div class="card-content" href="{article_href}">
+            <p class="title">{article_language_flag} {article_title}</p>
+            <p class="content">{article_preview}</p>
+        </div>
+    </a>
+</div>