optimize and minify css

KÉZIKÖNYV.md

@@ -20,7 +20,7 @@ dis-alcim:
 
 dis-bevezeto:
 
-- Csak az első két nagy cikknél jelenik meg
+- Asztalin csak az első két nagy cikknél jelenik meg, mobilon az midegyiknél kivéve az első kettő
 
 #### Dokumentum beállítások
 
@@ -48,7 +48,7 @@ Cikkíró:
 #### Blokkok és egyéb megjegyzések
 
 
-Bevezető: Az első bekezdés-t állítsd Címsor-H4-re, hogy megfelelő legyen a kiemelés 
+Bevezető: Az első bekezdés-t állítsd Kiemelés4 (H4), hogy megfelelő legyen a kiemelés.
 
 Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus.
 
@@ -76,6 +76,9 @@ A leírást itt kell szerkeszteni:
 
 - Bejegyzés > Címkék > Szerkesztés
 
+### Rólunk
+
+A cikkenek az legyen a slug-ja, hogy `rolunk`
 
 ## Beállítások
 
@@ -98,6 +101,22 @@ Megjelenés > Testreszabás > Designisso 2019
 
 Itt kell beállítani hogy hány cikk jelenjen meg a kezdőlapon illetve az archívumokban
 
+Alapértelmezett értékek, ha nem írsz be semmit akkor érvényesek! Ha utólag kitörlöd az értékeket, nem fognak működni a dolgok!
+
+- Kezdőlapon megjelenő posztok száma: 20
+- Címke archívumban megjelenő posztok száma: 10
+- Archívumban és keresési találatokban megjelenő posztok száma: 11
+- Hasonló cikkek száma: 3
+
+## Téma frissítése
+
+Automatikus frissítés nincs.
+
+- Ellenőrizd, hogy a 'Update Theme and Plugins from Zip File' bővítmény be van-e kapcsolva
+- (Opcionális) Kapcsold be a biztonsági mentését a régi verziónak: Beállítások -> Update Theme and Plugins from Zip File
+- Töltsd le a téma legfrissebb verzióját innen: https://git.gyetpet.dynu.net/infeeeee/dis-2019/releases Válaszd a 'Source Code (ZIP)' gombot
+- Wordpressen témáknál telepítsd mint egy új témát. Ha a fent említett bővítmény be van kapcsolva, akkor felül fogja írni a jelenlegi verziót.
+
 ## Developement verzió telepítése
 
 Szükséges: python2, gulp global, max node 11

_jegyzet.md

@@ -14,12 +14,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
 	margin: $v-unit-1 				=> 4rem
 	top: calc(#{$v-unit-1}/ 2); 	=> 2rem
 
-
-## További kérdések 
-
-Kiscímek
-	.vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent!
-
 $bigmobile: 360px +
 
 $only-mobile:  0- 768px

_teendők.md

@@ -12,19 +12,4 @@ Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimaliz
 
 # Megjegyzések
 
-## DESKTOP
+~ Adrinak írni, hogy küldjön tökéletesen négyzet logót - szerintem nem kell, megoldottam azt az 1px problémát
-~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
-
-## DESKTOP
-~ Be, Do… > caroussel nézetben alul pixelnyi csíkhiba -> nem látom, de az a tippem, hogy ez élsimítási hiba, nem tudok ezzel mit kezdeni, ezt a böngésző/oprendszer szabályozza
-~ cikkoldal: keskenyebb szövegbox > jobb margin marad, balt beljebb húzni -> nincs fix jobb margin, az folyton változik, legyen nagyobb a bal? De akkor nem fog a logóhoz és a vonalhoz zárni, hanem lebegni fog a szöveg a semmiben
-~ Rólunk > képháttér nincs -> ez a sárga cuccok, amik csak mobilon vannak? és ott más szöveg van mint a desktop mintában a rólunk cikkben? fix a háttér vagy scrolloz a szöveggel, változtatható legyen? nyútsam a képet más képaránynál vagy ismétlődjön, vagy fehér alul fölül ha magasabb a telefon?
-
-## MOBIL 
-
-~ mobil: színes felső vonal hiányzik a nyitócikk képének alsó élénél (lásd: Adri terve) -> Csak az első cikknél/első két cikknél van vagy mindegyiknél?
-
-### Iphone only???
-~ nem mindig működik a home DIS gomb -> Mikor nem működik, nem találok ilyet, elvileg mindenhol mennie kell, vsz ugyanaz a hiba okozta mint az eltűnő dolgokat, szerintem ezt is megoldottam, de ellenőrizd
-~ menü: fenti ikonok jelenjenek meg rögtön (esemény, insta most csak lefelé görgetésnél jön elő) -> szerintem megoldottam, de ellenőrizd
-~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent

category-esemeny.php

@@ -16,7 +16,7 @@
 
 			<!-- post thumbnail -->
 			<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
-				<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>">
+				<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
 					<?php the_post_thumbnail('home-event-thumbnail');?>
 				</a>
 			<?php endif;?>
@@ -45,7 +45,8 @@
 				<div class="bottom-row">
 					<!-- title -->
 					<h2>
-						<?php the_title();?>
+						<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
+						
 					</h2>
 					<div class="vr"></div>
 					<!-- Tovább button -->

functions.php

@@ -225,6 +225,15 @@ function add_slug_to_body_class($classes)
     return $classes;
 }
 
+function add_masonry_to_body_class( $classes ) {
+    if(is_home() || is_archive() || is_search() || is_404()){
+        $classes[] = 'masonrypage';
+    } else if(is_singular()){
+        $classes[] = 'singularpage';
+    }
+    return $classes;
+}
+
 // // If Dynamic Sidebar Exists
 // if (function_exists('register_sidebar'))
 // {
@@ -530,7 +539,7 @@ function dis_2019_more_posts_on_home(&$query)
 
 
 
-    console_debug($query);
+    //console_debug($query);
     // console_debug($query->query_vars[related_loop]);
       
 
@@ -605,6 +614,7 @@ remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
 // Add Filters
 add_filter('avatar_defaults', 'dis2019gravatar'); // Custom Gravatar in Settings > Discussion
 add_filter('body_class', 'add_slug_to_body_class'); // Add slug to body class (Starkers build)
+add_filter('body_class', 'add_masonry_to_body_class'); // Add masonry to body class
 add_filter('widget_text', 'do_shortcode'); // Allow shortcodes in Dynamic Sidebar
 add_filter('widget_text', 'shortcode_unautop'); // Remove <p> tags in Dynamic Sidebars (better!)
 add_filter('wp_nav_menu_args', 'my_wp_nav_menu_args'); // Remove surrounding <div> from WP Navigation

gulpfile.js

@@ -3,12 +3,14 @@
 var gulp = require('gulp');
 var sass = require('gulp-sass');
 var livereload = require('gulp-livereload');
