16 Commits

Author SHA1 Message Date
infeeeee
ae10f90786 fix regex for always full size image in lightbox 2019-10-08 21:32:35 +02:00
infeeeee
adf4fac0b6 1.0.14 fix js on images 2019-10-08 17:15:27 +02:00
infeeeee
5698d30b20 bump 1.0.13 2019-10-08 17:02:28 +02:00
infeeeee
e18fbae0cb load full image in lightbox 2019-10-08 17:01:06 +02:00
infeeeee
dc5fe103c8 loadmore on events page 2019-10-08 16:16:37 +02:00
infeeeee
b4249a2819 restore old single metadata top left corner 2019-10-08 15:43:32 +02:00
infeeeee
0f971d6028 show events on current day 2019-10-08 15:35:51 +02:00
infeeeee
ea1b0a3bd1 removed image size overwrites 2019-10-08 15:20:46 +02:00
infeeeee
220d070542 1.0.12 restore strange line on firefox mobile 2019-10-05 20:34:07 +02:00
infeeeee
aa1b55dc64 bump 1.0.11 2019-10-04 23:00:08 +02:00
infeeeee
2709f6bfa7 basic media print rules 2019-10-04 22:57:30 +02:00
infeeeee
98e962b7e8 fix swipe on iphone on lightbox 2019-10-04 18:24:31 +02:00
infeeeee
4a6741bcb7 half pixel line on firefox preview on single 2019-10-04 16:46:54 +02:00
infeeeee
1c50dbe6bf fix space after category on single 2019-10-04 15:58:46 +02:00
infeeeee
be6fc66034 home-big-thumbnal on mobile 2019-10-04 15:51:52 +02:00
infeeeee
86bc0e72b7 hide alcim if not enough space 2019-10-04 15:43:25 +02:00
14 changed files with 3605 additions and 207 deletions

View File

@@ -1,9 +0,0 @@
# Single - ✔
og: tag: pluginnal!
# egyéb
`@media print{}`
scroll a galléria nézetben

View File

@@ -4,85 +4,9 @@
<!-- section -->
<section>
<?php if (have_posts()): while (have_posts()): the_post();?>
<?php include locate_template('loop-esemeny.php', false, false);?>
<?php
$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );
?>
<article id="post-<?php the_ID();?>" <?php post_class();?>>
<!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
<?php the_post_thumbnail('home-event-thumbnail');?>
</a>
<?php endif;?>
<!-- /post thumbnail -->
<div class="event-metadata">
<div class="top-row">
<div class="ev-date">
<?php
echo preg_replace('/^(\d{4}\.)(\d{2}\.)(\d{2}\.)$/','\1</br>\2 \3',$event_datum );
// echo $event_datum;
?>
</div>
<!-- Arrow -->
<a href="<?php echo $event_link; ?>" target="_blank" class="arrow-link">
</a>
</div>
<div class="hr">
</div>
<div class="bottom-row">
<!-- title -->
<h2>
<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
</h2>
<div class="vr"></div>
<!-- Tovább button -->
<a href="<?php echo $event_link; ?>" class="text-link" target="_blank">Tovább az eseményre</a>
</div>
</div><!-- end event-metadata -->
<!-- post title -->
<!-- /post title -->
</article>
<?php endwhile;?>
<?php else: ?>
<!-- article -->
<article>
<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2>
</article>
<!-- /article -->
<?php endif;?>
<?php get_template_part('loadmore');?>
</section>
<!-- /section -->

File diff suppressed because one or more lines are too long

View File

