new website

_config.yml

@@ -14,9 +14,9 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
 title: EuRuKo 2024
-email: muhamed@euruko.org
+email: organisers@euruko.org
 description: >- # this means to ignore newlines until "baseurl:"
-  EuRuKo is the annual European Ruby Conference. Join us in Tuzla, Bosnia & Herzegovina in 2024 on 12-13th of September.
+  EuRuKo is the annual European Ruby Conference. Join us in Sarajevo, Bosnia & Herzegovina in 2024 on 11th - 13th of September.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://2024.euruko.org" # the base hostname & protocol for your site, e.g. http://example.com
 

_data/organizing_partners.yml

@@ -0,0 +1,17 @@
+- name: BRAVO
+  key: bravo
+  logo: bravo.png
+  url: https://bravo-bih.com/
+  level: organizer
+
+- name: Fondacija poduzetnika u BiH
+  key: fondacija
+  logo: fondacija_poduzetnika.png
+  url: https://poduzetnici.ba/
+  level: organizer
+
+- name: Triton produkcija
+  key: triton
+  logo: triton.png
+  url: https://www.tritonprodukcija.ba/
+  level: production

_data/sponsors.yml

@@ -1,22 +1,6 @@
-- name: BRAVO
-  key: bravo
-  logo: bravo.png
-  url: https://bravo-bih.com/
-  description: Bosnian Representative Association for Valuable Opportunities (BRAVO) is a non-profit and non-governmental organization. BRAVO is a professional organization based and focused on knowledge, entrepreneurship, civil society development, non-formal education and innovative learning and development techniques for young people and adults. What makes this organization outstanding and ready to take responsibility are our key principles -> tolerance, democracy, diversity, voluntariness and openness.
-  facebook: https://www.facebook.com/BravoSarajevo/
-  instagram: https://www.instagram.com/bravo.bih/?hl=en
-  linkedin: https://www.linkedin.com/company/bravo-bih/
-  twitter: https://twitter.com/bravo_bih?lang=en
-  level: partner
-  has_jobs: false
-
 - name: Meister
   key: meister
   logo: meisterlabs.svg
   url: https://www.meisterlabs.com
-  description: For over 15 years, we have created stunningly-designed productivity tools that help teams work beautifully together. The incredible success of our first product, MindMeister, followed by the introduction of MeisterTask and MeisterNote, means that the Meister Suite is essential to productivity for countless teams around the world. Our journey is only possible through the efforts of the Meister team, the support of our investors, and the incredible engagement of over 33 million users worldwide. As a product-led company, we are defined by what we create, which is why everything we do is guided by a clear, big-picture philosophy about what sort of company we want to be.
-  twitter: https://twitter.com/mindmeister
-  facebook: https://www.facebook.com/mindmeister/
-  linkedin: https://www.linkedin.com/company/meisterlabs-gmbh
-  level: partner
-  has_jobs: false
+  description: For over 15 years, we have created stunningly-designed productivity tools that help teams work beautifully together. We are defined by what we create, which is why everything we do is guided by a clear, big-picture philosophy about what sort of company we want to be.  What we create, which is why everything we do is guided by a clear, big-picture philosophy about what sort of company we want to be.
+  level: ruby

_includes/footer.html

@@ -1,12 +1,47 @@
-<footer class="section-spacing">
-    <view column class="layout-wrapper">
-        <view class="justify-sb align-items-center h-flex-wrap">
-            {% include logo.html %}
-            {% include social_buttons.html %}
-        </view>
-        <view class="subfooter">
-            <p>&copy; EuRuKo 2024 | Tuzla, Bosnia & Herzegovina</p>
-            <a href="mailto:[email protected]" target="_blank">Contact Us</a>
-        </view>
-    </view>
-</footer>
+<footer class="footer">
+    <div class="footer__content">
+        <form
+            action="https://euruko.us10.list-manage.com/subscribe/post?u=4737277ee0b37205131631c0d&amp;id=1a6fade1a6&amp;f_id=0017e7e5f0"
+            method="post"
+            id="mc-embedded-subscribe-form"
+            name="mc-embedded-subscribe-form"
+            class="footer__form"
+            target="_blank"
+            novalidate
+        >
+            <div class="footer__logo">
+                <img src="/assets/images/logo.svg" alt="Euruko'24 newsletter" />
+            </div>
+            <div class="footer__input">
+                <label class="footer__input__label">Subscribe to our newsletter for updates</label>
+                <input type="email" name="EMAIL" id="mce-EMAIL" class="footer__input__field" placeholder="[email protected]" />
+            </div>
+            <button type="submit" name="subscribe" class="button button--primary">Subscribe</button>
+            <div aria-hidden="true" style="position: absolute; left: -5000px">
+                /* real people should not fill this in and expect good things - do
+                not remove this or risk form bot signups */
+                <input
+                    type="text"
+                    name="b_4737277ee0b37205131631c0d_1a6fade1a6"
+                    tabindex="-1"
+                    value=""
+                />
+            </div>
+        </form>
+        <div class="footer__info">
+        <div class="footer__copyright">
+            © EuRuKo 2024 | Sarajevo, BiH
+        </div>
+        <div class="footer__connect">
+            <span class="footer__connect__item">Sponsorship: <a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
+            <span class="footer__connect__item">Partnership: <a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
+            <span class="footer__connect__item">Other: <a href="mailto:[email protected]" target="_blank">[email protected]</a></span>
+        </div>
+        <div class="footer__links">
+            <a href="https://twitter.com/euruko" target="_blank" class="footer__links__item for-twitter"></a>
+            <a href="https://ruby.social/@Euruko" target="_blank" class="footer__links__item for-mastodon"></a>
+            <a href="https://www.linkedin.com/company/euruko/" target="_blank" class="footer__links__item for-linkedin"></a>
+        </div>
+        </div>
+    </div>
+</footer>

