infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

Compare commits

base: infeeeee:0.0.2
Branches Tags
infeeeee:master
infeeeee:1.0.16 infeeeee:1.0.15 infeeeee:1.0.14 infeeeee:1.0.13 infeeeee:1.0.12 infeeeee:1.0.11 infeeeee:1.0.10 infeeeee:1.0.9 infeeeee:1.0.8 infeeeee:1.0.7 infeeeee:1.0.6 infeeeee:1.0.5 infeeeee:1.0.4 infeeeee:1.0.3 infeeeee:1.0.2 infeeeee:1.0.1 infeeeee:1.0.0 infeeeee:0.0.2 infeeeee:0.0.1
...
compare: infeeeee:752ff9c0aa3fdcfcc382a26f84a3d4dbe8696c7d
Branches Tags
infeeeee:master
infeeeee:1.0.16 infeeeee:1.0.15 infeeeee:1.0.14 infeeeee:1.0.13 infeeeee:1.0.12 infeeeee:1.0.11 infeeeee:1.0.10 infeeeee:1.0.9 infeeeee:1.0.8 infeeeee:1.0.7 infeeeee:1.0.6 infeeeee:1.0.5 infeeeee:1.0.4 infeeeee:1.0.3 infeeeee:1.0.2 infeeeee:1.0.1 infeeeee:1.0.0 infeeeee:0.0.2 infeeeee:0.0.1

3 Commits
0.0.2 ... 752ff9c0aa

Author SHA1 Message Date
infeeeee
752ff9c0aa black icons on scroll on mobile 2019-09-06 21:37:20 +02:00
infeeeee
1595691bc3 fix icon clicks on iphone 2019-09-06 20:00:09 +02:00
infeeeee
5d03dea44d updates on 09.04 2019-09-04 23:42:06 +02:00
9 changed files with 1787 additions and 734 deletions
Expand all files Collapse all files

15
KÉZIKÖNYV.md
View File

@@ -20,7 +20,7 @@ dis-alcim:
dis-bevezeto: 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 #### Dokumentum beállítások
@@ -48,7 +48,7 @@ Cikkíró:
#### Blokkok és egyéb megjegyzések #### 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. 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 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 - Kezdőlapon megjelenő posztok száma: 20
- Címke archívumban megjelenő posztok száma: 10 - Címke archívumban megjelenő posztok száma: 10
- Archívumban és keresési találatokban megjelenő posztok száma: 11 - Archívumban és keresési találatokban megjelenő posztok száma: 11
- Hasonló cikkek száma: 3 - 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 ## Developement verzió telepítése
Szükséges: python2, gulp global, max node 11 Szükséges: python2, gulp global, max node 11

12
_teendők.md
View File

@@ -14,14 +14,6 @@ onresize js!
# Megjegyzések # 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 - MEgnézni, hogy gördülésre fekete logó legyen!
## 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

5
category-esemeny.php
View File

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

1511
css/base.css
View File

File diff suppressed because it is too large Load Diff

40
header.php
View File

@@ -48,40 +48,47 @@
<!-- logo --> <!-- logo -->
<div class="logo"> <div class="logo">
<a href="<?php echo home_url(); ?>"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.png" />
</object> </object> -->
</a> </a>
</div> </div>
<!-- /logo --> <!-- /logo -->
<div class="fb-link social-link"> <div class="fb-link social-link">
<a href="https://www.facebook.com/designisso" target="_blank"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.png" />
</object> </object> -->
</a> </a>
</div> </div>
<div class="search-box"> <div class="search-box">
<button type="button" id="search-button"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
</object> </object> -->
</button> </button>
<div class="search-bar"> <div class="search-bar">
<?php get_search_form();?> <?php get_search_form();?>
@@ -104,40 +111,49 @@
<div class="header-2"> <div class="header-2">
<div class="menubutton"> <div class="menubutton">
<button type="button" id="toggle-sidebar"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.png" />
</object> </object> -->
</button> </button>
</div> </div>
<div class="ig-link social-link"> <div class="ig-link social-link">
<a href="https://www.instagram.com/design_is_so/" target="_blank"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.png" />
</object> </object> -->
</a> </a>
</div> </div>
<div class="events-link"> <div class="events-link">
<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top"> <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"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.png" />
</object> </object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.svg" <object class="black" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.svg"
type="image/svg+xml"> type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.png" /> <img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.png" />
</object> </object> -->
</a> </a>
</div> </div>

323
js/scripts.js
View File

