New robotiklubi logo, in svg format

.github/workflows/build-deploy.yml

@@ -1,56 +0,0 @@
-name: Build and Deploy to GitHub Pages
-
-on:
-  push:
-    branches:
-      - v2
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-concurrency:
-  group: pages
-  cancel-in-progress: true
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout source
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 24
-          cache: npm
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Optimise images
-        run: node scripts/optimise-images.js
-
-      - name: Build project
-        run: npm run build
-
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-
-      - name: Upload build artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./dist
-
-  deploy:
-    needs: build
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

.gitignore

@@ -1,31 +1,5 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Image optimization cache
-public/assets/**/optimised
-
-# Editor directories and files
-.vite/
-.vscode/
+_site
+.sass-cache
+.jekyll-cache
+.jekyll-metadata
 .idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-.mise.toml
-
-*storybook.log
-storybook-static

404.html

@@ -0,0 +1,19 @@
+---
+layout: default
+title: 404 - Page not found
+---
+
+<div class="page">
+  <h1>Vabandame, lehekülge ei leitud.</h1>
+  <h1>(Viga 404)</h1>
+</div>
+
+<script>
+  // on 2016-02-01 GitHub Pages upgraded to Jekyll3, which broke all blog posts with trailing slashes
+  // and there are tons of links out there on the web to posts with a trailing slash, so can't ignore it
+  // Fix borrowed from https://github.com/daattali/daattali.github.io/blob/master/404.html#L14-L21
+  var url = location.href;
+  if(url.substr(url.length - 1) === '/') {
+    window.location = url.substr(0, url.length - 1);
+  }
+</script>

CNAME

@@ -0,0 +1 @@
+www.lapikud.ee

README.md

@@ -1,149 +1,106 @@
-# Lapikud External Website
+# Lapikute väliveeb
 