@@ -36,9 +36,9 @@ if (function_exists('add_theme_support')) {
// Add Thumbnail Theme Support
add_theme_support('post-thumbnails');
add_image_size('large', 700, '', true); // Large Thumbnail
add_image_size('medium', 250, '', true); // Medium Thumbnail
add_image_size('small', 120, '', true); // Small Thumbnail
// add_image_size('large', 700, '', true); // Large Thumbnail
// add_image_size('medium', 250, '', true); // Medium Thumbnail
// add_image_size('small', 120, '', true); // Small Thumbnail
add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
add_image_size('home-event-thumbnail', 1024, 537, true);
@@ -119,7 +119,7 @@ function dis2019_header_scripts()
wp_register_script('fittext', get_template_directory_uri() . '/js/lib/jquery.fittext.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('fittext'); // 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-wpretina.js', array('jquery'), '1.0.0'); //
wp_enqueue_script('jquery.colorbox'); // Enqueue it!
wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); //
@@ -131,7 +131,7 @@ function dis2019_header_scripts()
wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); //
wp_enqueue_script('ftellipsis'); // Enqueue it!
wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe.min.js', array('jquery'), '1.6.18'); //
wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe-1.6.18.min.js', array('jquery'), '1.6.19'); //
wp_enqueue_script('touchSwipe'); // Enqueue it!
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
@@ -480,7 +480,12 @@ function misha_loadmore_ajax_handler()
$args['offset'] = $offset + (($_POST['page'] - 1) * $ppp);
query_posts($args);
get_template_part('loop');
if (($args[category_name] == get_theme_mod('dis-2019-event-cat-slug', 'esemeny'))) {
get_template_part('loop-esemeny');
}else{
get_template_part('loop');
}
die; // here we exit the script and even no wp_reset_query() required!
}
@@ -517,7 +522,7 @@ function dis_2019_order_events_by_date(&$query)
$query->set('orderby', 'meta_value');
$query->set('order', 'ASC');
$query->set('meta_value', date("Y.m.d.")); // change to how "event date" is stored
$query->set('meta_compare', '>');
$query->set('meta_compare', '>=');
}
add_action('pre_get_posts', 'dis_2019_order_events_by_date', 1);

View File

