From dc149e484cca4f7bc46436aa03c3f2c4beef9508 Mon Sep 17 00:00:00 2001
From: allurei <suhonen.laakso@gmail.com>
Date: Mon, 13 Jan 2025 20:48:24 +0200
Subject: [PATCH] content

---
 src/lib/components/banner2.svelte           | 12 +--
 src/lib/components/ilmoformi.svelte         | 10 ++-
 src/lib/components/logofarm.svelte          |  3 +-
 src/lib/components/program.svelte           | 23 ++----
 src/routes/+page.svelte                     | 82 +++++++++++++++++++-
 src/routes/en/+page.svelte                  | 76 +++++++++++++++++++
 src/routes/en/ilmo/+page.server.js          | 84 +++++++++++++++++++++
 src/routes/en/ilmo/+page.svelte             | 10 +++
 src/routes/ilmo/+page.server.js             | 84 +++++++++++++++++++++
 src/routes/ilmo/+page.svelte                |  9 +++
 src/routes/kutsuvieras-ilmo/+page.server.js | 84 +++++++++++++++++++++
 src/routes/kutsuvieras-ilmo/+page.svelte    |  9 +++
 src/routes/tesmi/+page.svelte               |  4 +-
 src/routes/tesmi/en/+page.svelte            |  6 +-
 14 files changed, 466 insertions(+), 30 deletions(-)
 create mode 100644 src/routes/en/+page.svelte
 create mode 100644 src/routes/en/ilmo/+page.server.js
 create mode 100644 src/routes/en/ilmo/+page.svelte
 create mode 100644 src/routes/ilmo/+page.server.js
 create mode 100644 src/routes/ilmo/+page.svelte
 create mode 100644 src/routes/kutsuvieras-ilmo/+page.server.js
 create mode 100644 src/routes/kutsuvieras-ilmo/+page.svelte

diff --git a/src/lib/components/banner2.svelte b/src/lib/components/banner2.svelte
index ea4ffd0..9ff04b9 100644
--- a/src/lib/components/banner2.svelte
+++ b/src/lib/components/banner2.svelte
@@ -7,10 +7,10 @@
         { text: "Sillis", href: "#sillis" },
         { text: "Uutiset", href: "#news" },
         { text: "Menu", href: "#menu" },
+        { text: "Ilmo", href: "/ilmo" },
         { text: "Sponsorit", href: "#sponsors" },
-        { text: "Ilmo", href: "tesmi/ilmo" },
         { text: "Etiketti", href: "#etiquette" },
-        { text: "Tarjoukset", href: "#offers" },
+        
     ];
     let x = 0;
     let menuOpen = false;
@@ -42,9 +42,9 @@
     <div class="corner right"></div>
     <div class="wrap">
         <div class="lang-link">
-            <a class="{lang === 'fi' ? 'bold' : ''}" href="/tesmi">FI</a>
+            <a class="{lang === 'fi' ? 'bold' : ''}" href=".">FI</a>
             |
-            <a class="{lang !== 'fi' ? 'bold' : ''}" href="/tesmi/en">EN</a>
+            <a class="{lang !== 'fi' ? 'bold' : ''}" href="./en">EN</a>
         </div>
         <div class="banner">
             <div class="logo">
@@ -72,9 +72,9 @@
 			<nav class:menuOpen>
 				<ul>
                     <li>
-                        <a class="{lang === 'fi' ? 'bold' : ''}" href="/tesmi">FI</a>
+                        <a class="{lang === 'fi' ? 'bold' : ''}" href=".">FI</a>
                         |
