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

error, no result pages

Browse Source
This commit is contained in:
infeeeee
2019-08-14 04:46:39 +02:00
parent 6edb7e59ed
commit 7ab073d280
12 changed files with 2573 additions and 860 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
404.php
View File

@@ -6,12 +6,14 @@
<!-- article --> <!-- article -->
<article id="post-404"> <article id="post-404">
<div class="archivetitle 404-title">
<h1><?php _e( 'Page not found', 'dis2019' ); ?></h1> <h1><?php _e( 'Page not found', 'dis2019' ); ?></h1>
<h2> <div class="toHome">
<a href="<?php echo home_url(); ?>"><?php _e( 'Return home?', 'dis2019' ); ?></a> <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
</h2> ← <?php _e('Back to home:', 'dis2019');?>
</a>
</div>
</div>
</article> </article>
<!-- /article --> <!-- /article -->

9
KÉZIKÖNYV.md
View File

@@ -1,5 +1,11 @@
# Felhasználói kézikönyv # Felhasználói kézikönyv
## Tesztoldal elérhetősége
[dis.gyetpet.dynu.net](https://dis.gyetpet.dynu.net)
Ez általában ugynaz a verzió mint itt git-en, de előfordulhat, hogy a git le van maradva.
## Különböző elemek szerkesztése ## Különböző elemek szerkesztése
### Bejegyzések ### Bejegyzések
@@ -103,5 +109,6 @@ nvm install 11
nvm use 11 nvm use 11
sudo apt install python sudo apt install python
npm install gulp-cli -g npm install gulp-cli -g
nvm install dev npm install dev
``` ```
`gulp watch`

10
_teendők.md
View File

@@ -13,8 +13,6 @@ felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
Nyitócikkek felgördülő lead hosszát pontosítani Nyitócikkek felgördülő lead hosszát pontosítani
Nagycímes címek, még feljebb
semmiképpen ne lógjon a cím elé a felgördölő cucc semmiképpen ne lógjon a cím elé a felgördölő cucc
Max karakterszám alcímnél, hogy hova menjen Max karakterszám alcímnél, hogy hova menjen
@@ -28,19 +26,15 @@ Kezdőlap:
# Kategória oldalak # Kategória oldalak
reszponzivitás több oldalméreten megnézni
vonalak néhol túlvékonyodik, vastagodik - egyenletlen
# menü # menü
# Oldal # Oldal
!Nincs találat oldal, pl keresésnél
404 oldal
Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán
# keresési eredmények
# egyéb # egyéb
Cookie értesítés Cookie értesítés

2459
css/base.css
View File

File diff suppressed because it is too large Load Diff

11
customizer.php
View File

@@ -52,6 +52,17 @@ function dis2019_customizer_settings($wp_customize)
'type' => 'number', 'type' => 'number',
))); )));
$wp_customize->add_setting('dis-2019-posts-on-archive');
$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dis-2019-posts-on-archive',
array(
'label' => __('Number of posts on search results and archive pages', 'dis2019'),
'section' => 'dis-2019',
'description' => __('Search results and archive non tag pages. Use 6*n-1 numbers, e.g. 5, 11, 17, 23... ', 'dis2019'),
'settings' => 'dis-2019-posts-on-archive',
'type' => 'number',
)));
//__('Choose from most used writer', 'dis2019') //__('Choose from most used writer', 'dis2019')
// get_theme_mod( 'dis-2019-posts-on-home' ); // get_theme_mod( 'dis-2019-posts-on-home' );
} }

33
functions.php
View File

