working on startpage and single
This commit is contained in:
@@ -51,12 +51,15 @@ Cikkíró:
|
|||||||
|
|
||||||
#### Blokkok és egyéb megjegyzések
|
#### 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.
|
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!
|
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
|
### Események
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
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
|
||||||
29
_teendők.md
29
_teendők.md
@@ -4,27 +4,16 @@ lightbox
|
|||||||
|
|
||||||
og: tag: pluginnal!
|
og: tag: pluginnal!
|
||||||
|
|
||||||
szerzőnek is paraméter, és kattinható
|
|
||||||
|
|
||||||
crop thumbnail a fenti képnél
|
crop thumbnail a fenti képnél
|
||||||
|
|
||||||
állókép körbefut a szöveg!!!!
|
állókép körbefut a szöveg!!!!
|
||||||
|
|
||||||
galéria: mobilon fix 2, column számot lehessen használni asztalin
|
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
|
képaláírás ne legyen outline betüs, asztalin csak hoverre
|
||||||
címhez scrolloljon
|
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
|
||||||
|
|
||||||
|
|
||||||
lightbox nyíl: amitmáté küldőtt
|
|
||||||
|
|
||||||
metadata kattintható mind
|
|
||||||
|
|
||||||
Hasonló cikkek:
|
Hasonló cikkek:
|
||||||
Ugyanabból a kategóriából a 3 legfrisebb
|
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
|
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
|
Kiscímek
|
||||||
teli betük
|
|
||||||
ez egész re lehet kattintani, ne csak a cikkre
|
|
||||||
.vr: néha nagyobb, élsimítás dolgok
|
.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
|
## mobil nézet
|
||||||
|
|
||||||
@@ -55,10 +49,7 @@ képek magassága és maszk
|
|||||||
# Kategória oldalak
|
# Kategória oldalak
|
||||||
|
|
||||||
tag archive:
|
tag archive:
|
||||||
Magyarázat betűméret
|
Magyarázat betűméret, baloldali magyarázó szöveg legyen nagyobb
|
||||||
|
|
||||||
# menü
|
# menü
|
||||||
|
|
||||||
főmenu:
|
|
||||||
no-wrap, kisepp padding a menuitemeken
|
|
||||||
Mobilon eseményeket felrakni a tetejére
|
|
||||||
|
|||||||
90
css/base.css
90
css/base.css
@@ -197,11 +197,6 @@ object {
|
|||||||
flex: 0 0 5rem !important; } }
|
flex: 0 0 5rem !important; } }
|
||||||
.wrapper .header .logo object {
|
.wrapper .header .logo object {
|
||||||
height: 5rem; }
|
height: 5rem; }
|
||||||
.wrapper .header .events-link {
|
|
||||||
display: none; }
|
|
||||||
@media (min-width: 769px) {
|
|
||||||
.wrapper .header .events-link {
|
|
||||||
display: block; } }
|
|
||||||
.wrapper .header .menubutton {
|
.wrapper .header .menubutton {
|
||||||
order: 99;
|
order: 99;
|
||||||
z-index: 3001; }
|
z-index: 3001; }
|
||||||
@@ -223,12 +218,12 @@ object {
|
|||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.wrapper .header .menubutton {
|
.wrapper .header .menubutton {
|
||||||
order: unset; } }
|
order: unset; } }
|
||||||
.wrapper .header .social-link {
|
.wrapper .header .social-link, .wrapper .header .events-link {
|
||||||
margin: 0 2rem 0 0; }
|
margin: 0 2rem 0 0; }
|
||||||
.wrapper .header .social-link.hidden {
|
.wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.wrapper .header .social-link {
|
.wrapper .header .social-link, .wrapper .header .events-link {
|
||||||
margin: 0; } }
|
margin: 0; } }
|
||||||
.wrapper .header .search-box {
|
.wrapper .header .search-box {
|
||||||
display: none; }
|
display: none; }
|
||||||
@@ -319,24 +314,24 @@ object {
|
|||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: nowrap;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: space-evenly; } }
|
justify-content: space-evenly; } }
|
||||||
.wrapper .header #sidebar .sidebar-wrapper li {
|
.wrapper .header #sidebar .sidebar-wrapper ul li {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 2rem; }
|
padding-top: 2rem; }
|
||||||
@media (min-width: 769px) {
|
|
||||||
.wrapper .header #sidebar .sidebar-wrapper li {
|
|
||||||
padding: 3rem 0; } }
|
|
||||||
.wrapper .header #sidebar .sidebar-wrapper li a {
|
|
||||||
font: 900 4rem "Westeinde Caption";
|
|
||||||
color: #000;
|
|
||||||
-webkit-text-stroke: #fff 1px; }
|
|
||||||
.wrapper .header #sidebar .sidebar-wrapper li a:hover {
|
|
||||||
color: #fff; }
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.wrapper .header #sidebar .sidebar-wrapper li a {
|
.wrapper .header #sidebar .sidebar-wrapper ul li {
|
||||||
font-size: 2.5rem; } }
|
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 ul li a:hover {
|
||||||
|
color: #fff; }
|
||||||
|
@media (min-width: 769px) {
|
||||||
|
.wrapper .header #sidebar .sidebar-wrapper ul li a {
|
||||||
|
font-size: 2.5rem; } }
|
||||||
.wrapper .header #tag-nav {
|
.wrapper .header #tag-nav {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -1370,8 +1365,7 @@ object {
|
|||||||
.home main section .home-wrapper-small .archivedescription h2,
|
.home main section .home-wrapper-small .archivedescription h2,
|
||||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
-webkit-text-stroke: #000 1px;
|
color: #000; } }
|
||||||
color: transparent; } }
|
|
||||||
@media (min-width: 769px) and (min-width: 1279px) {
|
@media (min-width: 769px) and (min-width: 1279px) {
|
||||||
.archive main section .home-wrapper-small article h2,
|
.archive main section .home-wrapper-small article h2,
|
||||||
.archive main section .home-wrapper-small article h2 a,
|
.archive main section .home-wrapper-small article h2 a,
|
||||||
@@ -1430,6 +1424,9 @@ object {
|
|||||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||||
width: calc(100% - 10rem); } }
|
width: calc(100% - 10rem); } }
|
||||||
@media (min-width: 769px) {
|
@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,
|
.archive main section .home-wrapper-small .archivetitle,
|
||||||
.home main section .home-wrapper-small .archivetitle {
|
.home main section .home-wrapper-small .archivetitle {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@@ -1664,7 +1661,8 @@ body.category.category-esemeny main {
|
|||||||
.single article .titlewrapper .metadata {
|
.single article .titlewrapper .metadata {
|
||||||
top: -5rem;
|
top: -5rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: 0; }
|
padding-left: 0;
|
||||||
|
padding-right: 10rem; }
|
||||||
.single article .titlewrapper .metadata::after {
|
.single article .titlewrapper .metadata::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "";
|
content: "";
|
||||||
@@ -1698,13 +1696,22 @@ body.category.category-esemeny main {
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
min-height: unset;
|
min-height: unset;
|
||||||
top: -5rem;
|
top: -5rem;
|
||||||
position: relative; } }
|
position: relative;
|
||||||
|
padding-right: 10rem;
|
||||||
|
padding-left: 0; } }
|
||||||
.single article .single-content {
|
.single article .single-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2rem; }
|
padding: 2rem; }
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.single article .single-content {
|
.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 {
|
.single article .single-content hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background-color: #ff5f5f;
|
background-color: #ff5f5f;
|
||||||
@@ -1722,15 +1729,16 @@ body.category.category-esemeny main {
|
|||||||
.single article .single-content strong {
|
.single article .single-content strong {
|
||||||
font-weight: 900; }
|
font-weight: 900; }
|
||||||
.single article .single-content blockquote {
|
.single article .single-content blockquote {
|
||||||
font: bold 1.8rem "Butler";
|
font: 800 2rem "Butler";
|
||||||
color: #000; }
|
color: #000;
|
||||||
|
margin: 3rem 0; }
|
||||||
.single article .single-content blockquote p {
|
.single article .single-content blockquote p {
|
||||||
background: #ff5f5f;
|
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 2px 0;
|
padding: 3px 0; }
|
||||||
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
.single article .single-content blockquote cite {
|
||||||
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
position: relative;
|
||||||
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
|
font-size: 80%;
|
||||||
|
top: 2rem; }
|
||||||
.single article .single-content .wp-block-image {
|
.single article .single-content .wp-block-image {
|
||||||
padding: 2rem 0; }
|
padding: 2rem 0; }
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
@@ -2106,6 +2114,9 @@ body.category.category-esemeny main {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
-webkit-text-stroke: #fdff00 1px !important; } }
|
-webkit-text-stroke: #fdff00 1px !important; } }
|
||||||
|
|
||||||
|
.single .tag-be .single-content a {
|
||||||
|
color: #fdff00; }
|
||||||
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.single .tag-do .metadata {
|
.single .tag-do .metadata {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
@@ -2116,6 +2127,9 @@ body.category.category-esemeny main {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
-webkit-text-stroke: #3c00ff 1px !important; } }
|
-webkit-text-stroke: #3c00ff 1px !important; } }
|
||||||
|
|
||||||
|
.single .tag-do .single-content a {
|
||||||
|
color: #3c00ff; }
|
||||||
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.single .tag-think .metadata {
|
.single .tag-think .metadata {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
@@ -2126,6 +2140,9 @@ body.category.category-esemeny main {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
-webkit-text-stroke: #00ffb8 1px !important; } }
|
-webkit-text-stroke: #00ffb8 1px !important; } }
|
||||||
|
|
||||||
|
.single .tag-think .single-content a {
|
||||||
|
color: #00ffb8; }
|
||||||
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.single .tag-love .metadata {
|
.single .tag-love .metadata {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
@@ -2136,6 +2153,9 @@ body.category.category-esemeny main {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
-webkit-text-stroke: #ff5f5f 1px !important; } }
|
-webkit-text-stroke: #ff5f5f 1px !important; } }
|
||||||
|
|
||||||
|
.single .tag-love .single-content a {
|
||||||
|
color: #ff5f5f; }
|
||||||
|
|
||||||
body.hover-tag-be,
|
body.hover-tag-be,
|
||||||
.header-1.hover-tag-be,
|
.header-1.hover-tag-be,
|
||||||
.header-2.hover-tag-be {
|
.header-2.hover-tag-be {
|
||||||
|
|||||||
@@ -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_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_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_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_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_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!
|
wp_enqueue_script('jquery.colorbox'); // Enqueue it!
|
||||||
@@ -152,7 +152,7 @@ function dis2019_header_scripts()
|
|||||||
'conditionizr',
|
'conditionizr',
|
||||||
'modernizr',
|
'modernizr',
|
||||||
'simpler-sidebar',
|
'simpler-sidebar',
|
||||||
'snap-scroll',
|
// 'snap-scroll',
|
||||||
'jquery.colorbox',
|
'jquery.colorbox',
|
||||||
'lettering',
|
'lettering',
|
||||||
), '1.0.0'); // Custom scripts
|
), '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 |
@@ -43,7 +43,7 @@
|
|||||||
vh: vh,
|
vh: vh,
|
||||||
bottomScrollHeight: bottomScrollHeight
|
bottomScrollHeight: bottomScrollHeight
|
||||||
}
|
}
|
||||||
console.log(cssWidths)
|
// console.log(cssWidths)
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------- css values to vars --------------------------- */
|
/* --------------------------- css values to vars --------------------------- */
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
const isMobile = (_ => {
|
const isMobile = (_ => {
|
||||||
if (wow < 769) {
|
if (wow < 769) {
|
||||||
//mobile settings
|
//mobile settings
|
||||||
$('.social-link').addClass('hidden')
|
$('.social-link, .events-link').addClass('hidden')
|
||||||
return true
|
return true
|
||||||
|
|
||||||
} else {
|
} 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) {
|
function bodyHasClass(classname, notclassname) {
|
||||||
if ($('body').hasClass(classname)) {
|
if ($('body').hasClass(classname)) {
|
||||||
if (notclassname) {
|
if (notclassname) {
|
||||||
@@ -105,9 +110,9 @@
|
|||||||
|
|
||||||
var showHideSocial = function () {
|
var showHideSocial = function () {
|
||||||
if (isMobile && $('.social-link').hasClass('hidden')) {
|
if (isMobile && $('.social-link').hasClass('hidden')) {
|
||||||
$('.social-link').removeClass('hidden')
|
$('.social-link, .events-link').removeClass('hidden')
|
||||||
} else if (isMobile) {
|
} else if (isMobile) {
|
||||||
$('.social-link').addClass('hidden')
|
$('.social-link, .events-link').addClass('hidden')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -318,13 +323,13 @@
|
|||||||
|
|
||||||
/* ----------------------------- Snap on mobile ----------------------------- */
|
/* ----------------------------- Snap on mobile ----------------------------- */
|
||||||
|
|
||||||
if (isMobile) {
|
// if (isMobile) {
|
||||||
if (isHome || isArchive) {
|
// if (isHome || isArchive) {
|
||||||
$("article.post").SnapScroll({
|
// $("article.post").SnapScroll({
|
||||||
animateDuration: 400
|
// animateDuration: 400
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
/* --------------------------------- To top --------------------------------- */
|
/* --------------------------------- To top --------------------------------- */
|
||||||
|
|
||||||
@@ -435,18 +440,21 @@
|
|||||||
currElem = homeScroll(currElem, "next")
|
currElem = homeScroll(currElem, "next")
|
||||||
})
|
})
|
||||||
|
|
||||||
/* --------------------------- scroll on keyboard --------------------------- */
|
/* --------------------------- scroll with keyboard --------------------------- */
|
||||||
$('html').keydown(function () {
|
$('html *:not(input)').keydown(function () {
|
||||||
if (!isMobile) {
|
if (!isMobile) {
|
||||||
if (isHome || isArchive) {
|
if (isHome || isArchive) {
|
||||||
//right:
|
if (!$('.search-bar *').is(':focus')) {
|
||||||
if (event.which == 39) {
|
//right and J
|
||||||
event.preventDefault();
|
if (event.which == 39 || event.which == 74) {
|
||||||
currElem = homeScroll(currElem, "next")
|
event.preventDefault();
|
||||||
// left:
|
currElem = homeScroll(currElem, "next")
|
||||||
} else if (event.which == 37){
|
// left and K:
|
||||||
currElem = homeScroll(currElem, "prev")
|
} 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 home ----------------------------- */
|
||||||
|
|
||||||
//hover on big articles
|
//hover on big articles
|
||||||
|
|||||||
@@ -62,8 +62,8 @@
|
|||||||
//small titles on desktop on home and archives
|
//small titles on desktop on home and archives
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
-webkit-text-stroke: #000 1px;
|
//-webkit-text-stroke: #000 1px;
|
||||||
color: transparent;
|
color: #000;
|
||||||
}
|
}
|
||||||
@media #{$bigdesktop} {
|
@media #{$bigdesktop} {
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
@@ -90,7 +90,6 @@
|
|||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin home-metadata-bevezeto {
|
@mixin home-metadata-bevezeto {
|
||||||
@@ -153,6 +152,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin single-h4 {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
@mixin captiontext {
|
@mixin captiontext {
|
||||||
//képaláírás
|
//képaláírás
|
||||||
font: 900 1rem "Westeinde Caption";
|
font: 900 1rem "Westeinde Caption";
|
||||||
@@ -161,6 +165,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin single-quote {
|
@mixin single-quote {
|
||||||
font: bold 1.8rem "Butler";
|
font: 800 2rem "Butler";
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -403,12 +403,12 @@ $v-unit-6: 24rem;
|
|||||||
height: $h-unit-1;
|
height: $h-unit-1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.events-link {
|
// .events-link {
|
||||||
display: none;
|
// display: block;
|
||||||
@media #{$smalldesktop} {
|
// @media #{$smalldesktop} {
|
||||||
display: block;
|
// display: block;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
.menubutton {
|
.menubutton {
|
||||||
$speed: 0.5s;
|
$speed: 0.5s;
|
||||||
@@ -417,8 +417,8 @@ $v-unit-6: 24rem;
|
|||||||
|
|
||||||
order: 99;
|
order: 99;
|
||||||
z-index: 3001;
|
z-index: 3001;
|
||||||
@media #{$smalldesktop} {
|
// @media #{$smalldesktop} {
|
||||||
}
|
// }
|
||||||
|
|
||||||
button {
|
button {
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
@@ -436,7 +436,7 @@ $v-unit-6: 24rem;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-link {
|
.social-link, .events-link {
|
||||||
margin: 0 2rem 0 0;
|
margin: 0 2rem 0 0;
|
||||||
&.hidden {
|
&.hidden {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
@@ -563,20 +563,20 @@ $v-unit-6: 24rem;
|
|||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: nowrap;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
padding: 3rem 0;
|
padding: 2rem 0;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
@include menutext();
|
@include menutext();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1170,6 +1170,10 @@ $v-unit-6: 24rem;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
article {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.archivetitle {
|
.archivetitle {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -1405,6 +1409,7 @@ body.category.category-esemeny {
|
|||||||
// width: calc(100% - #{$h-unit-1});
|
// width: calc(100% - #{$h-unit-1});
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
padding-right: $h-unit-2;
|
||||||
|
|
||||||
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
|
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
|
||||||
|
|
||||||
@@ -1416,6 +1421,8 @@ body.category.category-esemeny {
|
|||||||
min-height: unset;
|
min-height: unset;
|
||||||
top: -#{$h-unit-1};
|
top: -#{$h-unit-1};
|
||||||
position: relative;
|
position: relative;
|
||||||
|
padding-right: $h-unit-2;
|
||||||
|
padding-left: 0;
|
||||||
// //position: fixed;
|
// //position: fixed;
|
||||||
// // height: 100vh;
|
// // height: 100vh;
|
||||||
// bottom: 0;
|
// bottom: 0;
|
||||||
@@ -1438,6 +1445,16 @@ body.category.category-esemeny {
|
|||||||
padding: $padd;
|
padding: $padd;
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
top: -#{$h-unit-1};
|
top: -#{$h-unit-1};
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: $h-unit-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4{
|
||||||
|
@include single-h4()
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
@@ -1464,11 +1481,19 @@ body.category.category-esemeny {
|
|||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
@include single-quote();
|
@include single-quote();
|
||||||
|
margin: 3rem 0;
|
||||||
p {
|
p {
|
||||||
background: #ff5f5f;
|
// background: #ff5f5f;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 2px 0;
|
padding: 3px 0;
|
||||||
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
|
// @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
|
||||||
|
}
|
||||||
|
cite{
|
||||||
|
position: relative;
|
||||||
|
font-size: 80%;
|
||||||
|
top: 2rem;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1540,7 +1565,7 @@ body.category.category-esemeny {
|
|||||||
}
|
}
|
||||||
#colorbox {
|
#colorbox {
|
||||||
z-index: 12;
|
z-index: 12;
|
||||||
&:focus{
|
&:focus {
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@@ -1552,7 +1577,6 @@ body.category.category-esemeny {
|
|||||||
color: transparent;
|
color: transparent;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
#cboxCurrent {
|
#cboxCurrent {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
@@ -1572,14 +1596,14 @@ body.category.category-esemeny {
|
|||||||
filter: invert(100);
|
filter: invert(100);
|
||||||
z-index: 14;
|
z-index: 14;
|
||||||
}
|
}
|
||||||
&#cboxPrevious{
|
&#cboxPrevious {
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
@include transform(scaleX(-1))
|
@include transform(scaleX(-1));
|
||||||
}
|
}
|
||||||
&#cboxNext {
|
&#cboxNext {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
}
|
}
|
||||||
&#cboxClose{
|
&#cboxClose {
|
||||||
background-image: url(../img/dis-plus.svg);
|
background-image: url(../img/dis-plus.svg);
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
@@ -1699,6 +1723,11 @@ body.category.category-esemeny {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.single-content{
|
||||||
|
a{
|
||||||
|
color: $color;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
$color-be: #fdff00;
|
$color-be: #fdff00;
|
||||||
$color-do: #3c00ff;
|
$color-do: #3c00ff;
|
||||||
|
|||||||
11
single.php
11
single.php
@@ -18,11 +18,6 @@
|
|||||||
<?php endif;?>
|
<?php endif;?>
|
||||||
<!-- /post thumbnail -->
|
<!-- /post thumbnail -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="titlewrapper">
|
<div class="titlewrapper">
|
||||||
<div class="metadata">
|
<div class="metadata">
|
||||||
<div class="time-cat">
|
<div class="time-cat">
|
||||||
@@ -34,7 +29,11 @@
|
|||||||
$terms = get_the_terms( $post->ID, 'Format' );
|
$terms = get_the_terms( $post->ID, 'Format' );
|
||||||
if ($terms && ! is_wp_error( $terms )) {
|
if ($terms && ! is_wp_error( $terms )) {
|
||||||
foreach($terms as $term) {
|
foreach($terms as $term) {
|
||||||
echo $term->name;
|
?>
|
||||||
|
<a href="<?php echo esc_url(get_term_link( $term));?>">
|
||||||
|
<?php
|
||||||
|
echo $term->name;
|
||||||
|
echo '</a>';
|
||||||
}
|
}
|
||||||
} ?>
|
} ?>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user