Skip to content

Commit

Permalink
etiquette
Browse files Browse the repository at this point in the history
  • Loading branch information
@allurei
allurei committed Dec 28, 2024
1 parent 0746667 commit 730fd4c
Show file tree
Hide file tree
Showing 2 changed files with 143 additions and 95 deletions.
197 changes: 102 additions & 95 deletions src/lib/components/program.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,119 +4,124 @@
import mankeli from "$lib/assets/mankeli_solutions.svg";
export let lang = 'fi';
export let id = 'program';
export let title = {
fi: 'Ohjelma',
en: 'The program'
}
export let texts = [
{
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.'],
right: 'Cocktail-tilaisuudessa mukana:'
},
en: {
left: [
'Cocktail party',
'text'
],
right: 'Cocktail party sponsor:'
},
imgs: [
{href:'https://www.mankelisolutions.fi/', src: mankeli, alt: 'Mankeli Solutions logo'}
]
},
{
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.'
],
right: 'Pääjuhlassa mukana:'
},
en: {
left: [
'Main event',
'text'
],
right: 'Main event sponsor:'
},
imgs: [
{href:'https://www.reaktor.com/', src: reaktor, alt: 'Reaktor logo'}
]
},
{
fi: {
left: [
'Jatkot',
'Pääjuhlan loputtua vieraat kuljetetaan salaiseen jatkopaikkaan. Jatkoilta on bussikuljetukset takaisin keskustaan ja yliopistolle. Kuljetukset saapuvat yliopistolle noin klo 03.00 ja 04.00.'
],
right: 'Jatkoilla mukana:'
},
en: {
left: [
'After party',
'text'
],
right: 'After party sponsor:'
},
imgs: [
{href:'', src: logo, alt: 'logo'},
{href:'', src: logo, alt: 'logo'}
]
},
{
fi: {
left: [
'Sillis',
'Pääjuhlaa ja jatkoja seuraa sunnuntaina 2. lokakuuta eeppinen sirkusteemainen silliaamiainen, jota et halua missata! Silliksellä juhlakansaa odottaa maittava aamiainen sekä olotiloja tasoittavaa juomaa. Otathan sillikselle mukaan pyyhkeen sekä uima-asun saunomista varten. Yleisen viihtyvyyden vuoksi huomioithan, että pesutiloissa on uima-asu pakko! Sillikselle kuljemme yhteisellä bussikuljetuksella sunnuntaina. Bussit sillikselle lähtevät kello 11:00 ja 12:00 osoitteesta Vesilinnantie 5. Ole ajoissa paikalla sillä bussit ei odota myöhästelijöitä! Sillistä varten kannattaa varata rento asu. Kuljetukset sillikselt yliopistolle ovat perillä noin 17.30 ja 18.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>
<section id="{id}" class="program riski-bg">
<div class="wrap">
<div class="content padded">
<div class="flex flex-column">
<div class="flex-item six has-title">
<h2>{lang === 'fi' ? 'Ohjelma' : 'THE PROGRAM'}</h2>
<h2>{lang === 'fi' ? title.fi : title.en}</h2>
</div>
{#each texts as text}
<div class="flex flex-item twelve">
<div class="flex-item six has-text">
<h3>{lang === 'fi' ? 'Cocktail-tilaisuus' : 'Cocktail party'}</h3>
<div class="flex-item six has-text {text.imgs ? '' : 'no-imgs'}">
<h3>{lang === 'fi' ? text.fi.left[0] : text.en.left[0]}</h3>
<p>
{lang === 'fi' ?
'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.' :
'THE PROGRAM'
{lang === 'fi' ? text.fi.left[1] : text.en.left[1]
}
</p>
</div>
{#if text.imgs}
<div class="flex-item four has-sponsors">
<h3>
{lang === 'fi' ? 'Cocktail-tilaisuussa mukana:' : 'Cocktail party:'}
{lang === 'fi' ? text.fi.right : text.en.right}
</h3>
<div class="sponsors flex">
{#each text?.imgs as img}
<div class="flex-item six">
<a href="https://www.mankelisolutions.fi/">
<img src="{mankeli}" alt="Mankeli Solutions logo">
<a href={img.href}>
<img src="{img.src}" alt="{img.alt}">
</a>
</div>
{/each}
</div>
</div>
</div>
<div class="flex flex-item twelve">
<div class="flex-item six has-text">
<h3>{lang === 'fi' ? 'Pääjuhla' : 'Main event'}</h3>
<p>
{lang === 'fi' ?
'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.' :
'THE PROGRAM'
}
</p>
</div>
<div class="flex-item four has-sponsors">
<h3>
{lang === 'fi' ? 'Pääjuhlassa mukana:' : 'Cocktail party:'}
</h3>
<div class="sponsors flex">
<div class="flex-item six">
<a href="https://www.reaktor.com/">
<img src="{reaktor}" alt="Reaktor logo">
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-item twelve">
<div class="flex-item six has-text">
<h3>{lang === 'fi' ? 'Jatkot' : 'Cocktail party'}</h3>
<p>
{lang === 'fi' ?
'Pääjuhlan loputtua vieraat kuljetetaan salaiseen jatkopaikkaan. Jatkoilta on bussikuljetukset takaisin keskustaan ja yliopistolle. Kuljetukset saapuvat yliopistolle noin klo 03.00 ja 04.00.' :
'THE PROGRAM'
}
</p>
</div>
<div class="flex-item four has-sponsors">
<h3>
{lang === 'fi' ? 'Jatkoilla mukana:' : 'Cocktail party:'}
</h3>
<div class="sponsors flex">
<div class="flex-item six">
<a href="">
<img src="{logo}" alt="">
</a>
</div>
<div class="flex-item six">
<a href="">
<img src="{logo}" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-item twelve">
<div class="flex-item six has-text">
<h3>{lang === 'fi' ? 'Sillis' : 'Cocktail party'}</h3>
{#if lang === 'fi'}
<p>
Pääjuhlaa ja jatkoja seuraa sunnuntaina 2. lokakuuta eeppinen sirkusteemainen silliaamiainen, jota et halua missata!
Silliksellä juhlakansaa odottaa maittava aamiainen sekä olotiloja tasoittavaa juomaa. Otathan sillikselle mukaan pyyhkeen sekä uima-asun saunomista varten. Yleisen viihtyvyyden vuoksi huomioithan, että pesutiloissa on uima-asu pakko!
Sillikselle kuljemme yhteisellä bussikuljetuksella sunnuntaina. Bussit sillikselle lähtevät kello 11:00 ja 12:00 osoitteesta Vesilinnantie 5. Ole ajoissa paikalla sillä bussit ei odota myöhästelijöitä! Sillistä varten kannattaa varata rento asu. Kuljetukset sillikselt yliopistolle ovat perillä noin 17.30 ja 18.30.
</p>
{:else}
THE PROGRAM
{/if}
</div>
<div class="flex-item four has-sponsors">
<h3>
{lang === 'fi' ? 'Silliksellä mukana:' : 'Cocktail party:'}
</h3>
<div class="sponsors flex">
<div class="flex-item four">
<a href="">
<img src="{logo}" alt="">
</a>
</div>
<div class="flex-item four">
<a href="">
<img src="{logo}" alt="">
</a>
</div>
</div>
</div>
</div>
{/each}
</div>
</div>
</div>
Expand All @@ -135,6 +140,9 @@
@include v.ml {
padding: 40px 0;
}
p {
white-space: pre-wrap;
}
}
.has-sponsors {
Expand Down Expand Up @@ -166,11 +174,6 @@
margin-top: 10px
}
}
@include v.ml {
&.four {
max-width: 150px;
}
}
a {
display: flex;
justify-content: center;
Expand All @@ -195,6 +198,10 @@
&.twelve {
padding: 20px 0;
}
&.no-imgs {
width: 100%;
max-width: 800px;
}
}
.flex-column .flex-item.twelve {
Expand Down
41 changes: 41 additions & 0 deletions src/routes/tesmi/+page.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,52 @@
import infoImg from "$lib/assets/vuju.jpg"
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 sirkusteeman 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 circus 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'
};
</script>
<Banner/>
<Program/>
<Info mask={true} img={infoImg}/>
<Posts posts={data.posts}/>
<Menu/>
<Program title={etiquetteTitle} texts={etiquette} id={'etiquette'} lang={'en'}/>
<Logofarm />
<Footer/>

0 comments on commit 730fd4c

Please sign in to comment.