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

events page

Browse Source
This commit is contained in:
infeeeee
2019-08-10 01:05:05 +02:00
parent 911688225f
commit eb6fdf9388
7 changed files with 291 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_jegyzet.md
View File

@@ -27,10 +27,10 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
## További kérdések
Nincs találat oldal, pl keresésnél
404 oldal
Keresési találatok oldal
Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött?
Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött?
Hover a linkekre azt eseménynél? Nyílra?

11
_teendők.md
View File

@@ -2,9 +2,7 @@
og: tag: pluginnal!
# Esemény oldal
megcsinálni!
# Esemény oldal - ✔
# Kezdőlap
@@ -28,7 +26,8 @@ scroll rossz a kiscímeknél
## mobil nézet
képek magassága és maszk
Kezdőlap:
képek magassága és maszk
# Kategória oldalak
@@ -39,3 +38,7 @@ vonalak néhol túlvékonyodik, vastagodik - egyenletlen
# menü
# Oldal
!Nincs találat oldal, pl keresésnél
404 oldal

222
css/base.css
View File

@@ -917,7 +917,7 @@ object {
/* --------------------------- home article mobile/default -------------------------- */
/* ------------------------ home article desktop big ------------------------ */
/* ------------------------------------ - ----------------------------------- */
/* ----------------------- articles desktop small ----------------------- */ }
/* ----------------------- home articles desktop small ----------------------- */ }
@media (min-width: 769px) {
.archive main section,
.home main section,
@@ -1705,81 +1705,159 @@ object {
/* -------------------------------------------------------------------------- */
/* Events */
/* -------------------------------------------------------------------------- */
body.category.category-esemeny header {
background-color: #000; }
body.category.category-esemeny main {
padding-top: 9rem; }
body.category.category-esemeny main article {
height: 85vw;
max-height: calc(50vw + 180px); }
body.category.category-esemeny main article .thumbnailwrapper {
height: 50vw; }
body.category.category-esemeny main article .thumbnailwrapper img {
width: 100%;
height: 100%; }
body.category.category-esemeny main article .event-metadata {
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: stretch;
padding: 2rem;
height: 35vw;
max-height: 180px; }
body.category.category-esemeny main article .event-metadata .top-row,
body.category.category-esemeny main article .event-metadata .bottom-row {
body.category.category-esemeny {
/* ---------------------------- Events on desktop --------------------------- */ }
body.category.category-esemeny header {
background-color: #000; }
body.category.category-esemeny main {
padding-top: 9rem; }
body.category.category-esemeny main article {
height: 85vw;
max-height: calc(50vw + 180px); }
body.category.category-esemeny main article .thumbnailwrapper {
height: 50vw; }
body.category.category-esemeny main article .thumbnailwrapper img {
width: 100%;
height: 100%; }
body.category.category-esemeny main article .event-metadata {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: space-between;
height: 50%;
flex: 0 0 auto; }
body.category.category-esemeny main article .event-metadata .top-row {
align-items: center; }
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font: 800 1.8rem "Butler";
color: #000;
color: #00f; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .top-row a {
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
font-size: 2.8rem; }
body.category.category-esemeny main article .event-metadata .bottom-row {
align-items: flex-end; }
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
flex: 1 0.9 auto;
height: unset;
padding: 0;
font: 800 1.8rem "Butler";
color: #000; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .bottom-row .vr {
align-content: stretch;
padding: 2rem;
height: 35vw;
max-height: 180px; }
body.category.category-esemeny main article .event-metadata .top-row,
body.category.category-esemeny main article .event-metadata .bottom-row {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 50%;
flex: 0 0 auto; }
body.category.category-esemeny main article .event-metadata .top-row {
align-items: center; }
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font: 800 1.8rem "Butler";
color: #000;
color: #00f; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 2.2rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 4.5rem; } }
body.category.category-esemeny main article .event-metadata .top-row a {
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
font: normal 2.8rem "Westeinde Caption";
color: #000; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 3rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 4rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 5rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 7rem; } }
body.category.category-esemeny main article .event-metadata .bottom-row {
align-items: flex-end; }
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
flex: 1 0.9 auto;
height: unset;
padding: 0;
font: 800 1.8rem "Butler";
color: #000; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 2.2rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 4.5rem; } }
body.category.category-esemeny main article .event-metadata .bottom-row .vr {
flex: 0 0 auto;
width: 1px;
height: 100%;
background-color: #000; }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
flex: 1 1 auto;
font: 800 1.8rem "Butler";
color: #000;
font: 500 1.8rem "Westeinde Caption";
color: #00f;
text-align: right; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 2.2rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 4.5rem; } }
body.category.category-esemeny main article .event-metadata .hr {
flex: 0 0 auto;
width: 1px;
height: 100%;
height: 1px;
width: 100%;
background-color: #000; }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
flex: 1 1 auto;
font: 800 1.8rem "Butler";
color: #000;
font: 500 1.8rem "Westeinde Caption";
color: #00f;
text-align: right; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .hr {
flex: 0 0 auto;
height: 1px;
width: 100%;
background-color: #000; }
@media (min-width: 769px) {
body.category.category-esemeny main {
padding-top: 0; }
body.category.category-esemeny main section {
height: 100%;
padding-left: 10rem;
display: flex;
flex-direction: row; }
body.category.category-esemeny main section article {
width: calc(50vw - 10rem);
height: calc(50vw - 10rem);
max-width: calc(100vh - 5rem);
max-height: calc(100vh - 5rem);
min-width: 80vh;
min-height: 80vh;
margin: auto 10rem auto 0;
display: flex;
flex-direction: column;
justify-content: space-between; }
body.category.category-esemeny main section article .thumbnailwrapper {
height: unset;
flex: 0 0 auto; }
body.category.category-esemeny main section article .event-metadata {
height: unset;
max-height: 25rem;
flex: 1 1 auto;
padding: 0; } }
@media (min-width: 769px) and (min-width: 1919px) {
body.category.category-esemeny main section article .event-metadata {
max-height: 35rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main section article .event-metadata .bottom-row h2 {
padding-bottom: 2rem; }
body.category.category-esemeny main section article .event-metadata .bottom-row .vr {
margin: 0 2rem; }
body.category.category-esemeny main section article .event-metadata .bottom-row .text-link {
padding-bottom: 2rem; } }
/* -------------------------------------------------------------------------- */
/* single */

43
js/scripts.js
View File

@@ -331,6 +331,10 @@
/**
* scroll to next or previous section
* Ex:
* currElem = homeScroll(currElem, "prev")
* currElem = homeScroll(currElem, "next")
*
* @param {jQuery} target put here currElem
* @param {String} direction "next" of "prev"
*/
@@ -353,19 +357,26 @@
if (nextelem.attr("class") == "misha_loadmore") {
loadmore()
return target
} else if (isEsemeny) {
offset = offset - (desktophomemargin)
} else {
//from the third wrap modify the offset
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[2])
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[1])
console.log(wNum)
if (wNum == 3 || !isHome) {
offset = offset - (desktophomemargin / 2)
offset = offset - (desktophomemargin /2 )
} else if (wNum > 4 || !isHome) {
offset = offset - desktophomemargin
}
}
console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset)
$('html, body, .wrapper').stop().animate({ scrollLeft: offset }, 800, function () {
const scrollspeed = isEsemeny ? 500 : 800
$('html, body, .wrapper').stop().animate({ scrollLeft: offset }, scrollspeed, function () {
//hide the left arrow if on start
if (nextelem.hasClass("home_wrapper-1")) {
if (nextelem.is(selector + ':first-child')) {
$(".header-scroll-left").hide()
} else {
$(".header-scroll-left").show()
@@ -393,13 +404,13 @@
}
}
const selector = 'main>#content>div'
const selector = isEsemeny ? 'main>section>article' : 'main>#content>div'
var currElem = $(selector + ':first-child')
//checking the current scroll location for refresh:
if (!isMobile) {
if (isMasonryPage) {
if (isMasonryPage || isEsemeny) {
const homeDivWidths = []
const homeFullWidths = []
homeDivWidths[0] = 0
@@ -426,7 +437,8 @@
currElem = $(selector + ':nth-child(' + scrollnr + ')')
if (currElem.hasClass("home_wrapper-1")) {
if (scrollnr == 1) {
$(".header-scroll-left").hide()
}
@@ -443,7 +455,7 @@
$(window).on('wheel DOMMouseScroll', function (e) {
//e.preventDefault();
if (!isMobile) {
if (isMasonryPage) {
if (isMasonryPage || isEsemeny) {
if (scrolltimer) {
return false;
}
@@ -718,12 +730,9 @@
/* -------------------------------------------------------------------------- */
if (isEsemeny) {
//add spaces to date
// $(".event-metadata .ev-date").each(function () {
// let repl = $(this).html().replace(/\.\b/g, ". ")
// $(this).html(repl)
// })
if (!isMobile) {
$('html').css({ overflowY: "hidden" })
}
}
@@ -805,10 +814,10 @@
// .removeClass("vis")
// })
$('.wp-block-gallery .blocks-gallery-item, .wp-block-image').hover(function(){
$('.wp-block-gallery .blocks-gallery-item, .wp-block-image').hover(function () {
$(this).find("figcaption").addClass("vis")
},function(){
}, function () {
$('.wp-block-gallery .vis, .wp-block-image .vis').removeClass("vis")
})

2
loop-inner.php
View File

@@ -1,7 +1,5 @@
<!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists
console_debug('relatedloop: ' . $relatedloop);
console_debug('qc: ' . $qc);
if ($relatedloop === true): ?>
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php the_post_thumbnail('home-square-thumbnail');?>

33
sass/_font-mixins.scss
View File

@@ -192,22 +192,49 @@
line-height: 1.3;
}
@mixin event-title{
@mixin event-title {
font: 800 1.8rem "Butler";
color: #000;
@media #{$tablet} {
font-size: 2.2rem;
}
@media #{$smalldesktop} {
font-size: 3rem;
}
@media #{$bigdesktop} {
font-size: 3.2rem;
}
@media #{$verybigdesktop} {
font-size: 4.5rem;
}
}
@mixin event-date{
@mixin event-date {
@include event-title();
color: #00f;
}
@mixin event-link{
@mixin event-link {
@include event-title();
font: 500 1.8rem "Westeinde Caption";
color: #00f;
}
@mixin event-arrow {
font: normal 2.8rem "Westeinde Caption";
color: #000;
@media #{$tablet} {
font-size: 3rem;
}
@media #{$smalldesktop} {
font-size: 4rem;
}
@media #{$bigdesktop} {
font-size: 5rem;
}
@media #{$verybigdesktop} {
font-size: 7rem;
}
}

84
sass/base.scss
View File

@@ -1078,7 +1078,7 @@ $v-unit-6: 24rem;
}
} //smalldesktop end
/* ----------------------- articles desktop small ----------------------- */
/* ----------------------- home articles desktop small ----------------------- */
@media #{$smalldesktop} {
.home_wrapper-small {
@@ -1317,7 +1317,7 @@ body.category.category-esemeny {
}
a {
@include transform(rotate(225deg));
font-size: 2.8rem;
@include event-arrow();
}
}
@@ -1352,13 +1352,79 @@ body.category.category-esemeny {
}
}
}
}
/* ---------------------------- Events on desktop --------------------------- */
@media #{$smalldesktop} {
main {
padding-top: 0;
section {
height: 100%;
// padding-top:
padding-left: $h-unit-2;
display: flex;
flex-direction: row;
article {
width: calc(50vw - #{$h-unit-2});
height: calc(50vw - #{$h-unit-2});
max-width: calc(100vh - #{$h-unit-1});
max-height: calc(100vh - #{$h-unit-1});
min-width: 80vh;
min-height: 80vh;
// margin: auto;
margin: auto $h-unit-2 auto 0;
display: flex;
flex-direction: column;
justify-content: space-between;
.thumbnailwrapper {
height: unset;
flex: 0 0 auto;
}
.event-metadata {
height: unset;
max-height: $h-unit-5;
@media #{$verybigdesktop} {
max-height: $h-unit-5 + $h-unit-2
}
flex: 1 1 auto;
padding: 0;
// .top-row{
// .ev-date{
// padding-left: 2rem;
// }
// padding-right: 2rem;
// }
.bottom-row{
h2{
// padding-left: 2rem;
padding-bottom: 2rem;
}
.vr{
margin: 0 2rem;
}
.text-link{
// padding-right: 2rem;
padding-bottom: 2rem;
}
}
}
}
}
}
}
} //body.category.category-esemeny end
/* -------------------------------------------------------------------------- */
/* single */
/* -------------------------------------------------------------------------- */
@mixin singlDesktopLayout() {
@mixin singleDesktopLayout() {
padding-right: $h-unit-4;
padding-left: 0;
max-width: calc(1024px + #{$h-unit-4});
@@ -1511,7 +1577,7 @@ body.category.category-esemeny {
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
.metaWrapper {
@include singlDesktopLayout();
@include singleDesktopLayout();
}
// .time-cat {
@@ -1522,7 +1588,7 @@ body.category.category-esemeny {
min-height: unset;
top: -#{$h-unit-1};
position: relative;
@include singlDesktopLayout();
@include singleDesktopLayout();
}
}
}
@@ -1569,7 +1635,7 @@ body.category.category-esemeny {
padding: $padd;
@media #{$smalldesktop} {
top: -#{$h-unit-1};
@include singlDesktopLayout();
@include singleDesktopLayout();
}
h2 {
@@ -1849,7 +1915,7 @@ body.category.category-esemeny {
padding-top: $padd * 2;
top: -#{$h-unit-1};
margin: 0;
@include singlDesktopLayout();
@include singleDesktopLayout();
a {
margin-bottom: $padd * 2;
@@ -1929,7 +1995,7 @@ body.category.category-esemeny {
top: -#{$h-unit-1};
position: relative;
padding-top: $padd * 2;
@include singlDesktopLayout();
@include singleDesktopLayout();
& > h3 {
display: block;