-                        <a class="{lang !== 'fi' ? 'bold' : ''}" href="/tesmi/en">EN</a>
+                        <a class="{lang !== 'fi' ? 'bold' : ''}" href="/en">EN</a>
                     </li>
 					{#each links as link}
 						<li><a href={link.href}>{link.text}</a></li>
diff --git a/src/lib/components/ilmoformi.svelte b/src/lib/components/ilmoformi.svelte
index ac2d785..61edcdf 100644
--- a/src/lib/components/ilmoformi.svelte
+++ b/src/lib/components/ilmoformi.svelte
@@ -14,6 +14,7 @@
 <div class="wrap">
     <div class="flex-items bordered flower-bg">
         <h2>{fi ? 'Ilmoittautuminen' : 'Sign up'}</h2>
+    {#if invited || (new Date().getTime() > new Date('2025-01-28'))}
         {#if form?.success !== true}
         <form method="POST" class="{form?.fields === true ? 'error' : ''}" use:enhance>
             <div class="flex-item twelve row">
@@ -187,11 +188,16 @@
                 ? 'Kiitos ilmoittautumisesta!'
                 : 'Thanks you for registration'}
             </h3>
-            <a href="{invited ? (fi ? '/tesmi/kutsuvieras-ilmo' : '/tesmi/en/kutsuvieras-ilmo') : (fi ? '/tesmi/ilmo' : '/tesmi/en/ilmo')}">{fi ? 'Tee toinen ilmoittautuminen' : 'Register again'}</a>
+            <a href="{invited ? (fi ? '/kutsuvieras-ilmo' : '/en/kutsuvieras-ilmo') : (fi ? '/ilmo' : '/en/ilmo')}">{fi ? 'Tee toinen ilmoittautuminen' : 'Register again'}</a>
             <a href=".">{fi ? 'Etusivulle' : 'To frontpage'}</a>
         </div>
-        
         {/if}
+    {:else}
+        <div class="flex-item six thanks">
+            <p>Ilmoittautuminen aukeaa 28.1.</p>
+            <a href=".">{fi ? 'Etusivulle' : 'To frontpage'}</a>
+        </div>
+    {/if}
     </div>
     <table id="registered">
         <tr>
diff --git a/src/lib/components/logofarm.svelte b/src/lib/components/logofarm.svelte
index e336532..b60bfd8 100644
--- a/src/lib/components/logofarm.svelte
+++ b/src/lib/components/logofarm.svelte
@@ -4,11 +4,12 @@
     import reaktor from "$lib/assets/reaktor.svg";
     import oikia from "$lib/assets/oikia.png";
     export let id = 'sponsors';
+    export let lang = 'fi';
 </script>
 
 <section id="{id}" class="sponsors">
     <div class="wrap">
-        <h2>Sponsorit</h2>
+        <h2>{lang === 'fi' ? 'Sponsorit' : 'Sponsors'}</h2>
         <div class="flex">
             <div class="flex-item four">
                 <a rel="noreferrer" href="https://www.mankelisolutions.fi/" target="_blank">
diff --git a/src/lib/components/program.svelte b/src/lib/components/program.svelte
index a966ca1..ecbf14c 100644
--- a/src/lib/components/program.svelte
+++ b/src/lib/components/program.svelte
@@ -13,13 +13,14 @@
             fi: {
                 left: [
                     'Cocktail-tilaisuus', 
-                    'Pääjuhlaa edeltää cocktail-tilaisuus, joka pidetään Turun yliopiston päärakennuksessa (Henrikinkatu 2, 20500 Turku) kello 14.30 alkaen. Cocktail-tilaisuuden ohjelmaan kuuluu tervetuliaismalja, cocktailpalat sekä kutsuvieraiden esittämät tervehdykset Asteriskille. Kaikki vuosijuhlaosallistujat ovat tervetulleita seuraamaan tilaisuutta. Cocktail-tilaisuudesta lähtee kuljetukset itse pääjuhlaan klo 17.00 osoitteesta Naturankuja. Voit myös saapua suoraan pääjuhlaan.'],
+                    'Pääjuhlaa edeltää cocktail-tilaisuus, joka pidetään Akatemiatalolla Konsistorin salissa (Rothoviuksenkatu 1, 20500 Turku) kello 16.00 alkaen. Cocktail-tilaisuuden ohjelmaan kuuluu tervetuliaismalja, cocktailpalat sekä kutsuvieraiden esittämät tervehdykset Asteriskille. Cocktail-tilaisuudesta kuljetukset alakertaan tulee järjestää itse.'
+                ],
                 right: 'Cocktail-tilaisuudessa mukana:'
             },
             en: {
                 left: [
                     'Cocktail party', 
-                    'text'
+                    ''
                 ],
                 right: 'Cocktail party sponsor:'
             },
@@ -31,14 +32,14 @@
             fi: {
                 left: [
                     'Pääjuhla',
-                    'Asteriskin 50-vuotisjuhlien pääjuhlaa vietetään Turun VPK:n talolla (Eskelinkatu 5, 20100 Turku). Ovet tilaisuuteen avataan klo 17.00 ja itse pääjuhla alkaa klo 18:00. Juhlassa kunnioitamme rakasta ainejärjestöämme puhein ja tervehdyksin. Lisäksi nautimme kolmen ruokalajin illallisen ja jaamme tunnustuksia henkilöille, jotka ovat olleet vuosien varrella mukana rakentamasta Asteriskista sellaisen kuin se tänä päivänä on. Pääjuhlan päätyttyä tanssitaan akateemiset tanssit.'
+                    'Asteriskin 53-vuotisjuhlien pääjuhlaa vietetään Akatemiatalon juhlasalissa (Rothoviuksenkatu 1, 20500 Turku). Ovet tilaisuuteen avataan klo 17:30 ja itse pääjuhla alkaa klo 18:00. Juhlassa kunnioitamme rakasta ainejärjestöämme puhein ja tervehdyksin. Lisäksi nautimme kolmen ruokalajin illallisen ja jaamme tunnustuksia henkilöille, jotka ovat olleet vuosien varrella mukana rakentamasta Asteriskista sellaisen kuin se tänä päivänä on. Pääjuhlan päätyttyä tanssitaan akateemiset tanssit.'
                 ],
                 right: 'Pääjuhlassa mukana:'
             },
             en: {
                 left: [
                     'Main event', 
-                    'text'
+                    ''
                 ],
                 right: 'Main event sponsor:'
             },
@@ -57,34 +58,26 @@
             en: {
                 left: [
                     'After party', 
-                    'text'
+                    ''
                 ],
                 right: 'After party sponsor:'
             },
-            imgs: [
-                {href:'', src: logo, alt: 'logo'},
-                {href:'', src: logo, alt: 'logo'}
-            ]
         },
         {
             fi: {
                 left: [
                     'Sillis',
-                    'Meininki ei suinkaan lopu pääjuhlan ja jatkojen jälkeen, vaan lauantaina 8.3. koittaa taikametsäteemainen silliaamiainen! Silliksellä on tarjolla ruokaa, naposteltavaa sekä juomista. Kaiken tämän lisäksi sauna (ja palju) on kuumana, joten nappaa mukaasi myös uimapuku, pyyhe ja peseytymisvermeet. Huom. uimapuku on sauna- ja pesutiloissa pakollinen! Sillikselle voit pukeutua halutessasi teeman mukaan tai rentoihin vaatteisiin, esimerkiksi haalareihin. \n\nSillikselle on yhteiskuljetukset. Bussit lähtevät lauantaina 8.3. klo 12.00 ja xx.xx. Proffan kellarin edestä. Olethan ajoissa paikalla, sillä bussit eivät odota! Kuljetukset takaisin sillikseltä Proffaan ovat perillä noin klo 19.45 ja xx.xx.'
+                    'Meininki ei suinkaan lopu pääjuhlan ja jatkojen jälkeen, vaan lauantaina 8.3. koittaa taikametsäteemainen silliaamiainen! Silliksellä on tarjolla ruokaa, naposteltavaa sekä juomista. Kaiken tämän lisäksi sauna (ja palju) on kuumana, joten nappaa mukaasi myös uimapuku, pyyhe ja peseytymisvermeet. Huom. uimapuku on sauna- ja pesutiloissa pakollinen! Sillikselle voit pukeutua halutessasi teeman mukaan tai rentoihin vaatteisiin, esimerkiksi haalareihin. \n\nSillikselle on yhteiskuljetukset. Bussit lähtevät lauantaina 8.3. klo 12.00 ja 12.45. Proffan kellarin edestä. Olethan ajoissa paikalla, sillä bussit eivät odota! Kuljetukset takaisin sillikseltä Proffaan ovat perillä noin klo 19.45 ja 20.30.'
                 ],
                 right: 'Silliksellä mukana:'
             },
             en: {
                 left: [
                     'Herring Breakfast', 
-                    'text'
+                    ''
                 ],
                 right: 'Herring Breakfast sponsor:'
             },
-            imgs: [
-                {href:'', src: logo, alt: 'logo'},
-                {href:'', src: logo, alt: 'logo'}
-            ]
         },
     ];
 </script>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b518d11..254950b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,84 @@
 <script>
