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

started updates on 0704

Browse Source
This commit is contained in:
Péter Gyetvai
2019-07-09 22:29:46 +02:00
parent 5f461d3ea2
commit 67661ed767
5 changed files with 89 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
_teendők.md
View File

@@ -14,6 +14,21 @@ galéria: mobilon fix 2, column számot lehessen használni asztalin
képen ne legyen cím
képaláírás ne legyen outline betüs, asztalin csak hoverre
címhez scrolloljon
Link:szővgtürzsben csak bedo szín alapján
padding bal oldalt is mint jobb, heading szélesség
Első bekezdés H4, nem bold csak nagy
lightbox nyíl: amitmáté küldőtt
metadata kattintható mind
Hasonló cikkek:
Ugyanabból a kategóriából a 3 legfrisebb
# Esemény oldal
# Kezdőlap
@@ -25,6 +40,12 @@ alapből lehet hogy több látszódjon
Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum
Kiscímek
teli betük
ez egész re lehet kattintani, ne csak a cikkre
.vr: néha nagyobb, élsimítás dolgok
## mobil nézet
képek magassága és maszk
@@ -33,3 +54,11 @@ képek magassága és maszk
# Kategória oldalak
tag archive:
Magyarázat betűméret
# menü
főmenu:
no-wrap, kisepp padding a menuitemeken
Mobilon eseményeket felrakni a tetejére

28
css/base.css
View File