-![Built with Vue](https://img.shields.io/badge/Vue-3-42B883?logo=vuedotjs&logoColor=white)
-![Built with Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=white)
-![Deployed on GitHub Pages](https://img.shields.io/badge/Deployed-GitHub%20Pages-222?logo=github)
+Tegu on [Jekyll](https://jekyllrb.com/) peale ehitatud uhiuue lehega
 
-Welcome! This is the public-facing website for Lapikud. It's a learning project. If something breaks, that's totally fine. You just get to learn more about git.
+# Development plan
 
-Materials and design files are on **Google Drive → Lapikud → Tarkvara → Väliveeb**
+Materials are on `Google Drive > Lapikud > Tarkvara > Väliveeb`
 
----
+# Contribution guide
 
-## 🙋 How to help
+## 1. Create Issues
 
-You don't need to write code to contribute!
+Easiest way to help would be to create issues about things that are missing and wrong
 
-### Option 1 — Report something
-Found a bug, typo, or something missing? [Open an issue](https://github.com/Lapikud/lapikud.github.io/issues) and describe what's wrong. That's already super helpful.
+## 2. Fork this repo and create a pull request
 
-### Option 2 — Fix something yourself
-1. **Fork** this repo (button in the top right on GitHub — it copies the project to your account)
-2. Make your changes
-3. Open a **pull request** back to this repo
+Fork this repo to your own account and create a pull request for changes you have done in there
 
----
+# How to setup development environment
 
-## 🛠️ Setting up your dev environment
+Windows:
 
-### What you need first
+0. Install the Windows Subsystem for Linux
 
-- [Node.js](https://nodejs.org/) — v20.19 or higher; use the current **LTS version** when possible
+    Install Ubuntu
 
-> Node.js comes with `npm` included, so you don't need to install that separately.
+    https://docs.microsoft.com/en-us/windows/wsl/install-win10
 
----
+1. Install Ruby
 
-### Don't have a code editor yet?
+        sudo apt install build-essential ruby ruby-dev dh-autoreconf
 
-If you don't have a preferred code editor, [VSCode](https://code.visualstudio.com/) is a solid choice. Download and install it, and you're good to go.
+2. Install Jekyll
 
----
+        sudo gem install jekyll
 
-### Windows? Set up WSL first (recommended)
+3. Clone repo
 
-WSL lets you run Linux commands on Windows, which makes everything smoother.
+        git clone https://github.com/Lapikud/lapikud.github.io.git
 
-<details>
-<summary>📋 WSL setup steps</summary>
+4. Serve the page (Use bash if on Windows)
 
-**Step 1** — Enable WSL. Run these two commands in PowerShell as Administrator (this enables the necessary Windows features):
+        cd lapikud.github.io
+        jekyll serve --host 0.0.0.0
 
-```bash
-dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
-dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart
-```
+5. Image converter usage (requires imagemagick)
 
-**Step 2** — Set WSL to version 2 (the better one):
+    No one wants to download 5MB images that are then shown in a 100x100px box.
 
-```bash
-wsl --set-default-version 2
-```
+    **Always resize images before committing them!**
 
-**Step 3** — Install [Ubuntu from the Microsoft Store](https://apps.microsoft.com/store/detail/ubuntu/9NBLGGH4MSV6)
+        sudo apt-get install imagemagick
+        sh convert-past-management-images.sh
 
-> ⚠️ If WSL doesn't work, check that **Virtualization** is enabled on your machine: open Task Manager → Performance tab → look for "Virtualization: Enabled"
+MacOS:
 
-</details>
+0. Install Homebrew if you don't have it already
 
----
+    If you're using Bash, write `/bin/bash` instead of `/bin/zsh`.
 
-### Installation
+        /bin/zsh -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
 
-**1. Clone the repo** — this downloads the project to your computer:
+1. Install the latest stable version of Ruby
 
-```bash
-git clone https://github.com/Lapikud/lapikud.github.io.git
-cd lapikud.github.io
-```
+        brew install ruby
 
-**2. Install dependencies** — this installs the exact package versions recorded by the project:
+    Also configure your shell environment.
+    If you're using Bash, replace `.zshrc` with `.bash_profile`.
     
-```bash
-npm ci
-```
+        if [ -d "/usr/local/opt/ruby/bin" ]; then
+            export PATH=/usr/local/opt/ruby/bin:$PATH
+            export PATH=`gem environment gemdir`/bin:$PATH
+        fi
 
-**3. Optimise images** — the optimised image variants are not stored in the repo, so you need to generate them locally before running the site:
+    Check that Ruby is working.
 
-```bash
-npm run optimise
-```
+        ruby -v
 
-> You only need to run this once after cloning, and again whenever you add or change images in any `original/` folder.
+2. Install the latest Jekyll gem
 
-**4. Start the dev server** — this runs the site locally so you can see your changes live:
+        sudo gem install jekyll
 
-```bash
-npm run dev
-```
+3. Clone repo
 
-Then open the URL it gives you (usually `http://localhost:5173`) in your browser. 🎉
+        git clone https://github.com/Lapikud/lapikud.github.io.git
 
----
+4. Serve the page
 
-## 🧭 How the project fits together
+        cd lapikud.github.io
+        jekyll serve --host 0.0.0.0
 
-The site is a Vue 3 single-page application built with Vite. Vue starts in `src/main.js`, which mounts `src/App.vue`. The app keeps its intentionally small custom router and translation system rather than introducing larger framework plugins.
+5. Image converter usage (requires imagemagick)
 
-- `src/routes/` contains the page components and the bilingual public route table.
-- `src/components/` contains reusable UI building blocks; layout primitives live in `src/components/layout/`.
-- `src/layout/` contains the site-wide navigation and footer.
-- `src/lib/` contains routing, translations, image-path helpers, and the shared YAML loader.
-- `src/lib/locales/{est,en}/` contains escaped JSON translation data for each language.
-- `public/_data/` contains editable YAML for members, mentors, workshops, projects, partners, and pricing.
-- `public/assets/` contains source assets; generated image variants remain ignored.
-- `.storybook/` and `src/stories/` provide isolated Vue component previews.
+    No one wants to download 5MB images that are then shown in a 100x100px box.
     
-Page components use Vue's `<script setup>` syntax and Composition API primitives such as `ref` and `computed`. Use `usePageText("PageName")` for page translations, `loadYaml(path, fallback)` for YAML-backed content, and the exported `navigate()` helper for programmatic internal navigation.
+    **Always resize images before committing them!**
     
-Useful commands:
+        brew install imagemagick
+        sh convert-past-management-images.sh
 
-```bash
-npm run dev             # start the local site
-npm run build           # create a production build
-npm run storybook       # preview components in Storybook
-npm run build-storybook # verify the static Storybook build
-npm run optimise        # regenerate local image variants
-```
+# Deploy
 
----
+Push to master branch and wait for deployment, it could take up to 2h for the page to update.
+You can check the progress by clicking on the [environment](https://github.com/Lapikud/lapikud.github.io/deployments) link
 
-## 🖼️ Adding images
-
-Place your original image files (PNG, JPG, etc.) into the appropriate `public/assets/{category}/original/` folder, then run:
-
-```bash
-npm run optimise
-```
-
-The script will generate optimised WebP and JPG variants automatically. **Do not commit anything inside `optimised/` folders** — those are generated and ignored by git.
-
-> SVGs don't need optimising — just place them directly where they're needed, no `original/` folder required.
-
----
-
-## 🚀 Deployment
-
-Nothing to do here — GitHub automatically builds and deploys the site whenever something is pushed to the `v2` branch. The optimised images are generated as part of the build, so you don't need to worry about that either.
-
-It usually takes **2–5 minutes**. You can watch it happen in the [Actions tab](https://github.com/Lapikud/lapikud.github.io/actions).
+![Deployments link](https://i.imgur.com/26jnh6k.png)

_config.yml

@@ -0,0 +1,8 @@
+title: Talllinna Tehnikaülikooli Tarkvaraarenduse klubi Lapikud
+email: about@lapikud.ee
+description: > # this means to ignore newlines until "baseurl:"
+  MTÜ Lapikud on Tallinna Tehnikaülikooli Tarkvaraarendusklubi, mis ühendab endisi ja praegusi IT huvilisi Tallinna Tehnikaülikooli üliõpilasi. Organisatsioon loodi 2002 aastal informaatika tudengite poolt, kelle erialatunnuseks oli "LAP". Targad mehed otsustasid, et järelikult on nad "Lapikud".
+url: "http://lapikud.ee" # the base hostname & protocol for your site, e.g. http://example.com
+instagram_username: lapikud
+github_username:  lapikud
+future: false

_data/management.yml

@@ -1,31 +1,32 @@
 # Management contact info
 
+- name: Christopher Rammul
+  photo: Christopher_Rammul.jpg
+  role: Juhatuse esimees
+  subrole: Meie suur isa
+  email: christopher@lapikud.ee
+  phone: +372 555 00 221
+
+- name: Erki Lasberg
+  photo: Erki_Lasberg.jpg
+  role: Juhatuse liige
+  subrole: Helpdeski juht
+  email: erki@lapikud.ee
+  phone: +372 5907 9190
+
 - name: Kerdo Käärma
   photo: Kerdo_Kaarma.jpg
   role: Juhatuse liige
-  subrole: Esimees
+  subrole: Tarkvaravaldkonna juht
   email: kerdo@lapikud.ee
   phone: +372 5807 2867
 
-- name: Randel Mandre
-  photo: coming-soon.jpg
-  role: Juhatuse liige
-  subrole: Tarkvaravaldkonna juht
-  email: randel@lapikud.ee
-
-- name: Marten Tihanov
-  photo: coming-soon.jpg
-  role: Juhatuse liige
-  subrole: Helpdeski juht
-  email: marten@lapikud.ee
-  phone: +372 5349 8947
-
-- name: Oluwatobiloba Promise Temitope
-  photo: coming-soon.jpg
+- name: Reio Opromei
+  photo: Reio_Opromei.jpg
   role: Juhatuse liige
   subrole: Kultuurivaldkonna juht
-  email: promise@lapikud.ee
-  phone: +372 5445 0982
+  email: reio@lapikud.ee
+  phone: +372 5315 8489
 
 - name: Rene Arumetsa
   photo: Rene_Arumetsa.jpg

_data/members.yml

@@ -1,77 +1,60 @@
 junior:
-
-  - Alexander Rein Robas
-  - Andres Alexander Jürgenson
-  - Eerik Abel
-  - Egert Nilbe
-  - Gabriel Ilisson
-  - Henri Karba
-  - Henry Ilves
+  - Alexander Marsh
+  - Ardo Raus
+  - Arne Antov
+  - Catherine Kaasan
+  - Helena Carmen Udu
   - Hugo Reisberg
-  - Imogen Moon
-  - Johanna Kasenurm
-  - Joosep Tomingas
-  - Karl Erich Kaugeranna
   - Karl Künnapas
   - Karmen Errapart
   - Karoliina Kannik
-  - Kerdo Vähk
-  - Kert Roov
-  - Kreta Liisa Aasamaa
-  - Laura Teder
-  - Marek Müürsepp
-  - Maria-Laurita Laimets
-  - Marten Laane
-  - Remi Vilsaar
-  - Riho-Martin Haavasalu
-  - Siim Marist
-  - Silver Slinko
-  - Uko Poschlin
+  - Katri Lotamõis
+  - Kerdo Käärma
+  - Kevin-Kajar Kask
+  - Maivo Sirelbu
+  - Rait Parvi
+  - Randel Mandle
+  - Rasmus Pertel
+  - Reio Opromei
+  - Robin Järlak
+  - Vladislav Mulgatšov
+
   
 senior:
   - Agnes Triin Saga
   - Aimar Tuul
-  - Alexander Marsh
   - Andres Aleksander Kase
+  - Anet Mitt
+  - Carina Ruut
+  - Carmen Unt
   - Christopher Rammul
   - Erki Lasberg
   - Eva-Marie Alasi
   - Hanno Vene
   - Jürjo Eibak
+  - Kadri Kaus
   - Karel Vuks
-  - Katri Lotamõis
-  - Kerdo Käärma
+  - Karina Reisel
+  - Karl Eric Mõttus
+  - Karoliina Rebane
+  - Kirke Tammpere
+  - Laura Anni
   - Lembitu Valdmets
-  - Liisu Miller
-  - Maria Jerilova
   - Mark Perman
-  - Marten Tihanov
+  - Markus Renser
   - Martin Perman
   - Mati Pearu Vaalma
+  - Mattias Vahtra
   - Oliver Ilp
-  - Oluwatobiloba Promise Temitope
+  - Ott-Eerik Õun
   - Priit Roosiväli
   - Rainis Randmaa
-  - Randel Mandre
-  - Reio Opromei
+  - Reivo Türnpuu
   - Rene Arumetsa
   - Siret Sillar
+  - Sten Nurmsalu
   - Taavi Toimetaja
 
-inactive:
-  - Ardo Raus
-  - Arne Antov
-  - Catherine Kaasan
-  - Daniel Dautov
-  - Helena Carmen Udu
-  - Kevin-Kajar Kask
-  - Maivo Sirelbu
-  - Rait Parvi
-  - Rasmus Pertel
-  - Robin Järlak
-  - Sten-Tristan Romeikis
-  - Vladislav Mulgatšov
-
 
 graduates: 
   - Aare Uus
@@ -93,7 +76,6 @@ graduates:
   - Andreas Lokko
   - Andree Uuetoa
   - Andrei Gužovski
-  - Anet Mitt
   - Andres Nigols
   - Andres Soop
   - Ann-Claire Utt
@@ -117,8 +99,6 @@ graduates:
   - Brenda Uga
   - Brigite Kerge
   - Britta Pung
-  - Carina Ruut
-  - Carmen Unt
   - Carel Martten Lechtmets
   - Carl Custav Mäeorg
   - Danel Ahman
@@ -207,17 +187,13 @@ graduates:
   - Kaidi Karu
   - Kairit Pajula
   - Kairit Sirts
-  - Karl Eric Mõttus
   - Karl Lõoväli
   - Karl Markus Tarre
   - Karl Martin Miil
   - Karl Müllerbeck
   - Karl Raud
   - Karl Ruusmaa
-  - Kadri Kaus
-  - Karina Reisel
   - Karli Oruste
-  - Karoliina Rebane
   - Kaspar Kask
   - Kati Rohtla
   - Katre Metsvahi
@@ -230,7 +206,6 @@ graduates:
   - Kevin Guljajev
   - Kevin Laanemägi
   - Kirill Demishin
-  - Kirke Tammpere
   - Konstantin Donets
   - Krista Kippar
   - Krista Kolk
@@ -246,7 +221,6 @@ graduates:
   - Kristjan Vool
   - Kristo Ilula
   - Kärte Pärend
-  - Laura Anni
   - Laura Kallas
   - Laura Leisberg
   - Laura Leon
@@ -278,7 +252,6 @@ graduates:
   - Mailis Terno
   - Marcus Bindevald
   - Marcus Pruks
-  - Markus Renser
   - Marek Rei
   - Maret Kaadu
   - Margo Sall
@@ -300,7 +273,6 @@ graduates:
   - Martin Väljaots
   - Martti Elias
   - Martti Remmelgas
-  - Mattias Vahtra
   - Meelik Gornoi
   - Meelimari Aljasmäe
   - Meelis Pruks
@@ -327,7 +299,6 @@ graduates:
   - Oole Tuurmaa
   - Oskar Oidsalu
   - Oskar Voorel
-  - Ott-Eerik Õun
   - Ott Kändra
   - Ott Lints
   - Paavo Pudan
@@ -349,7 +320,6 @@ graduates:
   - Raul Aassalu
   - Raul Pärlist
   - Reenika East
-  - Reivo Türnpuu
   - Renee Undrits
   - Revo Sirel
   - Riin Agur
@@ -378,7 +348,6 @@ graduates:
   - Siim Talts
   - Silver David Iling
   - Sten Kaasik
-  - Sten Nurmsalu
   - Sten Uuesoo
   - Stewe Suursoho
   - Sven Kadak

_data/mentors.yml

@@ -0,0 +1,195 @@
+# Mentors
+
+
+- name: Eva-Marie Alasi 
+  age: 26
+  photo: eva_marie_alasi_mentor.jpg
+  speciality: IT-süsteemide administreemine
+  teams: ['Helpdesk','Üritused']
+  term: 2 
+  contactMethods:
+    - name: Messenger
+      value: https://m.me/eva.alasi
+    - name: discord
+      value: ultimate_evamarie 
+    - name: email
+      value: ema@lapikud.ee
+    - name: telefoninumber
+      value: '+3725351614' 
+  description: Jutukaid ja huvi omavaid piksleid
+  activities: >
+    Olen ambitsioonikas, kuid veidi tagasihoidlik tüdruk.
+    Minuga ei ole kunagi igav, sest kui selline tunne tekib teen kohe kino õhtu või lihtsalt chilli.
+    Olen ka alati kõigi jaoks olemas, sest veedan suure osa oma päevast Lapikutes.
+    Vajadusel aitan ka kodutöödega, kui oskan. Minu suurimad plussid on ambitsioon, lahkus, usaldusväärsus ja pealehakkamine.
+    Oskan ka hästi laulda, seega mind sa karaokes ei võida 😄
+
+- name: Andres Kase
+  age: 24
+  photo: andres_kase_mentor.jpg
+  speciality: Mehhatroonika
+  teams: ['Helpdesk', 'Mentorite juht']
+  term: 3
+  contactMethods:
+    - name: Facebook
+      value: https://www.facebook.com/sass.kase
+    - name: Discord
+      value: hawx11#6234
+  description: Ma ootan peamiselt tehnika huvilisi piksleid, kuid iga piksel on hea piksel.
+  activities: >
+    Üldiselt tagasihoidlik, kuid abivalmis ja kohati jutukas. 
+    Keskmine mehaaniliste lahenduste disainimise nautleja ja elektroonika huviline.
+
+- name: Karina Reisel
+  age: 21
+  photo: karina_reisel_mentor.jpg
+  speciality: Riistvara arendus ja programmeerimine
+  teams: ['Turundus']
+  term: 3 
+  contactMethods:
+    - name: Discord
+      value: rinsan5781
+    - name: Messenger
+      value: https://m.me/karina.reisel
+  description: >
+    Ootan ägedaid pixleid. Kes soovivad lapi ürituste turundamisega tegutseda.
+    Kirjanikud, disainerid, fotograafid jne. Õpihimulised.
+    Lapiga liitumiseks ei ole tarvis olla proff.
+    Ootan kõiki, kes tahavad aktiivselt Lapis tegutseda. 
+  activities: >
+    Ma olen jube tegus inimene. Tõenäoliselt näed sa mind tihti ülikooli ja Lapi üritustel 🤟
+    Mulle meeldib käsitööga tegeleda: kudumine, heegeldamine, kunst, õmblus, tikkand jms. 
+
+- name: Aimar Tuul
+  age: 27
+  photo: aimar_tuul_mentor.jpg
+  speciality: IT-süsteemide arendus
+  teams:  ['Tarkvara']
+  term: 5
+  contactMethods:
+    - name: Messenger
+      value: https://m.me/aimar.tuul
+    - name: Discord
+      value: aimar5749
+  description: Kõik kellel on tahtmist mind mentoriks ja kes ei karda rahulikkumat tüüpi. :)
+  activities: >
+    Tarkvara huvi on mul suur, eriti programmeerimise. Proge kogemust olen enamuses saanud nii palju kui koolis olen õppinud või veidi siit-sealt.
+    Nagu öeldud sai, olen pigem rahulik, aga avatud ka suhtlema. Võib-olla kui keegi saab tuttavamaks, võib saada osa minu huvitavast huumorist. 😄 Muidu olen sõbralik tüüp.
+    Vabal ajal veidi loen, jooksen, ujun, teen muusikat. Armastan lauamänge.
+    Lapikutes tegutsen neljandat aastat.
+
+- name: Markus Renser
+  age: 22
+  photo: markus_renser_mentor.jpg
+  speciality: IT-süsteemide arendus
+  teams: ['Tarkvara']
+  term: 3 
+  contactMethods:
+    - name: Messenger
+      value: https://m.me/markus.renser
+    - name: Discord
+      value: kanelmo 
+  description: >
+    Kui oled huvitatud tarkvaraarendusest ning otsid kedagi, kes juhendaks ja suunaks ning vajadusel ka kooli asjadega aitaks, siis olen sinu jaoks olemas. 🙂
+  activities: >
+    Olen 3. kursuse IADB tudeng ja töötan kooli kõrvalt tarkvara konsultantina. Olen rõõmsameelne, sõbralik ja mõistev inimene. Harrastan jõu- ja vastupidavustreeningut.
+    Vabal ajal loen huvitavaid raamatuid või mängin strateegiamänge arvutis. 
+
+- name: Erki Lasberg
+  age: 22
+  photo: erki_lasberg_mentor.jpg 
+  speciality: IT süsteemide administreerimine
+  teams: ['Helpdesk', 'Juhatus']
+  term: 2 
+  contactMethods:
+    - name: Messenger
+      value: https://m.me/erki.lasberg 
+    - name: Discord 
+      value: the_legend_27__ 
+  description: >
+    Ma ootan piksliteks inimesi kellel lööb silma särama kui nad katkist tehnikat näevad.   
+  activities:
+    Ma olen väga hands on inimene kes püüab probleemidele läheneda mitmel erineval viisil ja ei anna alla kui mõni nendest viisidest ei tööta.   
+   
+- name: Kadri Kaus
+  age: 20
+  photo: kadri_kaus_mentor.jpg
+  speciality: it sys admin
+  teams: ['Turundus']
+  term: 3 
+  contactMethods:
+    - name: Messenger
+      value: https://me.m/kadrikaus.k
+  description: >
+    Ootan oma piksliteks inimesi, kes on pigem iseloomult rahulikud. 
+  activities: >
+    Olen aktiivne suhtleja ning alati valmis aitama. 
+
+- name: Agnes Triin Saga
+  age: 27
+  photo: agnes_triin_saga_mentor.jpg
+  speciality: Süsteemi administaator
+  teams: ['Helpdesk']
+  term: 2
+  contactMethods:
+    - name: Discord
+      value: dragons4president
+  description: >
+    Arvuti huvilisi ja motiveeritud inimesi 
+  activities:
+    Abivalmis, nõus töötama nõu ja jõuga
+    
+- name: Rene Arumetsa
+  age: 28
+  photo: rene_arumetsa_mentor.jpg
+  speciality: it süsteemide administeerimine
+  teams: ['Helpdesk', 'Tarkvara', 'Juhatus'] 
+  term: 2
+  contactMethods:
+    - name: Messenger
+      value: https://m.me/rene.arumetsa
+    - name: Discord
+      value: renxik
+    - name: Telefoninumber
+      value: '+372 5690 7656'
+    - name: Telegram
+      value: https://t.me/Renkarus  
+  description: >
+    Suht vahet ei ole, ole sa ise.. saan sellesmõttes kõigega läbi 
+  activities:
+    Olen rahulik, vaikne lapik. Meeldib asjade kallal nokitseda. Abivalmis olen, et kui mõnes aines raskusi siis üritan aidata. 
+
+- name: Jürjo Eibak
+  age: 26
+  photo: jürjo_eibak_mentor.jpg
+  speciality: Salastatud
+  teams: ['Üritused']
+  contactMethods: 
+    - name: Discord
+      value: edgar5407
+    - name: Messenger
+      value: https://m.me/jürjo.eibak 
+  description: >
+    Minu pikselile meeldib Lapikute kontoris sotsialiseerida ja tegevuste kõrvale külma õlut nautida.
+    Üheskoos filmide vaatamine, lauamängude, arvutimängude ja DnD mängimine on alati meelepärane viis üksikute õhtute sisustamiseks. 
+  activities:
+    Lapikute liikmetega olen seltskondlik ja jutukas. Meeldib kõigiga kontori ruumides filme vaadata ja erinevaid mänge mängida.
+    Nende seast on alati kõige huvitavamad DnD kampaaniaid. Olen juba mitu aastat dungeon masteri rolli kandnud ja olen selles päris osav. Kõik minu pikslid on oodatud minu kampaaniatega liituma ;)  
+
+    Minuga ei hakka kunagi igav, sest mul on alati mõni naljakas tähelepanek või põnev lugu varuks. 
+
+- name: Christopher Rammul
+  age: 22
+  photo: christopher_rammul_mentor.jpg
+  speciality: Mehhatroonika 
+  teams: ['Üritused', 'Juhatus']
+  contactMethods: 
+    - name: Discord
+      value: lummarc 
+    - name: Facebook 
+      value: https://www.facebook.com/profile.php?id=100009719855131 
+  description: >
+    Ootan endale piksleid, kes on rohkem aktiivsed ja tahaksid teha tegevusi ka väljaspool tava LAP-i üritusi. Minu pikslitel võiks olla ka tahtmine edasi areneda ja üksteist vajadusel aidata ja toetada. 
+    Olgu su huvid õppimisele keskendunud või otsid lihtsalt head seltskonda, minu piksel leiab alati viisi, kuidas elu nauditavaks muuta.
+  activities:
+    Olen 4. aasta elektroenergeetika ja mehhatroonika tudeng. Mulle meeldivad spontaansed ideed ja casual chillimine. Väga ei meeldi igavus, seega üritan seda igal võimalusel ära hoida.

_data/ourwork.yml

@@ -1,15 +1,5 @@
 # Our work
 #
-- title: Tipilan
-  photo: tipilan.jpg
-  url: http://tipilan.ee/
-  description: Tipilan on Eesti suurim üliõpilaste korraldatav LAN-üritus. Lapikud tagas ürituse IT-infrastruktuuri ja veebilehe toimimise.
-
-- title: Remondikohvik
-  photo: remondikohvik.jpg
-  url: https://remondikohvik.lapikud.ee/
-  description: Remondikohvik on Lapikute poolt algatatud ja korraldatud projekt, mis annab asjadele teise elu läbi parandamise. Projekt hõlmab nii ürituste korraldamist kui ka veebilehe väljatöötamist.
-
 - title: Tallinna Tehnikaülikooli Muuseumi eksponaadid
   photo: ttu_muusem_placeholder.jpg
   url:

_data/partners.yml

@@ -14,7 +14,7 @@
   additionalText:
 
 - name: Tallinna Tehnikaülikooli Robotiklubi
-  image: robotiklubi_logo.png
+  image: robotiklubi.svg
   url: https://www.robotiklubi.ee/
   additionalText:
 
@@ -23,8 +23,12 @@
   url: https://taltech.ee/et/infotehnoloogia-teaduskond
   additionalText:
 
-- name: Tallinna Tehnikaülikooli Inseneri teaduskond
-  image: TalTech_Insener_EST_gradient.png
-  url: https://taltech.ee/inseneriteaduskond
+- name: HexTech Solutions
+  image: hextech_logo.svg
+  url: https://hextech.ee/
   additionalText:
 
+- name: EAS & MKM
+  image: eas.svg
+  url: https://eis.ee/
+  additionalText:

_data/past_management.yml

@@ -1,52 +1,3 @@
-- year: 2025/2026
-  members:
-    - name: Christopher Rammul
-      image: christopher_rammul.jpg
-
-    - name: Erki Lasberg
-      image: erki_lasberg.jpg
-
-    - name: Kerdo Käärma
-      image: kerdo_kaarma.jpg
-
-    - name: Reio Opromei
-      image: reio_opromei.jpg
-
-    - name: Rene Arumetsa
-      image: rene_arumetsa.jpg
-
-- year: 2025 (talv, kevad)
-  members:
-    - name: Christopher Rammul
-      image: christopher_rammul_1.jpg
-
-    - name: Erki Lasberg
-      image: erki_lasberg_1.jpg
-
-    - name: Rene Arumetsa
-      image: rene_arumetsa_1.jpg
-
-    - name: Hanno Vene
-      image: hanno_vene2.jpg
-
-
-- year: 2024 (suvi, sügis, talv)
-  members:
-    - name: Eva-Marie Alasi
-      image: Eva-Marie_Alasi.jpg
-
-    - name: Erki Lasberg
-      image: erki_lasberg_1.jpg
-
-    - name: Rene Arumetsa
-      image: rene_arumetsa_1.jpg
-
-    - name: Christopher Rammul
-      image: christopher_rammul_1.jpg
-
-    - name: Karina Reisel
-      image: karina_reisel.jpg
-
 - year: 2023
   members:
     - name: Lembitu Valdmets

_includes/footer.html

@@ -0,0 +1,36 @@
+<footer class="main-footer">
+  <section class="container">
+    <div class="row">
+      <div class="column footer-contact">
+        <h3>MTÜ Lapikud</h3>
+          <p>Aadress: Akadeemia tee 5, 12616 Tallinn, Eesti</p>
+          <p>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></p>
+          <p>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></p>
+          <p>Messenger: <a href="https://m.me/Lapikud">m.me/Lapikud</a></p>
+          <p>Reg. kood: 801 67 145</p>
+        <p>Swedbank EE812200221019551756</p>
+      </div>
+      <div class="column footer-nav">
+        <h3>Navigatsioon</h3>
+        <ul>
+          <li><a href="/">Esileht</a></li>
+          {% include main_nav.html %}
+        </ul>
+      </div>
+      <div class="column footer-nav">
+        <h3>Jälgi meid!</h3>
+        <ul>
+          <li><a href="https://www.instagram.com/lapikud/">Instagram</a></li>
+          <li><a href="https://www.facebook.com/Lapikud/">Facebook</a></li>
+          <li><a href="https://github.com/Lapikud/">GitHub</a></li>
+          <li><a href="https://github.com/Lapikud/lapikud.github.io">Source Code</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="row">
+      <div class="column footer-copyright">
+        <a href="https://lapikud.ee">&copy; 2025 MTÜ Lapikud</a>
+      </div>
+    </div>
+  </section>
+</footer>

_includes/head.html

@@ -0,0 +1,30 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<title>{{ page.title }}</title>
+
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png?v=LbyW42We5z">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png?v=LbyW42We5z">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png?v=LbyW42We5z">
+<link rel="manifest" href="/assets/favicon/site.webmanifest?v=LbyW42We5z">
+<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg?v=LbyW42We5z" color="#f58120">
+<link rel="shortcut icon" href="/assets/favicon/favicon.ico?v=LbyW42We5z">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="/assets/favicon/browserconfig.xml?v=LbyW42We5z">
+<meta name="theme-color" content="#ffffff">
+
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic">
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" />
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.min.css">
+<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}?{{ site.time | date: "%s" }}">
+<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+
+<!-- leaflet js styles for map support -->
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"
+      integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
+      crossorigin=""/>
+
+{% if jekyll.environment == 'production' and site.google_analytics %}
+{% include google-analytics.html %}
+{% endif %}

_includes/header.html

@@ -0,0 +1,19 @@
+<!-- header.scss -->
+<nav class="navigation">
+  <a href="/" {% if page.url == '/' %}style="display: none;"{% endif %}>
+	<img id="header-logo" class="logo" src="{{ "/assets/logo.svg " | relative_url }}">
+  </a>
+
+  <div class="menu">
+    <a href="#" class="float-right" id="main-menu-button">
+      <svg class="logo" height="32" width="32" viewBox="0 0 768 1024" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0 192v128h768v-128h-768z m0 384h768v-128h-768v128z m0 256h768v-128h-768v128z" />
+      </svg>
+    </a>
+
+    <ul id="main-menu">
+      {% include main_nav.html %}
+    </ul>
+  </div>
+
+</nav>

_includes/main_nav.html

@@ -0,0 +1,7 @@
+<li><a href="/student">Tudengile</a></li>
+<li><a href="/mentors">Mentorid</a></li>
+<li><a href="/helpdesk">Helpdesk</a></li>
+<li><a href="/ourwork">Ettevõttele</a></li>
+<li><a href="/aboutus">Lapikutest</a></li>
+<li><a href="/blog">Blogi</a></li>
+<li><a href="/contact">Kontakt</a></li>

_includes/scripts.html

@@ -0,0 +1,9 @@
+<!-- facebook widget thing support -->
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+    var js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return;
+    js = d.createElement(s); js.id = id;
+    js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.1';
+    fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>

_layouts/default.html

@@ -0,0 +1,7 @@
+<!doctype html>
+{% include head.html %}
+{% include header.html %}
+{{ content }}
+{% include footer.html %}
+{% include scripts.html %}
+</html>

_layouts/post.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+<div class="page">
+    {%- assign date_format = "%F" -%}
+    <h1>{{ page.title | escape }}</h1>
+    <h5> {{ page.date | date: date_format }}</h5>
+  {{ content }}
+</div>

_sass/contact.scss

@@ -0,0 +1,113 @@
+#contact {
+
+  h2 {
+    margin-top : 1.5rem;
+  }
+
+  #helpdesk {
+    display         : flex;
+    justify-content : center;
+    align-items     : center;
+
+    #helpdesk-banner-container {
+      background : black;
+      padding    : 3rem;
+    }
+
+    #helpdesk-banner {
+      display : block;
+      width   : 100%;
+      height  : auto;
+    }
+    #helpdesk-banner-container, #helpdesk-info {
+      flex   : 1;
+      margin : 0 2rem;
+    }
+  }
+
+  #management {
+
+    #container {
+      display         : flex;
+      flex-direction  : row;
+      flex-wrap       : wrap;
+      justify-content : center;
+
+      .person {
+        margin-left   : 2rem;
+        margin-right  : 2rem;
+        margin-bottom : 5rem;
+
+        img {
+          display : block;
+          width   : 100%;
+          height  : auto;
+        }
+
+        * {
+          margin : 0.2rem 0;
+        }
+      }
+
+    }
+  }
+
+  #main-wrapper {
+    width           : 100%;
+    display         : flex;
+    flex-direction  : row;
+    flex-wrap       : wrap;
+    justify-content : center;
+    align-items     : center;
+  }
+
+  #maparea {
+    margin        : 0 2rem;
+    min-width     : 44.55%;
+    flex          : 1;
+
+    #map {
+      width      : 100%;
+      float      : right;
+      margin     : 0 auto;
+      height     : 60vh;
+      max-height : 300px;
+    }
+  }
+
+  #main {
+    margin            : 0 2rem;
+
+
+    h4{
+      padding-bottom  : 5px;
+    }
+  }
+
+  * {
+    margin            : 0.2rem 0;
+  }
+
+}
+@media (max-width : 900px) {
+
+  #contact {
+    #helpdesk {
+      flex-direction : column;
+
+      #helpdesk-banner-container {
+        margin : 2rem 0;
+      }
+      #helpdesk-info {
+        margin : 0;
+      }
+    }
+    #main-wrapper{
+      #maparea{
+        flex-direction: column;
+        margin: 2rem;
+      }
+    }
+  }
+}
+