@@ -124,8 +124,8 @@ function dis2019_header_scripts()
wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); // wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('lettering'); // Enqueue it! wp_enqueue_script('lettering'); // Enqueue it!
// wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); // wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); //
// wp_enqueue_script('clamp'); // Enqueue it! wp_enqueue_script('clamp'); // Enqueue it!
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array( wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
'jquery', 'jquery',
@@ -323,7 +323,8 @@ function remove_thumbnail_dimensions($html)
} }
//Wrap aligned images to a div //Wrap aligned images to a div
function wrap_aligned_images($content){ function wrap_aligned_images($content)
{
return preg_replace('/<div class="wp-block-image"><figure class="(align[a-z]*)([ "])(.*)<\/figure>\s*/iU', '<div class="wp-block-image wp-block-image-aligned"><div class="alignedWrapper \1Wrapper"><figure class="\1\2\3 </figure></div>', $content); return preg_replace('/<div class="wp-block-image"><figure class="(align[a-z]*)([ "])(.*)<\/figure>\s*/iU', '<div class="wp-block-image wp-block-image-aligned"><div class="alignedWrapper \1Wrapper"><figure class="\1\2\3 </figure></div>', $content);
} }
add_filter('the_content', 'wrap_aligned_images'); add_filter('the_content', 'wrap_aligned_images');
@@ -435,7 +436,22 @@ function misha_loadmore_ajax_handler()
$args['posts_per_page'] = 6; $args['posts_per_page'] = 6;
//First, define your desired offset... //First, define your desired offset...
$offset = 14; $offset = get_theme_mod('dis-2019-posts-on-home');
// console_debug($args);
if ($args['cat']) {
// console_debug('cat query');
$offset = get_theme_mod('dis-2019-posts-on-archive');
}
if ($args['s']) {
// console_debug('search query');
$offset = get_theme_mod('dis-2019-posts-on-archive');
}
if ($args['tag']) {
// console_debug('tag query');
$offset = get_theme_mod('dis-2019-posts-on-tag');
}
//Next, determine how many posts per page you want (we'll use WordPress's settings) //Next, determine how many posts per page you want (we'll use WordPress's settings)
$ppp = get_option('posts_per_page'); $ppp = get_option('posts_per_page');
@@ -493,8 +509,9 @@ add_action('pre_get_posts', 'dis_2019_more_posts_on_home', 1);
function dis_2019_more_posts_on_home(&$query) function dis_2019_more_posts_on_home(&$query)
{ {
//Before anything else, make sure this is the right query... //Before anything else, make sure this is the right query...
if (!$query->is_home() && !$query->is_archive()) { if (!$query->is_home() && !$query->is_archive() && !$query->is_search()) {
return; return;
} }
@@ -503,12 +520,16 @@ function dis_2019_more_posts_on_home(&$query)
return; return;
} }
//console_debug($query); // console_debug($query);
if ($query->is_home()) { if ($query->is_home()) {
$pposts = get_theme_mod('dis-2019-posts-on-home'); $pposts = get_theme_mod('dis-2019-posts-on-home');
} elseif ($query->is_tag()) { } elseif ($query->is_tag()) {
$pposts = get_theme_mod('dis-2019-posts-on-tag'); $pposts = get_theme_mod('dis-2019-posts-on-tag');
} elseif ($query->is_archive()) {
$pposts = get_theme_mod('dis-2019-posts-on-archive');
} elseif ($query->is_search()) {
$pposts = get_theme_mod('dis-2019-posts-on-archive');
} elseif (!$query->in_the_loop()) { } elseif (!$query->in_the_loop()) {
return; return;
} else { } else {

154
js/scripts.js
View File

@@ -60,7 +60,7 @@
} }
})() })()
const isTablet = (!isMobile && (wow < 1024 || wiw < 1024)) ? true : false const isTablet = (!isMobile && (wow < 1024 && wiw < 1024)) ? true : false
/** /**
* Checks if body has a class * Checks if body has a class
@@ -93,6 +93,9 @@
//isSearch //isSearch
const isSearch = bodyHasClass('search-results') const isSearch = bodyHasClass('search-results')
//isSearchNoResults
const isSearchNoResults = bodyHasClass('search-no-results')
//isEsemeny //isEsemeny
const isEsemeny = bodyHasClass('category-esemeny') const isEsemeny = bodyHasClass('category-esemeny')
@@ -100,7 +103,7 @@
const isSingle = bodyHasClass('single') const isSingle = bodyHasClass('single')
// Masonrypage: archive, home or search results // Masonrypage: archive, home or search results
var isMasonryPage = isArchive || isHome || isSearch var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults
/* ========================================================================== */ /* ========================================================================== */
@@ -164,12 +167,13 @@
/* ========================================================================== */ /* ========================================================================== */
var menuWidth = wow var menuWidth = wow
if (!isMobile) {
menuWidth = 500
}
if (isTablet) { if (isTablet) {
menuWidth = 350 menuWidth = 350
} }
if (!isMobile && !isTablet) {
menuWidth = 500
}
$("#sidebar").simplerSidebar({ $("#sidebar").simplerSidebar({
@@ -212,9 +216,22 @@
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* ------------------------------- 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 ----------------------------- */ /* ----------------------------- css on desktop ----------------------------- */
/* ------------------------------ wrap articles ----------------------------- */
if (!isMobile) { if (!isMobile) {
if (isMasonryPage) { if (isMasonryPage) {
//no overflowY //no overflowY
@@ -268,6 +285,8 @@
} }
} }
/* -------------------------------- 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 })
@@ -276,12 +295,17 @@
} }
//fit title //fit title
$(".archivetitle h1").fitText(0.6) $("body:not(.no-result) .archivetitle h1").fitText(0.7)
}//isMasonryPage end }//isMasonryPage end
}// !isMobile end }// !isMobile end
/* ----------------------------- random cutouts ----------------------------- */
function random2() { function random2() {
const choices = [ const choices = [
[1, 3], [1, 3],
@@ -332,6 +356,12 @@
$('html, body').stop().animate({ scrollTop: 0 }, 800); $('html, body').stop().animate({ scrollTop: 0 }, 800);
}) })
//hide totop if not needed
if (!($("main").height() > $(window).height()) && isMobile) {
$(".totop").hide()
}
/* ---------------------------- Scroll on desktop --------------------------- */ /* ---------------------------- Scroll on desktop --------------------------- */
/** /**
@@ -607,16 +637,18 @@
}, },
success: function (data) { success: function (data) {
if (data) { if (data) {
if (data.length < 100) { if (data.length < 102) {
button.children().remove(); // if last page, remove the button button.children().remove(); // if last page, remove the button
noMoreAjax = true noMoreAjax = true
return false return false
} }
// console.log(data.length)
button.html('<a>Mutass többet</a>').before(data); // insert new posts button.html('<a>Mutass többet</a>').before(data); // insert new posts
misha_loadmore_params.current_page++; misha_loadmore_params.current_page++;
button.trigger("moreload-finish", scroll) button.trigger("moreload-finish", scroll)
console.log("loading:", data.length) // console.log("loading:", data.length)
// you can also fire the "post-load" event here if you use a plugin that requires it // you can also fire the "post-load" event here if you use a plugin that requires it
// $( document.body ).trigger( 'post-load' ); // $( document.body ).trigger( 'post-load' );
@@ -624,7 +656,7 @@
} else { } else {
button.children().remove(); // if no data, remove the button as well button.children().remove(); // if no data, remove the button as well
noMoreAjax = true noMoreAjax = true
console.log("no data") // console.log("no data")
} }
} }
}); });
@@ -639,17 +671,34 @@
/* ------------------------------ hover on home ----------------------------- */ /* ------------------------------ hover on home ----------------------------- */
var bigMetadataHeight var defaultMetadataHeight
var openedMetadataHeight
//hover on big articles //hover on big articles
$(".home-big h2 a").hover(function () { $(".home-big h2 a").hover(function () {
let cc = $(this) let cc = $(this)
let cArticle = cc.parents("article") let cArticle = cc.parents("article")
let cMetadata = cArticle.children(".metadata") let cMetadata = cArticle.children(".metadata")
if (!bigMetadataHeight) { let cBevezeto = cMetadata.children(".bevezeto")[0]
bigMetadataHeight = cMetadata[0].getBoundingClientRect().height
// calculate default height
if (!defaultMetadataHeight) {
defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
} }
//calculate opened height
if (!openedMetadataHeight) {
let h2H = 0
$(".home-big h2").each(function () {
if ($(this)[0].getBoundingClientRect().height > h2H) {
h2H = $(this)[0].getBoundingClientRect().height
}
})
let artH = cArticle[0].getBoundingClientRect().height
openedMetadataHeight = artH - bottomScrollHeight - h2H
// $('.alcim').css({width: openedMetadataHeight})
$('.bevezeto').css({height: openedMetadataHeight})
}
//add hovered class //add hovered class
cArticle.addClass("hovered") cArticle.addClass("hovered")
@@ -663,10 +712,13 @@
cMetadata.children(".categories, .postedon").addClass("transparent") cMetadata.children(".categories, .postedon").addClass("transparent")
//animate border //animate border
cMetadata.stop().animate({ height: "25rem" }, 400, _ => { cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
//hide metadata //hide metadata
cMetadata.children(".categories, .postedon").hide().removeClass("transparent") cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent") cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
//clamp bevezető
$clamp(cBevezeto, { clamp: 'auto' });
}) })
@@ -687,14 +739,65 @@
cMetadata.children(".alcim, .bevezeto").addClass("transparent") cMetadata.children(".alcim, .bevezeto").addClass("transparent")
//animate height change //animate height change
cMetadata.stop().animate({ height: bigMetadataHeight }, 400, _ => { cMetadata.stop().animate({ height: defaultMetadataHeight }, 400, _ => {
//hide and show metadata //hide and show metadata
cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent") cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
cMetadata.children(".categories, .postedon").removeClass("transparent").show() cMetadata.children(".categories, .postedon").removeClass("transparent").show()
}) })
}) })
// for testing:
var bighovertest = (function () {
let cc = $(".home_wrapper-1 .home-big h2 a")
let cArticle = cc.parents("article")
let cMetadata = cArticle.children(".metadata")
let cBevezeto = cMetadata.children(".bevezeto")[0]
// calculate default height
if (!defaultMetadataHeight) {
defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
}
//calculate opened height
if (!openedMetadataHeight) {
let h2H = 0
$(".home-big h2").each(function () {
if ($(this)[0].getBoundingClientRect().height > h2H) {
h2H = $(this)[0].getBoundingClientRect().height
}
})
let artH = cArticle[0].getBoundingClientRect().height
openedMetadataHeight = artH - bottomScrollHeight - h2H
// cMetadata.children('.alcim').css({width: openedMetadataHeight})
$('.bevezeto').css({height: openedMetadataHeight})
}
//add hovered class
cArticle.addClass("hovered")
//add tag to header for bg
let artClasses = cArticle.attr("class").split(" ")
let theTag = findClassByStart(artClasses, "tag")
$("body, .header-1, .header-2").addClass("hover-" + theTag)
//transparent metadata
cMetadata.children(".categories, .postedon").addClass("transparent")
//animate border
cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
//hide metadata
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
//clamp bevezető
$clamp(cBevezeto, { clamp: 'auto' });
})
})()
/** /**
* finds a name of a class, from the first element * finds a name of a class, from the first element
* @param {Array} classlist the list of classes to search from as an array * @param {Array} classlist the list of classes to search from as an array
@@ -714,13 +817,19 @@
//hover on small articles //hover on small articles
function showTitle(th) { function showTitle(th) {
$(th).children("h2").show() if (!$('body').hasClass('no-result')) {
$(th).children(".metadata").addClass("vis") $(th).children("h2").show()
$(th).children(".metadata").addClass("vis")
}
} }
function hideTitle(th) { function hideTitle(th) {
$(th).children("h2").hide() if (!$('body').hasClass('no-result')) {
$(th).children(".metadata").removeClass("vis") $(th).children("h2").hide()
$(th).children(".metadata").removeClass("vis")
}
} }
$(document).on({ $(document).on({
@@ -752,13 +861,6 @@
}, ".home-small a.thumbnailwrapper") }, ".home-small a.thumbnailwrapper")
/* ------------------------------- no results ------------------------------- */
if (isMasonryPage && $("article").hasClass('no-result')) {
$('body').addClass("no-result")
}
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* EVENTS - ESEMÉNYEK */ /* EVENTS - ESEMÉNYEK */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */

88
languages/HTML5Blank.pot
View File

@@ -2,7 +2,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n" "Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-08-02 20:50+0200\n" "POT-Creation-Date: 2019-08-13 17:02+0200\n"
"PO-Revision-Date: \n" "PO-Revision-Date: \n"
"Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n" "Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n"
"Language-Team: \n" "Language-Team: \n"
@@ -25,7 +25,7 @@ msgstr ""
msgid "Return home?" msgid "Return home?"
msgstr "" msgstr ""
#: ../category-esemeny.php:74 ../loop.php:99 ../singular.php:163 #: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144
msgid "Sorry, nothing to display." msgid "Sorry, nothing to display."
msgstr "" msgstr ""
@@ -61,165 +61,165 @@ msgstr ""
msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... " msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... "
msgstr "" msgstr ""
#: ../functions.php:239 #: ../functions.php:174
msgid "Main menu left" msgid "Main menu left"
msgstr "" msgstr ""
#: ../functions.php:240 #: ../functions.php:175
msgid "Main menu right" msgid "Main menu right"
msgstr "" msgstr ""
#: ../functions.php:242 #: ../functions.php:177
msgid "Circular tags" msgid "Circular tags"
msgstr "" msgstr ""
#: ../functions.php:368 #: ../functions.php:303
msgid "View Article" msgid "View Article"
msgstr "" msgstr ""
#: ../functions.php:432 #: ../functions.php:373
#, php-format #, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>" msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr "" msgstr ""
#: ../functions.php:435 #: ../functions.php:376
msgid "Your comment is awaiting moderation." msgid "Your comment is awaiting moderation."
msgstr "" msgstr ""
#: ../functions.php:441 #: ../functions.php:382
#, php-format #, php-format
msgid "%1$s at %2$s" msgid "%1$s at %2$s"
msgstr "" msgstr ""
#: ../functions.php:441 #: ../functions.php:382
msgid "(Edit)" msgid "(Edit)"
msgstr "" msgstr ""
#: ../functions.php:684 #: ../functions.php:665
msgid "Search Formats" msgid "Search Formats"
msgstr "" msgstr ""
#: ../functions.php:685 #: ../functions.php:666
msgid "All Formats" msgid "All Formats"
msgstr "" msgstr ""
#: ../functions.php:686 #: ../functions.php:667
msgid "Parent Format" msgid "Parent Format"
msgstr "" msgstr ""
#: ../functions.php:687 #: ../functions.php:668
msgid "Parent Format:" msgid "Parent Format:"
msgstr "" msgstr ""
#: ../functions.php:688 #: ../functions.php:669
msgid "Edit Format" msgid "Edit Format"
msgstr "" msgstr ""
#: ../functions.php:689 #: ../functions.php:670
msgid "Update Format" msgid "Update Format"
msgstr "" msgstr ""
#: ../functions.php:690 #: ../functions.php:671
msgid "Add New Format" msgid "Add New Format"
msgstr "" msgstr ""
#: ../functions.php:691 #: ../functions.php:672
msgid "New Format Name" msgid "New Format Name"
msgstr "" msgstr ""
#: ../functions.php:692 #: ../functions.php:673
msgid "Formats" msgid "Formats"
msgstr "" msgstr ""
#: ../functions.php:694 #: ../functions.php:675
msgid "View Formats" msgid "View Formats"
msgstr "" msgstr ""
#: ../functions.php:695 #: ../functions.php:676
msgid "Popular Formats" msgid "Popular Formats"
msgstr "" msgstr ""
#: ../functions.php:696 #: ../functions.php:677
msgid "Separate formats with commas" msgid "Separate formats with commas"
msgstr "" msgstr ""
#: ../functions.php:697 #: ../functions.php:678
msgid "Add or remove formats" msgid "Add or remove formats"
msgstr "" msgstr ""
#: ../functions.php:698 #: ../functions.php:679
msgid "Choose from most used formats" msgid "Choose from most used formats"
msgstr "" msgstr ""
#: ../functions.php:699 #: ../functions.php:680
msgid "No formats found" msgid "No formats found"
msgstr "" msgstr ""
#: ../functions.php:700 #: ../functions.php:681
msgid "Back to formats" msgid "Back to formats"
msgstr "" msgstr ""
#: ../functions.php:721 #: ../functions.php:702
msgid "Search Writers" msgid "Search Writers"
msgstr "" msgstr ""
#: ../functions.php:722 #: ../functions.php:703
msgid "All Writers" msgid "All Writers"
msgstr "" msgstr ""
#: ../functions.php:723 #: ../functions.php:704
msgid "Parent Writer" msgid "Parent Writer"
msgstr "" msgstr ""
#: ../functions.php:724 #: ../functions.php:705
msgid "Parent Writer:" msgid "Parent Writer:"
msgstr "" msgstr ""
#: ../functions.php:725 #: ../functions.php:706
msgid "Edit Writer" msgid "Edit Writer"
msgstr "" msgstr ""
#: ../functions.php:726 #: ../functions.php:707
msgid "Update Writer" msgid "Update Writer"
msgstr "" msgstr ""
#: ../functions.php:727 #: ../functions.php:708
msgid "Add New Writer" msgid "Add New Writer"
msgstr "" msgstr ""
#: ../functions.php:728 #: ../functions.php:709
msgid "New Writer Name" msgid "New Writer Name"
msgstr "" msgstr ""
#: ../functions.php:729 #: ../functions.php:710
msgid "Writers" msgid "Writers"
msgstr "" msgstr ""
#: ../functions.php:731 #: ../functions.php:712
msgid "View Writers" msgid "View Writers"
msgstr "" msgstr ""
#: ../functions.php:732 #: ../functions.php:713
msgid "Popular Writers" msgid "Popular Writers"
msgstr "" msgstr ""
#: ../functions.php:733 #: ../functions.php:714
msgid "Separate writers with commas" msgid "Separate writers with commas"
msgstr "" msgstr ""
#: ../functions.php:734 #: ../functions.php:715
msgid "Add or remove writers" msgid "Add or remove writers"
msgstr "" msgstr ""
#: ../functions.php:735 #: ../functions.php:716
msgid "Choose from most used writer" msgid "Choose from most used writer"
msgstr "" msgstr ""
#: ../functions.php:736 #: ../functions.php:717
msgid "No writer found" msgid "No writer found"
msgstr "" msgstr ""
#: ../functions.php:737 #: ../functions.php:718
msgid "Back to writers" msgid "Back to writers"
msgstr "" msgstr ""
@@ -228,11 +228,11 @@ msgstr ""
msgid "%s search results for" msgid "%s search results for"
msgstr "" msgstr ""
#: ../singular.php:97 #: ../singular.php:100
msgid "More posts:" msgid "More posts:"
msgstr "" msgstr ""
#: ../singular.php:142 #: ../singular.php:123
msgid "Back to home:" msgid "Back to home:"
msgstr "" msgstr ""