+var cleanCSS = require('gulp-clean-css');
 
 sass.compiler = require('node-sass');
 
 gulp.task('sass', function () {
     return gulp.src('./sass/**/*.scss')
         .pipe(sass().on('error', sass.logError))
+        .pipe(cleanCSS())
         .pipe(gulp.dest('./css'))
 
 });

header.php

@@ -44,32 +44,51 @@
 
 			<!-- ------------------------------ header-1 ------------------------------- -->
 
-			<div class="header-1">
+			<div class="header-1 header-inner">
 				<!-- logo -->
 				<div class="logo">
 					<a href="<?php echo home_url(); ?>">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/dis-logo.svg"
+						<div class="dis-logo">
+						</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.png" />
+						</object> -->
 					</a>
 				</div>
 				<!-- /logo -->
 				<div class="fb-link social-link">
 					<a href="https://www.facebook.com/designisso" target="_blank">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon.svg"
+						<div class="facebook-icon icon menuicon">
+						</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.png" />
+						</object> -->
 					</a>
 
 				</div>
 				<div class="search-box">
 					<button type="button" id="search-button">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.svg"
+					<div class="kereso-icon icon">
+					
+					</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
+						</object> -->
 					</button>
 					<div class="search-bar">
 						<?php get_search_form();?>
@@ -89,31 +108,52 @@
 
 			<!-- ----------------------------- header 2 ------------------------------ -->
 
-			<div class="header-2">
+			<div class="header-2 header-inner">
 				<div class="menubutton">
 					<button type="button" id="toggle-sidebar">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/dis-plus.svg"
+					<div class="menubutton-icon icon menuicon">
+					
+					</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.png" />
+						</object> -->
 
 					</button>
 
 				</div>
 				<div class="ig-link social-link">
 					<a href="https://www.instagram.com/design_is_so/" target="_blank">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon.svg"
+					<div class="instagram-icon icon menuicon">
+					
+					</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.png" />
+						</object> -->
 					</a>
 				</div>
 				<div class="events-link">
 					<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top">
-						<object data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.svg"
+						<div class="esemeny-icon icon menuicon">
+						
+						</div>
+						<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.svg"
 							type="image/svg+xml">
-							<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.png" />
+							<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.png" />
 						</object>
+						<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.svg"
+							type="image/svg+xml">
+							<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.png" />
+						</object> -->
 					</a>
 				</div>
 

img/dis-logo-black.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="47.293671mm"
+   height="46.798794mm"
+   viewBox="0 0 47.293671 46.798794"
+   version="1.1"
+   id="svg260"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="dis-logo.svg">
+  <defs
+     id="defs254" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="185.14836"
+     inkscape:cy="-80.588807"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="2001"
+     inkscape:window-height="1335"
+     inkscape:window-x="673"
+     inkscape:window-y="69"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata257">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline"
+     transform="translate(-11.221473,-3.6311089)">
+    <path
+       d="m 42.075803,16.517198 -17.7165,17.834327 3.3027,3.19264 17.71509,-17.83327 z"
+       style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
+       id="path172"
+       inkscape:connector-curvature="0" />
+    <path
+       d="M 16.022423,8.0725809 V 19.475417 h 2.8515 c 1.83021,0 3.3902,0 4.86128,-0.9906 1.44074,-0.960261 2.31069,-2.579864 2.31069,-4.801306 0,-1.980494 -0.81033,-3.480505 -2.16006,-4.4707521 -1.56139,-1.140178 -3.15171,-1.140178 -4.92195,-1.140178 z m -4.80095,-4.441472 h 7.68208 c 2.49097,0 5.04155,0 7.68245,1.740959 2.64054,1.650294 4.50109,4.501091 4.50109,8.3114431 0,4.111978 -2.19075,7.232297 -5.25145,8.882592 -2.43064,1.320447 -4.56107,1.320447 -6.9021,1.320447 h -7.71207 z"
+       style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
+       id="path176"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 56.235493,35.485884 c -2.40101,-1.050219 -4.89127,-1.591027 -7.26264,-1.591027 -1.68028,0 -3.0607,0.510469 -3.02966,1.891594 0,1.619953 2.45922,1.920168 5.16009,2.340327 3.8421,0.570441 7.41186,1.770239 7.41186,5.850818 0,5.011563 -5.16079,6.452307 -9.21174,6.452307 -3.48121,0 -6.66221,-0.689682 -9.45232,-2.191102 l 1.95015,-4.140907 c 2.34103,1.199798 5.16149,2.010482 7.86201,2.010482 1.58961,0 3.51119,-0.359834 3.51119,-1.980497 0.0296,-1.46967 -1.50072,-1.890535 -3.99027,-2.250368 -4.11233,-0.50941 -8.31285,-1.620308 -8.34284,-6.152444 0.03,-4.349398 4.23051,-6.150681 8.64165,-6.150681 2.88113,0 5.46241,0.449792 8.40246,1.740606 z"
+       style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
+       id="path180"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

img/dis-plus-black.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="57px"
+   height="58px"
+   viewBox="0 0 57 58"
+   enable-background="new 0 0 57 58"
+   xml:space="preserve"
+   sodipodi:docname="dis-plus.svg"
+   inkscape:export-filename="/media/miniretek/ssd/www/designisso/wp-content/themes/dis-2019/img/dis-plus.png"
+   inkscape:export-xdpi="165.51724"
+   inkscape:export-ydpi="165.51724"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata9"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs7" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1511"
+   inkscape:window-height="866"
+   id="namedview5"
+   showgrid="false"
+   inkscape:zoom="4.0689655"
+   inkscape:cx="-17.639047"
+   inkscape:cy="33.915254"
+   inkscape:window-x="173"
+   inkscape:window-y="235"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   points="34,0 24,0 24,1 24,24 0,24 0,25 0,34 24,34 24,58 33,58 34,58 34,34 56,34 57,34 57,24 34,24 "
+   id="polygon2"
+   style="fill:#000000;fill-opacity:1" />
+</svg>

img/facebook_icon-black.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="44.034px"
+   height="44.082px"
+   viewBox="0 0 44.034 44.082"
+   enable-background="new 0 0 44.034 44.082"
+   xml:space="preserve"
+   sodipodi:docname="facebook_icon.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1368"
+   inkscape:window-height="1220"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="10.707318"
+   inkscape:cx="21.943301"
+   inkscape:cy="16.544497"
+   inkscape:window-x="0"
+   inkscape:window-y="27"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g6"
+   style="fill:#000000;fill-opacity:1">
+	<path
+   d="M36.379,7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338,4.004,7.668,7.678c-3.671,3.673-5.949,8.751-5.949,14.364   c0,5.615,2.278,10.693,5.949,14.376c3.67,3.675,8.741,5.944,14.349,5.944s10.681-2.27,14.362-5.944   c3.669-3.684,5.937-8.762,5.937-14.376C42.315,16.429,40.048,11.351,36.379,7.678 M22.017,0C28.1,0,33.598,2.467,37.585,6.456   c3.987,3.994,6.449,9.498,6.449,15.586c0,6.09-2.462,11.595-6.449,15.586c-3.988,3.991-9.485,6.454-15.569,6.454   c-6.082,0-11.581-2.462-15.569-6.454C2.462,33.637,0,28.132,0,22.042C0,15.954,2.462,10.45,6.448,6.456   C10.436,2.467,15.935,0,22.017,0"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M23.699,17.539v-1.806c0-0.866,0.574-1.073,0.989-1.073h2.523v-3.857h-3.475c-3.865,0-4.731,2.855-4.731,4.711v2.026   h-2.242v2.722v1.781h2.267v11.253h4.5V22.042h3.326l0.147-1.768l0.268-2.735H23.699z"
+   id="path4"
+   style="fill:#000000;fill-opacity:1" />
+</g>
+</svg>