-    import Banner from "$lib/components/banner.svelte";
+    import Banner from "$lib/components/banner2.svelte";
+    import Info from "$lib/components/info.svelte";
+    import Program from "$lib/components/program.svelte";
+    import Footer from "$lib/components/footer.svelte";
+    import Posts from "$lib/components/posts.svelte";
+    import Menu from "$lib/components/menu.svelte";
+    import Sillis from "$lib/components/sillis.svelte";
+    import Logofarm from "$lib/components/logofarm.svelte";
+    import infoImg from "$lib/assets/vuju.jpg"
+    import reaktor from "$lib/assets/reaktor.svg";
+    export let data;
+
+    let etiquette = [
+        {
+            fi: {
+                left: [
+                    'Pukukoodi', 
+                    "Pukukoodina vuosijuhlissa toimii juhlapuku sekä akateemiset kunniamerkit. \n\nJuhlapuku tarkoittaa frakkia. Frakin voi myös korvata hillityllä tummalla puvulla. Tällöin tumman puvun kanssa tulee käyttää valkoista paitaa sekä vaaleaa tai helmiäistä yksiväristä solmiota. \n\nTäyspitkää ilta- tai juhlapukua käytettäessä vain kengän kärjet saavat näkyä. Laukkuna tulee toimia olkaimeton ja siro laukku. Pääjuhlassa lippujen läsnäollessa hartioiden tulisi myös olla peitettynä esimerkiksi hartiahuivilla. Hansikkaita voi halutessaan käyttää muuten kuin ruokaillessa. \n\nVuosijuhlilla käytetään akateemisiksi kunniamerkeiksi määriteltyjä nauhoja ja merkkejä, jotka kuuluvat perinteisesti vuosijuhla-asuun. Kunnianauhaa kannetaan oikealta olkapäältä rinnan yli viistoon vasemmalle. Kunnianauhaa voi kantaa myös ruusukkeena vasemmassa rintapielessä. Nauha ei saa koskettaa paljasta ihoa. Juhlapuvun kanssa nauhaa kannetaan liivin alla. Nauhoista arvokkainta tai suurinta organisaatiota edustavaa kannetaan ylimpänä (esimerkiksi TYYn kuntanauha ylimpänä). Asteriskin jäsennauhaa tulee kantaa keltainen väri ylempänä. Kunniamerkkejä kannetaan ne myöntäneen tahon ohjeiden mukaan esimerkiksi nauhassa tai puvun vasemmassa rintapielessä. Asteriskin jäsennauhaa ei tule käyttää samaa aikaa Asteriskin kunnianauhan, ansionauhan ja ansiomerkin kanssa. Kunniamerkkien kanssa ei käytetä frakin taskuliinaa. \n\nEeppiselle silliaamiaiselle päälle pantavaksi kannattaa varata taikametsäteeman mukaista huomattavasti rennompaa vaatetusta. Mitä rennompi ja taikaisempi, sen parempi! Haalarit toimivat myös aina."
+                ],
+                right: ''
+            },
+            en: {
+                left: [
+                    'Dresscode', 
+                    'The dress code at the annual ball is a white tie or an evening gown with academic medals or ribbons. \n\nEvening gown should be full length, the hemline going under the ankles. Handbag should be strapless and fit the occasion. Shoulders should be covered during the main event. Gloves can be worn but not during dinner. A dark lounge suit is also sufficient and it refers to a black suit with a white shirt and a light-colored tie. \n\nAcademic decorations, such as medals and ribbons, are traditionally part of the annual party attire. \n\nHonorary ribbons are worn over the right shoulder across your chest to the left. In a suit they go under the vest. When wearing a tie, the honorary ribbon should go in front of the tie. Honorary ribbons can also be folded into a rosette to be attached to your left lapel. They should not be in touch with the skin. The decoration of the highest value or representing the biggest organization should be placed on the top (for example student union TYY’s ribbon should be first of the decorations). \n\nMember ribbon is worn yellow stripe on upwards. Decorations should be worn according to the recommendations of the organization that bestowed them. Asteriski member ribbon should not be used at the same time as Asteriski honorary ribbon, ribbon of praise, and medal of praise. A white tie is not accessorized with a handkerchief while wearing decorations. \n\nIn our epic herring breakfast the dress code is much more casual. Dress according to the magic forest theme, the more chill and sillier the better! Or just come in your overalls. That’s good too.'
+                ],
+                right: ''
+            },
+            
+        },
+        {
+            fi: {
+                left: [
+                    'Vinkkejä käyttäytymiseen', 
+                    'Perinteiset hyvät käytöstavat toimivat oikein hyvin myös vuosijuhlilla. Keskustelu on suotavaa koko juhlan ajan lukuunottamatta ohjelmanumeroita sekä juhlamarsalkan ja laulunjohtajien puheita, jolloin juhlaväen tulee olla hiljaa. Juhlavieraiden ei ole suotavaa pyytää puheenvuoroa kesken juhlan, vaan juhlavieraiden puheenvuorot jätetään vapaaseen sanaan. Vapaan sanan puheenvuoroja voit käydä pyytämässä taukojen aikana juhlamarsalkalta. Laulutoiveita voit puolestaan käydä esittämässä vain taukojen aikana laulunjohtajille. Laulu lähtee aina hiljaisuudesta ja lauluihin ei ole suotavaa laulaa lauluvihkosta ulkopuolisia säkeistöjä. \n\nTaukojen aikana juhlakansa voi vapaasti nousta pöydästä. Muuten pöydästä poistumiseen on kohteliasta kysyä lupa lähimmältä pöytäseurueelta, minkä jälkeen voi huomaamatta poistua juhlasalista. Tarpeetonta liikennettä ei kuitenkaan pitäisi tapahtua laulujen tai ohjelmanumeroiden aikana. \n\nMyös vuosijuhlassa jokaisen laulun jälkeen kohotetaan malja. Skoolattaessa laseja ei kilistellä yhteen. Skoolaustoveria on kohteliasta katsoa silmiin skoolauksen aikana. Ensin skoolataan viistosti istuvan kanssa aloittaen oikealle, tämän jälkeen viistosti vasempaan ja lopuksi edessä istuvan kanssa. Tyhjällä lasilla ei tule skoolata.'
+                ],
+                right: ''
+            },
+            en: {
+                left: [
+                    'Manners', 
+                    'The annual ball is a prestigious event, and you are expected to follow proper manners. Toastmaster’s and song master’s speeches should be followed quietly and attentively. However, outside the official program socializing with your tableside company is encouraged throughout the event. Guest speeches are saved for the dedicated slot in the official program and you may request permission from the toastmaster during scheduled breaks. Songs can also be requested from the song master during breaks only. Songs always start from silence and lyrics follow given songbooks; no extra verses are sung during the main event. \n\nYou may leave your table freely during the scheduled breaks. Otherwise, it’s polite to request permission from your closest tableside company. Don’t move during songs or speeches. \n\n Toasting is done after each song. Toast by lifting your glass and nodding towards the person you are toasting, preferably making eye contact. Start by toasting with the person across your right side, then left across you, and then straight in front of you. Never toast with an empty glass.'
+                ],
+                right: ''
+            },
+            
+        }
+    ];
+    let etiquetteTitle = {
+        fi: 'Etiketti',
+        en: 'Etiquette'
+    };
+
+    let sponsorIntroduction = [
+        {
+            fi: {
+                left: [
+                    'Reaktor', 
+                    "Reaktor on kansainvälisesti arvostettu teknologiayritys, joka suunnittelee ja rakentaa huippuluokan digitaalisia tuotteita ja palveluita yhteistyössä maailman johtavien brändien kanssa.\n\nVuonna 2000 perustettu yritys tunnetaan tinkimättömästä laadusta, luovasta ongelmanratkaisusta ja syvällisestä teknologiaymmärryksestä. Reaktorilla on yli 700 asiantuntijaa, jotka työskentelevät kahdeksassa toimistossa ympäri maailmaa – Helsingissä, Turussa, Tampereella, New Yorkissa, Amsterdamissa, Lissabonissa, Tukholmassa ja Tokiossa. Asiakaskuntaan kuuluu ikonisia nimiä, kuten Adidas, HBO, Supercell, Cathay Pacific ja KONE, joiden kanssa Reaktor on luonut uraauurtavia ratkaisuja ja monia \"maailman ensimmäisiä\".\n\nReaktorilla osaajat eivät pelkästään seuraa teknologian kehitystä, vaan aktiivisesti rakentavat sen tulevaisuutta."
+                ],
+                right: ''
+            },
+            en: {
+                left: [
+                    'Sponsor introduction',
+                ],
+                right: ''
+            },
+            imgs: [
+                {href:'https://www.reaktor.com/', src: reaktor, alt: 'Reaktor logo'}
+            ]
+        },
+    ];
 </script>
 <Banner/>