@@ -366,7 +366,7 @@ object {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper .header #tag-nav ul {
font-size: 1.4rem; } }
font-size: 1.2rem; } }
.wrapper .header #tag-nav ul li {
display: inline; }
.wrapper .header #tag-nav ul li a span {
@@ -394,7 +394,7 @@ object {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper .header #tag-nav ul li a span {
font-size: 1.4rem; } }
font-size: 1.2rem; } }
.wrapper .header #tag-nav ul li a span.char1 {
-moz-transform: rotate(21.17647deg);
-o-transform: rotate(21.17647deg);
@@ -1021,9 +1021,10 @@ object {
.home main section .home-wrapper-big article h2 {
height: unset;
position: absolute;
top: 6rem;
top: 4rem;
padding: 4rem;
width: calc(100vw - 20rem); }
padding-right: 2rem;
width: calc(100vw - 25rem); }
.archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata {
bottom: 0;
@@ -1212,12 +1213,12 @@ object {
flex-direction: row;
flex-wrap: wrap;
margin: auto 0; }
.archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small),
.home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small) {
margin-left: 5rem !important; }
.archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small,
.home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small {
margin-left: 10rem !important; }
.archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1),
.home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1) {
margin-left: 5rem; }
.archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1,
.home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
margin-left: 10rem; }
.archive main section .home-wrapper-small article,
.archive main section .home-wrapper-small .archivetitle,
.archive main section .home-wrapper-small .archivedescription,
@@ -1431,7 +1432,7 @@ object {
@media (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle {
margin: 0;
margin: 0 auto;
width: 100%;
position: relative;
bottom: 0;
@@ -1439,7 +1440,8 @@ object {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2rem;
padding: 2rem 0;
text-align: center;
border-right: #000 1px solid; }
.archive main section .home-wrapper-small .archivetitle::after,
.home main section .home-wrapper-small .archivetitle::after {
@@ -1476,7 +1478,7 @@ object {
.home main section .home-wrapper-small .archivetitle h1 {
font: bold 3rem "Westeinde Caption";
color: #000;
margin: 0; } }
margin: 0 auto; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section .home-wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 {

40
js/scripts.js
View File

@@ -60,15 +60,15 @@
})()
// checks if body has a class
function bodyHasClass(classname, notclassname){
function bodyHasClass(classname, notclassname) {
if ($('body').hasClass(classname)) {
if (notclassname) {
if ($('body').hasClass(notclassname)) {
return false
}else{
} else {
return true
}
} else{
} else {
return true
}
} else {
@@ -80,7 +80,7 @@
const isHome = bodyHasClass('home')
//isArchive
const isArchive = bodyHasClass('archive','category-esemeny')
const isArchive = bodyHasClass('archive', 'category-esemeny')
//isEsemeny
const isEsemeny = bodyHasClass('category-esemeny')
@@ -435,6 +435,22 @@
currElem = homeScroll(currElem, "next")
})
/* --------------------------- scroll on keyboard --------------------------- */
$('html').keydown(function () {
if (!isMobile) {
if (isHome || isArchive) {
//right:
if (event.which == 39) {
event.preventDefault();
currElem = homeScroll(currElem, "next")
// left:
} else if (event.which == 37){
currElem = homeScroll(currElem, "prev")
}
}
}
})
/* -------------------------- loadmore: ajax loads -------------------------- */
$('.misha_loadmore').on("moreload-start", function () {
@@ -694,34 +710,34 @@
/* SINGLE */
/* -------------------------------------------------------------------------- */
if (isSingle) {
/* -------------------------------- Lightbox -------------------------------- */
//group gallery images:
$('.wp-block-gallery a, .wp-block-image a').addClass('cb-gallery')
//copy figcaption to title
$("a.cb-gallery ~ figcaption").each(function(){
$("a.cb-gallery ~ figcaption").each(function () {
let captiotext = $(this).html()
$(this).prev('.cb-gallery').attr({title:captiotext})
$(this).prev('.cb-gallery').attr({ title: captiotext })
})
//http://www.jacklmoore.com/colorbox/
const colorboxSettings = {
transition:'fade',
rel:'cb-ballery',
transition: 'fade',
rel: 'cb-ballery',
maxWidth: '90%',
maxHeight: '80%',
trapFocus: false,
scrolling: false,
fixed: true,
previous: '',
next:'',
close:'',
next: '',
close: '',
}

2
sass/_font-mixins.scss
View File

@@ -112,7 +112,7 @@
font-size: 1.2rem;
}
@media #{$bigdesktop} {
font-size: 1.4rem;
font-size: 1.2rem;
}
}

30
sass/base.scss
View File

@@ -112,6 +112,7 @@ $verybigdesktop: only screen and
/* -------------------------------------------------------------------------- */
//Horizontal units:
$h-unit-5: 25rem;
$h-unit-4: 20rem;
$h-unit-2: 10rem; // menuwidth on desktop
$h-unit-1: 5rem;
@@ -928,10 +929,10 @@ $v-unit-6: 24rem;
h2 {
height: unset;
position: absolute;
top: 6rem;
top: 4rem;
padding: 4rem;
// padding-right: 0;
width: calc(100vw - #{$h-unit-4});
padding-right: 2rem;
width: calc(100vw - #{$h-unit-5});
}
/* -------------------------- home article metadata big------------------------- */
@@ -1080,11 +1081,11 @@ $v-unit-6: 24rem;
flex-direction: row;
flex-wrap: wrap;
margin: auto 0;
&.home-wrapper-s1:not(.home-wrapper-small) {
margin-left: $h-unit-1 !important;
&.home-wrapper-s1:not(.home-wrapper-1) {
margin-left: $h-unit-1;
}
&.home-wrapper-s1.home-wrapper-small {
margin-left: $h-unit-2 !important;
&.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
margin-left: $h-unit-2;
}
article,
@@ -1170,7 +1171,7 @@ $v-unit-6: 24rem;
}
}
.archivetitle {
margin: 0;
margin: 0 auto;
width: 100%;
position: relative;
bottom: 0;
@@ -1178,12 +1179,13 @@ $v-unit-6: 24rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2rem;
padding: 2rem 0;
text-align: center;
border-right: #000 1px solid;
@include triangle-corner-bordered($h-unit-1, 0, transparent, #000, left);
h1 {
@include home-title();
margin: 0;
margin: 0 auto;
}
&.tag {
order: 1;
@@ -1258,8 +1260,8 @@ body.category.category-esemeny {
flex: 0 0 auto;
// & > * {
// }
.ev-date {
}
// .ev-date {
// }
h2 {
height: unset;
}
@@ -1406,8 +1408,8 @@ body.category.category-esemeny {
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
.time-cat {
}
// .time-cat {
// }
}
h1.single-title {
background-color: transparent;