From 0c6307971ad5f424bab0bc25128e92dcb2738398 Mon Sep 17 00:00:00 2001
From: Lorin Werthen <werthenlorin@gmail.com>
Date: Tue, 26 Jun 2018 10:55:36 +0200
Subject: [PATCH] vanilla JS >>> jQuery

---
 content/assets/scripts/gamification.coffee    |  1 -
 content/assets/scripts/search.coffee          | 21 ++++++++++++-------
 .../17-18/eet-en-drankgewoonten-in-zeus.md    |  2 ++
 content/index.erb                             |  1 +
 content/search.erb                            |  2 ++
 layouts/default.erb                           |  5 +----
 6 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/content/assets/scripts/gamification.coffee b/content/assets/scripts/gamification.coffee
index 976f9db..ea74a35 100644
--- a/content/assets/scripts/gamification.coffee
+++ b/content/assets/scripts/gamification.coffee
@@ -1,4 +1,3 @@
-$ ->
   $.getJSON 'https://zeus.ugent.be/game/top4/show.json', (data) ->
     str = "<table>"
     for x in data
diff --git a/content/assets/scripts/search.coffee b/content/assets/scripts/search.coffee
index 71acd1b..542fadd 100644
--- a/content/assets/scripts/search.coffee
+++ b/content/assets/scripts/search.coffee
@@ -1,9 +1,16 @@
-$('#tipue_search_input_field').on 'focusin', ->
-  $('#tipue_search_input').addClass("focused")
+input_field = document.getElementById('tipue_search_input_field')
+input = document.getElementById('tipue_search_input')
 
-$('#tipue_search_input_field').on 'focusout', ->
-  $('#tipue_search_input').removeClass("focused")
+input_field.addEventListener 'focusin', ->
+  input.classList.add('focused')
 
-$('.navbar-burger').on 'click', ->
-  $('.navbar-menu').toggleClass('is-active')
-  $('.navbar-burger').toggleClass('is-active')
+input_field.addEventListener 'focusout', ->
+  input.classList.remove('focused')
+
+burger = document.getElementsByClassName('navbar-burger')[0]
+menu = document.getElementsByClassName('navbar-menu')[0]
+
+burger.addEventListener 'click', ->
+  s = 'is-active'
+  if menu.classList.contains(s) then menu.classList.remove(s) else menu.classList.add(s)
+  if burger.classList.contains(s) then burger.classList.remove(s) else burger.classList.add(s)
diff --git a/content/blog/17-18/eet-en-drankgewoonten-in-zeus.md b/content/blog/17-18/eet-en-drankgewoonten-in-zeus.md
index 45402d5..68e6a0f 100644
--- a/content/blog/17-18/eet-en-drankgewoonten-in-zeus.md
+++ b/content/blog/17-18/eet-en-drankgewoonten-in-zeus.md
@@ -130,6 +130,8 @@ Hier kunnen we verschillende statistieken van Haldis en Tap met elkaar vergelijk
 </div>
 
 <% content_for :scripts do %>
+<script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script>
+
 <!-- CDNS -->
 <script src="https://d3js.org/d3.v5.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css" integrity="sha256-iYUgmrapfDGvBrePJPrMWQZDcObdAcStKBpjP3Az+3s=" crossorigin="anonymous" />
diff --git a/content/index.erb b/content/index.erb
index 7eb2bcd..2cffe09 100644
--- a/content/index.erb
+++ b/content/index.erb
@@ -5,6 +5,7 @@
 <% end %>
 
 <% content_for :scripts do %>
+<script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script>
 <%= asset :js, :gamification %>
 <% end %>
 
diff --git a/content/search.erb b/content/search.erb
index 32256f7..75cc144 100644
--- a/content/search.erb
+++ b/content/search.erb
@@ -18,6 +18,8 @@ title: Search
 </div>
 
 <% content_for :scripts do %>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch_set.js"></script>
+<%= asset :js, :tipuesearch %>
 <script>
 $(document).ready(function() {
   $('#tipue_search_input_field').tipuesearch({
diff --git a/layouts/default.erb b/layouts/default.erb
index e7517c4..4483c4c 100644
--- a/layouts/default.erb
+++ b/layouts/default.erb
@@ -52,10 +52,7 @@
       </div>
     <%= render '/partials/_footer.*' %>
 
-  <script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch_set.js"></script>
-  <%= asset :js, :tipuesearch %>
-  <%= asset :js, :search %>
   <%= content_for(@item, :scripts) %>
+  <%= asset :js, :search %>
   </body>
 </html>