working on startpage and single

This commit is contained in:
2019-07-10 18:24:34 +02:00
parent 67661ed767
commit d1dbc518e3
11 changed files with 182 additions and 121 deletions

View File

@@ -51,12 +51,15 @@ Cikkíró:
#### Blokkok és egyéb megjegyzések
Az első blokk nincs automatikusan megkülönböztetve. Egyhe kiemelés eléréséhez jelöld ki az 9sszes szöveget az első blokkban és állítsd félkövérre
Bevezető: Az első bekezdés-t állítsd Címsor-H4-re, hogy megfelelő legyen a kiemelés
Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus.
Lightbox működéséhez be kell kapcsolni a hivatkozást! A hivatkozás célját média fájlra állítani!
Interjúnál kérdésekhez idézet blokkot kell használni: Nagyobb betűméret, címke szín alapján háttér
### Események

View File

@@ -25,6 +25,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
top: calc(#{$v-unit-1}/ 2); => 2rem
## További kérdések, július 4
## További kérdések, július 11
Lightbox: Egybe galériába menjen az összes kép cikkenként, vagy külön külön külön?
Linkeken hover? Most alá van húzva

View File

@@ -4,28 +4,17 @@ lightbox
og: tag: pluginnal!
szerzőnek is paraméter, és kattinható
crop thumbnail a fenti képnél
állókép körbefut a szöveg!!!!
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: amit máté küldőtt
metadata kattintható mind
Hasonló cikkek:
Ugyanabból a kategóriából a 3 legfrisebb
@@ -38,13 +27,18 @@ felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
alapből lehet hogy több látszódjon
Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum
Nyitócikkek szövegkifutást pontosítani
Kiscímek
teli betük
ez egész re lehet kattintani, ne csak a cikkre
.vr: néha nagyobb, élsimítás dolgok
Archív rész ne legyen két maszk egymás mellett
Nyitócikkek felgördülő lead hosszát pontosítani
pecsét betűk összecsúsznak
## mobil nézet
@@ -55,10 +49,7 @@ képek magassága és maszk
# Kategória oldalak
tag archive:
Magyarázat betűméret
Magyarázat betűméret, baloldali magyarázó szöveg legyen nagyobb
# menü
főmenu:
no-wrap, kisepp padding a menuitemeken
Mobilon eseményeket felrakni a tetejére

View File

@@ -197,11 +197,6 @@ object {
flex: 0 0 5rem !important; } }
.wrapper .header .logo object {
height: 5rem; }
.wrapper .header .events-link {
display: none; }
@media (min-width: 769px) {
.wrapper .header .events-link {
display: block; } }
.wrapper .header .menubutton {
order: 99;
z-index: 3001; }
@@ -223,12 +218,12 @@ object {
@media (min-width: 769px) {
.wrapper .header .menubutton {
order: unset; } }
.wrapper .header .social-link {
.wrapper .header .social-link, .wrapper .header .events-link {
margin: 0 2rem 0 0; }
.wrapper .header .social-link.hidden {
.wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden {
display: none !important; }
@media (min-width: 769px) {
.wrapper .header .social-link {
.wrapper .header .social-link, .wrapper .header .events-link {
margin: 0; } }
.wrapper .header .search-box {
display: none; }
@@ -319,23 +314,23 @@ object {
flex: 1 1 50%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-wrap: nowrap;
height: 100%;
justify-content: space-evenly; } }
.wrapper .header #sidebar .sidebar-wrapper li {
.wrapper .header #sidebar .sidebar-wrapper ul li {
display: block;
padding-top: 2rem; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li {
padding: 3rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper li a {
.wrapper .header #sidebar .sidebar-wrapper ul li {
padding: 2rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px; }
.wrapper .header #sidebar .sidebar-wrapper li a:hover {
.wrapper .header #sidebar .sidebar-wrapper ul li a:hover {
color: #fff; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li a {
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font-size: 2.5rem; } }
.wrapper .header #tag-nav {
display: none;
@@ -1370,8 +1365,7 @@ object {
.home main section .home-wrapper-small .archivedescription h2,
.home main section .home-wrapper-small .archivedescription h2 a {
font-size: 1.5rem;
-webkit-text-stroke: #000 1px;
color: transparent; } }
color: #000; } }
@media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2,
.archive main section .home-wrapper-small article h2 a,
@@ -1430,6 +1424,9 @@ object {
.home main section .home-wrapper-small .archivedescription h2 a {
width: calc(100% - 10rem); } }
@media (min-width: 769px) {
.archive main section .home-wrapper-small article,
.home main section .home-wrapper-small article {
cursor: pointer; }
.archive main section .home-wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle {
margin: 0 auto;
@@ -1664,7 +1661,8 @@ body.category.category-esemeny main {
.single article .titlewrapper .metadata {
top: -5rem;
width: 100%;
padding-left: 0; }
padding-left: 0;
padding-right: 10rem; }
.single article .titlewrapper .metadata::after {
position: absolute;
content: "";
@@ -1698,13 +1696,22 @@ body.category.category-esemeny main {
background-color: transparent;
min-height: unset;
top: -5rem;
position: relative; } }
position: relative;
padding-right: 10rem;
padding-left: 0; } }
.single article .single-content {
position: relative;
padding: 2rem; }
@media (min-width: 769px) {
.single article .single-content {
top: -5rem; } }
top: -5rem;
padding-left: 0;
padding-right: 10rem; } }
.single article .single-content h4 {
font-weight: 500;
font-size: 2rem; }
.single article .single-content a:hover {
text-decoration: underline; }
.single article .single-content hr {
height: 1px;
background-color: #ff5f5f;
@@ -1722,15 +1729,16 @@ body.category.category-esemeny main {
.single article .single-content strong {
font-weight: 900; }
.single article .single-content blockquote {
font: bold 1.8rem "Butler";
color: #000; }
font: 800 2rem "Butler";
color: #000;
margin: 3rem 0; }
.single article .single-content blockquote p {
background: #ff5f5f;
display: inline;
padding: 2px 0;
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
padding: 3px 0; }
.single article .single-content blockquote cite {
position: relative;
font-size: 80%;
top: 2rem; }
.single article .single-content .wp-block-image {
padding: 2rem 0; }
@media (min-width: 769px) {
@@ -2106,6 +2114,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #fdff00 1px !important; } }
.single .tag-be .single-content a {
color: #fdff00; }
@media (min-width: 769px) {
.single .tag-do .metadata {
color: #fff !important;
@@ -2116,6 +2127,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } }
.single .tag-do .single-content a {
color: #3c00ff; }
@media (min-width: 769px) {
.single .tag-think .metadata {
color: #fff !important;
@@ -2126,6 +2140,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #00ffb8 1px !important; } }
.single .tag-think .single-content a {
color: #00ffb8; }
@media (min-width: 769px) {
.single .tag-love .metadata {
color: #fff !important;
@@ -2136,6 +2153,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #ff5f5f 1px !important; } }
.single .tag-love .single-content a {
color: #ff5f5f; }
body.hover-tag-be,
.header-1.hover-tag-be,
.header-2.hover-tag-be {

View File

@@ -138,8 +138,8 @@ function dis2019_header_scripts()
wp_register_script('simpler-sidebar', get_template_directory_uri() . '/js/lib/jquery.simpler-sidebar.min.js', array('jquery'), '2.2.5'); //
wp_enqueue_script('simpler-sidebar'); // Enqueue it!
wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('snap-scroll'); // Enqueue it!
// wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); //
// wp_enqueue_script('snap-scroll'); // Enqueue it!
wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-min.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('jquery.colorbox'); // Enqueue it!
@@ -152,7 +152,7 @@ function dis2019_header_scripts()
'conditionizr',
'modernizr',
'simpler-sidebar',
'snap-scroll',
// 'snap-scroll',
'jquery.colorbox',
'lettering',
), '1.0.0'); // Custom scripts

Binary file not shown.

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 476 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 337 B

After

Width:  |  Height:  |  Size: 275 B

View File

@@ -43,7 +43,7 @@
vh: vh,
bottomScrollHeight: bottomScrollHeight
}
console.log(cssWidths)
// console.log(cssWidths)
/* --------------------------- css values to vars --------------------------- */
@@ -51,7 +51,7 @@
const isMobile = (_ => {
if (wow < 769) {
//mobile settings
$('.social-link').addClass('hidden')
$('.social-link, .events-link').addClass('hidden')
return true
} else {
@@ -59,7 +59,12 @@
}
})()
// checks if body has a class
/**
* Checks if body has a class
* @param {string} classname The class to check
* @param {string} notclassname Optional: this classname makes it false
* @returns {boolean} True if body has that class, false if not OR it contains the notclassname
*/
function bodyHasClass(classname, notclassname) {
if ($('body').hasClass(classname)) {
if (notclassname) {
@@ -105,9 +110,9 @@
var showHideSocial = function () {
if (isMobile && $('.social-link').hasClass('hidden')) {
$('.social-link').removeClass('hidden')
$('.social-link, .events-link').removeClass('hidden')
} else if (isMobile) {
$('.social-link').addClass('hidden')
$('.social-link, .events-link').addClass('hidden')
}
}
@@ -318,13 +323,13 @@
/* ----------------------------- Snap on mobile ----------------------------- */
if (isMobile) {
if (isHome || isArchive) {
$("article.post").SnapScroll({
animateDuration: 400
});
}
}
// if (isMobile) {
// if (isHome || isArchive) {
// $("article.post").SnapScroll({
// animateDuration: 400
// });
// }
// }
/* --------------------------------- To top --------------------------------- */
@@ -435,19 +440,22 @@
currElem = homeScroll(currElem, "next")
})
/* --------------------------- scroll on keyboard --------------------------- */
$('html').keydown(function () {
/* --------------------------- scroll with keyboard --------------------------- */
$('html *:not(input)').keydown(function () {
if (!isMobile) {
if (isHome || isArchive) {
//right:
if (event.which == 39) {
if (!$('.search-bar *').is(':focus')) {
//right and J
if (event.which == 39 || event.which == 74) {
event.preventDefault();
currElem = homeScroll(currElem, "next")
// left:
} else if (event.which == 37){
// left and K:
} else if (event.which == 37 || event.which == 75) {
currElem = homeScroll(currElem, "prev")
}
}
}
}
})
@@ -528,6 +536,13 @@
});
}
/* ------------------------- Click on small articles ------------------------ */
$('article.home-small').click(function () {
let href = $(this).children('a.thumbnailwrapper').attr("href")
window.open(href, "_self")
})
/* ------------------------------ hover on home ----------------------------- */
//hover on big articles

View File

@@ -62,8 +62,8 @@
//small titles on desktop on home and archives
@media #{$smalldesktop} {
font-size: 1.5rem;
-webkit-text-stroke: #000 1px;
color: transparent;
//-webkit-text-stroke: #000 1px;
color: #000;
}
@media #{$bigdesktop} {
font-size: 2.2rem;
@@ -90,7 +90,6 @@
@media #{$smalldesktop} {
font-size: 2rem;
}
}
@mixin home-metadata-bevezeto {
@@ -153,6 +152,11 @@
}
}
@mixin single-h4 {
font-weight: 500;
font-size: 2rem;
}
@mixin captiontext {
//képaláírás
font: 900 1rem "Westeinde Caption";
@@ -161,6 +165,6 @@
}
@mixin single-quote {
font: bold 1.8rem "Butler";
font: 800 2rem "Butler";
color: #000;
}

View File

@@ -403,12 +403,12 @@ $v-unit-6: 24rem;
height: $h-unit-1;
}
}
.events-link {
display: none;
@media #{$smalldesktop} {
display: block;
}
}
// .events-link {
// display: block;
// @media #{$smalldesktop} {
// display: block;
// }
// }
.menubutton {
$speed: 0.5s;
@@ -417,8 +417,8 @@ $v-unit-6: 24rem;
order: 99;
z-index: 3001;
@media #{$smalldesktop} {
}
// @media #{$smalldesktop} {
// }
button {
transform-origin: center;
@@ -436,7 +436,7 @@ $v-unit-6: 24rem;
}
}
.social-link {
.social-link, .events-link {
margin: 0 2rem 0 0;
&.hidden {
display: none !important;
@@ -563,17 +563,16 @@ $v-unit-6: 24rem;
flex: 1 1 50%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-wrap: nowrap;
height: 100%;
justify-content: space-evenly;
}
}
li {
display: block;
padding-top: 2rem;
@media #{$smalldesktop} {
padding: 3rem 0;
padding: 2rem 0;
}
a {
@include menutext();
@@ -581,6 +580,7 @@ $v-unit-6: 24rem;
}
}
}
}
/* ------------------------------- bedo circle ------------------------------ */
@@ -1170,6 +1170,10 @@ $v-unit-6: 24rem;
}
}
}
article {
cursor: pointer;
}
.archivetitle {
margin: 0 auto;
width: 100%;
@@ -1405,6 +1409,7 @@ body.category.category-esemeny {
// width: calc(100% - #{$h-unit-1});
width: 100%;
padding-left: 0;
padding-right: $h-unit-2;
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
@@ -1416,6 +1421,8 @@ body.category.category-esemeny {
min-height: unset;
top: -#{$h-unit-1};
position: relative;
padding-right: $h-unit-2;
padding-left: 0;
// //position: fixed;
// // height: 100vh;
// bottom: 0;
@@ -1438,6 +1445,16 @@ body.category.category-esemeny {
padding: $padd;
@media #{$smalldesktop} {
top: -#{$h-unit-1};
padding-left: 0;
padding-right: $h-unit-2;
}
h4{
@include single-h4()
}
a:hover{
text-decoration: underline;
}
hr {
@@ -1464,11 +1481,19 @@ body.category.category-esemeny {
blockquote {
@include single-quote();
margin: 3rem 0;
p {
background: #ff5f5f;
// background: #ff5f5f;
display: inline;
padding: 2px 0;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
padding: 3px 0;
// @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
}
cite{
position: relative;
font-size: 80%;
top: 2rem;
}
}
@@ -1552,7 +1577,6 @@ body.category.category-esemeny {
color: transparent;
width: 100%;
text-align: center;
}
#cboxCurrent {
display: none !important;
@@ -1574,7 +1598,7 @@ body.category.category-esemeny {
}
&#cboxPrevious {
left: 1rem;
@include transform(scaleX(-1))
@include transform(scaleX(-1));
}
&#cboxNext {
right: 1rem;
@@ -1699,6 +1723,11 @@ body.category.category-esemeny {
}
}
}
.single-content{
a{
color: $color;
}
}
}
$color-be: #fdff00;
$color-do: #3c00ff;

View File

@@ -18,11 +18,6 @@
<?php endif;?>
<!-- /post thumbnail -->
<div class="titlewrapper">
<div class="metadata">
<div class="time-cat">
@@ -34,7 +29,11 @@
$terms = get_the_terms( $post->ID, 'Format' );
if ($terms && ! is_wp_error( $terms )) {
foreach($terms as $term) {
?>
<a href="<?php echo esc_url(get_term_link( $term));?>">
<?php
echo $term->name;
echo '</a>';
}
} ?>
</div>