_sass/footer.scss

@@ -0,0 +1,42 @@
+.main-footer {
+  background: #fcfcfc;
+  padding: 2rem 0;
+  margin-top: 5rem;
+
+  .container {
+    max-width: 80rem;
+  }
+  
+  .footer-contact {
+    margin-bottom: 2rem;
+    p {
+      margin: 0.2rem 0;
+    }
+  }
+
+  .footer-copyright {
+    text-align: center;
+    a {
+      display: inline-block;
+      padding: 1rem;
+    }
+  }
+
+  .footer-nav {
+    flex-shrink: 1.5;
+    ul {
+      list-style-type: none;
+
+      li {
+        margin: 0;
+        padding: 0;
+        a {
+          padding: .5rem .2rem;
+          display: inline-block;
+          width: 100%;
+        }
+      }
+
+    }
+  }
+}

_sass/header.scss

@@ -0,0 +1,101 @@
+.navigation {
+    margin-top: .5rem;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 5rem;
+    padding: 1rem 2rem;
+    height: 50px;
+    background: #ffffff;
+    color: #f0941d;
+    max-width: 112.0rem;
+
+    .logo {
+        height: 32px;
+        vertical-align: middle;
+        display: inline;
+    }
+
+    #header-logo {
+        height : 8rem;
+    }
+
+
+    .menu {
+        display: inline;
+
+        @media (max-width: 40.0rem) {
+            ul, &:active ul {
+                display: none;
+                position: absolute;
+                top: 45px;
+                right: 20px;
+                z-index: 10;
+                background: #fff;
+                border: 1px solid #DDDDDD;
+                width: 20rem;
+                margin: 0;
+                padding: 0.5rem 0;
+
+                li {
+                    display: block;
+                    margin: 0;
+                    padding: 0;
+                    a {
+                        width: 100%;
+                        display: block;
+                        text-align: center;
+                        padding: 1rem 2rem;
+                    }
+                }
+            }
+
+            &:hover ul {
+                display: inline-block;
+            }
+
+            #main-menu-button svg {
+                fill: #000000
+            }
+
+            #main-menu-button:hover svg {
+                fill: $color-secondary;
+            }
+
+            #main-menu-button:active svg {
+                fill: $color-primary;
+            }
+        }
+    }
+
+    @media (min-width: 40.1rem) {
+        #main-menu-button {
+            display: none;
+        }
+
+        .menu ul {
+            margin: 0;
+            display: inline-block;
+            float: right;
+
+            li {
+                display: inline-block;
+                margin: 0;
+                padding: 0;
+                a {
+                    padding: 1rem;
+                }
+            }
+
+            .register-button {
+                border: 0.1rem solid $color-primary;
+                border-radius: .4rem;
+
+                &:hover {
+                    color: #ffffff;
+                    background-color: $color-secondary;
+                    border-color: $color-secondary;
+                }
+            }
+        }
+    }
+}