img/instagram_icon-black.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="42.531px"
+   height="43.102px"
+   viewBox="0 0 42.531 43.102"
+   enable-background="new 0 0 42.531 43.102"
+   xml:space="preserve"
+   sodipodi:docname="instagram_icon.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1503"
+   inkscape:window-height="1382"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="15.486724"
+   inkscape:cx="21.988053"
+   inkscape:cy="18.191441"
+   inkscape:window-x="0"
+   inkscape:window-y="27"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g6"
+   style="fill:#000000;fill-opacity:1">
+	<path
+   d="M7.367,7.451c-3.545,3.604-5.748,8.567-5.748,14.058c0,5.477,2.203,10.453,5.748,14.045   c3.543,3.593,8.441,5.824,13.859,5.824c5.416,0,10.313-2.231,13.869-5.824c3.545-3.592,5.735-8.568,5.735-14.045   c0-5.49-2.19-10.454-5.735-14.058c-3.556-3.592-8.453-5.813-13.869-5.813C15.808,1.639,10.91,3.859,7.367,7.451 M-0.042,21.509   c0-5.954,2.379-11.349,6.23-15.238c3.851-3.902,9.16-6.313,15.037-6.313c5.875,0,11.184,2.41,15.035,6.313   c3.85,3.89,6.229,9.284,6.229,15.238c0,5.943-2.379,11.337-6.229,15.238c-3.852,3.902-9.16,6.313-15.035,6.313   c-5.877,0-11.187-2.41-15.037-6.313C2.337,32.846-0.042,27.452-0.042,21.509"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M21.226,14.54c-3.793,0-6.877,3.112-6.877,6.969c0,3.842,3.084,6.969,6.877,6.969c3.803,0,6.875-3.127,6.875-6.969   C28.101,17.652,25.029,14.54,21.226,14.54 M13.419,14.67c0,0.621,0.493,1.123,1.105,1.123c0.613,0,1.107-0.502,1.107-1.123   c0-0.621-0.494-1.121-1.107-1.121C13.913,13.549,13.419,14.049,13.419,14.67 M11.829,27.201V15.805c0-2.112,1.696-3.83,3.78-3.83   h11.244c2.084,0,3.781,1.718,3.781,3.83v11.396c0,2.111-1.697,3.83-3.781,3.83H15.609C13.525,31.031,11.829,29.313,11.829,27.201    M10.57,15.805v11.396c0,2.804,2.259,5.106,5.039,5.106h11.244c2.767,0,5.039-2.303,5.039-5.106V15.805   c0-2.817-2.272-5.107-5.039-5.107H15.609C12.829,10.697,10.57,12.987,10.57,15.805 M21.226,27.021   c-3.004,0-5.453-2.469-5.453-5.513c0-3.055,2.449-5.525,5.453-5.525c3.014,0,5.451,2.471,5.451,5.525   C26.677,24.553,24.24,27.021,21.226,27.021"
+   id="path4"
+   style="fill:#000000;fill-opacity:1" />
+</g>
+</svg>

img/kereso_icon-white.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="45.332px"
+   height="44.654px"
+   viewBox="0 0 45.332 44.654"
+   enable-background="new 0 0 45.332 44.654"
+   xml:space="preserve"
+   sodipodi:docname="kereso_icon.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1612"
+   inkscape:window-height="1280"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="5.2850809"
+   inkscape:cx="1.0958477"
+   inkscape:cy="19.678033"
+   inkscape:window-x="0"
+   inkscape:window-y="27"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g4"
+   style="fill:#ffffff;fill-opacity:1">
+	<path
+   d="M18.548,5.871h-0.5v0.667v3v0.333h0.5c6.882,0,11.5,6.027,11.5,11.5v0.5h0.505h3h0.495v-0.5   C34.048,13.203,26.808,5.871,18.548,5.871z"
+   id="path2"
+   style="fill:#ffffff;fill-opacity:1" />
+</g>
+<path
+   d="M37.758,28.773c1.285-2.702,2.065-5.868,2.065-8.839c0-5.322-2.071-10.328-5.832-14.095C30.228,2.074,25.228,0,19.912,0  C14.595,0,9.595,2.074,5.831,5.839C2.071,9.606,0,14.612,0,19.934c0,5.324,2.071,10.33,5.831,14.096  c3.761,3.764,8.762,5.837,14.081,5.837c3.382,0,6.729-0.871,9.678-2.518l0.083-0.046l7.352,7.352l8.308-8.308L37.758,28.773z   M29.913,35.069c-0.577,0.388-1.136,0.717-1.705,1.002l-0.081,0.041l-0.007-0.007c-2.563,1.305-5.325,1.967-8.208,1.967  c-4.842,0-9.39-1.884-12.807-5.305c-3.424-3.436-5.31-7.993-5.31-12.832c0-4.841,1.886-9.395,5.31-12.82  c3.424-3.428,7.973-5.316,12.807-5.316c4.831,0,9.383,1.888,12.818,5.316c3.417,3.419,5.299,7.973,5.299,12.82  c0,2.483-0.63,5.195-1.62,7.49l-0.004-0.004c-0.192,0.391-0.482,0.945-0.875,1.6l7.327,7.327l-5.833,5.833L29.913,35.069z"
+   id="path6"
+   style="fill:#ffffff;fill-opacity:1" />
+</svg>

