Add new members, disable mentors and fix typos (#171)

* Fix typo

* Remove /mentors from naviagation and fix typos

* Add new junior member

---------

Co-authored-by: karker <kerdo.kaarma@gmail.com>

.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

@@ -8,20 +8,20 @@
   phone: +372 5807 2867
 
 - name: Randel Mandre
-  photo: coming-soon.jpg
+  photo: Randel_Mandre.jpg
   role: Juhatuse liige
   subrole: Tarkvaravaldkonna juht
   email: randel@lapikud.ee
 
 - name: Marten Tihanov
-  photo: coming-soon.jpg
+  photo: Marten_Tihanov.jpg
   role: Juhatuse liige
   subrole: Helpdeski juht
   email: marten@lapikud.ee
   phone: +372 5349 8947
 
-- name: Oluwatobiloba Promise Temitope
-  photo: coming-soon.jpg
+- name: O. Promise Temitope
+  photo: Oluwatobiloba_Promise_Temitope.jpg 
   role: Juhatuse liige
   subrole: Kultuurivaldkonna juht
   email: promise@lapikud.ee

_data/members.yml

@@ -23,6 +23,7 @@ junior:
   - Maria-Laurita Laimets
   - Marten Laane
   - Remi Vilsaar
+  - Remu-Mooses Salminen
   - Riho-Martin Haavasalu
   - Siim Marist
   - Silver Slinko
@@ -58,20 +59,6 @@ senior:
   - Siret Sillar
   - 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

_data/mentors.yml

@@ -1,11 +1,11 @@
 # Mentors
 
 - name: Agnes Triin Saga
-  age: 28
+  age: 29
   photo: agnes_triin_saga_mentor.jpg
   speciality: Süsteemi administaator
   teams: ['Helpdesk']
-  term: 3
+  term: 4
   contactMethods:
     - name: Discord
       value: dragons4president
@@ -16,7 +16,7 @@
     Mulle meeldib star trek ja üldiselt sci-fi ning fantaasia, mind huvitavad reisimine, viipekeel ja strateegilised lauamängud. Tegelenud põhiliselt windowsi süsteemide (administreerimisega).
 
 - name: Christopher Rammul
-  age: 23
+  age: 24
   photo: christopher_rammul_mentor.jpg
   speciality: Mehhatroonika 
   teams: ['Kultuur', 'Juhatus']
@@ -32,11 +32,11 @@
     Olen 5. 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.
 
 - name: Erki Lasberg
-  age: 23
+  age: 24
   photo: erki_lasberg_mentor.jpg 
   speciality: IT süsteemide administreerimine
   teams: ['Helpdesk', 'Juhatus']
-  term: 3
+  term: 4
   contactMethods:
     - name: Discord 
       value: the_legend_27__ 
@@ -48,7 +48,7 @@
     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: Jürjo Eibak
-  age: 26
+  age: 27
   photo: jürjo_eibak_mentor.jpg
   speciality: Salastatud
   teams: ['Kultuur']
@@ -66,30 +66,9 @@
 
     Minuga ei hakka kunagi igav, sest mul on alati mõni naljakas tähelepanek või põnev lugu varuks. 
 
-- name: Karina Reisel
-  active: false
-  age: 22
-  photo: karina_reisel_mentor
-  speciality: Riistvara arendus ja programmeerimine
-  teams: ['Kultuur', 'Tarkvara']
-  term: 4
-  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: Katri Lotamõis
-  age: 29
+  age: 30
   photo: katri_lotamõis_mentor.jpg
   speciality: Tarkvaraarendus
   teams: ['Kultuur', 'Tarkvara']
@@ -103,11 +82,11 @@
     Tegelen Lapikutes põhiliselt kultuuritiimis ürituste korraldamisega ja turundamisega ning olen ka tarkvaratiimis, kus aitan arendada erinevaid tarkvaraprojekte. Erinen teistest lapikutest veidi selle poolest, et õpin hetkel hoopis Tallinna Tööstushariduskeskuses nooremtarkvaraarendaja erialal esimesel aastal. Minu tee IT-sse avas Java, mis on siiani minu lemmikuim keel tarkvaraprojektides kasutamiseks. Lapikutes olemise juures meeldib mulle kõige enam ühiste tegevuste planeerimine ning erinevate projektide kallal töötamine tiimina.
 
 - name: Kerdo Käärma
-  age: 22
+  age: 23
   photo: kerdo_käärma_mentor.jpg
   speciality: IT süsteemide arendus
   teams: ['Kultuur', 'Tarkvara', 'Juhatus']
-  term: 3
+  term: 4
   contactMethods:
     - name: Discord
       value: krooles
@@ -123,7 +102,7 @@
     FromSoftware fanboy ja anime enjoyer.
 
 - name: Reio Opromei
-  age: 24
+  age: 25
   photo: reio_opromei_mentor.jpg
   speciality: IT süsteemide arendus
   teams: ['Kultuur', 'Juhatus']
@@ -141,11 +120,11 @@
      
 
 - name: Rene Arumetsa
-  age: 29
+  age: 30
   photo: rene_arumetsa_mentor.jpg
   speciality: IT süsteemide administeerimine
   teams: ['Helpdesk', 'Tarkvara', 'Juhatus'] 
-  term: 3
+  term: 4
   contactMethods:
     - name: Discord
       value: renxik
@@ -162,7 +141,7 @@
 
 
 - name: Lembitu Valdmets
-  age: 31
+  age: 32
   photo: lembitu_valdmets_mentor.jpg
   speciality: Arvutisüsteemid (Lõpetanud)
   teams: ['Helpdesk']

_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,5 @@
+<li><a href="/student">Tudengile</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="/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,115 @@
+#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;
+        display       : flex;
+        flex-direction: column;
+        align-items   : center;
+
+        img {
+          display : block;
+          width   : 150px;
+          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,39 @@
+---
+---
+$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;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+@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    
+    convert ${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