_sass/helpdesk.scss

@@ -0,0 +1,152 @@
+#helpdesk-page {
+
+  #helpdesk-banner {
+    background      : black;
+    display         : flex;
+    flex-direction  : row;
+    flex            : 1;
+    justify-content : center;
+    align-items     : center;
+    text-align      : center;
+    margin          : 3rem auto;
+    padding         : 2rem;
+
+    h1, h3 {
+      color       : white;
+      font-weight : 400;
+    }
+
+    .emphasis-text-bold {
+      font-weight : bold;
+    }
+
+    .emphasis-text-color {
+      color : $color-primary;
+    }
+
+    #helpdesk-logo {
+      display : block;
+      width   : 100%;
+      height  : auto;
+    }
+
+    #helpdesk-logo-container {
+      flex    : 1;
+      padding : 25px;
+
+    }
+
+    #banner-text {
+      flex : 2;
+    }
+
+  }
+
+  #maparea {
+    display         : flex;
+    align-items     : center;
+    justify-content : center;
+
+    .siema, #map {
+      width      : 50%;
+      max-height : 300px;
+      margin     : 20px;
+    }
+    #map {
+      height     : 60vh;
+      max-height : 300px;
+    }
+
+    .siema {
+      .carousel-image-container {
+        display         : flex;
+        justify-content : center;
+        align-items     : center;
+        img {
+          max-height : 300px;
+          width      : 100%;
+          height     : auto;
+          object-fit : scale-down;
+        }
+      }
+    }
+  }
+
+  #pricing {
+    margin-bottom : 2rem;
+    p {
+      margin      : 1rem auto;
+      font-weight : bold;
+    }
+    table {
+      width : auto;
+
+      th td {
+        font-weight : bold;
+      }
+      tr:first-child {
+        max-width : 40%;
+      }
+    }
+  }
+
+  #location {
+    h4 {
+      margin : 0.1rem auto;
+    }
+  }
+
+  #contact {
+    display        : flex;
+    flex-direction : row;
+
+    .subtext {
+      opacity : 0.7;
+    }
+
+    #opening-times, #contact-methods {
+      flex    : 1;
+      padding : 15px;
+    }
+
+    #contact-methods {
+      h4 {
+        margin : 0.1rem auto;
+      }
+    }
+  }
+}
+
+@media (max-width : 900px) {
+  #helpdesk-page {
+    #helpdesk-banner {
+      flex-direction : column;
+    }
+
+    table {
+      tr:first-child {
+        max-width : 30%;
+
+      }
+      td, th {
+        padding : 0.5rem 0.5rem;
+      }
+    }
+
+    #maparea {
+      flex-direction : column;
+      .siema, #map {
+        width : 100%;
+      }
+    }
+
+    #contact {
+      flex-direction : column;
+    }
+  }
+
+}
+
+
+
+