+<Program/>
+<Info mask={true} img={infoImg}/>
+<Posts posts={data.posts}/>
+<Menu/>
+<Program title={etiquetteTitle} texts={etiquette} id={'etiquette'}/>
+
+<Logofarm />
+<Footer/>
diff --git a/src/routes/en/+page.svelte b/src/routes/en/+page.svelte
new file mode 100644
index 0000000..a414a36
--- /dev/null
+++ b/src/routes/en/+page.svelte
@@ -0,0 +1,76 @@
+<script>
+    import Banner from "$lib/components/banner2.svelte";
+    import Info from "$lib/components/info.svelte";
+    import Program from "$lib/components/program.svelte";
+    import Footer from "$lib/components/footer.svelte";
+    import Posts from "$lib/components/posts.svelte";
+    import Menu from "$lib/components/menu.svelte";
+    import Sillis from "$lib/components/sillis.svelte";
+    import Logofarm from "$lib/components/logofarm.svelte";
+    import infoImg from "$lib/assets/vuju.jpg"
+    export let data;
+
+    const links = [
+        { text: "Program", href: "#program" },
+        { text: "About", href: "#info" },
+        { text: "Sillis", href: "#sillis" },
+        { text: "News", href: "#news" },
+        { text: "Menu", href: "#menu" },
+        { text: "Sign up", href: "en/ilmo" },
+        { text: "Sponsors", href: "#sponsors" },
+        { text: "Etiquette", href: "#etiquette" },
+        
+    ];
+
+    const etiquette = [
+        {
+            fi: {
+                left: [
+                    'Pukukoodi', 
+                    "Pukukoodina vuosijuhlissa toimii juhlapuku sekä akateemiset kunniamerkit. \n\nJuhlapuku tarkoittaa frakkia. Frakin voi myös korvata hillityllä tummalla puvulla. Tällöin tumman puvun kanssa tulee käyttää valkoista paitaa sekä vaaleaa tai helmiäistä yksiväristä solmiota. \n\nTäyspitkää ilta- tai juhlapukua käytettäessä vain kengän kärjet saavat näkyä. Laukkuna tulee toimia olkaimeton ja siro laukku. Pääjuhlassa lippujen läsnäollessa hartioiden tulisi myös olla peitettynä esimerkiksi hartiahuivilla. Hansikkaita voi halutessaan käyttää muuten kuin ruokaillessa. \n\nVuosijuhlilla käytetään akateemisiksi kunniamerkeiksi määriteltyjä nauhoja ja merkkejä, jotka kuuluvat perinteisesti vuosijuhla-asuun. Kunnianauhaa kannetaan oikealta olkapäältä rinnan yli viistoon vasemmalle. Kunnianauhaa voi kantaa myös ruusukkeena vasemmassa rintapielessä. Nauha ei saa koskettaa paljasta ihoa. Juhlapuvun kanssa nauhaa kannetaan liivin alla. Nauhoista arvokkainta tai suurinta organisaatiota edustavaa kannetaan ylimpänä (esimerkiksi TYYn kuntanauha ylimpänä). Asteriskin jäsennauhaa tulee kantaa keltainen väri ylempänä. Kunniamerkkejä kannetaan ne myöntäneen tahon ohjeiden mukaan esimerkiksi nauhassa tai puvun vasemmassa rintapielessä. Asteriskin jäsennauhaa ei tule käyttää samaa aikaa Asteriskin kunnianauhan, ansionauhan ja ansiomerkin kanssa. Kunniamerkkien kanssa ei käytetä frakin taskuliinaa. \n\nEeppiselle silliaamiaiselle päälle pantavaksi kannattaa varata taikametsäteeman mukaista huomattavasti rennompaa vaatetusta. Mitä rennompi ja typerämpi, sen parempi! Haalarit toimivat myös aina."
+                ],
+                right: ''
+            },
+            en: {
+                left: [
+                    'Dresscode', 
+                    'The dress code at the annual ball is a white tie or an evening gown with academic medals or ribbons. \n\nEvening gown should be full length, the hemline going under the ankles. Handbag should be strapless and fit the occasion. Shoulders should be covered during the main event. Gloves can be worn but not during dinner. A dark lounge suit is also sufficient and it refers to a black suit with a white shirt and a light-colored tie. \n\nAcademic decorations, such as medals and ribbons, are traditionally part of the annual party attire. \n\nHonorary ribbons are worn over the right shoulder across your chest to the left. In a suit they go under the vest. When wearing a tie, the honorary ribbon should go in front of the tie. Honorary ribbons can also be folded into a rosette to be attached to your left lapel. They should not be in touch with the skin. The decoration of the highest value or representing the biggest organization should be placed on the top (for example student union TYY’s ribbon should be first of the decorations). \n\nMember ribbon is worn yellow stripe on upwards. Decorations should be worn according to the recommendations of the organization that bestowed them. Asteriski member ribbon should not be used at the same time as Asteriski honorary ribbon, ribbon of praise, and medal of praise. A white tie is not accessorized with a handkerchief while wearing decorations. \n\nIn our epic herring breakfast the dress code is much more casual. Dress according to the magic forest theme, the more chill and sillier the better! Or just come in your overalls. That’s good too.'
+                ],
+                right: ''
+            },
+            
+        },
+        {
+            fi: {
+                left: [
+                    'Vinkkejä käyttäytymiseen', 
+                    'Perinteiset hyvät käytöstavat toimivat oikein hyvin myös vuosijuhlilla. Keskustelu on suotavaa koko juhlan ajan lukuunottamatta ohjelmanumeroita sekä juhlamarsalkan ja laulunjohtajien puheita, jolloin juhlaväen tulee olla hiljaa. Juhlavieraiden ei ole suotavaa pyytää puheenvuoroa kesken juhlan, vaan juhlavieraiden puheenvuorot jätetään vapaaseen sanaan. Vapaan sanan puheenvuoroja voit käydä pyytämässä taukojen aikana juhlamarsalkalta. Laulutoiveita voit puolestaan käydä esittämässä vain taukojen aikana laulunjohtajille. Laulu lähtee aina hiljaisuudesta ja lauluihin ei ole suotavaa laulaa lauluvihkosta ulkopuolisia säkeistöjä. \n\nTaukojen aikana juhlakansa voi vapaasti nousta pöydästä. Muuten pöydästä poistumiseen on kohteliasta kysyä lupa lähimmältä pöytäseurueelta, minkä jälkeen voi huomaamatta poistua juhlasalista. Tarpeetonta liikennettä ei kuitenkaan pitäisi tapahtua laulujen tai ohjelmanumeroiden aikana. \n\nMyös vuosijuhlassa jokaisen laulun jälkeen kohotetaan malja. Skoolattaessa laseja ei kilistellä yhteen. Skoolaustoveria on kohteliasta katsoa silmiin skoolauksen aikana. Ensin skoolataan viistosti istuvan kanssa aloittaen oikealle, tämän jälkeen viistosti vasempaan ja lopuksi edessä istuvan kanssa. Tyhjällä lasilla ei tule skoolata.'
+                ],
+                right: ''
+            },
+            en: {
+                left: [
+                    'Manners', 
+                    'The annual ball is a prestigious event, and you are expected to follow proper manners. Toastmaster’s and song master’s speeches should be followed quietly and attentively. However, outside the official program socializing with your tableside company is encouraged throughout the event. Guest speeches are saved for the dedicated slot in the official program and you may request permission from the toastmaster during scheduled breaks. Songs can also be requested from the song master during breaks only. Songs always start from silence and lyrics follow given songbooks; no extra verses are sung during the main event. \n\nYou may leave your table freely during the scheduled breaks. Otherwise, it’s polite to request permission from your closest tableside company. Don’t move during songs or speeches. \n\nToasting is done after each song. Toast by lifting your glass and nodding towards the person you are toasting, preferably making eye contact. Start by toasting with the person across your right side, then left across you, and then straight in front of you. Never toast with an empty glass.'
+                ],
+                right: ''
+            },
+            
+        }
+    ];
+    const etiquetteTitle = {
+        fi: 'Etiketti',
+        en: 'Etiquette'
+    };
+
+    const lang = 'en';
+</script>
+<Banner {lang} {links}/>
+
+<Info {lang} mask={true} img={infoImg}/>
+<Posts {lang} posts={data.posts}/>
+<Menu {lang}/>
+<Program {lang} title={etiquetteTitle} texts={etiquette} id={'etiquette'}/>
+
+<Logofarm {lang}/>
+<Footer {lang}/>
diff --git a/src/routes/en/ilmo/+page.server.js b/src/routes/en/ilmo/+page.server.js
new file mode 100644
index 0000000..59eeb07
--- /dev/null
+++ b/src/routes/en/ilmo/+page.server.js
@@ -0,0 +1,84 @@
+import { fail } from '@sveltejs/kit';
+
+export const actions = {
+	default: async ({ request }) => {
+		const data = await request.formData();
+
+        let body = {};
+        let error = false;
+
+        if (!data.has('is_consenting') || !data.has('is_asteriski_member') || !data.has('is_alcohol_free') || !data.has('menu') || !data.has('is_attending_sillis') || !data.has('show_name')) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        if (data.get('is_greeting') === 'yes' && data.get('party_representing') === '') {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        const starting_year = parseInt(data.get('starting_year'));
+        if (starting_year < 1950 || starting_year > 2025) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        data.forEach((value, key) => {
+            if (['first_name', 'last_name', 'email'].includes(key) && value === '') {
+                error = true
+            }
+            if (key === 'starting_year' && value === '') {
+                return;
+            }
+            body[key] = value;
+        });
+        
+        if (error) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        body = JSON.stringify(body);
+
+        const response = await fetch('https://api.viiskyt.asteriski.fi/api/participants/', {
+            method: 'POST',
+            headers: { "Content-Type": "application/json" },
+            body
+        })
+
+        const res = await response.json();
+
+        if (response.ok) {
+            const apiResponse = await fetch('https://api.viiskyt.asteriski.fi/api/participants/');
+            let participants = [];
+            if (apiResponse.ok) {
+                participants = await apiResponse.json();
+                return { 
+                    success: true,
+                    participants
+                };
+            } else {
+                return {
+                    success: true
+                }
+            }
+        }
+        if (res?.non_field_errors && Array.isArray(res.non_field_errors) && res?.non_field_errors[0] === 'Ilmoittautuminen ei ole auki') {
+            return fail(400, { 
+                success: false,
+                ilmo: false
+            });
+        }
+		return fail(400, { 
+            success: false
+        });
+	},
+};
\ No newline at end of file
diff --git a/src/routes/en/ilmo/+page.svelte b/src/routes/en/ilmo/+page.svelte
new file mode 100644
index 0000000..bb8a3f2
--- /dev/null
+++ b/src/routes/en/ilmo/+page.svelte
@@ -0,0 +1,10 @@
+<script>
+    import Ilmo from "$lib/components/ilmo.svelte";
+    import Footer from "$lib/components/footer.svelte";
+    export let form;
+    export let data
+    const lang = 'en';
+</script>
+
+<Ilmo {form} {lang} {data}/>
+<Footer />
\ No newline at end of file
diff --git a/src/routes/ilmo/+page.server.js b/src/routes/ilmo/+page.server.js
new file mode 100644
index 0000000..99efb51
--- /dev/null
+++ b/src/routes/ilmo/+page.server.js
@@ -0,0 +1,84 @@
+import { fail } from '@sveltejs/kit';
+
+export const actions = {
+	default: async ({ request }) => {
+		const data = await request.formData();
+
+        let body = {};
+        let error = false;
+
+        if (!data.has('is_consenting') || !data.has('is_asteriski_member') || !data.has('is_alcohol_free') || !data.has('menu') || !data.has('is_attending_sillis') || !data.has('show_name')) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+        
+        if (data.get('is_greeting') === 'yes' && data.get('party_representing') === '') {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        const starting_year = parseInt(data.get('starting_year'));
+        if (starting_year < 1950 || starting_year > 2025) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        data.forEach((value, key) => {
+            if (['first_name', 'last_name', 'email'].includes(key) && value === '') {
+                error = true
+            }
+            if (key === 'starting_year' && value === '') {
+                return;
+            }
+            body[key] = value;
+        });
+        
+        if (error) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        body = JSON.stringify(body);
+
+        const response = await fetch('https://api.viiskyt.asteriski.fi/api/participants/', {
+            method: 'POST',
+            headers: { "Content-Type": "application/json" },
+            body
+        })
+
+        const res = await response.json();
+
+        if (response.ok) {
+            const apiResponse = await fetch('https://api.viiskyt.asteriski.fi/api/participants/');
+            let participants = [];
+            if (apiResponse.ok) {
+                participants = await apiResponse.json();
+                return { 
+                    success: true,
+                    participants
+                };
+            } else {
+                return {
+                    success: true
+                }
+            }
+        }
+        if (res?.non_field_errors && Array.isArray(res.non_field_errors) && res?.non_field_errors[0] === 'Ilmoittautuminen ei ole auki') {
+            return fail(400, { 
+                success: false,
+                ilmo: false
+            });
+        }
+		return fail(400, { 
+            success: false
+        });
+	},
+};
\ No newline at end of file
diff --git a/src/routes/ilmo/+page.svelte b/src/routes/ilmo/+page.svelte
new file mode 100644
index 0000000..89aac93
--- /dev/null
+++ b/src/routes/ilmo/+page.svelte
@@ -0,0 +1,9 @@
+<script>
+    import Ilmo from "$lib/components/ilmo.svelte";
+    import Footer from "$lib/components/footer.svelte";
+    export let form;
+    export let data;
+</script>
+
+<Ilmo {form} {data}/>
+<Footer />
\ No newline at end of file
diff --git a/src/routes/kutsuvieras-ilmo/+page.server.js b/src/routes/kutsuvieras-ilmo/+page.server.js
new file mode 100644
index 0000000..99efb51
--- /dev/null
+++ b/src/routes/kutsuvieras-ilmo/+page.server.js
@@ -0,0 +1,84 @@
+import { fail } from '@sveltejs/kit';
+
+export const actions = {
+	default: async ({ request }) => {
+		const data = await request.formData();
+
+        let body = {};
+        let error = false;
+
+        if (!data.has('is_consenting') || !data.has('is_asteriski_member') || !data.has('is_alcohol_free') || !data.has('menu') || !data.has('is_attending_sillis') || !data.has('show_name')) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+        
+        if (data.get('is_greeting') === 'yes' && data.get('party_representing') === '') {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        const starting_year = parseInt(data.get('starting_year'));
+        if (starting_year < 1950 || starting_year > 2025) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        data.forEach((value, key) => {
+            if (['first_name', 'last_name', 'email'].includes(key) && value === '') {
+                error = true
+            }
+            if (key === 'starting_year' && value === '') {
+                return;
+            }
+            body[key] = value;
+        });
+        
+        if (error) {
+            return fail(400, {
+                success: false,
+                fields: true
+            })
+        }
+
+        body = JSON.stringify(body);
+
+        const response = await fetch('https://api.viiskyt.asteriski.fi/api/participants/', {
+            method: 'POST',
+            headers: { "Content-Type": "application/json" },
+            body
+        })
+
+        const res = await response.json();
+
+        if (response.ok) {
+            const apiResponse = await fetch('https://api.viiskyt.asteriski.fi/api/participants/');
+            let participants = [];
+            if (apiResponse.ok) {
+                participants = await apiResponse.json();
+                return { 
+                    success: true,
+                    participants
+                };
+            } else {
+                return {
+                    success: true
+                }
+            }
+        }
+        if (res?.non_field_errors && Array.isArray(res.non_field_errors) && res?.non_field_errors[0] === 'Ilmoittautuminen ei ole auki') {
+            return fail(400, { 
+                success: false,
+                ilmo: false
+            });
+        }
+		return fail(400, { 
+            success: false
+        });
+	},
+};
\ No newline at end of file
diff --git a/src/routes/kutsuvieras-ilmo/+page.svelte b/src/routes/kutsuvieras-ilmo/+page.svelte
new file mode 100644
index 0000000..9cfcc37
--- /dev/null
+++ b/src/routes/kutsuvieras-ilmo/+page.svelte
@@ -0,0 +1,9 @@
+<script>
+    import Ilmo from "$lib/components/ilmo.svelte";
+    import Footer from "$lib/components/footer.svelte";
+    export let form;
+    export let data;
+</script>
+
+<Ilmo {form} invited={true} {data}/>
+<Footer />
\ No newline at end of file
diff --git a/src/routes/tesmi/+page.svelte b/src/routes/tesmi/+page.svelte
index 971a130..6ce4abe 100644
--- a/src/routes/tesmi/+page.svelte
+++ b/src/routes/tesmi/+page.svelte
@@ -16,14 +16,14 @@
             fi: {
                 left: [
                     'Pukukoodi', 
-                    "Pukukoodina vuosijuhlissa toimii juhlapuku sekä akateemiset kunniamerkit. \n\nJuhlapuku tarkoittaa frakkia. Frakin voi myös korvata hillityllä tummalla puvulla. Tällöin tumman puvun kanssa tulee käyttää valkoista paitaa sekä vaaleaa tai helmiäistä yksiväristä solmiota. \n\nTäyspitkää ilta- tai juhlapukua käytettäessä vain kengän kärjet saavat näkyä. Laukkuna tulee toimia olkaimeton ja siro laukku. Pääjuhlassa lippujen läsnäollessa hartioiden tulisi myös olla peitettynä esimerkiksi hartiahuivilla. Hansikkaita voi halutessaan käyttää muuten kuin ruokaillessa. \n\nVuosijuhlilla käytetään akateemisiksi kunniamerkeiksi määriteltyjä nauhoja ja merkkejä, jotka kuuluvat perinteisesti vuosijuhla-asuun. Kunnianauhaa kannetaan oikealta olkapäältä rinnan yli viistoon vasemmalle. Kunnianauhaa voi kantaa myös ruusukkeena vasemmassa rintapielessä. Nauha ei saa koskettaa paljasta ihoa. Juhlapuvun kanssa nauhaa kannetaan liivin alla. Nauhoista arvokkainta tai suurinta organisaatiota edustavaa kannetaan ylimpänä (esimerkiksi TYYn kuntanauha ylimpänä). Asteriskin jäsennauhaa tulee kantaa keltainen väri ylempänä. Kunniamerkkejä kannetaan ne myöntäneen tahon ohjeiden mukaan esimerkiksi nauhassa tai puvun vasemmassa rintapielessä. Asteriskin jäsennauhaa ei tule käyttää samaa aikaa Asteriskin kunnianauhan, ansionauhan ja ansiomerkin kanssa. Kunniamerkkien kanssa ei käytetä frakin taskuliinaa. \n\nEeppiselle silliaamiaiselle päälle pantavaksi kannattaa varata sirkusteeman mukaista huomattavasti rennompaa vaatetusta. Mitä rennompi ja typerämpi, sen parempi! Haalarit toimivat myös aina."
+                    "Pukukoodina vuosijuhlissa toimii juhlapuku sekä akateemiset kunniamerkit. \n\nJuhlapuku tarkoittaa frakkia. Frakin voi myös korvata hillityllä tummalla puvulla. Tällöin tumman puvun kanssa tulee käyttää valkoista paitaa sekä vaaleaa tai helmiäistä yksiväristä solmiota. \n\nTäyspitkää ilta- tai juhlapukua käytettäessä vain kengän kärjet saavat näkyä. Laukkuna tulee toimia olkaimeton ja siro laukku. Pääjuhlassa lippujen läsnäollessa hartioiden tulisi myös olla peitettynä esimerkiksi hartiahuivilla. Hansikkaita voi halutessaan käyttää muuten kuin ruokaillessa. \n\nVuosijuhlilla käytetään akateemisiksi kunniamerkeiksi määriteltyjä nauhoja ja merkkejä, jotka kuuluvat perinteisesti vuosijuhla-asuun. Kunnianauhaa kannetaan oikealta olkapäältä rinnan yli viistoon vasemmalle. Kunnianauhaa voi kantaa myös ruusukkeena vasemmassa rintapielessä. Nauha ei saa koskettaa paljasta ihoa. Juhlapuvun kanssa nauhaa kannetaan liivin alla. Nauhoista arvokkainta tai suurinta organisaatiota edustavaa kannetaan ylimpänä (esimerkiksi TYYn kuntanauha ylimpänä). Asteriskin jäsennauhaa tulee kantaa keltainen väri ylempänä. Kunniamerkkejä kannetaan ne myöntäneen tahon ohjeiden mukaan esimerkiksi nauhassa tai puvun vasemmassa rintapielessä. Asteriskin jäsennauhaa ei tule käyttää samaa aikaa Asteriskin kunnianauhan, ansionauhan ja ansiomerkin kanssa. Kunniamerkkien kanssa ei käytetä frakin taskuliinaa. \n\nEeppiselle silliaamiaiselle päälle pantavaksi kannattaa varata taikametsäteeman mukaista huomattavasti rennompaa vaatetusta. Mitä rennompi ja taikaisempi, sen parempi! Haalarit toimivat myös aina."
                 ],
                 right: ''
             },
             en: {
                 left: [
                     'Dresscode', 
-                    'The dress code at the annual ball is a white tie or an evening gown with academic medals or ribbons. \n\nEvening gown should be full length, the hemline going under the ankles. Handbag should be strapless and fit the occasion. Shoulders should be covered during the main event. Gloves can be worn but not during dinner. A dark lounge suit is also sufficient and it refers to a black suit with a white shirt and a light-colored tie. \n\nAcademic decorations, such as medals and ribbons, are traditionally part of the annual party attire. \n\nHonorary ribbons are worn over the right shoulder across your chest to the left. In a suit they go under the vest. When wearing a tie, the honorary ribbon should go in front of the tie. Honorary ribbons can also be folded into a rosette to be attached to your left lapel. They should not be in touch with the skin. The decoration of the highest value or representing the biggest organization should be placed on the top (for example student union TYY’s ribbon should be first of the decorations). \n\nMember ribbon is worn yellow stripe on upwards. Decorations should be worn according to the recommendations of the organization that bestowed them. Asteriski member ribbon should not be used at the same time as Asteriski honorary ribbon, ribbon of praise, and medal of praise. A white tie is not accessorized with a handkerchief while wearing decorations. \n\nIn our epic herring breakfast the dress code is much more casual. Dress according to the circus theme, the more chill and sillier the better! Or just come in your overalls. That’s good too.'
+                    'The dress code at the annual ball is a white tie or an evening gown with academic medals or ribbons. \n\nEvening gown should be full length, the hemline going under the ankles. Handbag should be strapless and fit the occasion. Shoulders should be covered during the main event. Gloves can be worn but not during dinner. A dark lounge suit is also sufficient and it refers to a black suit with a white shirt and a light-colored tie. \n\nAcademic decorations, such as medals and ribbons, are traditionally part of the annual party attire. \n\nHonorary ribbons are worn over the right shoulder across your chest to the left. In a suit they go under the vest. When wearing a tie, the honorary ribbon should go in front of the tie. Honorary ribbons can also be folded into a rosette to be attached to your left lapel. They should not be in touch with the skin. The decoration of the highest value or representing the biggest organization should be placed on the top (for example student union TYY’s ribbon should be first of the decorations). \n\nMember ribbon is worn yellow stripe on upwards. Decorations should be worn according to the recommendations of the organization that bestowed them. Asteriski member ribbon should not be used at the same time as Asteriski honorary ribbon, ribbon of praise, and medal of praise. A white tie is not accessorized with a handkerchief while wearing decorations. \n\nIn our epic herring breakfast the dress code is much more casual. Dress according to the magic forest theme, the more chill and sillier the better! Or just come in your overalls. That’s good too.'
                 ],
                 right: ''
             },
diff --git a/src/routes/tesmi/en/+page.svelte b/src/routes/tesmi/en/+page.svelte
index 6cead56..2a88eb3 100644
--- a/src/routes/tesmi/en/+page.svelte
+++ b/src/routes/tesmi/en/+page.svelte
@@ -16,10 +16,10 @@
         { text: "Sillis", href: "#sillis" },
         { text: "News", href: "#news" },
         { text: "Menu", href: "#menu" },
-        { text: "Sponsors", href: "#sponsors" },
         { text: "Sign up", href: "en/ilmo" },
+        { text: "Sponsors", href: "#sponsors" },
         { text: "Etiquette", href: "#etiquette" },
-        { text: "Offers", href: "#offers" },
+        
     ];
 
     const etiquette = [
@@ -71,6 +71,6 @@
 <Posts {lang} posts={data.posts}/>
 <Menu {lang}/>
 <Program {lang} title={etiquetteTitle} texts={etiquette} id={'etiquette'}/>
-<Sillis {lang}/>
+
 <Logofarm />
 <Footer {lang}/>