img/naptar_icon-black.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="38px"
+   height="43px"
+   viewBox="0 0 38 43"
+   enable-background="new 0 0 38 43"
+   xml:space="preserve"
+   sodipodi:docname="naptar_icon.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata23"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs21" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1699"
+   inkscape:window-height="1334"
+   id="namedview19"
+   showgrid="false"
+   inkscape:zoom="5.4883721"
+   inkscape:cx="24.466102"
+   inkscape:cy="-40.631356"
+   inkscape:window-x="0"
+   inkscape:window-y="27"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g16"
+   style="fill:#000000;fill-opacity:1">
+	<path
+   d="M32.24,3H32V0h-2v3H8V0H6v3H5.401C2.322,3,0,5.184,0,8.372v28.893C0,40.451,2.322,43,5.401,43H32.24   c3.176,0,5.76-2.654,5.76-5.735V8.372C38,5.289,35.416,3,32.24,3z M5.401,5H6v1h2V5h22v1h2V5h0.24C34.394,5,36,6.311,36,8.372V11H2   V8.372C2,6.206,3.346,5,5.401,5z M32.24,41H5.401C3.346,41,2,39.429,2,37.265V13h34v24.265C36,39.324,34.394,41,32.24,41z"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M4,27h7v-7H4V27z M5,22.007V21h5v5H9.379H5V22.007z"
+   id="path4"
+   style="fill:#000000;fill-opacity:1" />
+	<rect
+   x="4.458"
+   y="31"
+   width="6"
+   height="6"
+   id="rect6"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M15.5,27h7v-7h-7V27z M16.5,22.007V21h5v5h-1.336H16.5V22.007z"
+   id="path8"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M15.5,38h7v-7h-7V38z M16.5,32.669V32h5v5h-1.336H16.5V32.669z"
+   id="path10"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M27,27h7v-7h-7V27z M28,22.007V21h5v5h-1.052H28V22.007z"
+   id="path12"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M27,38h7v-7h-7V38z M28,32.669V32h5v5h-1.052H28V32.669z"
+   id="path14"
+   style="fill:#000000;fill-opacity:1" />
+</g>
+</svg>

js/scripts.js

@@ -13,18 +13,18 @@
 		/* -------------------------------- geometry -------------------------------- */
 
 		// const vw = $(window).width()
-		const wow = window.outerWidth
+		// const wow = window.outerWidth
-		const wiw = window.innerWidth
+		// const wiw = window.innerWidth
 		// const bw = $('body').width()
 
-		// const woh = window.outerHeight
+		// // const woh = window.outerHeight
 		// const wih = window.innerHeight
 		// const vh = $(window).height()
 		// const boh = document.body.offsetHeight
 		// const dch = document.documentElement.clientHeight
 
+		// console.log('pixelratio:', window.devicePixelRatio)
 
-		const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
 
 		const bottomScrollHeight = 0
 		// height of scrollbar at bottom
@@ -43,31 +43,50 @@
 		// 	w_wow: wow,
 		// 	w_wiw: wiw,
 		// 	w_bw: bw,
-		// 	desktophomemargin: desktophomemargin,
+		// 	// desktophomemargin: desktophomemargin,
 		// 	h_wih: wih,
 		// 	h_vh: vh,
-		// 	bottomScrollHeight: bottomScrollHeight,
+		// 	// bottomScrollHeight: bottomScrollHeight,
-		// 	h_woh: woh,
+		// 	// h_woh: woh,
 		// 	h_boh: boh,
 		// 	h_dch: dch
 		// }
 		// console.log(cssWidths)
 
 