_sass/history.scss

@@ -0,0 +1,75 @@
+#history {
+
+  .management-for-year {
+    display        : flex;
+    flex-direction : column;
+
+    .year {
+      display         : flex;
+      flex-direction  : row;
+      justify-content : center;
+      flex-wrap       : wrap;
+
+      .person {
+        display        : flex;
+        flex-direction : column;
+        align-items    : center;
+        margin         : 0 2rem;
+
+        h5 {
+          margin-top : 0.5rem;
+        }
+        .img-container {
+          height          : 150px;
+          width           : 150px;
+          display         : flex;
+          justify-content : center;
+          align-items     : center;
+          overflow        : hidden;
+
+          img {
+            width  : 150px;
+            height : auto;
+          }
+
+        }
+
+      }
+    }
+  }
+
+}
+
+@media (max-width : 900px) {
+
+  #history {
+
+    h1 {
+      font-size : 4rem;
+    }
+
+    .management-for-year {
+      .year {
+        flex-direction : column;
+
+        .person {
+          .img-container {
+            height : 200px;
+            width  : 200px;
+
+            img {
+              height : auto;
+              width  : 200px;
+
+            }
+          }
+
+          h5 {
+            font-size : 2.3rem;
+          }
+        }
+      }
+    }
+  }
+
+}

_sass/home.scss

@@ -0,0 +1,104 @@
+.home {
+
+  @media (max-width : 900px) {
+    h1 {
+      font-size : 3.6rem;
+    }
+  }
+
+  .logo_container {
+    display         : flex;
+    flex-direction  : row;
+    flex-wrap       : wrap;
+    align-items     : center;
+    justify-content : center;
+    text-align      : center;
+    margin          : 4rem 0;
+
+    #logo {
+      max-width : 60rem;
+      width     : 100%;
+      padding   : 50px 90px;
+    }
+  }
+
+  .lg-icon-container {
+    justify-content : flex-start;
+    align-content   : flex-start;
+    align-items     : flex-start;
+    margin          : 0;
+    margin-top      : 4rem;
+    display:flex;
+
+    a {
+      flex-direction  : row;
+      justify-content : center;
+      align-items     : center;
+      align-content   : flex-start;
+      text-align      : center;
+      margin          : auto;
+      flex   : 2;
+
+      .lg-icon {
+        fill   : #f0941d;
+        width  : 10rem;
+        height : 10rem;
+        flex   : 1;
+      }
+
+      .regularText {
+        color: #1e1e1e;
+      }
+    }
+
+    @media (min-width : 40.0rem) {
+      .column {
+        flex-direction  : column;
+        justify-content : flex-start;
+        align-items     : center;
+        align-content   : flex-start;
+        text-align      : center;
+      }
+    }
+  }
+  .description {
+    margin-top : 1em;
+  }
+  @media (min-width : 40.0rem) {
+    .description {
+      margin-top : 3em;
+    }
+  }
+
+  .partners {
+    #partners-container {
+      display         : flex;
+      flex-wrap       : wrap;
+      justify-content : space-evenly;
+      align-items     : center;
+
+      a {
+        color : #1e1e1e;
+        img {
+          max-width  : 300px;
+          max-height : 150px;
+          width      : 100%;
+          height     : auto;
+          object-fit : scale-down;
+          margin     : 1rem auto;
+        }
+        h4 {
+          text-align : center;
+        }
+      }
+    }
+
+    @media (max-width : 900px) {
+      #partners-container {
+
+        flex-direction : column
+      }
+    }
+  }
+
+}

_sass/members.scss

@@ -0,0 +1,34 @@
+#members {
+  #banner-container-link {
+    margin : 0 auto;
+
+    h3 {
+      padding : 1rem 4rem;
+    }
+  }
+
+  .members-container {
+    ul {
+      columns : 4;
+    }
+  }
+}
+
+@media (max-width : 900px) {
+  #members {
+    #banner-container-link {
+      margin : unset;
+
+      h3 {
+        padding : 1rem 0;
+      }
+    }
+
+    .members-container {
+      ul {
+        columns : 1;
+      }
+    }
+  }
+
+}

_sass/mentors.scss

@@ -0,0 +1,76 @@
+#mentors {
+
+  .mentor {
+    display        : flex;
+    width          : 100%;
+    flex-direction : row;
+    margin         : 4rem auto;
+
+    .photo-container {
+      flex : 1;
+
+      img {
+        display    : block;
+        height     : auto;
+        width      : 100%;
+        margin-top : 2rem;
+      }
+    }
+
+    .description {
+      flex           : 2;
+
+      display        : flex;
+      flex-direction : row;
+
+      * {
+        margin : 0.1rem 0;
+      }
+
+      h1, h4 {
+        margin : 1rem 0;
+      }
+
+      .general {
+        flex   : 2;
+        margin : 0 3rem;
+      }
+
+      .varia {
+        flex   : 3;
+        margin : 1rem 3rem 0;
+      }
+    }
+
+    .mentor-info-text {
+      flex           : 3;
+      display        : flex;
+      flex-direction : column;
+      padding-left   : 5rem;
+      padding-right  : 3rem;
+    }
+
+  }
+
+}
+
+@media (max-width : 900px) {
+  #mentors {
+    .mentor {
+      flex-direction : column;
+
+      .description {
+        flex-direction : column;
+        .general, .varia {
+          margin : 0;
+        }
+      }
+      .photo-container {
+        img {
+          max-height : 75vh;
+          max-width : 75vh;
+        }
+      }
+    }
+  }
+}

_sass/ourwork.scss

@@ -0,0 +1,67 @@
+#ourwork-banner {
+  margin : 5rem 0;
+
+  a {
+    display         : flex;
+    justify-content : center;
+  }
+
+}
+
+#ourwork-done {
+
+  .work-item {
+    padding        : 1rem;
+    margin         : 7rem 0;
+    display        : flex;
+    flex-direction : row;
+    max-height     : 75vh;
+
+    .description {
+      flex : 2;
+
+      h3 {
+        overflow      : hidden;
+        text-overflow : ellipsis;
+      }
+    }
+
+    .thumbnail {
+      flex            : 3;
+      display         : flex;
+      justify-content : center;
+      align-items     : center;
+    }
+
+    img {
+      display    : block;
+      width      : auto;
+      height     : auto;
+      max-height : 50vh;
+    }
+
+    h2, h3 {
+      text-align    : center;
+      margin-bottom : 0.3rem;
+    }
+
+  }
+}
+
+@media (max-width : 900px) {
+
+  #ourwork-done {
+
+    .work-item {
+      flex-direction : column;
+      max-height     : none;
+    }
+  }
+
+  #ourwork-banner {
+    h1 {
+      font-size : 3.6rem;
+    }
+
+  }
+}

_sass/shared.scss

@@ -0,0 +1,22 @@
+
+.banner {
+  background    : #f0941d;
+  color         : white;
+  font-weight   : bold;
+  padding       : 2rem;
+  border-radius : 8rem;
+}
+
+.page {
+  display        : flex;
+  flex-direction : column;
+  flex           : 1;
+  width          : 85vw;
+  max-width      : 1200px;
+  min-height     : 50vh;
+  margin         : 0 auto 0;
+}
+
+.centered-text {
+  text-align : center;
+}