@@ -28,9 +28,11 @@ gulp.task('liverel', function () {
// });
gulp.task('watch', function () {
livereload.listen()
gulp.watch('./sass/**/*.scss', gulp.series('sass'))
gulp.watch(['./**', '!./node_modules/**'], gulp.series('liverel'))
livereload.listen()
});
gulp.task('minify-svg', function () {

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -911,7 +911,7 @@
//hide metadata
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
cBevezetoWrapper.show()
cAlcimWrapper.css({ display: 'flex' })
cAlcimWrapper.css({ display: 'flex' }).addClass("transparent")
//set height for ellipsis
if (!cc.attr('data-metadataBevezetoHeight')) {
@@ -922,13 +922,18 @@
width: bWidth + 'px'
})
cAlcim.css({
height:metadataBevezetoHeight,
height: metadataBevezetoHeight,
})
cc.attr('data-metadataBevezetoHeight', metadataBevezetoHeight)
}
//show bev+alcim
cMetadata.children(".bevezetoWrapper, .alcimWrapper").removeClass("transparent")
cBevezetoWrapper.removeClass("transparent")
//only show alcim, if enough space
if (!(cAlcim.children('.alcimInner').height() > cAlcim.height())) {
cAlcimWrapper.removeClass("transparent")
}
//clamp bevezető
let ellipsis = new Ellipsis(cBevezeto[0]);
@@ -1118,6 +1123,18 @@
const lightBoxMaxHeight = isMobile ? '65%' : '80%'
function prevdev(e) {
e.preventDefault();
}
const disableScroll = function () {
document.addEventListener('touchmove', prevdev, { passive: false })
}
const enableScroll = function () {
document.removeEventListener('touchmove', prevdev, { passive: false })
}
//http://www.jacklmoore.com/colorbox/
const colorboxSettings = {
transition: 'none',
@@ -1131,7 +1148,11 @@
next: '',
close: '',
xhrError: 'A tartalom betöltése nem sikerült. Kérlek próbáld meg később.',
imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.'
imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.',
onOpen: disableScroll,
onClosed: enableScroll,
retinaUrl: true,
retinaSuffix: '$1.$2'
}
@@ -1139,17 +1160,10 @@
$('#cboxOverlay, #colorbox').swipe({
swipeLeft: function () {
$.colorbox.next()
},
swipeRight: function () {
$.colorbox.prev()
},
swipeUp: function () {
return false
},
swipeDown: function () {
return false
},
})
// lightbox for galleries

77
loop-esemeny.php Normal file
View File

@@ -0,0 +1,77 @@
<?php if (have_posts()): while (have_posts()): the_post();?>
<?php
$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );
?>
<article id="post-<?php the_ID();?>" <?php post_class();?>>
<!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
<?php the_post_thumbnail('home-event-thumbnail');?>
</a>
<?php endif;?>
<!-- /post thumbnail -->
<div class="event-metadata">
<div class="top-row">
<div class="ev-date">
<?php
echo preg_replace('/^(\d{4}\.)(\d{2}\.)(\d{2}\.)$/','\1</br>\2 \3',$event_datum );
// echo $event_datum;
?>
</div>
<!-- Arrow -->
<a href="<?php echo $event_link; ?>" target="_blank" class="arrow-link">
</a>
</div>
<div class="hr">
</div>
<div class="bottom-row">
<!-- title -->
<h2>
<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
</h2>
<div class="vr"></div>
<!-- Tovább button -->
<a href="<?php echo $event_link; ?>" class="text-link" target="_blank">Tovább az eseményre</a>
</div>
</div><!-- end event-metadata -->
<!-- post title -->
<!-- /post title -->
</article>
<?php endwhile;?>
<?php else: ?>
<!-- article -->
<article>
<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2>
</article>
<!-- /article -->
<?php endif;?>

View File

@@ -3,19 +3,19 @@
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
/*------------------------------------*\
@@ -23,73 +23,71 @@
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
margin: 5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
@@ -97,51 +95,199 @@ a img.aligncenter {
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
@page {
margin: 2cm;
}
html {
overflow-y: unset !important;
}
* {
-webkit-print-color-adjust: exact;
color-adjust: exact !important;
}
*:not(header *) {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
//structure
.wrapper {
height: unset !important;
}
//header
header {
position: relative !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
padding: 2rem !important;
.header-inner {
flex-direction: column !important;
justify-content: flex-start;
align-items: flex-start !important;
padding: 0 2rem !important;
.dis-logo {
background-image: url(../img/dis-logo-black.png) !important;
background-image: url(../img/dis-logo-black.svg) !important;
margin-bottom: 1rem;
}
a {
display: flex !important;
flex-direction: row;
justify-content: flex-start;
align-items: center;
div {
margin-right: 2rem;
}
}
.menubutton {
display: none;
}
.social-link {
display: block !important;
margin: 0.5rem 2rem !important;
}
.events-link {
display: none;
}
}
}
//masonrypage
.masonrypage {
article {
min-height: unset !important;
a.thumbnailwrapper {
img {
height: 50vw !important;
width: 100vw !important;
}
&:after {
content: "";
}
}
h2 {
display: block !important;
padding-bottom: 5rem !important;
}
.metadata {
top: calc(50vw - 5rem + 1px) !important;
position: absolute;
// border-top: 1px solid #000;
@include fit-content(width);
height: $h-unit-1;
background-color: #fff;
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
&::after {
display: block !important;
}
}
}
}
//single
.singularpage {
.titlewrapper {
padding-top: 2rem !important;
.metadata {
a {
text-decoration: none;
&::after {
content: "";
}
}
}
}
.single-content {
hr.content-begin {
margin-top: 2rem !important;
}
a.cboxElement::after {
content: "" !important;
}
figcaption {
display: block !important;
}
.alignleft,
.alignright,
.wp-block-image {
page-break-inside: avoid;
width: 100% !important;
height: auto;
img {
page-break-inside: avoid;
width: 100%;
height: auto;
}
}
&::after{
content: "A fák érdekében feleslegesen ne nyomtasd ki ezt a cikket. A papírszemetet gyűjtsd szelektíven!";
top: 3rem;
position: relative;
}
}
.fb-like,
.fb-page,
.toHome {
display: none !important;
}
}
}

View File

@@ -267,7 +267,6 @@ $v-unit-6: 24rem;
top: 0;
background-color: $bgcolor;
z-index: 9;
@if $side==left {
left: $minusOffset;
border-left: $bordercolor solid 1px;
@@ -505,6 +504,9 @@ $v-unit-6: 24rem;
background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg);
}
@media print {
background-image: url(../img/#{$iconname}-black.png);
}
}
.facebook-icon {
@@ -568,7 +570,7 @@ $v-unit-6: 24rem;
.events-link {
margin: 0 2rem 0 0;
&.hidden {
display: none !important;
display: none;
}
@media #{$tablet} {
margin: 0;
@@ -1675,7 +1677,7 @@ body.category.category-esemeny {
height: 85vw;
max-height: calc(50vw + 180px);
.thumbnailwrapper {
height: 50vw;
// height: 50vw;
img {
width: 100%;
height: 100%;
@@ -1825,6 +1827,13 @@ body.category.category-esemeny {
}
}
}
/* ---------------------- loadmore on desktop on events --------------------- */
.misha_loadmore{
width: calc(50vw - #{$h-unit-4} - #{$h-unit-2});
max-width: unset;
}
}
}
}
@@ -1871,6 +1880,11 @@ $padd: 2rem;
padding: 0;
img.attachment-single-thumbnail {
//use home-big-thumbnail on mobile
display: none;
}
img.attachment-home-big-thumbnail {
// post thumbnail on home
height: 75vh;
width: 100vw;
@@ -1895,12 +1909,14 @@ $padd: 2rem;
width: calc(100vw - #{$h-unit-1});
bottom: unset !important;
height: $h-unit-1;
// height: calc(#{$h-unit-1} - 0.5px);
position: relative;
align-self: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 0;
// border-left: #fff solid 1px;
@include single-metadata();
@@ -1919,6 +1935,7 @@ $padd: 2rem;
.time-cat::after {
content: " ";
display: inline-block;
white-space: pre;
}
.format::before {
content: "|";
@@ -1972,9 +1989,13 @@ $padd: 2rem;
bottom: 0;
width: 100%;
img.attachment-home-big-thumbnail {
display: none;
}
img.attachment-single-thumbnail {
// post thumbnail on home
display: block;
object-fit: cover;
padding: 0;
@@ -2706,7 +2727,7 @@ body.page {
//metadata on mobile
.metadata {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
color: $color !important;
.vr {
background-color: $color !important;
@@ -2717,7 +2738,7 @@ body.page {
color: $color !important;
}
@media #{$only-mobile} {
@media #{$only-mobile}, print {
&::before,
&::after {
border-color: $color !important;
@@ -2725,7 +2746,7 @@ body.page {
}
}
h2 {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
border-top-color: $color !important;
}
}

View File

@@ -13,6 +13,7 @@
<?php if (has_post_thumbnail()): // Check if Thumbnail exists ?>
<div class="thumbnailwrapper">
<?php the_post_thumbnail('single-thumbnail'); ?>
<?php the_post_thumbnail('home-big-thumbnail'); ?>
</div>
<?php endif;?>

View File

@@ -2,7 +2,7 @@
Theme Name: dis-2019
Theme URI: https://git.gyetpet.dynu.net/infeeeee/dis-2019
Description: Designisso téma 2019 | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/src/branch/master/K%c3%89ZIK%c3%96NYV.md">Használati utasítás magyarul</a> | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/issues">Hibák, problémák jelentése</a>
Version: 1.0.10
Version: 1.0.14
Author: Gyetvai Péter
Author URI: https://gyetvai-peter.hu
Tags: Designisso