BIN
languages/hu_HU.mo
View File

Binary file not shown.

90
languages/hu_HU.po
View File

@@ -1,7 +1,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n" "Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-08-02 20:50+0200\n" "POT-Creation-Date: 2019-08-13 17:03+0200\n"
"PO-Revision-Date: \n" "PO-Revision-Date: \n"
"Last-Translator: Péter Gyetvai <gyetpet@mailbox.org>\n" "Last-Translator: Péter Gyetvai <gyetpet@mailbox.org>\n"
"Language-Team: \n" "Language-Team: \n"
@@ -25,9 +25,9 @@ msgstr "A keresett oldal nem található"
msgid "Return home?" msgid "Return home?"
msgstr "Vissza a főoldalra?" msgstr "Vissza a főoldalra?"
#: ../category-esemeny.php:74 ../loop.php:99 ../singular.php:163 #: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144
msgid "Sorry, nothing to display." msgid "Sorry, nothing to display."
msgstr "Nincs tartalom." msgstr "Nincs találat"
#: ../customizer.php:16 #: ../customizer.php:16
msgid "Event category id" msgid "Event category id"
@@ -65,165 +65,165 @@ msgstr ""
"Be, do, think, love listák. Használj 6*n-2 számokat, például 4, 10, 16, " "Be, do, think, love listák. Használj 6*n-2 számokat, például 4, 10, 16, "
"22... " "22... "
#: ../functions.php:239 #: ../functions.php:174
msgid "Main menu left" msgid "Main menu left"
msgstr "Főmenü bal" msgstr "Főmenü bal"
#: ../functions.php:240 #: ../functions.php:175
msgid "Main menu right" msgid "Main menu right"
msgstr "Főmenü jobb" msgstr "Főmenü jobb"
#: ../functions.php:242 #: ../functions.php:177
msgid "Circular tags" msgid "Circular tags"
msgstr "Kör címkék" msgstr "Kör címkék"
#: ../functions.php:368 #: ../functions.php:303
msgid "View Article" msgid "View Article"
msgstr "Tartalom Megtekintése" msgstr "Tartalom Megtekintése"
#: ../functions.php:432 #: ../functions.php:373
#, php-format #, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>" msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>" msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>"
#: ../functions.php:435 #: ../functions.php:376
msgid "Your comment is awaiting moderation." msgid "Your comment is awaiting moderation."
msgstr "A hozzászólás moderálásra vár." msgstr "A hozzászólás moderálásra vár."
#: ../functions.php:441 #: ../functions.php:382
#, php-format #, php-format
msgid "%1$s at %2$s" msgid "%1$s at %2$s"
msgstr "%1$s - %2$s" msgstr "%1$s - %2$s"
#: ../functions.php:441 #: ../functions.php:382
msgid "(Edit)" msgid "(Edit)"
msgstr "(Szerkesztés)" msgstr "(Szerkesztés)"
#: ../functions.php:684 #: ../functions.php:665
msgid "Search Formats" msgid "Search Formats"
msgstr "Formátumok keresése" msgstr "Formátumok keresése"
#: ../functions.php:685 #: ../functions.php:666
msgid "All Formats" msgid "All Formats"
msgstr "Minden formátum" msgstr "Minden formátum"
#: ../functions.php:686 #: ../functions.php:667
msgid "Parent Format" msgid "Parent Format"
msgstr "Szülő formátum" msgstr "Szülő formátum"
#: ../functions.php:687 #: ../functions.php:668
msgid "Parent Format:" msgid "Parent Format:"
msgstr "Szülő formátum:" msgstr "Szülő formátum:"
#: ../functions.php:688 #: ../functions.php:669
msgid "Edit Format" msgid "Edit Format"
msgstr "Formátum szerkesztése" msgstr "Formátum szerkesztése"
#: ../functions.php:689 #: ../functions.php:670
msgid "Update Format" msgid "Update Format"
msgstr "Formátum frissítése" msgstr "Formátum frissítése"
#: ../functions.php:690 #: ../functions.php:671
msgid "Add New Format" msgid "Add New Format"
msgstr "Új formátum hozzáadása" msgstr "Új formátum hozzáadása"
#: ../functions.php:691 #: ../functions.php:672
msgid "New Format Name" msgid "New Format Name"
msgstr "Új formátum neve" msgstr "Új formátum neve"
#: ../functions.php:692 #: ../functions.php:673
msgid "Formats" msgid "Formats"
msgstr "Formátumok" msgstr "Formátumok"
#: ../functions.php:694 #: ../functions.php:675
msgid "View Formats" msgid "View Formats"
msgstr "Formátumok megjelenítése" msgstr "Formátumok megjelenítése"
#: ../functions.php:695 #: ../functions.php:676
msgid "Popular Formats" msgid "Popular Formats"
msgstr "Népszerű formátumok" msgstr "Népszerű formátumok"
#: ../functions.php:696 #: ../functions.php:677
msgid "Separate formats with commas" msgid "Separate formats with commas"
msgstr "Formátumokat vesszővel válaszd el" msgstr "Formátumokat vesszővel válaszd el"
#: ../functions.php:697 #: ../functions.php:678
msgid "Add or remove formats" msgid "Add or remove formats"
msgstr "Formátumok hozzáadása vagy eltávolítása" msgstr "Formátumok hozzáadása vagy eltávolítása"
#: ../functions.php:698 #: ../functions.php:679
msgid "Choose from most used formats" msgid "Choose from most used formats"
msgstr "Választás a leggyakoribb formátumok közül" msgstr "Választás a leggyakoribb formátumok közül"
#: ../functions.php:699 #: ../functions.php:680
msgid "No formats found" msgid "No formats found"
msgstr "Formátum nem található" msgstr "Formátum nem található"
#: ../functions.php:700 #: ../functions.php:681
msgid "Back to formats" msgid "Back to formats"
msgstr "Vissza a formátumokhoz" msgstr "Vissza a formátumokhoz"
#: ../functions.php:721 #: ../functions.php:702
msgid "Search Writers" msgid "Search Writers"
msgstr "Cikkírók keresése" msgstr "Cikkírók keresése"
#: ../functions.php:722 #: ../functions.php:703
msgid "All Writers" msgid "All Writers"
msgstr "Minden cikkíró" msgstr "Minden cikkíró"
#: ../functions.php:723 #: ../functions.php:704
msgid "Parent Writer" msgid "Parent Writer"
msgstr "Szülő cikkíró" msgstr "Szülő cikkíró"
#: ../functions.php:724 #: ../functions.php:705
msgid "Parent Writer:" msgid "Parent Writer:"
msgstr "Szülő cikkíró:" msgstr "Szülő cikkíró:"
#: ../functions.php:725 #: ../functions.php:706
msgid "Edit Writer" msgid "Edit Writer"
msgstr "Cikkíró szerkesztése" msgstr "Cikkíró szerkesztése"
#: ../functions.php:726 #: ../functions.php:707
msgid "Update Writer" msgid "Update Writer"
msgstr "Cikkíró frissítése" msgstr "Cikkíró frissítése"
#: ../functions.php:727 #: ../functions.php:708
msgid "Add New Writer" msgid "Add New Writer"
msgstr "Új cikkíró hozzáadása" msgstr "Új cikkíró hozzáadása"
#: ../functions.php:728 #: ../functions.php:709
msgid "New Writer Name" msgid "New Writer Name"
msgstr "Új cikkíró neve" msgstr "Új cikkíró neve"
#: ../functions.php:729 #: ../functions.php:710
msgid "Writers" msgid "Writers"
msgstr "Cikkírók" msgstr "Cikkírók"
#: ../functions.php:731 #: ../functions.php:712
msgid "View Writers" msgid "View Writers"
msgstr "Cikkírók Megtekintése" msgstr "Cikkírók Megtekintése"
#: ../functions.php:732 #: ../functions.php:713
msgid "Popular Writers" msgid "Popular Writers"
msgstr "Népszerű cikkírók" msgstr "Népszerű cikkírók"
#: ../functions.php:733 #: ../functions.php:714
msgid "Separate writers with commas" msgid "Separate writers with commas"
msgstr "Cikkírókat vesszővel válaszd el" msgstr "Cikkírókat vesszővel válaszd el"
#: ../functions.php:734 #: ../functions.php:715
msgid "Add or remove writers" msgid "Add or remove writers"
msgstr "Cikkírók hozzáadása vagy eltávolítása" msgstr "Cikkírók hozzáadása vagy eltávolítása"
#: ../functions.php:735 #: ../functions.php:716
msgid "Choose from most used writer" msgid "Choose from most used writer"
msgstr "Választás a leggyakoribb cikkírók közül" msgstr "Választás a leggyakoribb cikkírók közül"
#: ../functions.php:736 #: ../functions.php:717
msgid "No writer found" msgid "No writer found"
msgstr "Cikkíró nem található" msgstr "Cikkíró nem található"
#: ../functions.php:737 #: ../functions.php:718
msgid "Back to writers" msgid "Back to writers"
msgstr "Vissza a cikkírókhoz" msgstr "Vissza a cikkírókhoz"
@@ -232,11 +232,11 @@ msgstr "Vissza a cikkírókhoz"
msgid "%s search results for" msgid "%s search results for"
msgstr "%s találat" msgstr "%s találat"
#: ../singular.php:97 #: ../singular.php:100
msgid "More posts:" msgid "More posts:"
msgstr "További cikkeink:" msgstr "További cikkeink:"
#: ../singular.php:142 #: ../singular.php:123
msgid "Back to home:" msgid "Back to home:"
msgstr "Vissza a főoldalra" msgstr "Vissza a főoldalra"