@@ -17,12 +17,14 @@
// const wiw = window.innerWidth // const wiw = window.innerWidth
// const bw = $('body').width() // const bw = $('body').width()
// const woh = window.outerHeight // // const woh = window.outerHeight
// const wih = window.innerHeight // const wih = window.innerHeight
// const vh = $(window).height() // const vh = $(window).height()
// const boh = document.body.offsetHeight // const boh = document.body.offsetHeight
// const dch = document.documentElement.clientHeight // const dch = document.documentElement.clientHeight
// console.log('pixelratio:', window.devicePixelRatio)
const bottomScrollHeight = 0 const bottomScrollHeight = 0
// height of scrollbar at bottom // height of scrollbar at bottom
@@ -41,11 +43,11 @@
// w_wow: wow, // w_wow: wow,
// w_wiw: wiw, // w_wiw: wiw,
// w_bw: bw, // w_bw: bw,
// desktophomemargin: desktophomemargin, // // desktophomemargin: desktophomemargin,
// h_wih: wih, // h_wih: wih,
// h_vh: vh, // h_vh: vh,
// bottomScrollHeight: bottomScrollHeight, // // bottomScrollHeight: bottomScrollHeight,
// h_woh: woh, // // h_woh: woh,
// h_boh: boh, // h_boh: boh,
// h_dch: dch // h_dch: dch
// } // }
@@ -130,47 +132,38 @@
var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults
/* ========================================================================== */ /* -------------------------------------------------------------------------- */
/* FUNCTIONS */ /* 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 rotateMenuButton = function () { var isMenuOpen = function () {
if ($(".menubutton button").hasClass("rotated")) { let menuopen = ($('#sidebar').attr('data-simplersidebar') == 'opened') ? true : false
$(".menubutton button").removeClass("rotated"); return menuopen
} else {
$(".menubutton button").addClass("rotated").addClass("inverted");
}
} }
var showHideSocial = function () { $(window).scroll(function () {
if (isMobile && $('.social-link').hasClass('hidden')) { if (isMobile && !isMenuOpen()) {
$('.social-link, .events-link').removeClass('hidden') $('.dis-logo, .menubutton-icon').addClass('black')
} else if (isMobile) {
$('.social-link, .events-link').addClass('hidden')
} }
} })
/* --------------------- generic page load for onresize --------------------- */ $(window).scrollStopped(function () {
if (isMobile && !isMenuOpen()) {
function loadPage() { $('.dis-logo, .menubutton-icon').removeClass('black')
if (isMobile) {
// hide social buttons
$('.social-link, .events-link').addClass('hidden')
// move search to menu
$(".search-box>.search-bar").prependTo("#sidebar-wrapper")
} else {
$('.social-link, .events-link').removeClass('hidden')
// move search to back
$("#sidebar-wrapper>.search-bar").appendTo(".search-box")
} }
} })
loadPage() /* -------------------------------------------------------------------------- */
/* ========================================================================== */
/* SEARCH */ /* SEARCH */
/* ========================================================================== */ /* -------------------------------------------------------------------------- */
// on mobile add to sidebar: // on mobile add to sidebar:
// if (isMobile) { // if (isMobile) {
@@ -204,6 +197,13 @@
/* MENU */ /* MENU */
/* ========================================================================== */ /* ========================================================================== */
var rotateMenuButton = function () {
if ($(".menubutton button").hasClass("rotated")) {
$(".menubutton button").removeClass("rotated");
} else {
$(".menubutton button").addClass("rotated").addClass("inverted");
}
}
function mwCalc() { function mwCalc() {
let ww = calcWidths() let ww = calcWidths()
@@ -252,8 +252,17 @@
}, },
callbacks: { callbacks: {
animation: { animation: {
both: showHideSocial, open: function () {
close: function () { $(".menubutton button").removeClass("inverted") }, if (isMobile) {
$('.social-link, .events-link').removeClass('hidden')
}
},
close: function () {
$(".menubutton button").removeClass("inverted")
if (isMobile) {
$('.social-link, .events-link').addClass('hidden')
}
},
freezePage: false freezePage: false
} }
} }
@@ -262,6 +271,54 @@
}); });
/* --------------------- 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()
} else {
//no overflowY
$('html').css({ overflowY: "hidden" })
wrapArts()
$("body:not(.no-result) .archivetitle h1").fitText(0.7)
}
}
}
loadPage()
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* HOME & ARCHIVES */ /* HOME & ARCHIVES */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@@ -272,80 +329,142 @@
if (isMasonryPage && $("article").hasClass('no-result')) { if (isMasonryPage && $("article").hasClass('no-result')) {
$('body').addClass("no-result") $('body').addClass("no-result")
if (!isMobile) { // if (!isMobile) {
$('article.no-result h2').appendTo('.archivetitle') // $('article.no-result h2').appendTo('.archivetitle')
$('article.no-result').hide() // $('article.no-result').hide()
} // }
} }
/* ----------------------------- css on desktop ----------------------------- */
/* ------------------------------ wrap articles ----------------------------- */ /* ------------------------------ wrap articles ----------------------------- */
function wrapArts() {
//calculate wrappable elements
if ($(".hbox").length) {
return
}
$('#content>*:not(.misha_loadmore)').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++) {
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")
}
}
}
function unWrapArts() {
$('.home_wrapper-big .hbox').unwrap('.home_wrapper-big')
var wrapArticles = $(".hbox").length
for (let i = 0; i < wrapArticles.length + 1; i++) {
$('article').removeClass('.home-thumbnail-small-' + i)
}
$('.hbox').removeClass('home-small').removeClass('hbox').unwrap('.home_wrapper-small')
}
if (!isMobile) { if (!isMobile) {
if (isMasonryPage) { 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 // //calculate wrappable elements
if (isHome) { // $('#content>*:not(.misha_loadmore)').addClass("hbox")
$('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big") // var wrapArticles = $(".hbox").length
$('.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 // //wrapping for big-small difference
var articleWrapCounter = 0 // if (isHome) {
for (let i = 0; i < wrapArticles; i++) { // $('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
var j = i + 1 // $('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
// wrapArticles = $(".hbox").length - 2
// }
if (isHome) { // //add classes to articles and elements
j = i + 3 // var articleWrapCounter = 0
} // for (let i = 0; i < wrapArticles; i++) {
// var j = i + 1
if (i % 6 == 0) { // if (isHome) {
articleWrapCounter++ // j = i + 3
} // }
//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 })
}
} // if (i % 6 == 0) {
} // articleWrapCounter++
//wrap classes // }
for (let i = 0; i < articleWrapCounter; i++) { // //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
var j = i + 1 // $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
if (isHome) { // //change order if there is a description
j = i + 3 // if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
} // if (j == 3 || j == 4) {
var k = i + 1 // $('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
$(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>') // } else if (j == 5 || j == 6) {
if (i == 0) { // $('.hbox:nth-child(' + j + ')').css({ order: j })
$(".home_wrapper-" + j).addClass("home_wrapper-s1") // }
}
} // }
// }
// //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 ------------------------------- */ /* -------------------------------- other css ------------------------------- */
//add bottom scrollbar to div on bottom: //add bottom scrollbar to div on bottom:
if (bottomScrollHeight > 0) { // if (bottomScrollHeight > 0) {
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight }) // $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
} // }
//fit title //fit title
$("body:not(.no-result) .archivetitle h1").fitText(0.7) // $("body:not(.no-result) .archivetitle h1").fitText(0.7)
}//isMasonryPage end }//isMasonryPage end
}// !isMobile end }// !isMobile end
@@ -556,6 +675,8 @@
} }
} }
/* -------------------------- on scroll on desktop -------------------------- */
var scrolltimer = false; var scrolltimer = false;
$(window).on('wheel DOMMouseScroll', function (e) { $(window).on('wheel DOMMouseScroll', function (e) {
//e.preventDefault(); //e.preventDefault();
@@ -597,7 +718,7 @@
return return
} else { } else {
if (!isMobile) { if (!isMobile) {
if (isMasonryPage) { if (isMasonryPage || isEsemeny) {
if (!$('.search-bar *').is(':focus')) { if (!$('.search-bar *').is(':focus')) {
// console.log("keydown!") // console.log("keydown!")
kd = true kd = true
@@ -629,7 +750,7 @@
//check for keyup for disabling counter //check for keyup for disabling counter
$('html *:not(input)').keyup(function (event) { $('html *:not(input)').keyup(function (event) {
if (!isMobile) { if (!isMobile) {
if (isMasonryPage) { if (isMasonryPage || isEsemeny) {
if (!$('.search-bar *').is(':focus')) { if (!$('.search-bar *').is(':focus')) {
kd = false kd = false
} }
@@ -1077,6 +1198,12 @@
swipeRight: function () { swipeRight: function () {
$.colorbox.prev() $.colorbox.prev()
}, },
swipeUp: function () {
return false
},
swipeDown: function () {
return false
},
}) })
// lightbox for galleries // lightbox for galleries
@@ -1133,6 +1260,12 @@
}//if single end }//if single end
/* ------------------------------- IOS fix try ------------------------------ */
// $(".logo a").click(function(e){
// e.preventDefault()
// alert('hello')
// })
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* window resize event */ /* window resize event */

39
sass/_font-mixins.scss
View File

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

569
sass/base.scss
View File

@@ -76,10 +76,6 @@ button {
} }
} }
object {
pointer-events: none;
}
/* ---------------------------- default selection --------------------------- */ /* ---------------------------- default selection --------------------------- */
html *::selection { html *::selection {
@@ -125,6 +121,12 @@ $bigdesktop: only screen and
min-width: 1279px min-width: 1279px
); );
$bigdesktop-hidpi: only screen and
(
min-width: 1279px
)
and (-webkit-min-device-pixel-ratio: 1.4);
$verybigdesktop: only screen and $verybigdesktop: only screen and
( (
min-width: 1919px min-width: 1919px
@@ -280,6 +282,7 @@ $v-unit-6: 24rem;
right: calc(#{$radius}); right: calc(#{$radius});
margin-right: $minusOffset; margin-right: $minusOffset;
} }
z-index: 90;
} }
&::before { &::before {
//filleted corner //filleted corner
@@ -381,6 +384,7 @@ $v-unit-6: 24rem;
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 1;
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* header */ /* header */
@@ -421,7 +425,7 @@ $v-unit-6: 24rem;
padding: 2rem !important; padding: 2rem !important;
justify-content: space-between !important; justify-content: space-between !important;
align-content: space-between; align-content: space-between;
z-index: 3100; // z-index: 3100;
background: #fff; background: #fff;
} }
@media #{$smalldesktop} { @media #{$smalldesktop} {
@@ -430,9 +434,9 @@ $v-unit-6: 24rem;
div { div {
z-index: 3500; z-index: 3500;
object { // object {
-webkit-transform: translate3d(0, 0, 0); // -webkit-transform: translate3d(0, 0, 0);
} // }
} }
a { a {
display: inline-block; display: inline-block;
@@ -479,47 +483,131 @@ $v-unit-6: 24rem;
// } // }
// } // }
//icons in menu: // object {
object { // height: 3rem;
height: 3rem; // // width: 3rem;
@media #{$tablet} { // @media #{$tablet} {
height: 2.5rem; // height: 2.5rem;
} // // width: 2.5rem;
@media #{$smalldesktop} { // }
height: 3rem; // @media #{$smalldesktop} {
} // height: 3rem;
} // // width: 3rem;
// }
// }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* header elements */ /* header elements */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
// color of header elements, icons // color of header elements, icons
.logo, // .logo,
.social-link, // .social-link,
.menubutton, // .menubutton,
.events-link { // .events-link {
.white { // a,
display: block; // button,
// * {
// // z-index: 3501;
// // cursor: pointer;
// }
// // .white {
// // display: block;
// // }
// // .black {
// // display: none;
// // }
// // filter: invert(100);
// }
// @media #{$tablet} {
// .logo,
// .social-link,
// .menubutton,
// .events-link {
// // .white {
// // display: none;
// // }
// // .black {
// // display: block;
// // }
// // filter: invert(100);
// }
// }
//icons:
.dis-logo {
background-image: url(../img/dis-logo-white.png);
background-image: url(../img/dis-logo-white.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: $h-unit-1;
height: $h-unit-1;
&.black {
background-image: url(../img/dis-logo-black.png);
background-image: url(../img/dis-logo-black.svg);
} }
.black {
display: none; @media #{$tablet} {
background-image: url(../img/dis-logo-black.png);
background-image: url(../img/dis-logo-black.svg);
height: 4rem;
width: 4rem;
}
@media #{$smalldesktop} {
height: $h-unit-1;
width: $h-unit-1;
} }
// filter: invert(100);
} }
@media #{$tablet} {
.logo, .icon {
.social-link, height: 3rem;
.menubutton, width: 3rem;
.events-link { background-size: contain;
.white { background-position: center center;
display: none; background-repeat: no-repeat;
} -webkit-transform: translate3d(0, 0, 0);
.black { @media #{$tablet} {
display: block; height: 2.5rem;
} width: 2.5rem;
// filter: invert(100);
} }
@media #{$smalldesktop} {
height: 3rem;
width: 3rem;
}
}
@mixin bw-icon($iconname) {
background-image: url(../img/#{$iconname}-white.png);
background-image: url(../img/#{$iconname}-white.svg);
@media #{$tablet} {
background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg);
}
}
.facebook-icon {
@include bw-icon(facebook_icon);
}
.instagram-icon {
@include bw-icon(instagram_icon);
}
.esemeny-icon {
@include bw-icon(naptar_icon);
}
.menubutton-icon {
@include bw-icon(dis-plus);
&.black {
background-image: url(../img/dis-plus-black.png);
background-image: url(../img/dis-plus-black.svg);
}
}
.kereso-icon {
@include bw-icon(kereso_icon);
} }
@media #{$tablet} { @media #{$tablet} {
@@ -530,17 +618,20 @@ $v-unit-6: 24rem;
} }
// dis logo size: // dis logo size:
.logo { // .logo {
object { // object {
height: $h-unit-1; // height: $h-unit-1;
@media #{$tablet} { // // width: $h-unit-1;
height: 4rem; // @media #{$tablet} {
} // height: 4rem;
@media #{$smalldesktop} { // // width: 4rem;
height: $h-unit-1; // }
} // @media #{$smalldesktop} {
} // height: $h-unit-1;
} // // width: $h-unit-1;
// }
// }
// }
.menubutton { .menubutton {
$speed: 0.5s; $speed: 0.5s;
@@ -548,7 +639,7 @@ $v-unit-6: 24rem;
$easing: linear; $easing: linear;
order: 99; order: 99;
z-index: 3002; // z-index: 3002;
button { button {
transform-origin: center; transform-origin: center;
@@ -557,14 +648,16 @@ $v-unit-6: 24rem;
&.rotated { &.rotated {
@include transform(rotate($degree)); @include transform(rotate($degree));
} }
&.inverted { &.inverted .menubutton-icon {
@media #{$tablet} { @media #{$tablet} {
.white { background-image: url(../img/dis-plus-white.png);
display: block; background-image: url(../img/dis-plus-white.svg);
} // .white {
.black { // display: block;
display: none; // }
} // .black {
// display: none;
// }
} }
} }
} }
@@ -614,12 +707,12 @@ $v-unit-6: 24rem;
button { button {
flex: 0 0 auto; flex: 0 0 auto;
.white { // .white {
display: block; // display: block;
} // }
.black { // .black {
display: none; // display: none;
} // }
} }
} }
} //search-bar end } //search-bar end
@@ -630,14 +723,14 @@ $v-unit-6: 24rem;
.search-box { .search-box {
display: block; display: block;
flex: 1 1 0 !important; flex: 1 1 0 !important;
& > button { // & > button {
.white { // .white {
display: none; // display: none;
} // }
.black { // .black {
display: block; // display: block;
} // }
} // }
} }
.search-bar { .search-bar {
@@ -695,6 +788,7 @@ $v-unit-6: 24rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
height: 100vh;
} }
.menuseparator { .menuseparator {
display: block; display: block;
@@ -803,7 +897,7 @@ $v-unit-6: 24rem;
/* STRUCTURE ALL PAGE */ /* STRUCTURE ALL PAGE */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
main { main {
z-index: 1; // z-index: 2;
section { section {
article { article {
position: relative; position: relative;
@@ -1001,7 +1095,7 @@ $v-unit-6: 24rem;
.metadata { .metadata {
// bottom: 37.5vw; // bottom: 37.5vw;
top: calc(50vw - #{$h-unit-1}); top: calc(50vw - #{$h-unit-1} + 1px);
height: $h-unit-1; height: $h-unit-1;
display: flex; display: flex;
@include fit-content(width); @include fit-content(width);
@@ -1010,6 +1104,18 @@ $v-unit-6: 24rem;
align-items: center; align-items: center;
padding: 0; padding: 0;
&::after {
display: none;
}
@media #{$only-mobile} {
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
}
z-index: 15;
& > * {
z-index: 15;
}
.vr { .vr {
height: 100%; height: 100%;
width: 1px; width: 1px;
@@ -1027,8 +1133,15 @@ $v-unit-6: 24rem;
} }
} }
h2 {
// top: -1px;
position: relative;
border-top: #000 1px solid;
z-index: 8;
}
& > .bevezetoWrapper { & > .bevezetoWrapper {
padding: 0 2rem 1.5rem; padding: 0 2rem 3rem;
@include home-metadata-bevezeto(); @include home-metadata-bevezeto();
&::before { &::before {
display: block; display: block;
@@ -1055,18 +1168,18 @@ $v-unit-6: 24rem;
/* ----------------------- home article mobile first 2 ----------------------- */ /* ----------------------- home article mobile first 2 ----------------------- */
&.post_nr_1, &.post_nr_1,
&.post_nr_2 { &.post_nr_2 {
height: 100vh; min-height: 100vh;
.thumbnailwrapper { .thumbnailwrapper {
img { img {
height: 50vh; height: 50vh;
} }
} }
.metadata { .metadata {
top: calc(50vh - 5rem); top: calc(50vh - 5rem + 1px);
} }
h2 { h2 {
height: 50vh; // height: 50vh;
// height: calc(50vh + 1px);
padding-top: 3rem; padding-top: 3rem;
a { a {
@include home-title(); @include home-title();
@@ -1075,29 +1188,39 @@ $v-unit-6: 24rem;
} }
} }
} }
.bevezetoWrapper {
&::before {
// margin-top: 1rem;
margin-bottom: 0;
}
.bevezeto {
// @include home-metadata-big();
padding-top: 1rem;
}
}
} }
//border on first elements //border on first elements
&.post_nr_1 { // &.post_nr_1 {
.metadata { // // .metadata {
&::after { // // &::after {
display: none; // // display: none;
} // // }
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left); // // @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
z-index: 15; // // z-index: 15;
& > * { // // & > * {
z-index: 15; // // z-index: 15;
} // // }
} // // }
h2 { // // h2 {
height: calc(50vh + 1px); // // height: calc(50vh + 1px);
top: -1px; // // top: -1px;
position: relative; // // position: relative;
border-top: #000 1px solid; // // border-top: #000 1px solid;
z-index: 8; // // z-index: 8;
} // // }
} // }
} //article end } //article end
/* ------------------------ home article desktop big ------------------------ */ /* ------------------------ home article desktop big ------------------------ */
@@ -1148,6 +1271,7 @@ $v-unit-6: 24rem;
padding: 2rem; padding: 2rem;
padding-left: $v-unit-1; padding-left: $v-unit-1;
border: none;
width: calc(100vw - #{$h-unit-1-5 * 2.5}); width: calc(100vw - #{$h-unit-1-5 * 2.5});
@media #{$smalldesktop} { @media #{$smalldesktop} {
width: calc(100vw - #{$h-unit-5}); width: calc(100vw - #{$h-unit-5});
@@ -1322,6 +1446,7 @@ $v-unit-6: 24rem;
.metadata { .metadata {
justify-content: flex-end; justify-content: flex-end;
@include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right); @include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right);
.filler { .filler {
order: -1; order: -1;
@@ -1480,6 +1605,7 @@ $v-unit-6: 24rem;
background-color: #fff; background-color: #fff;
height: 100%; height: 100%;
padding: 0; padding: 0;
border: none;
a { a {
margin-top: $h-unit-0-5 / 2; margin-top: $h-unit-0-5 / 2;
@@ -1712,7 +1838,7 @@ body.category.category-esemeny {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-content: stretch; align-content: stretch;
padding: 1.5rem; padding: 1rem;
@media #{$bigmobile} { @media #{$bigmobile} {
padding: 2rem; padding: 2rem;
} }
@@ -1725,7 +1851,7 @@ body.category.category-esemeny {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
height: 50%; height: 50%;
flex: 0 0 auto; flex: 1 1 auto;
} }
.top-row { .top-row {
@@ -1746,7 +1872,11 @@ body.category.category-esemeny {
flex: 1 0.9 auto; flex: 1 0.9 auto;
height: unset; height: unset;
padding: 0; padding: 0;
@include event-title; border: none;
padding-right: 2rem;
a {
@include event-title;
}
} }
.vr { .vr {
flex: 0 0 auto; flex: 0 0 auto;
@@ -1757,8 +1887,9 @@ body.category.category-esemeny {
} }
a.text-link { a.text-link {
flex: 1 1 auto; flex: 1 1 auto;
padding-left: 1rem;
@include event-link; @include event-link;
text-align: right; // text-align: right;
&:hover { &:hover {
-webkit-text-stroke: transparent; -webkit-text-stroke: transparent;
color: #00f; color: #00f;
@@ -1781,26 +1912,31 @@ body.category.category-esemeny {
main { main {
padding-top: 0; padding-top: 0;
section { section {
height: 100%; margin: $v-unit-1 $h-unit-2;
border-top: #000 1px solid;
height: calc(100vh - #{$v-unit-2});
// padding-top: // padding-top:
padding-left: $h-unit-2; // margin-left: $h-unit-2;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-content: center;
article { article {
width: calc(50vw - #{$h-unit-2}); width: calc(50vw - #{$h-unit-2});
height: calc(50vw - #{$h-unit-2}); // height: calc(50vw - #{$h-unit-2});
max-width: calc(100vh - #{$h-unit-1}); max-width: calc(100vh - #{$h-unit-1});
max-height: calc(100vh - #{$h-unit-1}); height: unset;
min-height: unset;
// max-height: calc(100vh - #{$h-unit-1});
min-width: 80vh; // min-width: 80vh;
min-height: 80vh; // min-height: 80vh;
// margin: auto; // margin: auto;
margin: auto $h-unit-2 auto 0; margin: 0 $h-unit-2 0 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: center;
.thumbnailwrapper { .thumbnailwrapper {
height: unset; height: unset;
@@ -1814,25 +1950,28 @@ body.category.category-esemeny {
} }
flex: 1 1 auto; flex: 1 1 auto;
padding: 0; padding: 0;
// .top-row{ .top-row {
// .ev-date{ flex: 1 1 auto;
// padding-left: 2rem; .ev-date {
// } padding-left: 2rem;
}
// padding-right: 2rem; padding-right: 2rem;
}
// }
.bottom-row { .bottom-row {
flex: 1 1 auto;
h2 { h2 {
// padding-left: 2rem; padding-left: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-right: 0;
} }
.vr { .vr {
margin: 0 2rem; margin: 0 1rem;
} }
.text-link { .text-link {
// padding-right: 2rem; padding-right: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-left: 0;
} }
} }
} }
@@ -1849,7 +1988,8 @@ body.category.category-esemeny {
@mixin singleDesktopLayout() { @mixin singleDesktopLayout() {
padding-right: $h-unit-4; padding-right: $h-unit-4;
padding-left: 0; padding-left: 0;
max-width: calc(1024px + #{$h-unit-4}); // max-width: calc(1024px + #{$h-unit-4});
max-width: calc(768px + #{$h-unit-4});
} }
$padd: 2rem; $padd: 2rem;
@@ -1913,16 +2053,25 @@ $padd: 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 0;
@include single-metadata(); @include single-metadata();
.metaWrapper { .metaWrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: flex-start;
.time-cat { // .time-cat {
z-index: 10; // // z-index: 10;
// }
.time-cat::after {
content: " ";
display: inline-block;
}
.format::before {
content: "|";
display: inline-block;
} }
} }
} }
@@ -1957,7 +2106,7 @@ $padd: 2rem;
margin-left: $h-unit-1; margin-left: $h-unit-1;
background-color: #fff; background-color: #fff;
border-left: #000 solid 1px; border-left: #000 solid 1px;
padding-left: $h-unit-1; padding-left: $h-unit-2;
// & > * { // & > * {
// padding: $padd $h-unit-1; // padding: $padd $h-unit-1;
@@ -1993,7 +2142,8 @@ $padd: 2rem;
.metadata { .metadata {
top: -#{$h-unit-1}; top: -#{$h-unit-1};
width: 100%; // left: -#{$h-unit-1};
width: calc(100% + #{$h-unit-1});
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@@ -2001,15 +2151,7 @@ $padd: 2rem;
.metaWrapper { .metaWrapper {
@include singleDesktopLayout(); @include singleDesktopLayout();
justify-content: flex-start; padding-left: $h-unit-1;
.time-cat::after {
content: " ";
display: inline-block;
}
.format::before {
content: "|";
display: inline-block;
}
} }
// .time-cat { // .time-cat {
@@ -2032,6 +2174,7 @@ $padd: 2rem;
background-color: #ff5f5f; background-color: #ff5f5f;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
border: none; border: none;
width: 20%; width: 20%;
&.content-wrap { &.content-wrap {
@@ -2051,6 +2194,9 @@ $padd: 2rem;
margin-bottom: $padd; margin-bottom: $padd;
} }
} }
&.wp-block-separator:nth-of-type(2) {
margin-bottom: 4rem;
}
} }
//override if thumbnail //override if thumbnail
@@ -2104,7 +2250,7 @@ $padd: 2rem;
p { p {
background: #ff5f5f; background: #ff5f5f;
display: inline; display: inline;
padding: 3px 0; padding: 5px 0 3px;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
} }
@@ -2117,8 +2263,28 @@ $padd: 2rem;
} }
} }
//nagyon nagy kiemelt
.wp-block-pullquote { .wp-block-pullquote {
text-align: unset; // text-align: unset;
padding: 4rem;
blockquote {
display: inline;
position: relative;
p {
@include single-quote-big();
}
cite {
// display: inline !important;
position: absolute;
font-size: 80%;
bottom: -3rem;
right: 0;
top: unset;
left: unset;
display: inline-block;
}
}
} }
/* ---------------------------- images on single ---------------------------- */ /* ---------------------------- images on single ---------------------------- */
@@ -2147,10 +2313,16 @@ $padd: 2rem;
.wp-block-gallery { .wp-block-gallery {
padding: 0; padding: 0;
margin: $padd 0; margin: $padd 0;
// @media #{$tablet} {
// align-content: space-between;
// }
li { li {
margin-right: 0; margin-right: 0;
@media #{$tablet} { @media #{$tablet} {
margin-bottom: $v-unit-1; // margin-bottom: $v-unit-1 /2;
// margin-top: $v-unit-1 /2;
margin: 0;
} }
&:nth-child(odd) figcaption { &:nth-child(odd) figcaption {
@media #{$tablet} { @media #{$tablet} {
@@ -2342,7 +2514,7 @@ $padd: 2rem;
} }
} }
&#cboxClose { &#cboxClose {
background-image: url(../img/dis-plus.svg); background-image: url(../img/dis-plus-white.svg);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
@include transform(rotate(45deg)); @include transform(rotate(45deg));
@@ -2650,6 +2822,7 @@ body.page {
@mixin tagcolors($color) { @mixin tagcolors($color) {
//metadata on mobile //metadata on mobile
.metadata { .metadata {
@media #{$only-mobile} { @media #{$only-mobile} {
color: $color !important; color: $color !important;
@@ -2661,19 +2834,28 @@ body.page {
a { a {
color: $color !important; color: $color !important;
} }
}
//mobile desktop firat post @media #{$only-mobile} {
&.post_nr_1:not(.home-big) {
.metadata {
&::before, &::before,
&::after { &::after {
border-color: $color !important; border-color: $color !important;
} }
} }
h2 { }
//mobile desktop firat post
// &.post_nr_1:not(.home-big) {
// .metadata {
// &::before,
// &::after {
// border-color: $color !important;
// }
// }
h2 {
@media #{$only-mobile} {
border-top-color: $color !important; border-top-color: $color !important;
} }
} }
// }
& > .bevezetoWrapper::before { & > .bevezetoWrapper::before {
background-color: $color !important; background-color: $color !important;
@@ -2755,11 +2937,13 @@ body.page {
@mixin tagcolors-single($color, $darkcolor) { @mixin tagcolors-single($color, $darkcolor) {
.titlewrapper { .titlewrapper {
.metadata { .metadata {
color: $color !important;
@media #{$tablet} { @media #{$tablet} {
// color: #fff !important; color: #fff !important;
-webkit-text-stroke: $color 1px !important; -webkit-text-stroke: $color 1px !important;
} }
a { a {
color: $color !important;
@media #{$tablet} { @media #{$tablet} {
color: #fff !important; color: #fff !important;
-webkit-text-stroke: $color 1px !important; -webkit-text-stroke: $color 1px !important;
@@ -2804,59 +2988,66 @@ $color-think-dark: #007f5c;
$color-love-dark: #7f2f2f; $color-love-dark: #7f2f2f;
//colors on articles //colors on articles
.archive,
.tag-be { .home,
@include tagcolors($color-be); .search-results {
::selection { &.tag-be,
color: #000; .tag-be {
background-color: $color-do; @include tagcolors($color-be);
} ::selection {
// &.cut-even, color: #000;
&.random { background-color: $color-do;
.thumbnailwrapper > img { }
@include tagclip(be); // &.cut-even,
&.random {
.thumbnailwrapper > img {
@include tagclip(be);
}
} }
} }
}
.tag-do { &.tag-do,
@include tagcolors($color-do); .tag-do {
::selection { @include tagcolors($color-do);
color: #000; ::selection {
background-color: $color-be; color: #000;
} background-color: $color-be;
// &.cut-even, }
&.random { // &.cut-even,
.thumbnailwrapper > img { &.random {
@include tagclip(do); .thumbnailwrapper > img {
@include tagclip(do);
}
} }
} }
}
.tag-think { &.tag-think,
@include tagcolors($color-think); .tag-think {
::selection { @include tagcolors($color-think);
color: #000; ::selection {
background-color: $color-love; color: #000;
} background-color: $color-love;
// &.cut-even, }
&.random { // &.cut-even,
.thumbnailwrapper > img { &.random {
@include tagclip(think); .thumbnailwrapper > img {
@include tagclip(think);
}
} }
} }
}
.tag-love { &.tag-love,
@include tagcolors($color-love); .tag-love {
::selection { @include tagcolors($color-love);
color: #000; ::selection {
background-color: $color-think; color: #000;
} background-color: $color-think;
// &.cut-even, }
&.random { // &.cut-even,
.thumbnailwrapper > img { &.random {
@include tagclip(love); .thumbnailwrapper > img {
@include tagclip(love);
}
} }
} }
} }

7
searchform.php
View File

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