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 félkövérre (Ctrl+B), 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.
 
@@ -101,13 +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:
+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

_teendők.md

@@ -8,20 +8,8 @@ Facebook like gomb
 
 Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimalizálni
 
-onresize js!
-
 `@media print{}`
 
 # Megjegyzések
 
-## DESKTOP
-~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
-
-## DESKTOP
-
-## MOBIL 
-
-
-### 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ü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent
+~ Adrinak írni, hogy küldjön tökéletesen négyzet logót - szerintem nem kell, megoldottam azt az 1px problémát

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'))
 // {
@@ -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,44 +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 class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.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-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>
+						</object> -->
 					</a>
 				</div>
 				<!-- /logo -->
 				<div class="fb-link social-link">
 					<a href="https://www.facebook.com/designisso" target="_blank">
-						<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.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-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>
+						</object> -->
 					</a>
 
 				</div>
 				<div class="search-box">
 					<button type="button" id="search-button">
-						<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.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-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>
+						</object> -->
 					</button>
 					<div class="search-bar">
 						<?php get_search_form();?>
@@ -101,43 +108,52 @@
 
 			<!-- ----------------------------- header 2 ------------------------------ -->
 
-			<div class="header-2">
+			<div class="header-2 header-inner">
 				<div class="menubutton">
 					<button type="button" id="toggle-sidebar">
-						<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.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-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>
+						</object> -->
 
 					</button>
 
 				</div>
 				<div class="ig-link social-link">
 					<a href="https://www.instagram.com/design_is_so/" target="_blank">
-						<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.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-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>
+						</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 class="white" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.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-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>
+						</object> -->
 					</a>
 				</div>
 

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-size: 2.4rem;
-  // line-height: 1.6;
+  font-weight: 300;
+  font-size: 2.4rem;
+  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,14 +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 class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.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-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>
+		</object> -->
 	</button>
 </form>
 <!-- /search -->