8
loop-inner.php
View File

@@ -39,7 +39,10 @@ print implode(' | ', $echos);
<?php endif;?> <?php endif;?>
</div><!-- categories end--> </div><!-- categories end-->
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?> <?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
<div class="alcim"> <!-- <div class="alcimWrapper"> -->
<div class="alcim">
<?php <?php
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true); $dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
// Check if the custom field has a value. // Check if the custom field has a value.
@@ -47,7 +50,8 @@ print implode(' | ', $echos);
echo $dis_alcim_value; echo $dis_alcim_value;
} }
?> ?>
</div> </div>
<!-- </div> -->
<?php endif;?> <?php endif;?>
<div class="vr"></div> <div class="vr"></div>
<div class="postedon"> <div class="postedon">

555
sass/base.scss
View File

@@ -750,7 +750,9 @@ $v-unit-6: 24rem;
.archive, .archive,
.home, .home,
.search-results { .search-results,
.search-no-results,
.error404 {
@media #{$tablet} { @media #{$tablet} {
// overflow-y: hidden; // overflow-y: hidden;
} }
@@ -878,7 +880,7 @@ $v-unit-6: 24rem;
} }
.bevezeto, .bevezeto,
.alcim, .alcimWrapper,
.curvyArrow { .curvyArrow {
display: none; display: none;
} }
@@ -928,9 +930,19 @@ $v-unit-6: 24rem;
height: unset; height: unset;
position: absolute; position: absolute;
top: 0; top: 0;
padding: 4rem;
padding-right: 2rem; padding: 2rem;
width: calc(100vw - #{$h-unit-5}); padding-left: $v-unit-1;
width: calc(100vw - #{$h-unit-1-5 * 2.5});
@media #{$smalldesktop} {
width: calc(100vw - #{$h-unit-5});
padding-top: 4rem;
}
a {
padding-top: 2rem;
}
} }
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
@@ -974,29 +986,10 @@ $v-unit-6: 24rem;
} }
.bevezeto, .bevezeto,
.alcim { .alcimWrapper {
color: #000 !important;
display: none; display: none;
} }
.alcim {
@include transform(rotate(270deg));
transform-origin: top bottom;
text-align: left;
flex: 0 0 auto;
height: $h-unit-1;
width: 20rem;
margin: 0 -3rem;
}
.bevezeto {
width: 50%;
flex: 0 1 auto;
text-align: left;
padding: $h-unit-1;
@include home-metadata-bevezeto();
}
.transparent, .transparent,
.transparent a { .transparent a {
color: transparent !important; color: transparent !important;
@@ -1035,6 +1028,31 @@ $v-unit-6: 24rem;
/* --------------------- home article desktop big hover --------------------- */ /* --------------------- home article desktop big hover --------------------- */
&.hovered { &.hovered {
.bevezeto,
.alcim {
color: #000 !important;
// flex: 0 0 auto;
}
.alcim {
@include transform(rotate(180deg));
text-align: right;
writing-mode: vertical-lr;
margin: $v-unit-1 / 2;
}
.bevezeto {
height: 100%;
max-height: 100%;
text-align: left;
margin: 0 $v-unit-1 / 2;
padding: $v-unit-1 / 2 0;
align-self: flex-start;
@include home-metadata-bevezeto();
}
h2 > a { h2 > a {
color: #000; color: #000;
} }
@@ -1082,7 +1100,8 @@ $v-unit-6: 24rem;
/* ----------------------- home articles desktop small ----------------------- */ /* ----------------------- home articles desktop small ----------------------- */
@media #{$tablet} { @media #{$tablet} {
.home_wrapper-small { .home_wrapper-small,
#post-404 {
height: calc(100vh - #{$v-unit-2}); height: calc(100vh - #{$v-unit-2});
width: calc((100vh - #{$v-unit-2}) / 2 * 3); width: calc((100vh - #{$v-unit-2}) / 2 * 3);
max-width: calc(100vw - (#{$h-unit-1-5} * 3)); max-width: calc(100vw - (#{$h-unit-1-5} * 3));
@@ -1102,7 +1121,8 @@ $v-unit-6: 24rem;
margin-left: $h-unit-1; margin-left: $h-unit-1;
} }
} }
&.home_wrapper-s1.home_wrapper-small.home_wrapper-1 { &.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
&#post-404 {
margin-left: $h-unit-1-5; margin-left: $h-unit-1-5;
@media #{$smalldesktop} { @media #{$smalldesktop} {
margin-left: $h-unit-2; margin-left: $h-unit-2;
@@ -1251,7 +1271,7 @@ $v-unit-6: 24rem;
} }
.archivetitle { .archivetitle {
margin: 0 auto; margin: 0;
width: calc(100% / 3); width: calc(100% / 3);
position: relative; position: relative;
bottom: 0; bottom: 0;
@@ -1311,20 +1331,24 @@ $v-unit-6: 24rem;
/* -------------------------- no results on mobile -------------------------- */ /* -------------------------- no results on mobile -------------------------- */
&.no-result { &.no-result,
&.error404,
&.search-no-results {
.wrapper { .wrapper {
height: unset; height: unset;
header { header {
background-color: #000; background-color: #000;
} }
#content { section .archivetitle {
.archivetitle { padding: 8rem 2rem 0;
padding: 8rem 2rem 0; }
}
article.no-result { #post-404 {
height: unset; text-align: center;
} line-height: 1.4;
}
#content article.no-result {
height: unset;
} }
} }
@@ -1332,11 +1356,15 @@ $v-unit-6: 24rem;
@media #{$tablet} { @media #{$tablet} {
main { main {
width: 100vw; width: 100vw;
section#content { section {
width: 100%; width: 100%;
.home_wrapper-1 { .home_wrapper-1,
article#post-404 {
position: relative; position: relative;
width: calc(100% - #{$h-unit-1-5 * 2}); width: calc(100% - #{$h-unit-1-5 * 2});
@media #{$smalldesktop} {
width: calc(100% - #{$h-unit-2 * 2});
}
max-width: unset; max-width: unset;
.archivetitle { .archivetitle {
border-bottom: 1px #000 solid; border-bottom: 1px #000 solid;
@@ -1347,16 +1375,38 @@ $v-unit-6: 24rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
top: 0; // top: 0;
background-color: transparent; background-color: transparent;
display: flex;
flex-direction: column;
justify-content: flex-end;
h1 {
display: inline-block;
position: relative;
width: unset;
}
h2 {
@include home-title();
display: inline-block;
height: unset;
top: unset;
position: relative;
margin: 0;
// bottom: 0;
}
.toHome {
display: none;
}
} }
} }
} }
} }
} }
} }
} //home, archive, search end } //home, archive, search, 404 end
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Search results */ /* Search results */
@@ -1374,13 +1424,26 @@ $v-unit-6: 24rem;
} }
.search-no-results { .search-no-results {
main { .wrapper {
@media #{$tablet} { height: unset;
padding: 0 $h-unit-4; header {
background-color: #000;
}
// .archivetitle h1, main {
// article h2 { section {
// } .archivetitle {
padding: 8rem 2rem 0;
h1 {
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
}
.no-result {
padding: 2rem;
}
}
} }
} }
} }
@@ -1544,6 +1607,8 @@ body.category.category-esemeny {
max-width: calc(1024px + #{$h-unit-4}); max-width: calc(1024px + #{$h-unit-4});
} }
$padd: 2rem;
.single, .single,
.page { .page {
//no menus on single //no menus on single
@@ -1566,7 +1631,6 @@ body.category.category-esemeny {
} }
} }
$padd: 2rem;
/* ---------------------------- single on mobile ---------------------------- */ /* ---------------------------- single on mobile ---------------------------- */
article { article {
padding-bottom: $h-unit-1; padding-bottom: $h-unit-1;
@@ -2024,247 +2088,246 @@ body.category.category-esemeny {
} }
} }
} //#colorbox end } //#colorbox end
} //body.single, page end
/* ------------------------------ related posts ----------------------------- */
/* ------------------------------ related posts ----------------------------- */ .toHome,
#related_posts > h3 {
.toHome, padding-bottom: $padd * 2;
#related_posts > h3 { margin: 0 auto;
padding-bottom: $padd * 2; // display: inline-block;
margin: 0 auto; text-align: center;
// display: inline-block; @include single-metadata();
text-align: center; a {
@include single-metadata(); @include single-metadata();
&:hover {
color: #000;
-webkit-text-stroke-color: transparent;
}
}
}
.toHome {
@media #{$tablet} {
position: relative;
padding-top: $padd * 2;
top: -#{$h-unit-1};
margin: 0;
@include singleDesktopLayout();
a { a {
@include single-metadata(); margin-bottom: $padd * 2;
&:hover { display: block;
color: #000;
-webkit-text-stroke-color: transparent;
}
} }
} }
.toHome { }
@media #{$tablet} {
#related_posts {
& > h3 {
display: none;
}
ul {
padding: 0;
li {
display: block;
position: relative; position: relative;
padding-top: $padd * 2; cursor: pointer;
top: -#{$h-unit-1};
margin: 0;
@include singleDesktopLayout();
a { & > a {
margin-bottom: $padd * 2; margin: 0;
display: block; padding: 0;
border: none;
display: inline-block;
}
.related_thumbnailwrapper {
img {
// post thumbnail on home
height: 50vw;
width: 100vw;
object-fit: cover;
}
}
h2 {
width: 100%;
height: 50vw;
padding: 2rem;
padding-top: 3rem;
margin: 0;
a {
display: block;
@include related-title();
}
}
.metadata {
bottom: 50%;
height: $h-unit-1;
display: flex;
@include fit-content(width);
justify-content: space-around;
flex-wrap: nowrap;
align-items: center;
padding: 0;
.vr {
height: 100%;
width: 1px;
background-color: #000;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
box-shadow: 0 0 1px transparent;
}
} }
} }
} }
#related_posts { /* ------------------------ related posts on desktop ------------------------ */
@media #{$tablet} {
top: -#{$h-unit-1};
position: relative;
padding-top: $padd * 2;
@include singleDesktopLayout();
& > h3 { & > h3 {
display: none; display: block;
} }
ul { ul {
padding: 0; display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: calc((100vw - #{$v-unit-4}) / 3);
max-height: calc(1024px / 3);
li { li {
display: block; width: calc(100% / 3);
padding-bottom: calc(100% / 3);
position: relative; position: relative;
cursor: pointer; height: 0;
& > a { .relatedWrapper {
margin: 0; position: absolute;
padding: 0; height: 100%;
border: none; width: 100%;
display: inline-block;
} }
.related_thumbnailwrapper { .related_thumbnailwrapper {
width: 100%;
height: 100%;
img { img {
// post thumbnail on home width: 100%;
height: 50vw; height: 100%;
width: 100vw;
object-fit: cover; object-fit: cover;
} }
} }
h2 { .metadata {
width: 100%; width: 100%;
height: 50vw; min-width: unset;
padding: 2rem;
padding-top: 3rem; position: absolute;
margin: 0; bottom: 0;
right: 0;
background: transparent;
display: flex;
flex-direction: row;
padding: 0;
justify-content: space-between;
align-items: stretch;
height: $h-unit-1;
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
@media #{$tablet} {
@include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left);
height: $h-unit-0-5;
}
@media #{$smalldesktop} {
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
height: $h-unit-1;
}
display: none;
&.vis {
display: flex;
}
.categories,
.postedon {
@include home-metadata();
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.categories {
padding: $v-unit-1 / 3 0;
flex: 1 1 auto;
margin-left: $v-unit-1 * 1.5;
@media #{$tablet} {
margin-left: $v-unit-1 / 2;
}
@media #{$smalldesktop} {
margin-left: $v-unit-1 * 1.5;
}
}
.postedon {
padding: $v-unit-1 / 3 $v-unit-1 / 4;
flex: 1 0 auto;
}
}
h2,
h2 a {
@include home-title-small();
}
h2 {
display: none;
position: absolute;
top: 0;
background-color: #fff;
height: 100%;
padding-left: $v-unit-1;
@media #{$tablet} {
padding-left: $h-unit-0-5;
}
@media #{$smalldesktop} {
padding-left: $v-unit-1;
}
@media #{$bigdesktop} {
padding: $h-unit-1;
}
a { a {
display: block; @include fit-content(height);
@include related-title();
}
}
.metadata {
bottom: 50%;
height: $h-unit-1;
display: flex;
@include fit-content(width);
justify-content: space-around;
flex-wrap: nowrap;
align-items: center;
padding: 0;
.vr {
height: 100%;
width: 1px;
background-color: #000;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
box-shadow: 0 0 1px transparent;
}
}
}
}
/* ------------------------ related posts on desktop ------------------------ */
@media #{$tablet} {
top: -#{$h-unit-1};
position: relative;
padding-top: $padd * 2;
@include singleDesktopLayout();
& > h3 {
display: block;
}
ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: calc((100vw - #{$v-unit-4}) / 3);
max-height: calc(1024px / 3);
li {
width: calc(100% / 3);
padding-bottom: calc(100% / 3);
position: relative;
height: 0;
.relatedWrapper {
position: absolute; position: absolute;
height: 100%;
width: 100%;
}
.related_thumbnailwrapper {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.metadata { bottom: $h-unit-1 + $v-unit-1 * 0.5;
width: 100%; width: calc(100% - #{$v-unit-2});
min-width: unset;
position: absolute;
bottom: 0;
right: 0;
background: transparent;
display: flex;
flex-direction: row;
padding: 0;
justify-content: space-between;
align-items: stretch;
height: $h-unit-1;
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
@media #{$tablet} { @media #{$tablet} {
@include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left); bottom: $h-unit-0-5 + $v-unit-1 / 4;
height: $h-unit-0-5; width: calc(100% - #{$v-unit-1});
} }
@media #{$smalldesktop} { @media #{$smalldesktop} {
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
height: $h-unit-1;
}
display: none;
&.vis {
display: flex;
}
.categories,
.postedon {
@include home-metadata();
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.categories {
padding: $v-unit-1 / 3 0;
flex: 1 1 auto;
margin-left: $v-unit-1 * 1.5;
@media #{$tablet} {
margin-left: $v-unit-1 / 2;
}
@media #{$smalldesktop} {
margin-left: $v-unit-1 * 1.5;
}
}
.postedon {
padding: $v-unit-1 / 3 $v-unit-1 / 4;
flex: 1 0 auto;
}
}
h2,
h2 a {
@include home-title-small();
}
h2 {
display: none;
position: absolute;
top: 0;
background-color: #fff;
height: 100%;
padding-left: $v-unit-1;
@media #{$tablet} {
padding-left: $h-unit-0-5;
}
@media #{$smalldesktop} {
padding-left: $v-unit-1;
}
@media #{$bigdesktop} {
padding: $h-unit-1;
}
a {
@include fit-content(height);
position: absolute;
bottom: $h-unit-1 + $v-unit-1 * 0.5; bottom: $h-unit-1 + $v-unit-1 * 0.5;
width: calc(100% - #{$v-unit-2}); width: calc(100% - #{$v-unit-2});
}
@media #{$tablet} { @media #{$bigdesktop} {
bottom: $h-unit-0-5 + $v-unit-1 / 4; width: calc(100% - #{$h-unit-2});
width: calc(100% - #{$v-unit-1});
}
@media #{$smalldesktop} {
bottom: $h-unit-1 + $v-unit-1 * 0.5;
width: calc(100% - #{$v-unit-2});
}
@media #{$bigdesktop} {
width: calc(100% - #{$h-unit-2});
}
} }
} }
} }
} }
} }
} }
} //body.single, page end }
/* -------------------------------- page only------------------------------- */ /* -------------------------------- page only------------------------------- */
body.page { body.page {