_sass/statute.scss

@@ -0,0 +1,12 @@
+#statute {
+  p, ul {
+    margin-bottom: 0.5rem;
+  }
+  li {
+    margin-bottom: 0.1rem;
+  }
+
+  h4 {
+    margin-top: 2.5rem;
+  }
+}

_sass/striim.scss

@@ -0,0 +1,6 @@
+.stream {
+  .video {
+    padding: 5px;
+    flex: 1 1 400px;
+  }
+}

_sass/student.scss

@@ -0,0 +1,35 @@
+.activities-info {
+  display        : flex;
+  flex-direction : row;
+  margin         : 3rem auto;
+
+  .desc {
+    flex          : 1;
+    padding-right : 3rem;
+
+  }
+  .promo-image {
+    display     : flex;
+    align-items : center;
+    flex        : 1;
+
+    img {
+      display : block;
+      width   : 100%;
+      height  : auto;
+    }
+  }
+}
+
+@media (max-width : 900px) {
+  .activities-info {
+    flex-direction : column;
+
+    .desc {
+      padding : 0;
+      h1 {
+        font-size : 3.6rem
+      }
+    }
+  }
+}

aboutus.html

@@ -0,0 +1,30 @@
+---
+layout: default
+title: Lapikutest - Lapikud
+---
+<div class="page">
+
+  <h1>MTÜ Lapikud</h1>
+  <!-- three icons -->
+  <div class="row">
+    <div class="column">
+      <div>
+        <h3>Põhikiri</h3>
+        <p><a href="/statute">Meie põhikiri, millega peaksid kõik liikmed tutvuma.</a></p>
+      </div>
+    </div>
+    <div class="column">
+      <div>
+        <h3>Liikmed</h3>
+        <p><a href="/members">Kõik, kes on ning kunagi olid Lapikute liikmed.</a></p>
+      </div>
+    </div>
+    <div class="column">
+      <div>
+        <h3>Ajalugu</h3>
+        <p><a href="/history">Tutvu Lapikute ajalooga!</a></p>
+      </div>
+    </div>
+  </div>
+
+</div>

assets/logo.svg