-		/* --------------------------- css values to vars --------------------------- */
+		/* -------------------------------------------------------------------------- */
-		//isMobile
+		/*                                  FUNCTIONS                                 */
-		const isMobile = (_ => {
+		/* -------------------------------------------------------------------------- */
-			if (wow < 769 || wiw < 769) {
-				//mobile settings
-				$('.social-link, .events-link').addClass('hidden')
-				return true
 
+		/* --------------------------- css values to vars --------------------------- */
+
+		function calcWidths() {
+			let wow = window.outerWidth
+			let wiw = window.innerWidth
+			let mw = $(".header-1")[0].getBoundingClientRect().width
+			return { wow: wow, wiw: wiw, desktophomemargin: mw }
+		}
+
+		/**
+		 * Returns true or false for mobile and tablet query
+		 * @param {string} device 'tablet' or 'mobile'
+		 */
+		function checkDevice(device) {
+			let ww = calcWidths()
+
+			// let wow = window.outerWidth
+			// let wiw = window.innerWidth
+
+			if ((ww.wow < 769 || ww.wiw < 769) && device == 'mobile') {
+				//mobile settings
+				return true
+			} else if (768 < ww.wow && ww.wow < 1024 && 768 < ww.wiw && ww.wiw < 1024 && device == 'tablet') {
+				return true
 			} else {
 				return false
 			}
-		})()
+		}
 
-		const isTablet = (!isMobile && (wow < 1024 && wiw < 1024)) ? true : false
 
 		/**
 		 * Checks if body has a class
@@ -91,233 +110,25 @@
 			}
 		}
 
-		//isHome
+		/**
-		const isHome = bodyHasClass('home')
+		 * finds a name of a class, from the first element 
-
+		 * @param {Array} classlist the list of classes to search from as an array
-		//isArchive
+		 * @param {String} startString the string to search for
-		const isArchive = bodyHasClass('archive', 'category-esemeny')
+		 * @param {String} sep the separator that separates the startString from the rest of the classname
-
+		 */
-		//isSearch
+		function findClassByStart(classlist, startString, sep = "-") {
-		const isSearch = bodyHasClass('search-results')
+			var fullstring
-
+			for (let i = 0; i < classlist.length; i++) {
-		//isSearchNoResults
+				let curr = classlist[i].split(sep)
-		const isSearchNoResults = bodyHasClass('search-no-results')
+				if (curr[0] == startString) {
-
+					fullstring = classlist[i]
-		//isEsemeny
-		const isEsemeny = bodyHasClass('category-esemeny')
-
-		//isSingle
-		const isSingle = bodyHasClass('single')
-
-		// Masonrypage: archive, home or search results
-		var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults
-
-
-		/* ========================================================================== */
-		/*                                  FUNCTIONS                                 */
-		/* ========================================================================== */
-
-
-		var rotateMenuButton = function () {
-			if ($(".menubutton button").hasClass("rotated")) {
-				$(".menubutton button").removeClass("rotated");
-			} else {
-				$(".menubutton button").addClass("rotated");
 				}
 			}
-
+			return fullstring
-		var showHideSocial = function () {
-			if (isMobile && $('.social-link').hasClass('hidden')) {
-				$('.social-link, .events-link').removeClass('hidden')
-			} else if (isMobile) {
-				$('.social-link, .events-link').addClass('hidden')
-			}
-		}
-
-		function convertRemToPixels(rem) {
-			return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
-		}
-
-		/* ========================================================================== */
-		/*                                   SEARCH                                   */
-		/* ========================================================================== */
-
-		// on mobile add to sidebar:
-		if (isMobile) {
-			$(".search-bar").prependTo("#sidebar-wrapper")
-		}
-
-		//clicking on desktop
-		if (!isMobile) {
-			$(".search-box button").click(function (e) {
-				// e.preventDefault()
-				var bar = $(this).next(".search-bar")
-				if (bar.hasClass("opensearch")) {
-					//if search is opened close:
-					bar.stop().animate({ width: "0" }, 400, function () {
-						bar.hide().removeClass("opensearch")
-					})
-				} else {
-					//if it's closed open:
-					bar.show().stop().animate({ width: wiw - (desktophomemargin * 2) }, 400, function () {
-						bar.addClass("opensearch")
-						$(".search-input").focus()
-					})
-					// console.log("calc(100% - " + (desktophomemargin * 2) + "px)")
-				}
-
-			})
-		}
-
-		/* ========================================================================== */
-		/*                                    MENU                                    */
-		/* ========================================================================== */
-
-		var menuWidth = wow
-
-		if (isTablet) {
-			menuWidth = 350
-		}
-		if (!isMobile && !isTablet) {
-			menuWidth = 500
-		}
-
-		$("#sidebar").simplerSidebar({
-
-			selectors: {
-				trigger: "#toggle-sidebar",
-				quitter: "#toggle-sidebar"
-			},
-			sidebar: {
-				width: menuWidth
-			},
-			mask: {
-				display: false,
-				css: {
-					backgroundColor: "black",
-					opacity: 1,
-					filter: "Alpha(opacity=100)" // IE opacity fix
-				}
-			},
-			gap: 0,
-			events: {
-				on: {
-					animation: {
-						both: rotateMenuButton
-
-					}
-				},
-				callbacks: {
-					animation: {
-						both: showHideSocial,
-						freezePage: false
-					}
-				}
-			}
-
-		});
-
-
-		/* -------------------------------------------------------------------------- */
-		/*                               HOME & ARCHIVES                              */
-		/* -------------------------------------------------------------------------- */
-
-
-		/* ------------------------------- no results ------------------------------- */
-
-
-		if (isMasonryPage && $("article").hasClass('no-result')) {
-			$('body').addClass("no-result")
-			if (!isMobile) {
-				$('article.no-result h2').appendTo('.archivetitle')
-				$('article.no-result').hide()
-			}
 		}
 
 
-		/* ----------------------------- css on desktop ----------------------------- */
+		/* ----------------------------- random ----------------------------- */
-
-		/* ------------------------------ wrap articles ----------------------------- */
-
-		if (!isMobile) {
-			if (isMasonryPage) {
-				//no overflowY
-				$('html').css({ overflowY: "hidden" })
-
-				//calculate wrappable elements
-				$('#content>*:not(.misha_loadmore)').addClass("hbox")
-				var wrapArticles = $(".hbox").length
-
-				//wrapping for big-small difference
-				if (isHome) {
-					$('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
-					$('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
-					wrapArticles = $(".hbox").length - 2
-				}
-
-				//add classes to articles and elements
-				var articleWrapCounter = 0
-				for (let i = 0; i < wrapArticles; i++) {
-					var j = i + 1
-
-					if (isHome) {
-						j = i + 3
-					}
-
-					if (i % 6 == 0) {
-						articleWrapCounter++
-					}
-					//console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
-					$('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
-					//change order if there is a description
-					if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
-						if (j == 3 || j == 4) {
-							$('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
-						} else if (j == 5 || j == 6) {
-							$('.hbox:nth-child(' + j + ')').css({ order: j })
-						}
-
-					}
-				}
-				//wrap classes
-				for (let i = 0; i < articleWrapCounter; i++) {
-					var j = i + 1
-					if (isHome) {
-						j = i + 3
-					}
-					var k = i + 1
-					$(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
-					if (i == 0) {
-						$(".home_wrapper-" + j).addClass("home_wrapper-s1")
-					}
-				}
-
-				/* -------------------------------- other css ------------------------------- */
-
-				//add bottom scrollbar to div on bottom:
-				if (bottomScrollHeight > 0) {
-					$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
-				}
-
-				//fit title
-				$("body:not(.no-result) .archivetitle h1").fitText(0.7)
-
-
-
-
-
-			}//isMasonryPage end
-		}// !isMobile end
-
-		/* ---------------- move bevezeto out from metadata on mobile --------------- */
-
-		if (isHome && isMobile) {
-			$("article .metadata .bevezetoWrapper").each(function () {
-				$(this).parents('article').append($(this))
-			})
-		}
-
-		/* ----------------------------- random cutouts ----------------------------- */
 
 		function random2() {
 			const choices = [
@@ -346,49 +157,93 @@
 			};
 		})(jQuery);
 
+		/* -------------------------------------------------------------------------- */
+		/*                          HOME & ARCHIVES FUNCTIONS                         */
+		/* -------------------------------------------------------------------------- */
 
-		$(".home_wrapper-small").each(function () {
+
-			$(this).addRandomClasses()
+		/* ------------------------------ wrap articles ----------------------------- */
+
+		function wrapArts() {
+			//calculate wrappable elements
+			if ($(".hbox").length) {
+				return
+			}
+			$('#content>article, #content>.archivetitle, #content>.archivedescription').addClass("hbox")
+			var wrapArticles = $(".hbox").length
+
+			if (isHome) {
+				$('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
+				$('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
+				wrapArticles = $(".hbox").length - 2
+			}
+
+			//add classes to articles and elements
+
+			for (let i = 0; i < wrapArticles; i++) {
+				var j = i + 1
+
+				if (isHome) {
+					j = i + 3
+				}
+
+				if (i % 6 == 0) {
+					articleWrapCounter++
+				}
+				//console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
+				$('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
+				//change order if there is a description
+				if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
+					if (j == 3 || j == 4) {
+						$('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
+					} else if (j == 5 || j == 6) {
+						$('.hbox:nth-child(' + j + ')').css({ order: j })
+					}
+
+				}
+			}
+			//wrap classes
+			for (let i = 0; i < articleWrapCounter; i++) {
+				let j = i + 1
+				if (isHome) {
+					j = i + 3
+				}
+				let k = i + 1
+				$(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
+				if (i == 0) {
+					$(".home_wrapper-" + j).addClass("home_wrapper-s1")
+				}
+			}
+		}
+
+		function unWrapArts() {
+			$('.home_wrapper-big .hbox').unwrap('.home_wrapper-big')
+
+
+			var wrapArticles = $(".hbox").length
+			for (let i = 0; i < wrapArticles; i++) {
+				let hs = 'home-thumbnail-small-' + (i + 1)
+				$('.' + hs).removeClass(hs)
+			}
+			$('.hbox').removeClass('home-small').removeClass('hbox').unwrap('.home_wrapper-small')
+			$('.home_wrapper-s1').removeClass('home_wrapper-s1')
+
+			$('.home-big').removeClass('home-big')
+		}
+
+		/* ---------------- move bevezeto out from metadata on mobile --------------- */
+
+		function moveBevezetoMobile() {
+			$("article .metadata .bevezetoWrapper").each(function () {
+				$(this).parents('article').append($(this))
 			})
+		}
 
-
+		function moveBevezetoDesktop() {
-		/* ---------------------------- Cutouts on mobile --------------------------- */
+			$("article>.bevezetoWrapper").each(function () {
-
+				$(this).parent('article').children('.metadata').children('.postedon').after($(this))
-		//add class to odd elems
+			})
-
+		}
-		// function mobileHomeClass() {
-		// 	if (isMobile && isMasonryPage) {
-		// 		$('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr')
-		// 		$('article.cutCurr:nth-child(even)').addClass('cut-even')
-		// 		$('article.cutCurr').addClass('cutOk').removeClass('cutCurr')
-		// 	}
-
-		// }
-
-		// mobileHomeClass()
-
-		/* ----------------------------- Snap on mobile ----------------------------- */
-
-		// if (isMobile) {
-		// 	if (isMasonryPage) {
-		// 		$("article.post").SnapScroll({
-		// 			animateDuration: 400
-		// 		});
-		// 	}
-		// }
-
-		/* --------------------------------- To top --------------------------------- */
-
-		// $(".totop>a").click(function (e) {
-		// 	e.preventDefault()
-		// 	$('html, body').stop().animate({ scrollTop: 0 }, 800);
-		// })
-
-		// //hide totop if not needed
-		// if (!($("main").height() > $(window).height()) && isMobile) {
-		// 	$(".totop").hide()
-		// }
-
 
 		/* ---------------------------- Scroll on desktop --------------------------- */
 
@@ -416,20 +271,22 @@
 
 			var offset = ($(nextelem).position().left)
 
+			let ww = calcWidths()
+
 			//if loadmore is the next, do not scroll, but load:
 			if (nextelem.attr("class") == "misha_loadmore") {
 				loadmore()
 				return target
 			} else if (isEsemeny) {
-				offset = offset - (desktophomemargin)
+				offset = offset - (ww.desktophomemargin)
 			} else {
 				//from the third wrap modify the offset
 				var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[1])
 				console.log(wNum)
 				if (wNum == 3) {
-					offset = offset - (desktophomemargin / 2)
+					offset = offset - (ww.desktophomemargin / 2)
 				} else if (wNum > 3 || !isHome) {
-					offset = offset - desktophomemargin
+					offset = offset - ww.desktophomemargin
 				}
 			}
 			console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset)
@@ -467,8 +324,150 @@
 			}
 		}
 
+
+		/* -------------------------------------------------------------------------- */
+		/*                                   SEARCH                                   */
+		/* -------------------------------------------------------------------------- */
+
+
+		//clicking on desktop
+		if (!isMobile) {
+			$(".search-box button").click(function (e) {
+				// e.preventDefault()
+				var bar = $(this).next(".search-bar")
+				if (bar.hasClass("opensearch")) {
+					//if search is opened close:
+					bar.stop().animate({ width: "0" }, 400, function () {
+						bar.hide().removeClass("opensearch")
+					})
+				} else {
+					let ww = calcWidths()
+					//if it's closed open:
+					bar.show().stop().animate({ width: ww.wiw - (ww.desktophomemargin * 2) }, 400, function () {
+						bar.addClass("opensearch")
+						$(".search-input").focus()
+					})
+				}
+			})
+		}
+
+		/* -------------------------------------------------------------------------- */
+		/*                                    MENU                                    */
+		/* -------------------------------------------------------------------------- */
+
+		/* ------------------------------ menufunctions ----------------------------- */
+
+		var rotateMenuButton = function () {
+			if ($(".menubutton button").hasClass("rotated")) {
+				$(".menubutton button").removeClass("rotated");
+			} else {
+				$(".menubutton button").addClass("rotated").addClass("inverted");
+			}
+		}
+
+		function mwCalc() {
+			let ww = calcWidths()
+			if (isMobile) {
+				return ww.wow
+			} else if (isTablet) {
+				return 350
+			} else {
+				return 500
+			}
+		}
+
+		/* ----------------------------- Set up the menu ---------------------------- */
+
+		var menuWidth = mwCalc()
+
+		$("#sidebar").simplerSidebar({
+
+			selectors: {
+				trigger: "#toggle-sidebar",
+				quitter: "#toggle-sidebar"
+			},
+			sidebar: {
+				width: menuWidth
+			},
+			mask: {
+				display: false,
+				css: {
+					backgroundColor: "black",
+					opacity: 1,
+					filter: "Alpha(opacity=100)" // IE opacity fix
+				}
+			},
+			gap: 0,
+			events: {
+				on: {
+					animation: {
+						both: rotateMenuButton
+
+					}
+				},
+				callbacks: {
+					animation: {
+						open: function () {
+							if (isMobile) {
+								$('.social-link, .events-link').removeClass('hidden')
+							}
+						},
+						close: function () {
+							$(".menubutton button").removeClass("inverted")
+							if (isMobile) {
+								$('.social-link, .events-link').addClass('hidden')
+							}
+						},
+						freezePage: false
+					}
+				}
+			}
+
+		});
+
+
+		/* -------------------------------------------------------------------------- */
+		/*                                  BOOLEANS                                  */
+		/* -------------------------------------------------------------------------- */
+
+		var isMobile = checkDevice('mobile')
+		var isTablet = checkDevice('tablet')
+
+		//isHome
+		const isHome = bodyHasClass('home')
+
+		//isArchive
+		const isArchive = bodyHasClass('archive', 'category-esemeny')
+
+		//isSearch
+		const isSearch = bodyHasClass('search-results')
+
+		//isSearchNoResults
+		const isSearchNoResults = bodyHasClass('search-no-results')
+
+		//isEsemeny
+		const isEsemeny = bodyHasClass('category-esemeny')
+
+		//isSingle
+		const isSingle = bodyHasClass('single')
+
+		// Masonrypage: archive, home or search results
+		var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults
+
+
+		/* -------------------------------------------------------------------------- */
+		/*                            Set up specific pages                           */
+		/* -------------------------------------------------------------------------- */
+
+		/* ------------------------------- no results ------------------------------- */
+
+		if (isMasonryPage && $("article").hasClass('no-result')) {
+			$('body').addClass("no-result")
+		}
+
 		const selector = isEsemeny ? 'main>section>article' : 'main>#content>div'
 
+		// default current elem for scrolling
 		var currElem = $(selector + ':first-child')
 
 		//checking the current scroll location for refresh:
@@ -507,13 +506,127 @@
 
 				// console.log("currscroll", currscroll, "scrollnr", scrollnr, "closest", closest)
 				console.log("start location: " + currElem.attr("class"))
+			}
+		}
+
+		/* -------------------------------------------------------------------------- */
+		/*                             EVENTS - ESEMÉNYEK                             */
+		/* -------------------------------------------------------------------------- */
+
+		if (isEsemeny) {
+			if (!isMobile) {
+				$('html').css({ overflowY: "hidden" })
+			}
+		}
+
+		/* --------------------- generic page load for onresize --------------------- */
+
+		var articleWrapCounter = 0
+
+		function loadPage() {
+			if (isMobile) {
+				// hide social buttons
+				$('.social-link, .events-link').addClass('hidden')
+
+				// move search to menu
+				$(".search-box>.search-bar").prependTo("#sidebar-wrapper")
+
+				// set up no results
+				$('article.no-result').show()
+				$('body.no-result .archivetitle>h2').appendTo('article.no-result')
 
 
+			} else {
+				// not mobile
 
+				//show social links
+				$('.social-link, .events-link').removeClass('hidden')
+
+				// move search to back
+				$("#sidebar-wrapper>.search-bar").appendTo(".search-box")
+
+				// set up no results
+				$('article.no-result h2').appendTo('.archivetitle')
+				$('article.no-result').hide()
+			}
+
+			if (isMasonryPage) {
+				if (isMobile) {
+					//no overflowY
+					$('html').css({ overflowY: "unset" })
+
+					unWrapArts()
+
+					moveBevezetoMobile()
+				} else {
+					//no overflowY
+					$('html').css({ overflowY: "hidden" })
+
+					wrapArts()
+
+					$("body:not(.no-result) .archivetitle h1").fitText(0.7)
+
+					moveBevezetoDesktop()
+
+					// add random classes
+					if (!$('.random').length) {
+						$(".home_wrapper-small").each(function () {
+							$(this).addRandomClasses()
+						})
+					}
 
 				}
 			}
 
+			if (isMasonryPage || isEsemeny) {
+				if (isMobile) {
+
+				} else {
+					currElem = $(selector + ':first-child')
+				}
+			}
+		}
+
+		loadPage()
+
+
+
+
+		/* -------------------------------------------------------------------------- */
+		/*                       Black logo on scroll on mobile                       */
+		/* -------------------------------------------------------------------------- */
+
+		$.fn.scrollStopped = function (callback) {
+			var that = this, $this = $(that);
+			$this.scroll(function (ev) {
+				clearTimeout($this.data('scrollTimeout'));
+				$this.data('scrollTimeout', setTimeout(callback.bind(that), 250, ev));
+			});
+		};
+
+		var isMenuOpen = function () {
+			let menuopen = ($('#sidebar').attr('data-simplersidebar') == 'opened') ? true : false
+			return menuopen
+		}
+
+		$(window).scroll(function () {
+			if (isMobile && !isMenuOpen() && (isHome || isSingle) ) {
+				$('.dis-logo, .menubutton-icon').addClass('black')
+			}
+		})
+
+		$(window).scrollStopped(function () {
+			if (isMobile && !isMenuOpen() && (isHome || isSingle)) {
+				$('.dis-logo, .menubutton-icon').removeClass('black')
+			}
+		})
+
+		/* -------------------------------------------------------------------------- */
+		/*                                   SCROLL                                   */
+		/* -------------------------------------------------------------------------- */
+
+		/* ------------------------ scroll on home on desktop ----------------------- */
+
 		var scrolltimer = false;
 		$(window).on('wheel DOMMouseScroll', function (e) {
 			//e.preventDefault();
@@ -555,7 +668,7 @@
 				return
 			} else {
 				if (!isMobile) {
-					if (isMasonryPage) {
+					if (isMasonryPage || isEsemeny) {
 						if (!$('.search-bar *').is(':focus')) {
 							// console.log("keydown!")
 							kd = true
@@ -587,7 +700,7 @@
 		//check for keyup for disabling counter
 		$('html *:not(input)').keyup(function (event) {
 			if (!isMobile) {
-				if (isMasonryPage) {
+				if (isMasonryPage || isEsemeny) {
 					if (!$('.search-bar *').is(':focus')) {
 						kd = false
 					}
@@ -704,18 +817,20 @@
 
 		/* ------------------------------ hover on home ----------------------------- */
 
-
-
 		const metadataHeights = {}
 
 		//hover on big articles
 
-		$(".home-big h2 a").hover(function () {
+		$('body').on('mouseenter', '.home-big h2 a', function () {
 			bigArticleHoverShow($(this))
+		})
+		$('body').on('mouseleave', '.home-big h2 a', function () {
+			bigArticleHoverHide($(this))
+		})
 
-		}, function () {
+		function bigArticleHoverHide(cc) {
-
+			// let cc = $(this)
-			let cc = $(this)
+			if (!isMobile) {
 				let cArticle = cc.parents("article")
 				let cMetadata = cArticle.children(".metadata")
 
@@ -735,11 +850,13 @@
 					//hide and show metadata
 					cMetadata.children(".alcimWrapper, .bevezetoWrapper").css({ display: 'none' }).removeClass("transparent")
 					cMetadata.children(".categories, .postedon").removeClass("transparent").show()
+					cMetadata.css({ height: '' })
 				})
-		})
+			}
-
+		}
 
 		function bigArticleHoverShow(cc) {
+			if (!isMobile) {
 				// let cc = $(this)
 				let cArticle = cc.parents("article")
 				let cMetadata = cArticle.children(".metadata")
@@ -815,7 +932,9 @@
 					ellipsis.set();
 				})
 			}
+		}
 
+		// Uncomment for debugging hover
 		// if (!isMobile && isHome) {
 		// 	setTimeout(() => {
 		// 		bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a"))
@@ -823,35 +942,17 @@
 		// }
 
 
+		/* ------------------------- hover on small articles ------------------------ */
 
-		/**
-		 * finds a name of a class, from the first element 
-		 * @param {Array} classlist the list of classes to search from as an array
-		 * @param {String} startString the string to search for
-		 * @param {String} sep the separator that separates the startString from the rest of the classname
-		 */
-		function findClassByStart(classlist, startString, sep = "-") {
-			var fullstring
-			for (let i = 0; i < classlist.length; i++) {
-				let curr = classlist[i].split(sep)
-				if (curr[0] == startString) {
-					fullstring = classlist[i]
-				}
-			}
-			return fullstring
-		}
-
-		//hover on small articles
 		function showTitle(th) {
-			if (!$('body').hasClass('no-result')) {
+			if (!$('body').hasClass('no-result') && !isMobile) {
 				$(th).children("h2").show()
 				$(th).children(".metadata").addClass("vis")
 			}
-
 		}
 
 		function hideTitle(th) {
-			if (!$('body').hasClass('no-result')) {
+			if (!$('body').hasClass('no-result') && !isMobile) {
 				$(th).children("h2").hide()
 				$(th).children(".metadata").removeClass("vis")
 			}
@@ -887,17 +988,6 @@
 		}, ".home-small a.thumbnailwrapper")
 
 
-		/* -------------------------------------------------------------------------- */
-		/*                             EVENTS - ESEMÉNYEK                             */
-		/* -------------------------------------------------------------------------- */
-
-		if (isEsemeny) {
-			if (!isMobile) {
-				$('html').css({ overflowY: "hidden" })
-			}
-		}
-
-
 		/* -------------------------------------------------------------------------- */
 		/*                                CIRCULAR TEXT                               */
 		/* -------------------------------------------------------------------------- */
@@ -906,26 +996,6 @@
 		const bedoWords = bedoListItems + " a"
 		const bedoLetters = bedoWords + " span"
 
-
-		//move subs to wrapper
-		$(bedoListItems).each(function () {
-			let itemId = $(this).attr("id")
-			let tagClass = $(this).attr("class").split(" ")
-			let itemClass = findClassByStart(tagClass, 'tag')
-
-			// add wrapper div
-			// $(".sub-wrapper").append('<div id="' + itemId + '" class="bedo-sub-wrapper ' + itemClass + '"></div>')
-
-			// add tag title
-			// $(this).children("a").clone().appendTo(".sub-wrapper #" + itemId)
-
-			//add sub text
-			// $(this).children("span").appendTo(".sub-wrapper #" + itemId)
-
-			//add circle
-			// $(".sub-wrapper #" + itemId + " span").append('<div class="circle">')
-		})
-
 		//wrap each letter to spans
 		var charnum = 0
 		$(bedoWords).each(function () {
@@ -975,36 +1045,23 @@
 
 			//hide caption on desktop
 			if (!isMobile) {
-				// $('.wp-block-gallery img, .wp-block-image img, .vis').hover(function () {
-				// 	$(this).parent('a').next("figcaption").addClass("vis")
-				// }, function () {
-				// 	$('.wp-block-gallery .vis, .wp-block-image .vis')
-				// 		.removeClass("vis")
-				// })
-
 				$('.wp-block-gallery .blocks-gallery-item, .wp-block-image').hover(function () {
 					$(this).find("figcaption").addClass("vis")
 
 				}, function () {
 					$('.wp-block-gallery .vis, .wp-block-image .vis').removeClass("vis")
 				})
-
-
-
 			}
 
-
 			/* -------------------------------- Lightbox -------------------------------- */
 
-
-
 			//group gallery images:
 			$('.wp-block-gallery a, .wp-block-image a').addClass('cb-gallery')
 
 			//copy figcaption to title
 			$("a.cb-gallery ~ figcaption").each(function () {
-				let captiotext = $(this).html()
+				let captiontext = $(this).html()
-				$(this).prev('.cb-gallery').attr({ title: captiotext })
+				$(this).prev('.cb-gallery').attr({ title: captiontext })
 			})
 
 			const lightBoxMaxHeight = isMobile ? '65%' : '80%'
@@ -1035,6 +1092,12 @@
 				swipeRight: function () {
 					$.colorbox.prev()
 				},
+				swipeUp: function () {
+					return false
+				},
+				swipeDown: function () {
+					return false
+				},
 			})
 
 			// lightbox for galleries
@@ -1087,9 +1150,34 @@
 				}
 			}
 
-
 		}//if single end
 
+		/* -------------------------------------------------------------------------- */
+		/*                             window resize event                            */
+		/* -------------------------------------------------------------------------- */
+
+		$(window).resize(function () {
+			let ww = calcWidths()
+
+			//check if mobile
+			isMobile = checkDevice('mobile')
+			isTablet = checkDevice('tablet')
+
+			// calc other vars
+			menuWidth = mwCalc()
+
+			articleWrapCounter = 0
+
+			//run load script
+			loadPage()
+
+
+			//resize search
+			if ($('.search-bar').hasClass("opensearch")) {
+				$('.search-bar').css({ width: ww.wiw - (ww.desktophomemargin * 2) })
+			}
+
+		});
 
 
 

package.json

@@ -15,6 +15,6 @@
     "node-sass": "^4.11.0"
   },
   "dependencies": {
-    
+    "gulp-clean-css": "^4.2.0"
   }
 }

sass/_font-mixins.scss

@@ -43,9 +43,13 @@
   @media #{$smalldesktop} {
     font-size: 5rem;
   }
+  
   @media #{$bigdesktop} {
     font-size: 6.8rem;
   }
+  @media #{$bigdesktop-hidpi} {
+    // font-size: 5.5rem !important;
+  }
   @media #{$verybigdesktop} {
     font-size: 11rem;
   }
@@ -84,6 +88,9 @@
   @media #{$bigdesktop} {
     font-size: 2rem;
   }
+  @media #{$bigdesktop-hidpi} {
+    // font-size: 1.5rem !important;
+  }
   @media #{$verybigdesktop} {
     font-size: 3rem;
   }
@@ -115,6 +122,10 @@
 }
 
 @mixin home-metadata-big {
+  // font-size: 1.4rem;
+  // @media #{$bigmobile} {
+  //   font-size: 1.5rem;
+  // }
   @media #{$tablet} {
     font-size: 1.2rem;
   }
@@ -127,7 +138,9 @@
 }
 
 @mixin home-metadata-bevezeto {
-  font: 300 1rem "Westeinde Caption";
+  @include home-title-small();
+  font-weight: 300;
+  // font: 300 1rem "Westeinde Caption";
   color: #000;
   @media #{$tablet} {
     font: bold 1rem "Butler";
@@ -196,9 +209,9 @@
 }
 
 @mixin single-h4 {
-  font-weight: 500;
+  font-weight: 300;
-  // font-size: 2.4rem;
+  font-size: 2.4rem;
-  // line-height: 1.6;
+  line-height: 1.3;
 }
 
 @mixin captiontext {
@@ -213,6 +226,16 @@
   color: #000;
 }
 
+@mixin single-quote-big{
+  font: 800 2.1rem "Butler";
+  color: #000;
+  padding-top: 8px;
+  @media #{$tablet} {
+    font-size: 2.8rem;
+    padding-top: 5px;
+  }
+}
+
 @mixin related-title {
   font: 500 2rem "Westeinde Caption";
   line-height: 1.3;
@@ -227,16 +250,16 @@
     font-size: 1.8rem;
   }
   @media #{$tablet} {
-    font-size: 2.2rem;
+    font-size: 2rem;
   }
   @media #{$smalldesktop} {
-    font-size: 3rem;
+    font-size: 2.5rem;
   }
   @media #{$bigdesktop} {
-    font-size: 3.2rem;
+    font-size: 3rem;
   }
   @media #{$verybigdesktop} {
-    font-size: 4.5rem;
+    font-size: 4rem;
   }
 }
 

searchform.php

@@ -2,9 +2,17 @@
 <form class="search" method="get" action="<?php echo home_url(); ?>" role="search">
 	<input class="search-input" type="search" name="s" placeholder="">
 	<button class="search-submit" type="submit" role="button">
-		<object data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.svg" type="image/svg+xml">
+	<div class="kereso-icon icon">
-			<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.png" />
+					
+					</div>
+		<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
+			type="image/svg+xml">
+			<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
 		</object>
+		<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
+			type="image/svg+xml">
+			<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
+		</object> -->
 	</button>
 </form>
 <!-- /search -->