_includes/navigation.html

@@ -1,23 +1,72 @@
-<nav>
-  <view class="layout-wrapper h-flex-wrap">
-      {% include logo.html %}
-
-      <div id="menu-opener" onClick="openMenu()">
-          <img src="/assets/images/menu.svg" width="30" height="24"/>
+<nav class="navbar">
+  <div class="navbar__inner">
+    <ul class="navbar__list">
+      <li class="navbar__list__item">
+        <a href="/coc" class="navbar__list__link">CoC</a>
+      </li>
+      <li class="navbar__list__item">
+        <a href="/why_the_goat" class="navbar__list__link">Why the goat?</a>
+      </li>
+      <li class="navbar__list__item">
+        <a href="/#location" class="navbar__list__link">Location</a>
+      </li>
+    </ul>
+    <div class="navbar__logo">
+      <a href="/" >
+        <img src="/assets/images/logotip.png" alt="EuRuKo 2024" />
+      </a>
+    </div>
+    <ul class="navbar__list">
+      <li class="navbar__list__item">
+        <a href="/#sponsors" class="navbar__list__link">Sponsors</a>
+      </li>
+      <li class="navbar__list__item has-note">
+        <a href="#" class="button button--primary">Get Tickets</a>
+        <span class="navbar__note">Coming Soon</span>
+      </li>
+    </ul>
+  </div>
+  <div class="navbar__mobile">
+    <div class="navbar__mobile__inner">
+      <div class="navbar__logo">
+        <a href="/" >
+          <img src="/assets/images/logotip.png" alt="EuRuKo 2024" />
+        </a>
       </div>
-      <view class="responsive-wrapper align-items-center">
-        <view class="menu">
-          <a href="/sponsoring" {% if page.path contains 'sponsoring' %}class="selected"{% endif %}>Sponsors</a>
-          <a href="/coc" {% if page.path contains 'coc' %}class="selected"{% endif %}>CoC</a>
-        </view>
-
-        <a href="#" class="button bg-red" target="_blank" aria-disabled="true">Coming soon!</a>
-      </view>
-  </view>
+      <div onClick="toggleMenu()" class="navbar_mobile__menu">
+        <img src="/assets/images/menu.svg"/>
+      </div>
+    </div>
+    <div class="navbar__mobile__content">
+      <div class="navbar__mobile__content__inner">
+        <div onClick="toggleMenu()" class="navbar_mobile__close">
+          <img src="/assets/images/close.svg"/>
+        </div>
+        <ul class="navbar__list">
+          <li class="navbar__list__item">
+            <a href="/coc" class="navbar__list__link">CoC</a>
+          </li>
+          <li class="navbar__list__item">
+            <a href="/why_the_goat" class="navbar__list__link">Why the goat?</a>
+          </li>
+          <li class="navbar__list__item">
+            <a href="/#location" class="navbar__list__link">Location</a>
+          </li>
+          <li class="navbar__list__item">
+            <a href="/#sponsors" class="navbar__list__link">Sponsors</a>
+          </li>
+          <li class="navbar__list__item has-note">
+            <a href="#" class="button button--primary">Get Tickets</a>
+            <span class="navbar__note">Coming Soon</span>
+          </li>
+        </ul>
+      </div>
+    </div>  
+  </div>
 </nav>
 
 <script type="text/javascript">
-  function openMenu() {
-      document.getElementsByTagName('nav')[0].classList.toggle('active');
+  function toggleMenu() {
+    document.getElementsByClassName('navbar__mobile__content')[0].classList.toggle('is-visible');
   }
 </script>