@@ -296,171 +296,171 @@
     <path
        id="path1"
        d="m 28.547151,144.77524 v -26.00537 h 7.022394 v 20.30836 h 18.982971 v 5.69701 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
     <path
        id="path2"
        d="m 69.091339,134.782 h 9.50171 l -4.73216,-9.57686 z m 11.98104,5.07224 H 66.574268 l -2.441575,4.9209 h -7.8359 l 13.608756,-26.00537 h 7.83555 l 13.60804,26.00537 h -7.83519 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
     <path
        id="path3"
        d="m 0,0 c 0,1.717 -0.241,3.194 -0.723,4.427 -0.484,1.233 -1.28,2.244 -2.388,3.032 -1.109,0.785 -2.558,1.367 -4.346,1.743 -1.79,0.375 -3.989,0.563 -6.599,0.563 H -42.812 V -9.228 h 28.756 c 2.61,0 4.809,0.152 6.599,0.457 1.788,0.303 3.237,0.821 4.346,1.555 1.108,0.734 1.904,1.69 2.388,2.872 C -0.241,-3.164 0,-1.716 0,0 m 20.119,0.322 c 0,-3.684 -0.535,-7.073 -1.609,-10.166 -1.073,-3.094 -2.799,-5.759 -5.177,-7.995 -2.379,-2.236 -5.464,-3.979 -9.256,-5.229 -3.791,-1.254 -8.404,-1.88 -13.84,-1.88 h -33.049 v -23.283 h -19.906 v 73.716 h 52.955 c 5.436,0 10.049,-0.617 13.84,-1.852 3.792,-1.233 6.877,-2.969 9.256,-5.203 2.378,-2.236 4.104,-4.892 5.177,-7.967 1.074,-3.077 1.609,-6.456 1.609,-10.141"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,116.18018,127.76027)"
        clip-path="url(#clipPath4)" />
     <path
        id="path5"
        d="m 449.928,312.055 h 19.906 v -73.716 h -19.906 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,-29.628798,228.85569)"
        clip-path="url(#clipPath6)" />
     <path
        id="path7"
        d="M 0,0 40.774,28.114 H 67.439 L 17.811,-7.243 70.766,-45.603 H 41.741 L 0,-14.969 V -45.603 H -20.013 V 28.114 H 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,151.31608,128.68758)"
        clip-path="url(#clipPath8)" />
     <path
        id="path9"
        d="m 0,0 c -1.822,-3.254 -4.558,-6.098 -8.206,-8.53 -3.65,-2.432 -8.203,-4.355 -13.657,-5.767 -5.455,-1.413 -11.83,-2.119 -19.127,-2.119 -7.296,0 -13.689,0.706 -19.179,2.119 -5.491,1.412 -10.059,3.335 -13.708,5.767 -3.648,2.432 -6.385,5.276 -8.209,8.53 -1.824,3.256 -2.736,6.725 -2.736,10.409 v 48.876 h 19.851 V 17.544 c 0,-2.468 0.313,-4.802 0.939,-7 0.625,-2.2 1.805,-4.124 3.541,-5.769 1.735,-1.645 4.165,-2.951 7.297,-3.915 3.128,-0.967 7.197,-1.449 12.204,-1.449 4.972,0 9.014,0.482 12.125,1.449 3.113,0.964 5.535,2.27 7.271,3.915 1.735,1.645 2.904,3.569 3.514,5.769 0.608,2.198 0.911,4.532 0.911,7 V 59.285 H 2.735 V 10.409 C 2.735,6.725 1.826,3.256 0,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,210.07291,139.68413)"
        clip-path="url(#clipPath10)" />
     <path
        id="path11"
        d="m 0,0 c 0,3.54 -0.455,6.616 -1.368,9.228 -0.913,2.609 -2.38,4.764 -4.399,6.464 -2.022,1.699 -4.658,2.968 -7.913,3.809 -3.256,0.841 -7.225,1.261 -11.91,1.261 H -50.323 V -20.87 h 24.733 c 4.685,0 8.654,0.418 11.91,1.261 3.255,0.838 5.891,2.127 7.913,3.861 2.019,1.735 3.486,3.907 4.399,6.519 C -0.455,-6.618 0,-3.542 0,0 m 20.064,0 c 0,-4.722 -0.517,-8.916 -1.554,-12.582 -1.036,-3.667 -2.494,-6.859 -4.371,-9.577 -1.878,-2.718 -4.134,-5.025 -6.763,-6.921 -2.629,-1.895 -5.55,-3.416 -8.771,-4.56 -3.218,-1.145 -6.687,-1.977 -10.408,-2.494 -3.721,-0.52 -7.6,-0.778 -11.641,-0.778 h -46.784 v 73.716 h 46.677 c 4.041,0 7.921,-0.26 11.641,-0.779 3.721,-0.518 7.197,-1.35 10.436,-2.494 3.234,-1.145 6.177,-2.656 8.826,-4.534 2.646,-1.877 4.909,-4.184 6.787,-6.921 1.877,-2.735 3.335,-5.929 4.371,-9.575 C 19.547,8.852 20.064,4.684 20.064,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,242.20928,131.75333)"
        clip-path="url(#clipPath12)" />
     <path
        id="path13"
        d="M 0,0 V -14.99 H -5.173 V 0 h -8.128 V 4.169 H 8.142 V 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,46.592051,155.18229)"
        clip-path="url(#clipPath14)" />
     <path
        id="path15"
        d="M 0,0 H 6.999 L 3.514,7.056 Z M 8.826,-3.736 H -1.855 L -3.654,-7.362 H -9.426 L 0.599,11.796 H 6.372 L 16.397,-7.362 h -5.772 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,52.603807,157.8731)"
        clip-path="url(#clipPath16)" />
     <path
        id="path17"
        d="m 0,0 c 0,0.372 -0.05,0.687 -0.146,0.947 -0.099,0.261 -0.269,0.472 -0.51,0.636 -0.241,0.162 -0.565,0.281 -0.968,0.355 -0.405,0.074 -0.91,0.112 -1.514,0.112 h -7.084 v -4.1 h 7.084 c 0.604,0 1.109,0.036 1.514,0.112 0.403,0.074 0.727,0.193 0.968,0.355 0.241,0.162 0.411,0.374 0.51,0.634 C -0.05,-0.689 0,-0.372 0,0 m -10.222,-13.107 h -5.172 V 6.051 H -2.427 C -1.032,6.051 0.15,5.907 1.121,5.619 2.093,5.331 2.884,4.921 3.492,4.392 4.101,3.862 4.542,3.223 4.816,2.475 5.09,1.726 5.228,0.892 5.228,-0.028 5.228,-0.837 5.114,-1.543 4.887,-2.148 4.658,-2.753 4.351,-3.269 3.965,-3.702 3.581,-4.134 3.132,-4.499 2.62,-4.797 2.11,-5.094 1.571,-5.34 1.003,-5.536 l 6.275,-7.571 H 1.226 l -5.799,7.056 h -5.649 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,64.925665,155.8465)"
        clip-path="url(#clipPath18)" />
     <path
        id="path19"
        d="m 0,0 10.595,7.307 h 6.93 L 4.628,-1.881 18.39,-11.851 H 10.847 L 0,-3.89 v -7.961 H -5.202 V 7.307 H 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,70.636009,156.28948)"
        clip-path="url(#clipPath20)" />
     <path
        id="path21"
        d="m 0,0 h -6.022 l -9.691,19.158 h 5.772 L -2.97,4.74 3.988,19.158 h 5.774 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,82.716599,160.47029)"
        clip-path="url(#clipPath22)" />
     <path
        id="path23"
        d="M 0,0 H 6.999 L 3.514,7.056 Z M 8.826,-3.736 H -1.855 L -3.654,-7.362 H -9.426 L 0.599,11.796 H 6.372 L 16.397,-7.362 h -5.772 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,89.301379,157.8731)"
        clip-path="url(#clipPath24)" />
     <path
        id="path25"
        d="m 0,0 c 0,0.372 -0.05,0.687 -0.146,0.947 -0.099,0.261 -0.269,0.472 -0.51,0.636 -0.241,0.162 -0.565,0.281 -0.968,0.355 -0.405,0.074 -0.91,0.112 -1.514,0.112 h -7.084 v -4.1 h 7.084 c 0.604,0 1.109,0.036 1.514,0.112 0.403,0.074 0.727,0.193 0.968,0.355 0.241,0.162 0.411,0.374 0.51,0.634 C -0.05,-0.689 0,-0.372 0,0 m -10.222,-13.107 h -5.172 V 6.051 H -2.427 C -1.032,6.051 0.15,5.907 1.121,5.619 2.093,5.331 2.884,4.921 3.492,4.392 4.101,3.862 4.542,3.223 4.816,2.475 5.09,1.726 5.228,0.892 5.228,-0.028 5.228,-0.837 5.114,-1.543 4.887,-2.148 4.658,-2.753 4.351,-3.269 3.965,-3.702 3.581,-4.134 3.132,-4.499 2.62,-4.797 2.11,-5.094 1.571,-5.34 1.003,-5.536 l 6.275,-7.571 H 1.226 l -5.799,7.056 h -5.649 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,101.62323,155.8465)"
        clip-path="url(#clipPath26)" />
     <path
        id="path27"
        d="M 0,0 H 6.999 L 3.514,7.056 Z M 8.826,-3.736 H -1.855 L -3.654,-7.362 H -9.426 L 0.599,11.796 H 6.372 L 16.397,-7.362 h -5.772 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,107.81607,157.8731)"
        clip-path="url(#clipPath28)" />
     <path
        id="path29"
        d="M 0,0 H 6.999 L 3.514,7.056 Z M 8.826,-3.736 H -1.855 L -3.654,-7.362 H -9.426 L 0.599,11.796 H 6.372 L 16.397,-7.362 h -5.772 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,117.0236,157.8731)"
        clip-path="url(#clipPath30)" />
     <path
        id="path31"
        d="m 0,0 c 0,0.372 -0.05,0.687 -0.146,0.947 -0.099,0.261 -0.269,0.472 -0.51,0.636 -0.241,0.162 -0.565,0.281 -0.968,0.355 -0.405,0.074 -0.91,0.112 -1.514,0.112 h -7.084 v -4.1 h 7.084 c 0.604,0 1.109,0.036 1.514,0.112 0.403,0.074 0.727,0.193 0.968,0.355 0.241,0.162 0.411,0.374 0.51,0.634 C -0.05,-0.689 0,-0.372 0,0 m -10.222,-13.107 h -5.172 V 6.051 H -2.427 C -1.032,6.051 0.15,5.907 1.121,5.619 2.093,5.331 2.884,4.921 3.492,4.392 4.101,3.862 4.542,3.223 4.816,2.475 5.09,1.726 5.228,0.892 5.228,-0.028 5.228,-0.837 5.114,-1.543 4.887,-2.148 4.658,-2.753 4.351,-3.269 3.965,-3.702 3.581,-4.134 3.132,-4.499 2.62,-4.797 2.11,-5.094 1.571,-5.34 1.003,-5.536 l 6.275,-7.571 H 1.226 l -5.799,7.056 h -5.649 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,129.34546,155.8465)"
        clip-path="url(#clipPath32)" />
     <path
        id="path33"
        d="M 0,0 V 19.158 H 19.396 V 15.072 H 5.312 V 11.908 H 18.671 V 7.822 H 5.312 V 4.086 H 19.591 V 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,133.22122,160.47029)"
        clip-path="url(#clipPath34)" />
     <path
        id="path35"
        d="M 0,0 -12.926,13.162 V 0 h -5.173 v 19.158 h 5.619 L 0.46,5.939 V 19.158 H 5.605 V 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,148.2782,160.47029)"
        clip-path="url(#clipPath36)" />
     <path
        id="path37"
        d="M 0,0 C 0,0.92 -0.119,1.719 -0.355,2.398 -0.593,3.076 -0.973,3.636 -1.499,4.079 -2.024,4.52 -2.71,4.849 -3.555,5.068 -4.401,5.286 -5.433,5.397 -6.651,5.397 h -6.428 V -5.424 h 6.428 c 1.218,0 2.25,0.11 3.096,0.327 0.845,0.219 1.531,0.553 2.056,1.004 0.526,0.452 0.906,1.017 1.144,1.695 C -0.119,-1.719 0,-0.92 0,0 M 5.214,0 C 5.214,-1.226 5.08,-2.317 4.811,-3.269 4.541,-4.222 4.162,-5.052 3.674,-5.758 3.187,-6.465 2.601,-7.064 1.917,-7.557 1.233,-8.049 0.474,-8.446 -0.362,-8.742 -1.199,-9.04 -2.102,-9.255 -3.068,-9.391 -4.034,-9.526 -5.044,-9.593 -6.093,-9.593 H -18.252 V 9.565 H -6.12 c 1.049,0 2.058,-0.067 3.025,-0.203 0.966,-0.134 1.87,-0.35 2.711,-0.648 C 0.458,8.416 1.223,8.024 1.91,7.536 2.598,7.049 3.187,6.449 3.674,5.738 4.162,5.026 4.541,4.196 4.811,3.249 5.08,2.301 5.214,1.218 5.214,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,158.80929,157.08616)"
        clip-path="url(#clipPath38)" />
     <path
        id="path39"
        d="m 0,0 c -0.474,-0.846 -1.185,-1.585 -2.134,-2.217 -0.948,-0.632 -2.131,-1.132 -3.549,-1.499 -1.417,-0.366 -3.074,-0.549 -4.969,-0.549 -1.897,0 -3.559,0.183 -4.985,0.549 -1.428,0.367 -2.615,0.867 -3.563,1.499 -0.949,0.632 -1.66,1.371 -2.134,2.217 -0.473,0.846 -0.711,1.748 -0.711,2.706 v 12.702 h 5.159 V 4.56 c 0,-0.641 0.083,-1.248 0.244,-1.819 0.162,-0.572 0.469,-1.072 0.92,-1.499 0.452,-0.427 1.084,-0.767 1.897,-1.018 0.813,-0.252 1.871,-0.377 3.173,-0.377 1.292,0 2.341,0.125 3.15,0.377 0.808,0.251 1.439,0.591 1.89,1.018 0.45,0.427 0.754,0.927 0.913,1.499 0.158,0.571 0.238,1.178 0.238,1.819 V 15.408 H 0.711 V 2.706 C 0.711,1.748 0.474,0.846 0,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,170.03912,159.14737)"
        clip-path="url(#clipPath40)" />
     <path
        id="path41"
        d="m 0,0 c -0.363,0.177 -0.842,0.377 -1.437,0.599 -0.594,0.224 -1.267,0.436 -2.022,0.636 -0.753,0.2 -1.571,0.367 -2.453,0.501 -0.883,0.135 -1.79,0.202 -2.72,0.202 -0.742,0 -1.378,-0.023 -1.901,-0.069 -0.526,-0.047 -0.968,-0.107 -1.325,-0.181 -0.358,-0.076 -0.643,-0.16 -0.851,-0.258 -0.21,-0.098 -0.37,-0.198 -0.481,-0.3 -0.112,-0.103 -0.184,-0.205 -0.217,-0.307 -0.032,-0.103 -0.048,-0.194 -0.048,-0.279 0,-0.279 0.14,-0.523 0.419,-0.732 0.277,-0.208 0.659,-0.394 1.142,-0.558 0.484,-0.162 1.045,-0.315 1.688,-0.46 0.641,-0.144 1.321,-0.293 2.043,-0.446 0.72,-0.153 1.464,-0.32 2.231,-0.501 0.766,-0.183 1.51,-0.393 2.23,-0.636 0.72,-0.241 1.401,-0.522 2.043,-0.842 0.641,-0.322 1.203,-0.696 1.687,-1.123 0.484,-0.427 0.864,-0.92 1.143,-1.478 0.279,-0.558 0.419,-1.194 0.419,-1.91 0,-0.92 -0.164,-1.711 -0.489,-2.371 -0.326,-0.659 -0.76,-1.218 -1.303,-1.672 -0.544,-0.457 -1.174,-0.822 -1.889,-1.096 -0.717,-0.274 -1.468,-0.486 -2.253,-0.634 -0.786,-0.148 -1.58,-0.246 -2.384,-0.293 -0.803,-0.046 -1.568,-0.068 -2.293,-0.068 -1.897,0 -3.652,0.155 -5.264,0.466 -1.612,0.31 -3.037,0.7 -4.274,1.165 v 4.573 c 1.273,-0.708 2.727,-1.261 4.358,-1.66 1.632,-0.4 3.376,-0.6 5.235,-0.6 1.097,0 1.991,0.059 2.684,0.174 0.692,0.117 1.235,0.265 1.624,0.446 0.391,0.183 0.656,0.379 0.796,0.593 0.14,0.215 0.208,0.418 0.208,0.615 0,0.306 -0.139,0.573 -0.418,0.801 -0.279,0.227 -0.66,0.427 -1.142,0.599 -0.484,0.172 -1.046,0.331 -1.688,0.474 -0.641,0.145 -1.323,0.289 -2.043,0.432 -0.72,0.145 -1.461,0.3 -2.224,0.467 -0.761,0.169 -1.504,0.365 -2.224,0.593 -0.72,0.229 -1.4,0.492 -2.043,0.795 -0.641,0.302 -1.204,0.66 -1.686,1.074 -0.484,0.413 -0.865,0.892 -1.144,1.436 -0.279,0.545 -0.419,1.173 -0.419,1.89 0,0.846 0.15,1.574 0.447,2.187 0.298,0.615 0.699,1.137 1.207,1.57 0.507,0.432 1.092,0.783 1.755,1.052 0.665,0.271 1.365,0.479 2.1,0.627 0.734,0.15 1.478,0.252 2.231,0.309 0.753,0.055 1.468,0.082 2.146,0.082 0.744,0 1.509,-0.038 2.295,-0.112 0.785,-0.074 1.559,-0.179 2.322,-0.313 0.761,-0.135 1.498,-0.29 2.21,-0.467 C -1.263,4.816 -0.605,4.63 0,4.434 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,178.58305,155.61557)"
        clip-path="url(#clipPath42)" />
     <path
        id="path43"
        d="M 0,0 V 19.158 H 19.396 V 15.072 H 5.312 V 11.908 H 18.671 V 7.822 H 5.312 V 4.086 H 19.591 V 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,180.86975,160.47029)"
        clip-path="url(#clipPath44)" />
     <path
        id="path45"
        d="m 0,0 10.597,7.307 h 6.928 L 4.63,-1.881 18.39,-11.851 H 10.849 L 0,-3.89 v -7.961 H -5.202 V 7.307 H 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,195.16413,156.28948)"
        clip-path="url(#clipPath46)" />
     <path
        id="path47"
        d="M 0,0 V 19.158 H 5.171 V 4.196 H 19.158 V 0 Z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,202.71026,160.47029)"
        clip-path="url(#clipPath48)" />
     <path
        id="path49"
        d="m 0,0 c -0.472,-0.846 -1.185,-1.585 -2.133,-2.217 -0.947,-0.632 -2.132,-1.132 -3.548,-1.499 -1.419,-0.366 -3.076,-0.549 -4.971,-0.549 -1.895,0 -3.559,0.183 -4.985,0.549 -1.427,0.367 -2.615,0.867 -3.563,1.499 -0.947,0.632 -1.66,1.371 -2.132,2.217 -0.475,0.846 -0.713,1.748 -0.713,2.706 v 12.702 h 5.161 V 4.56 c 0,-0.641 0.082,-1.248 0.244,-1.819 0.162,-0.572 0.469,-1.072 0.92,-1.499 0.451,-0.427 1.082,-0.767 1.895,-1.018 0.813,-0.252 1.871,-0.377 3.173,-0.377 1.292,0 2.342,0.125 3.152,0.377 0.806,0.251 1.437,0.591 1.888,1.018 0.451,0.427 0.754,0.927 0.913,1.499 0.158,0.571 0.238,1.178 0.238,1.819 V 15.408 H 0.713 V 2.706 C 0.713,1.748 0.475,0.846 0,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,218.65687,159.14737)"
        clip-path="url(#clipPath50)" />
     <path
        id="path51"
        d="m 0,0 c 0,0.436 -0.076,0.787 -0.224,1.052 -0.148,0.266 -0.379,0.469 -0.696,0.614 -0.317,0.144 -0.723,0.239 -1.226,0.286 -0.503,0.046 -1.103,0.07 -1.799,0.07 h -7.475 v -4.058 h 7.475 c 0.696,0 1.296,0.022 1.799,0.071 0.503,0.044 0.909,0.143 1.226,0.292 0.317,0.149 0.548,0.355 0.696,0.621 C -0.076,-0.787 0,-0.438 0,0 m -1.199,7.598 c 0,0.243 -0.038,0.472 -0.11,0.691 -0.076,0.219 -0.21,0.412 -0.407,0.579 -0.193,0.167 -0.458,0.301 -0.792,0.404 -0.338,0.102 -0.765,0.154 -1.285,0.154 H -11.42 V 5.827 h 7.627 c 0.52,0 0.947,0.047 1.285,0.14 0.334,0.093 0.599,0.219 0.792,0.377 0.197,0.159 0.331,0.346 0.407,0.565 0.072,0.217 0.11,0.448 0.11,0.689 M 5.257,-0.599 C 5.257,-1.344 5.161,-1.99 4.964,-2.537 4.768,-3.087 4.496,-3.559 4.148,-3.953 3.8,-4.348 3.383,-4.67 2.894,-4.914 2.405,-5.161 1.867,-5.357 1.275,-5.5 0.686,-5.645 0.055,-5.745 -0.613,-5.8 -1.282,-5.857 -1.974,-5.884 -2.691,-5.884 h -13.901 v 19.158 h 13.65 c 0.548,0 1.099,-0.024 1.654,-0.071 0.551,-0.046 1.078,-0.132 1.581,-0.256 0.503,-0.126 0.968,-0.3 1.402,-0.524 0.431,-0.222 0.81,-0.515 1.13,-0.878 0.32,-0.362 0.572,-0.8 0.751,-1.311 C 3.759,9.722 3.848,9.119 3.848,8.422 3.848,7.176 3.542,6.187 2.928,5.459 2.315,4.728 1.347,4.243 0.028,4.001 0.958,3.936 1.754,3.795 2.418,3.576 3.083,3.357 3.624,3.061 4.045,2.684 4.461,2.308 4.768,1.847 4.964,1.304 5.161,0.76 5.257,0.126 5.257,-0.599"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,226.8265,158.39447)"
        clip-path="url(#clipPath52)" />
     <path
        id="path53"
        d="m 736.93,213.007 h 5.171 v -19.158 h -5.171 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,-29.628798,228.85569)"
        clip-path="url(#clipPath54)" />
     <path
        id="path55"
        d="m 0,0 c 0,-6.563 0.598,-12.614 1.798,-18.154 1.199,-5.54 3.034,-10.85 5.506,-15.93 2.468,-5.082 5.591,-10.022 9.367,-14.821 3.776,-4.799 8.273,-9.737 13.498,-14.819 L 8.256,-87.33 c -6.494,5.152 -12.404,10.692 -17.73,16.619 -5.33,5.929 -9.917,12.42 -13.761,19.477 -3.847,7.058 -6.829,14.802 -8.946,23.236 -2.117,8.432 -3.174,17.766 -3.174,27.998 0,10.232 1.057,19.565 3.174,27.998 2.117,8.432 5.099,16.178 8.946,23.236 3.844,7.055 8.431,13.53 13.761,19.425 5.326,5.891 11.236,11.448 17.73,16.671 L 30.169,63.724 C 24.944,58.644 20.447,53.704 16.671,48.905 12.895,44.106 9.772,39.167 7.304,34.086 4.832,29.004 2.997,23.694 1.798,18.154 0.598,12.614 0,6.563 0,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,17.392034,86.598093)"
        clip-path="url(#clipPath56)" />
     <path
