From 647e333a169d582528894adc570e049f8edbaf8f Mon Sep 17 00:00:00 2001 From: infeeeee Date: Thu, 6 Jun 2019 04:08:42 +0200 Subject: [PATCH] Small thumbnails on home --- _jegyzet.md | 16 +++- css/base.css | 157 ++++++++++++++++++++++++++++-------- functions.php | 70 +++++++++++----- img/.arrow.png-autosave.kra | Bin 36596 -> 0 bytes img/clip/be_desktop.svg | 50 ++++++++++++ img/clip/do_desktop.svg | 50 ++++++++++++ img/clip/love_desktop.svg | 11 +++ img/clip/think_desktop.svg | 21 +++++ js/lib/modernizr-custom.js | 3 + js/myloadmore.js | 51 ++++++------ js/scripts.js | 115 +++++++++++++++++++++++--- loop.php | 11 ++- sass/_font-mixins.scss | 9 +++ sass/base.scss | 128 +++++++++++++++++++++++------ 14 files changed, 575 insertions(+), 117 deletions(-) delete mode 100644 img/.arrow.png-autosave.kra create mode 100644 img/clip/be_desktop.svg create mode 100644 img/clip/do_desktop.svg create mode 100644 img/clip/love_desktop.svg create mode 100644 img/clip/think_desktop.svg create mode 100644 js/lib/modernizr-custom.js diff --git a/_jegyzet.md b/_jegyzet.md index a71344c..7057fe0 100644 --- a/_jegyzet.md +++ b/_jegyzet.md @@ -67,8 +67,8 @@ Egyedi esemény oldal van, vagy az csak egy link lista? Kezdőlap: -egér változzon lapozósra ok -két nagy, utána kicsi rácsban, +~egér változzon lapozósra~ +~két nagy, utána kicsi rácsban~ Nincs gradiens Hover csak a címen Nyíl, csak az első cikken @@ -111,9 +111,17 @@ Kategória lap: első csempe kimarad. Kereső: - teljes lábléc magasságban, hosszabban fusson ki - ne legyen hover, - - + +# Kérdések + +## Kezdőlap + + Animációk? + # Post-install teendők: - function.php - esemény cat-id-t átírni!! \ No newline at end of file + esemény cat-id-t átírni!! +- wp beállítások + settings>reading>Blog pages show at most 6 \ No newline at end of file diff --git a/css/base.css b/css/base.css index f068c6a..24b8cbb 100644 --- a/css/base.css +++ b/css/base.css @@ -521,7 +521,7 @@ object { position: relative; } } .home main section { - /* --------------------------- home article mobile -------------------------- */ + /* --------------------------- home article mobile/default -------------------------- */ /* ------------------------ home article desktop big ------------------------ */ /* ----------------------- home article desktop small ----------------------- */ } @media (min-width: 769px) { @@ -538,34 +538,17 @@ object { margin: 0; padding: 0; border: none; - display: inline-block; } } - -@media (min-width: 769px) and (min-width: 769px) { - .home main section article .thumbnailwrapper { - height: calc(100% - 4rem); } } - @media (min-width: 769px) { + display: inline-block; } .home main section article .thumbnailwrapper img.attachment-home-thumbnail { height: 50vh; width: 100vw; - object-fit: cover; } } - @media (min-width: 769px) and (min-width: 769px) { - .home main section article .thumbnailwrapper img.attachment-home-thumbnail { - width: 50%; - height: 100%; } } - @media (min-width: 769px) { + object-fit: cover; } .home main section article h2 { width: 100%; height: 50vh; padding: 2rem; padding-top: 3rem; - margin: 0; } } - @media (min-width: 769px) and (min-width: 769px) { - .home main section article h2 { - height: unset; - position: absolute; - top: 6rem; - padding: 4rem; } } - @media (min-width: 769px) { + margin: 0; } .home main section article h2 a { font: bold 3rem "Westeinde Caption"; color: #000; } } @@ -586,6 +569,7 @@ object { margin-left: 10rem; padding-top: 4rem; border-right: #000 1px solid; + /* -------------------------------- thumbnail and title ------------------------------- */ /* -------------------------- home article metadata big------------------------- */ } .home main section .home-wrapper-big article::before { content: "
"; @@ -593,6 +577,17 @@ object { height: 1px; width: 100%; background: #000; } + .home main section .home-wrapper-big article .thumbnailwrapper { + height: calc(100% - 4rem); } + .home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-thumbnail { + object-fit: cover; + width: 50%; + height: 100%; } + .home main section .home-wrapper-big article h2 { + height: unset; + position: absolute; + top: 6rem; + padding: 4rem; } .home main section .home-wrapper-big article .metadata { bottom: 0; background: transparent; @@ -646,16 +641,82 @@ object { @media (min-width: 769px) { .home main section .home-wrapper-small { width: calc(100vw - (10rem * 3)); + height: calc((100vw - (10rem * 3)) / 3 * 2); display: flex; flex-direction: row; flex-wrap: wrap; - margin-left: 10rem; - margin-top: 4rem; } + margin: auto 0; } + .home main section .home-wrapper-small:nth-child(3) { + margin-left: 10rem; } .home main section .home-wrapper-small article { - flex: 0 0 33%; - height: 50%; } + flex: 0 0 calc(100% / 3); + height: 50%; + position: relative; } + .home main section .home-wrapper-small article .thumbnailwrapper { + width: 100%; + height: 100%; } + .home main section .home-wrapper-small article .thumbnailwrapper img { + width: 100%; + height: 100%; + object-fit: cover; } .home main section .home-wrapper-small article .metadata { - display: none; } } + width: 100%; + height: 20%; + position: absolute; + bottom: 0; + right: 0; + background: transparent; + display: flex; + flex-direction: row; + padding: 0; + justify-content: flex-end; + align-items: stretch; + display: none; } + .home main section .home-wrapper-small article .metadata::after { + position: absolute; + top: 0; + border: none; + width: calc(100% - 4rem); + border-top: #000 1px solid; + left: calc(4rem); + background-color: transparent; + margin-left: -0; } + .home main section .home-wrapper-small article .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(4rem); + height: calc(4rem); + top: 0; + left: -0; + border-left: #000 solid 1px; + border-top: #000 1px solid; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + background-color: transparent; + z-index: 9; } + .home main section .home-wrapper-small article .metadata.vis { + display: flex; } } + @media (min-width: 769px) and (min-width: 769px) { + .home main section .home-wrapper-small article h2, + .home main section .home-wrapper-small article h2 a { + font-size: 1.2rem; + -webkit-text-stroke: #000 1px; + color: #fff; } } + @media (min-width: 769px) { + .home main section .home-wrapper-small article h2 { + display: none; + position: absolute; + top: 0; + background-color: #fff; + height: 100%; } + .home main section .home-wrapper-small article h2 a { + top: 50%; + position: absolute; } } /* -------------------------------------------------------------------------- */ /* single */ @@ -934,8 +995,15 @@ object { -webkit-text-stroke-color: #00ffb8 !important; } @media (min-width: 769px) { - .tag-be h2 a { - color: #00ffb8 !important; } } + .tag-be.home-big h2 a { + color: #00ffb8 !important; } + .tag-be.home-small .metadata, + .tag-be.home-small .metadata a { + color: #000 !important; } } + +@media (min-width: 769px) { + .tag-be.random .thumbnailwrapper > img { + clip-path: url(../img/clip/be_desktop.svg); } } .tag-do .metadata { color: #ff5f5f !important; } @@ -955,8 +1023,15 @@ object { -webkit-text-stroke-color: #ff5f5f !important; } @media (min-width: 769px) { - .tag-do h2 a { - color: #ff5f5f !important; } } + .tag-do.home-big h2 a { + color: #ff5f5f !important; } + .tag-do.home-small .metadata, + .tag-do.home-small .metadata a { + color: #000 !important; } } + +@media (min-width: 769px) { + .tag-do.random .thumbnailwrapper > img { + clip-path: url(../img/clip/do_desktop.svg); } } .tag-think .metadata { color: #fdff00 !important; } @@ -976,8 +1051,15 @@ object { -webkit-text-stroke-color: #fdff00 !important; } @media (min-width: 769px) { - .tag-think h2 a { - color: #fdff00 !important; } } + .tag-think.home-big h2 a { + color: #fdff00 !important; } + .tag-think.home-small .metadata, + .tag-think.home-small .metadata a { + color: #000 !important; } } + +@media (min-width: 769px) { + .tag-think.random .thumbnailwrapper > img { + clip-path: url(../img/clip/think_desktop.svg); } } .tag-love .metadata { color: #3c00ff !important; } @@ -997,8 +1079,15 @@ object { -webkit-text-stroke-color: #3c00ff !important; } @media (min-width: 769px) { - .tag-love h2 a { - color: #3c00ff !important; } } + .tag-love.home-big h2 a { + color: #3c00ff !important; } + .tag-love.home-small .metadata, + .tag-love.home-small .metadata a { + color: #000 !important; } } + +@media (min-width: 769px) { + .tag-love.random .thumbnailwrapper > img { + clip-path: url(../img/clip/love_desktop.svg); } } @media (min-width: 769px) { .single .tag-be .metadata { diff --git a/functions.php b/functions.php index c875ca6..6702d10 100644 --- a/functions.php +++ b/functions.php @@ -28,7 +28,8 @@ if (function_exists('add_theme_support')) { add_image_size('large', 700, '', true); // Large Thumbnail add_image_size('medium', 250, '', true); // Medium Thumbnail add_image_size('small', 120, '', true); // Small Thumbnail - add_image_size('home-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail'); + add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail'); + add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail'); // Add Support for Custom Backgrounds - Uncomment below if you're going to use /*add_theme_support('custom-background', array( @@ -96,7 +97,7 @@ function dis2019_header_scripts() wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr wp_enqueue_script('conditionizr'); // Enqueue it! - wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-2.7.1.min.js', array(), '2.7.1'); // Modernizr + wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-custom.js', array(), '2.7.1'); // Modernizr wp_enqueue_script('modernizr'); // Enqueue it! wp_register_script('simpler-sidebar', get_template_directory_uri() . '/js/lib/jquery.simpler-sidebar.min.js', array('jquery'), '2.2.5'); // Modernizr @@ -411,39 +412,70 @@ function misha_my_load_more_scripts() add_action('wp_enqueue_scripts', 'misha_my_load_more_scripts'); + function misha_loadmore_ajax_handler() { - + // prepare our arguments for the query $args = json_decode(stripslashes($_POST['query']), true); $args['paged'] = $_POST['page'] + 1; // we need next page to be loaded $args['post_status'] = 'publish'; + $args['posts_per_page'] = 6; + + //First, define your desired offset... + $offset = 14; + + //Next, determine how many posts per page you want (we'll use WordPress's settings) + $ppp = get_option('posts_per_page'); + + //Next, detect and handle pagination... + + //Manually determine page query offset (offset + current page (minus one) x posts per page) + $args['offset'] = $offset + (($_POST['page'] - 1) * $ppp); - // it is always better to use WP_Query but not here query_posts($args); get_template_part('loop'); - // if( have_posts() ) : - - // run the loop - // while( have_posts() ): the_post(); - - // look into your theme code how the posts are inserted, but you can use your own HTML of course - // do you remember? - my example is adapted for Twenty Seventeen theme - // get_template_part( 'template-parts/post/content', get_post_format() ); - // get_template_part('loop'); - // for the test purposes comment the line above and uncomment the below one - // the_title(); - - // endwhile; - - // endif; + die; // here we exit the script and even no wp_reset_query() required! } add_action('wp_ajax_loadmore', 'misha_loadmore_ajax_handler'); // wp_ajax_{action} add_action('wp_ajax_nopriv_loadmore', 'misha_loadmore_ajax_handler'); // wp_ajax_nopriv_{action} +/* -------------------- different number of posts on home ------------------- */ + +add_action('pre_get_posts', 'dis_2019_more_posts_on_home', 1 ); +function dis_2019_more_posts_on_home(&$query) { + + //Before anything else, make sure this is the right query... + if ( ! $query->is_home() ) { + return; + } + + //set post_per_page if it's homepage + if (! $query->is_paged ) { + $query->set('posts_per_page',14); + } + else { + return; + } +} + +// add_filter('found_posts', 'myprefix_adjust_offset_pagination', 1, 2 ); +// function myprefix_adjust_offset_pagination($found_posts, $query) { + +// //Define our offset again... +// $offset = 2; + +// //Ensure we're modifying the right query object... +// if ( $query->is_home() ) { +// //Reduce WordPress's found_posts count by the offset... +// return $found_posts - $offset; +// } +// return $found_posts; +// } + /*------------------------------------*\ Actions + Filters + ShortCodes \*------------------------------------*/ diff --git a/img/.arrow.png-autosave.kra b/img/.arrow.png-autosave.kra deleted file mode 100644 index 1ed691a0607a3a8bfc8f0b4a7e08065df734b715..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 36596 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 diff --git a/img/clip/be_desktop.svg b/img/clip/be_desktop.svg new file mode 100644 index 0000000..c1e5bff --- /dev/null +++ b/img/clip/be_desktop.svg @@ -0,0 +1,50 @@ + + + +image/svg+xml + + \ No newline at end of file diff --git a/img/clip/do_desktop.svg b/img/clip/do_desktop.svg new file mode 100644 index 0000000..31ef9c6 --- /dev/null +++ b/img/clip/do_desktop.svg @@ -0,0 +1,50 @@ + + + +image/svg+xml + + \ No newline at end of file diff --git a/img/clip/love_desktop.svg b/img/clip/love_desktop.svg new file mode 100644 index 0000000..47804b4 --- /dev/null +++ b/img/clip/love_desktop.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/img/clip/think_desktop.svg b/img/clip/think_desktop.svg new file mode 100644 index 0000000..a2d7777 --- /dev/null +++ b/img/clip/think_desktop.svg @@ -0,0 +1,21 @@ + + + + + + + + diff --git a/js/lib/modernizr-custom.js b/js/lib/modernizr-custom.js new file mode 100644 index 0000000..a542352 --- /dev/null +++ b/js/lib/modernizr-custom.js @@ -0,0 +1,3 @@ +/*! modernizr 3.6.0 (Custom Build) | MIT * + * https://modernizr.com/download/?-forcetouch-touchevents-setclasses !*/ +!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,i,s,a;for(var u in C)if(C.hasOwnProperty(u)){if(e=[],n=C[u],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;tp;p++)if(m=e[p],h=A.style[m],f(m,"-")&&(m=a(m)),A.style[m]!==t){if(i||r(o,"undefined"))return u(),"pfx"==n?m:!0;try{A.style[m]=o}catch(g){}if(A.style[m]!=h)return u(),"pfx"==n?m:!0}return u(),!1}function y(e,n,t,o,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+z.join(s+" ")+s).split(" ");return r(n,"string")||r(n,"undefined")?h(a,n,o,i):(a=(e+" "+N.join(s+" ")+s).split(" "),p(a,n,t))}var g=[],C=[],_={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=_,Modernizr=new Modernizr;var S=n.documentElement,w="svg"===S.nodeName.toLowerCase(),E=_._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];_._prefixes=E;var b=function(){function e(e,n){var o;return e?(n&&"string"!=typeof n||(n=s(n||"div")),e="on"+e,o=e in n,!o&&r&&(n.setAttribute||(n=s("div")),n.setAttribute(e,""),o="function"==typeof n[e],n[e]!==t&&(n[e]=t),n.removeAttribute(e)),o):!1}var r=!("onblur"in n.documentElement);return e}();_.hasEvent=b;var x=_.testStyles=l;Modernizr.addTest("touchevents",function(){var t;if("ontouchstart"in e||e.DocumentTouch&&n instanceof DocumentTouch)t=!0;else{var r=["@media (",E.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");x(r,function(e){t=9===e.offsetTop})}return t});var T="Moz O ms Webkit",z=_._config.usePrefixes?T.split(" "):[];_._cssomPrefixes=z;var O=function(n){var r,o=E.length,i=e.CSSRule;if("undefined"==typeof i)return t;if(!n)return!1;if(n=n.replace(/^@/,""),r=n.replace(/-/g,"_").toUpperCase()+"_RULE",r in i)return"@"+n;for(var s=0;o>s;s++){var a=E[s],u=a.toUpperCase()+"_"+r;if(u in i)return"@-"+a.toLowerCase()+"-"+n}return!1};_.atRule=O;var N=_._config.usePrefixes?T.toLowerCase().split(" "):[];_._domPrefixes=N;var P={elem:s("modernizr")};Modernizr._q.push(function(){delete P.elem});var A={style:P.elem.style};Modernizr._q.unshift(function(){delete A.style}),_.testAllProps=y;var j=_.prefixed=function(e,n,t){return 0===e.indexOf("@")?O(e):(-1!=e.indexOf("-")&&(e=a(e)),n?y(e,n,t):y(e,"pfx"))};Modernizr.addTest("forcetouch",function(){return b(j("mouseforcewillbegin",e,!1),e)?MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN&&MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN:!1}),o(),i(g),delete _.addTest,delete _.addAsyncTest;for(var R=0;RBetöltés...

'); // change the button text, you can also add a preloader image }, - success : function( data ){ - if( data ) { - - button.html( 'Tovább' ).before(data); // insert new posts - misha_loadmore_params.current_page++; - button.trigger("moreload-finish") - - if ( misha_loadmore_params.current_page == misha_loadmore_params.max_page ) + success: function (data) { + if (data) { + + button.html('Tovább').before(data); // insert new posts + misha_loadmore_params.current_page++; + button.trigger("moreload-finish") + + if (misha_loadmore_params.current_page -1 == misha_loadmore_params.max_page) button.remove(); // if last page, remove the button - + // you can also fire the "post-load" event here if you use a plugin that requires it // $( document.body ).trigger( 'post-load' ); } else { diff --git a/js/scripts.js b/js/scripts.js index f78b981..3755ec5 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -143,29 +143,74 @@ /* ----------------------------------- css ---------------------------------- */ + var articleWrapCounter = 0 + if (isHome & !isMobile) { $('html').css({ overflowY: "hidden" }) //wrapping for big-small difference - $('article:first-child').wrap('
') - $('article:nth-child(2)').wrap('
') + $('article:first-child').wrap('
').addClass("home-big") + $('article:nth-child(2)').wrap('
').addClass("home-big") var wrapArticles = $("article").length - 2 - var n = 0 + var articleWrapCounter = 0 for (let i = 0; i < wrapArticles; i++) { var j = i + 3 if (i % 6 == 0) { - n++ + articleWrapCounter++ } - $('article:nth-child(' + j + ')').addClass("home-thumbnail-small-" + n) + $('article:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter) } - for (let i = 0; i < n; i++) { + for (let i = 0; i < articleWrapCounter; i++) { var j = i + 3 - var k = i+1 + var k = i + 1 $(".home-thumbnail-small-" + k).wrapAll('
') } } + //returns three random numebers 0-5 + function randomNumbers() { + // All numbers are equal + var numberOne = 3; + var numberTwo = 3; + var numberThree = 3; + + // run this loop until numberOne is different than numberThree + do { + numberOne = Math.floor(Math.random() * 5); + } while (numberOne === numberThree); + + // run this loop until numberTwo is different than numberThree and numberOne + do { + numberTwo = Math.floor(Math.random() * 5); + } while (numberTwo === numberThree || numberTwo === numberOne); + + var i = [numberOne, numberTwo, numberThree] + return i + } + + //jquery function, adds random class to 3 random cihldren + (function ($) { + $.fn.addRandomClasses = function () { + let rn = randomNumbers() + for (let i = 0; i < 3; i++) { + var j = rn[i] + 1 + this.children("article:nth-child(" + j + ")").addClass("random") + } + return this + }; + })(jQuery); + + + $(".home-wrapper-small").each(function () { + // var rn = randomNumbers() + // for (let i = 0; i < rn.length; i++) { + // var j = rn[i] +1 + // $(this).children("article:nth-child(" + j + ")").addClass("random") + // } + // addRandomClass($(this)) + $(this).addRandomClasses() + }) /* ----------------------------- Snap on mobile ----------------------------- */ @@ -199,7 +244,7 @@ // var offset = ($(nextelem).offset().left) - desktophomemargin var offset = ($(nextelem).position().left) - console.log("scrolling to: " + nextelem.attr("id") + " - offset: " + offset) + console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset) $('html, body').stop().animate({ scrollLeft: offset }, 800); return nextelem; } @@ -231,8 +276,8 @@ var articleWidth = $(selector + ':first-child')[0].getBoundingClientRect().width var currscroll = $('html').scrollLeft() var scrollnr = Math.floor(currscroll / articleWidth) + 1 - currElem = $( selector + ':nth-child(' + scrollnr + ')') - // console.log(currElem.attr("id")) + currElem = $(selector + ':nth-child(' + scrollnr + ')') + console.log("start location: " + currElem.attr("class")) } var scrolltimer = false; @@ -270,13 +315,63 @@ $('.misha_loadmore').on("moreload-start", function () { currElem = $(this).prev() + console.log("currelem: " + currElem.attr("class")) }) $('.misha_loadmore').on("moreload-finish", function () { + + //wrap new elements on load + articleWrapCounter++ + var wrapnum = articleWrapCounter + 2 + $("#content>article") + .addClass("home-small home-thumbnail-small-" + articleWrapCounter) + .wrapAll('
') + $(".home-wrapper-" + wrapnum).addRandomClasses() + + //Scroll to new element currElem = homeScroll(currElem, "next") }) + /* ------------------------------ hover on home ----------------------------- */ + + function showTitle(th) { + $(th).children("h2").show() + $(th).children(".metadata").addClass("vis") + } + + function hideTitle(th) { + $(th).children("h2").hide() + $(th).children(".metadata").removeClass("vis") + } + + $(document).on({ + mouseenter: function () { + if (!Modernizr.touchevents) { + showTitle(this) + } + }, + mouseleave: function () { + if (!Modernizr.touchevents) { + hideTitle(this) + } + } + }, '.home-small'); + + $(document).on({ + 'touchend': function (e) { + e.preventDefault() + var art = $(this).parents("article") + var metadata = art.children(".metadata") + if (metadata.hasClass("vis")) { + hideTitle(art) + } else { + hideTitle($(".vis").parents("article")) + showTitle(art) + } + } + }, ".home-small a.thumbnailwrapper") + /* -------------------------------------------------------------------------- */ /* CIRCULAR TEXT */ diff --git a/loop.php b/loop.php index 357d893..c97cb5d 100644 --- a/loop.php +++ b/loop.php @@ -1,4 +1,7 @@ - +
> @@ -6,7 +9,11 @@ - + diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss index 9516bb0..fa92d5d 100644 --- a/sass/_font-mixins.scss +++ b/sass/_font-mixins.scss @@ -25,6 +25,15 @@ } } +@mixin home-title-small { + @media #{$smalldesktop} { + font-size: 1.2rem; + -webkit-text-stroke: #000 1px; + color: #fff; + + } +} + @mixin home-metadata { font: bold 1rem "Westeinde Caption"; color: #000; diff --git a/sass/base.scss b/sass/base.scss index dc9b965..4b6e104 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -310,7 +310,7 @@ $desktop-bottom-margin-double: 4rem; // color: #000; // fill: currentColor; filter: invert(100%); //black - @include transform(rotate(180deg)) // transform: rotate(180deg);;;;;;;;;;;; + @include transform(rotate(180deg)) // transform: rotate(180deg);; } } } @@ -620,7 +620,7 @@ $desktop-bottom-margin-double: 4rem; width: fit-content; } - /* --------------------------- home article mobile -------------------------- */ + /* --------------------------- home article mobile/default -------------------------- */ article { height: 100vh; @@ -633,19 +633,11 @@ $desktop-bottom-margin-double: 4rem; } .thumbnailwrapper { - @media #{$smalldesktop} { - // height: 100%; - height: calc(100% - #{$desktop-top-margin}); - } img.attachment-home-thumbnail { // post thumbnail on home height: 50vh; width: 100vw; object-fit: cover; - @media #{$smalldesktop} { - width: 50%; - height: 100%; - } } } @@ -658,12 +650,6 @@ $desktop-bottom-margin-double: 4rem; // display: flex; // flex-direction: row; // align-items: center; - @media #{$smalldesktop} { - height: unset; - position: absolute; - top: 6rem; - padding: 4rem; - } a { @include home-title(); @@ -695,6 +681,24 @@ $desktop-bottom-margin-double: 4rem; width: 100%; background: #000; } + + /* -------------------------------- thumbnail and title ------------------------------- */ + .thumbnailwrapper { + height: calc(100% - #{$desktop-top-margin}); + img.attachment-home-thumbnail { + object-fit: cover; + width: 50%; + height: 100%; + } + } + + h2 { + height: unset; + position: absolute; + top: 6rem; + padding: 4rem; + } + /* -------------------------- home article metadata big------------------------- */ .metadata { bottom: 0; @@ -725,7 +729,7 @@ $desktop-bottom-margin-double: 4rem; } .postedon { } - } + } //metadata end } } .home-wrapper-1 { @@ -744,17 +748,67 @@ $desktop-bottom-margin-double: 4rem; @media #{$smalldesktop} { .home-wrapper-small { width: calc(100vw - (#{$desktop-home-margin} * 3)); + height: calc((100vw - (#{$desktop-home-margin} * 3)) / 3 * 2); display: flex; flex-direction: row; flex-wrap: wrap; - margin-left: $desktop-home-margin; - margin-top: $desktop-top-margin; + margin: auto 0; + &:nth-child(3) { + margin-left: $desktop-home-margin; + } article { - flex: 0 0 33%; + flex: 0 0 calc(100% / 3); height: 50%; - .metadata{ + position: relative; + .thumbnailwrapper { + width: 100%; + height: 100%; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .metadata { + + width: 100%; + height: 20%; + + position: absolute; + bottom: 0; + right: 0; + + background: transparent; + + display: flex; + flex-direction: row; + padding: 0; + justify-content: flex-end; + align-items: stretch; + @include triangle-corner-bordered(#{$desktop-bottom-margin-double}, 0, transparent); display: none; + &.vis{ + display: flex; + } + } + + h2, + h2 a { + @include home-title-small(); + } + + h2 { + display: none; + position: absolute; + top: 0; + background-color: #fff; + height: 100%; + a { + top: 50%; + position: absolute; + } } } } @@ -1013,8 +1067,24 @@ $desktop-bottom-margin-double: 4rem; } @media #{$smalldesktop} { - h2 a { - color: $color !important; + &.home-big { + h2 a { + color: $color !important; + } + } + &.home-small { + .metadata, + .metadata a { + color: #000 !important; + } + } + } +} + +@mixin tagclip($tag){ + @media #{$smalldesktop} { + .thumbnailwrapper>img{ + clip-path: url(../img/clip/#{$tag}_desktop.svg) } } } @@ -1036,18 +1106,30 @@ $desktop-bottom-margin-double: 4rem; .tag-be { @include tagcolors(#00ffb8); + &.random{ + @include tagclip(be) + } } .tag-do { @include tagcolors(#ff5f5f); + &.random{ + @include tagclip(do) + } } .tag-think { @include tagcolors(#fdff00); + &.random{ + @include tagclip(think) + } } .tag-love { @include tagcolors(#3c00ff); + &.random{ + @include tagclip(love) + } } .single {