diff --git a/_jegyzet.md b/_jegyzet.md
index 7057fe0..73c7a73 100644
--- a/_jegyzet.md
+++ b/_jegyzet.md
@@ -72,14 +72,14 @@ Kezdőlap:
Nincs gradiens
Hover csak a címen
Nyíl, csak az első cikken
-cursor módosítás tekerésre
+~cursor módosítás tekerésre~
Kis ikonok hover:
- - maszkok bedo alapján
- - némelyik maszkkal alapból, némelyik sima kép,
- - hoverre eltűnik a kép, és helyette
+ ~- maszkok bedo alapján~
+ ~- némelyik maszkkal alapból, némelyik sima kép, ~
+ ~- hoverre eltűnik a kép, és helyette~
Nagycímek:
- - utána margó
+ ~- utána margó~
- az is megnő, minden mint
Excerpt a főoldalon hoverre: külön paraméter, nem excerpt!!
@@ -118,6 +118,8 @@ Kereső:
Animációk?
+ Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum
+
# Post-install teendők:
diff --git a/css/base.css b/css/base.css
index 24b8cbb..b9bbc20 100644
--- a/css/base.css
+++ b/css/base.css
@@ -462,24 +462,43 @@ object {
border-bottom: 5rem solid #fff;
position: absolute;
z-index: -1; }
- .wrapper main section .misha_loadmore {
+ @media (min-width: 769px) {
+ .wrapper main section .misha_loadmore {
+ width: 10rem;
+ margin-right: 10rem;
+ align-self: stretch;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ height: 100%; } }
+ .wrapper main section .misha_loadmore a,
+ .wrapper main section .misha_loadmore p {
font: bold 3rem "Westeinde Caption";
- color: #000; }
+ color: #fff;
+ -webkit-text-stroke: #000 1px; }
@media (-webkit-min-device-pixel-ratio: 2.1) {
- .wrapper main section .misha_loadmore {
- font-size: 2.5rem !important; } }
+ .wrapper main section .misha_loadmore a,
+ .wrapper main section .misha_loadmore p {
+ font-size: 2rem !important; } }
@media (min-width: 769px) {
- .wrapper main section .misha_loadmore {
- font-size: 5rem; } }
+ .wrapper main section .misha_loadmore a,
+ .wrapper main section .misha_loadmore p {
+ font-size: 3rem; } }
@media (min-width: 769px) {
- .wrapper main section .misha_loadmore {
- border-left: #000 1px solid;
- padding: 4rem 10rem;
- align-self: stretch;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- height: 100%; } }
+ .wrapper main section .misha_loadmore a,
+ .wrapper main section .misha_loadmore p {
+ transform-origin: center;
+ white-space: nowrap;
+ width: 100vh;
+ -moz-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg); } }
+
+.touchevents .header-scroll {
+ display: none !important; }
/* -------------------------------------------------------------------------- */
/* HOMEPAGE */
@@ -570,16 +589,15 @@ object {
padding-top: 4rem;
border-right: #000 1px solid;
/* -------------------------------- thumbnail and title ------------------------------- */
- /* -------------------------- home article metadata big------------------------- */ }
- .home main section .home-wrapper-big article::before {
- content: "
";
- display: block;
- height: 1px;
- width: 100%;
- background: #000; }
+ /* -------------------------- home article metadata big------------------------- */
+ /* ------------------------- home article big hover ------------------------- */ }
.home main section .home-wrapper-big article .thumbnailwrapper {
- height: calc(100% - 4rem); }
- .home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-thumbnail {
+ height: calc(100% - 4rem);
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ border-top: 1px #000 solid; }
+ .home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
object-fit: cover;
width: 50%;
height: 100%; }
@@ -636,12 +654,19 @@ object {
display: none;
display: block;
border-right: #000 solid 1px; }
+ .home main section .home-wrapper-big article.hovered {
+ width: calc(100vw - (10rem * 2)); }
+ .home main section .home-wrapper-big article.hovered h2 > a {
+ color: #000; }
+ .home main section .home-wrapper-1 article a.thumbnailwrapper {
+ justify-content: flex-end; }
.home main section .home-wrapper-2 article {
border-left: #000 1px solid; } }
@media (min-width: 769px) {
.home main section .home-wrapper-small {
width: calc(100vw - (10rem * 3));
height: calc((100vw - (10rem * 3)) / 3 * 2);
+ flex-shrink: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -996,14 +1021,21 @@ object {
@media (min-width: 769px) {
.tag-be.home-big h2 a {
- color: #00ffb8 !important; }
+ color: #00ffb8; }
+ .tag-be.home-big.hovered {
+ background-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); } }
+ -webkit-mask: url(../img/clip/be_desktop.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 100%;
+ mask: url(../img/clip/be_desktop.svg);
+ mask-repeat: no-repeat;
+ mask-size: 100%; } }
.tag-do .metadata {
color: #ff5f5f !important; }
@@ -1024,14 +1056,21 @@ object {
@media (min-width: 769px) {
.tag-do.home-big h2 a {
- color: #ff5f5f !important; }
+ color: #ff5f5f; }
+ .tag-do.home-big.hovered {
+ background-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); } }
+ -webkit-mask: url(../img/clip/do_desktop.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 100%;
+ mask: url(../img/clip/do_desktop.svg);
+ mask-repeat: no-repeat;
+ mask-size: 100%; } }
.tag-think .metadata {
color: #fdff00 !important; }
@@ -1052,14 +1091,21 @@ object {
@media (min-width: 769px) {
.tag-think.home-big h2 a {
- color: #fdff00 !important; }
+ color: #fdff00; }
+ .tag-think.home-big.hovered {
+ background-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); } }
+ -webkit-mask: url(../img/clip/think_desktop.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 100%;
+ mask: url(../img/clip/think_desktop.svg);
+ mask-repeat: no-repeat;
+ mask-size: 100%; } }
.tag-love .metadata {
color: #3c00ff !important; }
@@ -1080,14 +1126,21 @@ object {
@media (min-width: 769px) {
.tag-love.home-big h2 a {
- color: #3c00ff !important; }
+ color: #3c00ff; }
+ .tag-love.home-big.hovered {
+ background-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); } }
+ -webkit-mask: url(../img/clip/love_desktop.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 100%;
+ mask: url(../img/clip/love_desktop.svg);
+ mask-repeat: no-repeat;
+ mask-size: 100%; } }
@media (min-width: 769px) {
.single .tag-be .metadata {
diff --git a/functions.php b/functions.php
index 6702d10..9ab29f7 100644
--- a/functions.php
+++ b/functions.php
@@ -392,30 +392,31 @@ function misha_my_load_more_scripts()
global $wp_query;
// In most cases it is already included on the page and this line can be removed
- wp_enqueue_script('jquery');
+ //wp_enqueue_script('jquery');
// register our main script but do not enqueue it yet
- wp_register_script('my_loadmore', get_stylesheet_directory_uri() . '/js/myloadmore.js', array('jquery'));
+ //wp_register_script('my_loadmore', get_stylesheet_directory_uri() . '/js/myloadmore.js', array('jquery'));
// now the most interesting part
// we have to pass parameters to myloadmore.js script but we can get the parameters values only in PHP
// you can define variables directly in your HTML but I decided that the most proper way is wp_localize_script()
- wp_localize_script('my_loadmore', 'misha_loadmore_params', array(
+ //wp_localize_script('my_loadmore', 'misha_loadmore_params', array(
+ wp_localize_script('dis2019scripts', 'misha_loadmore_params', array(
+
'ajaxurl' => site_url() . '/wp-admin/admin-ajax.php', // WordPress AJAX
'posts' => json_encode($wp_query->query_vars), // everything about your loop is here
'current_page' => get_query_var('paged') ? get_query_var('paged') : 1,
'max_page' => $wp_query->max_num_pages,
));
- wp_enqueue_script('my_loadmore');
+ // wp_enqueue_script('my_loadmore');
}
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
@@ -436,7 +437,6 @@ function misha_loadmore_ajax_handler()
query_posts($args);
get_template_part('loop');
-
die; // here we exit the script and even no wp_reset_query() required!
}
@@ -445,19 +445,19 @@ add_action('wp_ajax_nopriv_loadmore', 'misha_loadmore_ajax_handler'); // wp_ajax
/* -------------------- 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) {
+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() ) {
+ if (!$query->is_home()) {
return;
}
-
+
//set post_per_page if it's homepage
- if (! $query->is_paged ) {
- $query->set('posts_per_page',14);
- }
- else {
+ if (!$query->is_paged) {
+ $query->set('posts_per_page', 14);
+ } else {
return;
}
}
@@ -470,7 +470,7 @@ function dis_2019_more_posts_on_home(&$query) {
// //Ensure we're modifying the right query object...
// if ( $query->is_home() ) {
-// //Reduce WordPress's found_posts count by the offset...
+// //Reduce WordPress's found_posts count by the offset...
// return $found_posts - $offset;
// }
// return $found_posts;
diff --git a/img/arrow-black-left.png b/img/arrow-black-left.png
index daa2a23..d7676f1 100644
Binary files a/img/arrow-black-left.png and b/img/arrow-black-left.png differ
diff --git a/img/arrow-black-left.svg b/img/arrow-black-left.svg
deleted file mode 100644
index 2831d8f..0000000
--- a/img/arrow-black-left.svg
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
-
-
diff --git a/img/arrow-black-right.png b/img/arrow-black-right.png
index 03ffd8a..290fb1b 100644
Binary files a/img/arrow-black-right.png and b/img/arrow-black-right.png differ
diff --git a/img/arrow-black-right.svg b/img/arrow-black-right.svg
deleted file mode 100644
index a93a4b0..0000000
--- a/img/arrow-black-right.svg
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
-
-
diff --git a/img/clip/be_desktop.svg b/img/clip/be_desktop.svg
index c1e5bff..35c266e 100644
--- a/img/clip/be_desktop.svg
+++ b/img/clip/be_desktop.svg
@@ -1,50 +1,25 @@
-