@@ -484,13 +484,13 @@
     <path
        id="path63"
        d="m 0,0 c 0,6.563 -0.599,12.614 -1.798,18.154 -1.203,5.54 -3.035,10.85 -5.506,15.932 -2.47,5.081 -5.594,10.02 -9.367,14.819 -3.776,4.799 -8.275,9.739 -13.498,14.819 l 13.233,14.292 v 0.21 l 8.682,9.104 C -1.836,82.46 3.952,77.062 9.105,71.134 c 3.88,-4.377 7.411,-9.033 10.584,-13.973 3.176,-4.94 5.891,-10.215 8.151,-15.825 2.26,-5.61 4.041,-11.627 5.347,-18.047 1.305,-6.424 2.029,-13.303 2.17,-20.641 V 0 c 0,-7.764 -0.62,-14.996 -1.853,-21.699 -1.237,-6.706 -2.984,-12.967 -5.24,-18.789 -2.26,-5.823 -5.013,-11.257 -8.255,-16.303 -3.249,-5.045 -6.883,-9.827 -10.904,-14.343 -2.401,-2.681 -4.888,-5.239 -7.462,-7.674 -2.577,-2.434 -5.205,-4.78 -7.889,-7.039 -0.351,-0.211 -0.686,-0.423 -1.002,-0.635 -0.321,-0.212 -0.655,-0.493 -1.006,-0.848 l -8.682,9.104 v 0.212 l -13.233,14.29 c 5.223,5.082 9.722,10.02 13.498,14.819 3.773,4.799 6.897,9.739 9.367,14.821 2.471,5.08 4.303,10.39 5.506,15.93 C -0.599,-12.614 0,-6.563 0,0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,253.87058,86.598093)"
        clip-path="url(#clipPath64)" />
     <path
        id="path65"
        d="m 869.253,436.171 h 40.118 v -38.108 h -40.118 z m 23.709,-126.814 h -32.391 l 8.682,59.597 h 39.06 z"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       style="fill:#1a181b;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(0.35277776,0,0,-0.35277776,-29.628798,228.85569)"
        clip-path="url(#clipPath66)" />
   </g>

assets/main.scss

@@ -0,0 +1,35 @@
+---
+---
+$color-primary: #f0941d;
+$color-secondary: #ffa80d;
+
+body {
+    color: #1e1e1e;
+    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+    font-weight: 400;
+}
+
+a, a:link, a:visited {
+    color: $color-primary;
+}
+a:active, a:hover {
+    color: $color-secondary;
+}
+
+h4 {
+    font-weight: 400;
+}
+
+@import 'header';
+@import 'footer';
+@import 'home';
+@import 'mentors';
+@import 'contact';
+@import 'helpdesk';
+@import 'ourwork';
+@import 'student';
+@import 'shared';
+@import 'statute';
+@import 'history';
+@import 'members';
+@import 'striim';

assets/mentors-images/convert-mentors-images.sh

@@ -0,0 +1,11 @@
+mkdir -p optimised
+for file in original/*; do
+    echo $file
+    base_name=$(basename $file)
+    if [[ $base_name == *"airiin"* ]] || [[ $base_name == *"lembitu"* ]] ; then
+        gravity=north
+    else
+        gravity=center
+    fi    
+    magick ${file} -resize "400x400^>" -gravity $gravity -extent 400x400  optimised/${base_name%}
+done

assets/ourwork-images/convert-ourwork-images.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+mkdir -p optimised
+for file in original-jpg-converted/*; do
+    echo $file
+    base_name=$(basename $file)
+    convert ${file} -resize "1000x1000>" -quality 89 optimised/${base_name}
+done