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

Compare commits

base: infeeeee:7044169e76d896b0a361e3b4e0ce8bb9b040b103
Branches Tags
infeeeee:master
infeeeee:1.0.16 infeeeee:1.0.15 infeeeee:1.0.14 infeeeee:1.0.13 infeeeee:1.0.12 infeeeee:1.0.11 infeeeee:1.0.10 infeeeee:1.0.9 infeeeee:1.0.8 infeeeee:1.0.7 infeeeee:1.0.6 infeeeee:1.0.5 infeeeee:1.0.4 infeeeee:1.0.3 infeeeee:1.0.2 infeeeee:1.0.1 infeeeee:1.0.0 infeeeee:0.0.2 infeeeee:0.0.1
...
compare: infeeeee:1.0.11
Branches Tags
infeeeee:master
infeeeee:1.0.16 infeeeee:1.0.15 infeeeee:1.0.14 infeeeee:1.0.13 infeeeee:1.0.12 infeeeee:1.0.11 infeeeee:1.0.10 infeeeee:1.0.9 infeeeee:1.0.8 infeeeee:1.0.7 infeeeee:1.0.6 infeeeee:1.0.5 infeeeee:1.0.4 infeeeee:1.0.3 infeeeee:1.0.2 infeeeee:1.0.1 infeeeee:1.0.0 infeeeee:0.0.2 infeeeee:0.0.1

35 Commits
7044169e76 ... 1.0.11

Author SHA1 Message Date
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
infeeeee
c74d515a8a Merge branch 'master' of http://git.gyetpet.dynu.net/infeeeee/dis-2019 2019-10-03 16:19:45 +02:00
infeeeee
ea09fa398b work on alcim on big articles 2019-10-03 16:13:36 +02:00
Péter Gyetvai
2a4bf1719f bump 1.0.10 2019-09-13 17:49:22 +02:00
Péter Gyetvai
cbfeec7209 changed image sizes 2019-09-13 17:48:41 +02:00
Péter Gyetvai
e39cbe2022 bump 1.0.9 2019-09-13 17:23:18 +02:00
Péter Gyetvai
7bf40452c3 changed home-big-thumbnail size 2019-09-13 17:21:51 +02:00
infeeeee
ea796f041b bump 1.0.8 2019-09-13 16:29:58 +02:00
infeeeee
69a36eb456 fixed related post font size 2019-09-13 16:29:22 +02:00
infeeeee
810fdd7489 removed conditionizr and unused js libs 2019-09-13 16:14:50 +02:00
infeeeee
ec3e5525a5 fix lazyload on old images 2019-09-13 16:11:23 +02:00
infeeeee
f0e2e44980 change author text size 2019-09-13 15:46:23 +02:00
infeeeee
98fc38b770 fix italics in blockquote in old articles 2019-09-13 15:34:32 +02:00
infeeeee
50f424cfa7 show facebook boxes on bottom of single 2019-09-13 15:30:23 +02:00
infeeeee
f37bc329af todo update 2019-09-11 19:57:44 +02:00
infeeeee
f9b7bb5d3a mobile thumbnail fixed 2019-09-11 19:55:42 +02:00
infeeeee
5ba4282209 1.0.6 2019-09-11 19:49:49 +02:00
infeeeee
c1ad3bba53 bump 1.0.5 2019-09-11 19:46:38 +02:00
infeeeee
4766e59307 fix figcaption in js 2019-09-11 19:46:07 +02:00
infeeeee
916439f4d5 fix old images 2019-09-11 19:37:50 +02:00
infeeeee
cb2b7f13ac hide tohome from pages 2019-09-11 18:39:10 +02:00
infeeeee
1b6cb710f5 single thumbnail 2019-09-11 15:35:46 +02:00
infeeeee
ce39fbe8eb single thumbnail, youtube 2019-09-11 15:27:59 +02:00
infeeeee
98665b9e9a single img height, fb only, related hr color 2019-09-11 14:44:55 +02:00
infeeeee
543f1fbee3 version to 1.0.0 2019-09-11 12:52:18 +02:00
infeeeee
d25ec216de facebook, analytics 2019-09-11 12:51:04 +02:00
infeeeee
bcaffeeff8 minify svg mod 2019-09-11 12:14:41 +02:00
infeeeee
b296bca869 event fontsize, default colors, big hover recalc 2019-09-11 12:11:05 +02:00
infeeeee
72895de2a1 svg restore, fixing hidpi text sizes 2019-09-11 12:00:10 +02:00
34 changed files with 2632 additions and 267 deletions
Expand all files Collapse all files

10
_teendők.md
View File

@@ -2,16 +2,8 @@
og: tag: pluginnal! og: tag: pluginnal!
Facebook like gomb
# egyéb # egyéb
Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimalizálni
`@media print{}` `@media print{}`
# Megjegyzések scroll a galléria nézetben
~ Adrinak írni, hogy küldjön tökéletesen négyzet logót - szerintem nem kell, megoldottam azt az 1px problémát
recalc felgördülő cucc desktopon

2
css/base.css
View File

File diff suppressed because one or more lines are too long

2
footer.php
View File

@@ -18,7 +18,7 @@
(f[s].q=f[s].q||[]).push(arguments)},f[s].l=1*new Date();h=i.createElement(r), (f[s].q=f[s].q||[]).push(arguments)},f[s].l=1*new Date();h=i.createElement(r),
l=i.getElementsByTagName(r)[0];h.async=1;h.src=e;l.parentNode.insertBefore(h,l) l=i.getElementsByTagName(r)[0];h.async=1;h.src=e;l.parentNode.insertBefore(h,l)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-XX', 'yourdomain.com'); ga('create', 'UA-72435346-2', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>

9
functions.php
View File

@@ -42,6 +42,7 @@ if (function_exists('add_theme_support')) {
add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-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-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
add_image_size('home-event-thumbnail', 1024, 537, true); add_image_size('home-event-thumbnail', 1024, 537, true);
add_image_size('single-thumbnail', 1366, 1280, true);
// Add Support for Custom Backgrounds - Uncomment below if you're going to use // Add Support for Custom Backgrounds - Uncomment below if you're going to use
/*add_theme_support('custom-background', array( /*add_theme_support('custom-background', array(
@@ -106,8 +107,8 @@ function dis2019_header_scripts()
wp_deregister_script('jquery'); wp_deregister_script('jquery');
wp_register_script('jquery', get_template_directory_uri() . '/js/lib/jquery-3.3.1.min.js', array(), '3.3.1'); wp_register_script('jquery', get_template_directory_uri() . '/js/lib/jquery-3.3.1.min.js', array(), '3.3.1');
wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr // wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr
wp_enqueue_script('conditionizr'); // Enqueue it! // wp_enqueue_script('conditionizr'); // Enqueue it!
wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-custom.js', array(), '2.7.1'); // Modernizr wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-custom.js', array(), '2.7.1'); // Modernizr
wp_enqueue_script('modernizr'); // Enqueue it! wp_enqueue_script('modernizr'); // Enqueue it!
@@ -130,12 +131,12 @@ function dis2019_header_scripts()
wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); // wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); //
wp_enqueue_script('ftellipsis'); // Enqueue it! 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_enqueue_script('touchSwipe'); // Enqueue it!
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array( wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
'jquery', 'jquery',
'conditionizr', // 'conditionizr',
'modernizr', 'modernizr',
'simpler-sidebar', 'simpler-sidebar',
'fittext', 'fittext',

18
gulpfile.js
View File

@@ -17,9 +17,9 @@ gulp.task('sass', function () {
}); });
gulp.task('liverel', function () { gulp.task('liverel', function () {
return gulp.src(['./**','!./node_modules/**']) return gulp.src(['./**', '!./node_modules/**'])
.pipe(livereload({ .pipe(livereload({
quiet:true quiet: true
})) }))
}) })
@@ -28,13 +28,19 @@ gulp.task('liverel', function () {
// }); // });
gulp.task('watch', function () { gulp.task('watch', function () {
livereload.listen()
gulp.watch('./sass/**/*.scss', gulp.series('sass')) gulp.watch('./sass/**/*.scss', gulp.series('sass'))
gulp.watch(['./**','!./node_modules/**'], gulp.series('liverel')) gulp.watch(['./**', '!./node_modules/**'], gulp.series('liverel'))
livereload.listen()
}); });
gulp.task('minify-svg', function(){ gulp.task('minify-svg', function () {
return gulp.src('./imgmax/**/*.svg') return gulp.src('./imgmax/**/*.svg')
.pipe(svgmin()) .pipe(svgmin({
plugins: [{
removeViewBox: false
}]
}))
.pipe(gulp.dest('./img')); .pipe(gulp.dest('./img'));
}) })

13
header.php
View File

@@ -23,19 +23,14 @@
<meta name="description" content="<?php bloginfo('description');?>"> <meta name="description" content="<?php bloginfo('description');?>">
<?php wp_head();?> <?php wp_head();?>
<script>
// conditionizr.com
// configure environment tests
conditionizr.config({
assets: '<?php echo get_template_directory_uri(); ?>',
tests: {}
});
</script>
</head> </head>
<body <?php body_class();?>> <body <?php body_class();?>>
<!-- facebook -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/hu_HU/sdk.js#xfbml=1&version=v4.0&appId=525065661232966&autoLogAppEvents=1"></script>
<!-- wrapper --> <!-- wrapper -->
<div class="wrapper"> <div class="wrapper">

2
img/clip/be_desktop.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M77.433 75.667C54.308 99.215 23.631 107.153 8.4 92.896-6.83 78.638-.847 47.583 22.278 24.036 45.404.486 76.498-7.045 91.728 7.213 106.96 21.47 100.56 52.12 77.434 75.667z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M77.433 75.667C54.308 99.215 23.631 107.153 8.4 92.896-6.83 78.638-.847 47.583 22.278 24.036 45.404.486 76.498-7.045 91.728 7.213 106.96 21.47 100.56 52.12 77.434 75.667z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 253 B

After

Width:  |  Height:  |  Size: 275 B

2
img/clip/do_desktop.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M0 42.69L4.495 69.52V100H100V69.303H35.777l63.626-8.66-4.382-26.119 3.378.363L99.485 3.85 1.568 0 .482 31.03l67.854 2.397z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M0 42.69L4.495 69.52V100H100V69.303H35.777l63.626-8.66-4.382-26.119 3.378.363L99.485 3.85 1.568 0 .482 31.03l67.854 2.397z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 205 B

After

Width:  |  Height:  |  Size: 227 B

2
img/clip/love_desktop.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M100 29.217C100 13.081 86.43 0 69.69 0S39.38 13.08 39.38 29.217c0 5.56 1.61 10.757 4.407 15.18a31.111 31.111 0 00-13.477-3.041C13.57 41.356 0 54.438 0 70.574S13.607 100 30.347 100h.013-.026 69.64V30.39c.016-.39.026-.78.026-1.173z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M100 29.217C100 13.081 86.43 0 69.69 0S39.38 13.08 39.38 29.217c0 5.56 1.61 10.757 4.407 15.18a31.111 31.111 0 00-13.477-3.041C13.57 41.356 0 54.438 0 70.574S13.607 100 30.347 100h.013-.026 69.64V30.39c.016-.39.026-.78.026-1.173z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 312 B

After

Width:  |  Height:  |  Size: 334 B

2
img/clip/think_desktop.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M32.577 100c-4.573 0-8.543-2.136-11.198-6.032-2.684-3.937-3.809-8.635-3.253-13.585 1.006-8.967 11.95-21.975 26.236-32.22-1.073.605-12.217 8.49-13.31 8.946-14.28 5.955-21.869 1.846-26.042-3.464C.698 48.159-.906 41.436.492 34.713 2.385 25.607 9.705 17.26 22.87 9.191 31.312 4.017 39.283.725 39.62.587c4.692-1.927 9.805 1.047 11.42 6.643 1.615 5.596-.878 11.694-5.57 13.62-.223.093-7.075 2.95-14.17 7.27-8.264 5.034-11.78 8.977-12.937 10.876.794.074 3.126-.083 8.184-2.927 5.34-3.004 12.272-7.258 18.377-11.453C51.505 20.093 71.113 6.79 76.54 3.35 79.87 1.24 82.936.563 85.686.441c4.748-.209 8.794 2.062 11.41 6.394 2.305 3.819 3.186 8.295 2.548 12.945-1.664 12.115-29.496 31.043-43.235 42.792-3.428 2.932-6.934 5.93-10.085 8.826 1.734-1.14 3.528-2.349 5.362-3.585 15.257-10.284 29.666-19.996 40.376-11.89 5.955 4.507 8.58 13.055 7.805 25.408-.37 5.902-4.685 10.327-9.63 9.886-4.949-.441-8.66-5.583-8.29-11.485.16-2.542.079-4.211-.041-5.244-1.149.23-3.196.878-6.54 2.642-4.52 2.386-9.765 5.921-14.838 9.34-6.472 4.363-12.585 8.483-18.136 11.006-3.644 1.656-6.783 2.48-9.596 2.523l-.219.001z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M32.577 100c-4.573 0-8.543-2.136-11.198-6.032-2.684-3.937-3.809-8.635-3.253-13.585 1.006-8.967 11.95-21.975 26.236-32.22-1.073.605-12.217 8.49-13.31 8.946-14.28 5.955-21.869 1.846-26.042-3.464C.698 48.159-.906 41.436.492 34.713 2.385 25.607 9.705 17.26 22.87 9.191 31.312 4.017 39.283.725 39.62.587c4.692-1.927 9.805 1.047 11.42 6.643 1.615 5.596-.878 11.694-5.57 13.62-.223.093-7.075 2.95-14.17 7.27-8.264 5.034-11.78 8.977-12.937 10.876.794.074 3.126-.083 8.184-2.927 5.34-3.004 12.272-7.258 18.377-11.453C51.505 20.093 71.113 6.79 76.54 3.35 79.87 1.24 82.936.563 85.686.441c4.748-.209 8.794 2.062 11.41 6.394 2.305 3.819 3.186 8.295 2.548 12.945-1.664 12.115-29.496 31.043-43.235 42.792-3.428 2.932-6.934 5.93-10.085 8.826 1.734-1.14 3.528-2.349 5.362-3.585 15.257-10.284 29.666-19.996 40.376-11.89 5.955 4.507 8.58 13.055 7.805 25.408-.37 5.902-4.685 10.327-9.63 9.886-4.949-.441-8.66-5.583-8.29-11.485.16-2.542.079-4.211-.041-5.244-1.149.23-3.196.878-6.54 2.642-4.52 2.386-9.765 5.921-14.838 9.34-6.472 4.363-12.585 8.483-18.136 11.006-3.644 1.656-6.783 2.48-9.596 2.523l-.219.001z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

4
img/curvy_arrow.svg
View File

@@ -1,3 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.1 232.379" width="122.1" height="232.379"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.1 232" height="232" width="122.1"><path d="M.75 0c0 63.609 53.351 116 121.35 116C54.101 116 .75 168.389.75 232" fill="none" stroke="#000" stroke-width="1.5" stroke-miterlimit="10"/></svg>
<path d="M.75 0c0 63.609 53.351 116 121.35 116C54.101 116 .75 168.389.75 232" fill="none" stroke="#000" stroke-width="1.5" stroke-miterlimit="10"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 258 B

After

Width:  |  Height:  |  Size: 244 B

2
img/dis-plus-black.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="58"><path d="M34 0H24v24H0v10h24v24h10V34h23V24H34z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="57" height="58" viewBox="0 0 57 58"><path d="M34 0H24v24H0v10h24v24h10V34h23V24H34z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 119 B

After

Width:  |  Height:  |  Size: 139 B

2
img/dis-plus-white.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="58"><path fill="#fff" d="M34 0H24v24H0v10h24v24h10V34h23V24H34z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="57" height="58" viewBox="0 0 57 58"><path fill="#fff" d="M34 0H24v24H0v10h24v24h10V34h23V24H34z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 131 B

After

Width:  |  Height:  |  Size: 151 B

2
img/facebook_icon-black.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="44.034" height="44.082"><path d="M36.379 7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338 4.004 7.668 7.678a20.26 20.26 0 00-5.949 14.364c0 5.615 2.278 10.693 5.949 14.376 3.67 3.675 8.741 5.944 14.349 5.944s10.681-2.27 14.362-5.944a20.303 20.303 0 005.937-14.376 20.261 20.261 0 00-5.937-14.364M22.017 0C28.1 0 33.598 2.467 37.585 6.456a21.981 21.981 0 016.449 15.586c0 6.09-2.462 11.595-6.449 15.586a21.926 21.926 0 01-15.569 6.454 21.925 21.925 0 01-15.569-6.454A21.98 21.98 0 010 22.042 21.985 21.985 0 016.448 6.456C10.436 2.467 15.935 0 22.017 0"/><path d="M23.699 17.539v-1.806c0-.866.574-1.073.989-1.073h2.523v-3.857h-3.475c-3.865 0-4.731 2.855-4.731 4.711v2.026h-2.242v4.503h2.267v11.253h4.5V22.042h3.326l.147-1.768.268-2.735h-3.572z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="44.034" height="44.082" viewBox="0 0 44.034 44.082"><path d="M36.379 7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338 4.004 7.668 7.678a20.26 20.26 0 00-5.949 14.364c0 5.615 2.278 10.693 5.949 14.376 3.67 3.675 8.741 5.944 14.349 5.944s10.681-2.27 14.362-5.944a20.303 20.303 0 005.937-14.376 20.261 20.261 0 00-5.937-14.364M22.017 0C28.1 0 33.598 2.467 37.585 6.456a21.981 21.981 0 016.449 15.586c0 6.09-2.462 11.595-6.449 15.586a21.926 21.926 0 01-15.569 6.454 21.925 21.925 0 01-15.569-6.454A21.98 21.98 0 010 22.042 21.985 21.985 0 016.448 6.456C10.436 2.467 15.935 0 22.017 0"/><path d="M23.699 17.539v-1.806c0-.866.574-1.073.989-1.073h2.523v-3.857h-3.475c-3.865 0-4.731 2.855-4.731 4.711v2.026h-2.242v4.503h2.267v11.253h4.5V22.042h3.326l.147-1.768.268-2.735h-3.572z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 800 B

After

Width:  |  Height:  |  Size: 828 B

2
img/facebook_icon-white.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="44.034" height="44.082"><g fill="#fff"><path d="M36.379 7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338 4.004 7.668 7.678a20.26 20.26 0 00-5.949 14.364c0 5.615 2.278 10.693 5.949 14.376 3.67 3.675 8.741 5.944 14.349 5.944s10.681-2.27 14.362-5.944a20.303 20.303 0 005.937-14.376 20.261 20.261 0 00-5.937-14.364M22.017 0C28.1 0 33.598 2.467 37.585 6.456a21.981 21.981 0 016.449 15.586c0 6.09-2.462 11.595-6.449 15.586a21.926 21.926 0 01-15.569 6.454 21.925 21.925 0 01-15.569-6.454A21.98 21.98 0 010 22.042 21.985 21.985 0 016.448 6.456C10.436 2.467 15.935 0 22.017 0"/><path d="M23.699 17.539v-1.806c0-.866.574-1.073.989-1.073h2.523v-3.857h-3.475c-3.865 0-4.731 2.855-4.731 4.711v2.026h-2.242v4.503h2.267v11.253h4.5V22.042h3.326l.147-1.768.268-2.735h-3.572z"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="44.034" height="44.082" viewBox="0 0 44.034 44.082"><g fill="#fff"><path d="M36.379 7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338 4.004 7.668 7.678a20.26 20.26 0 00-5.949 14.364c0 5.615 2.278 10.693 5.949 14.376 3.67 3.675 8.741 5.944 14.349 5.944s10.681-2.27 14.362-5.944a20.303 20.303 0 005.937-14.376 20.261 20.261 0 00-5.937-14.364M22.017 0C28.1 0 33.598 2.467 37.585 6.456a21.981 21.981 0 016.449 15.586c0 6.09-2.462 11.595-6.449 15.586a21.926 21.926 0 01-15.569 6.454 21.925 21.925 0 01-15.569-6.454A21.98 21.98 0 010 22.042 21.985 21.985 0 016.448 6.456C10.436 2.467 15.935 0 22.017 0"/><path d="M23.699 17.539v-1.806c0-.866.574-1.073.989-1.073h2.523v-3.857h-3.475c-3.865 0-4.731 2.855-4.731 4.711v2.026h-2.242v4.503h2.267v11.253h4.5V22.042h3.326l.147-1.768.268-2.735h-3.572z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 819 B

After

Width:  |  Height:  |  Size: 847 B

2
img/instagram_icon-black.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="42.531" height="43.102"><path d="M7.367 7.451a19.986 19.986 0 00-5.748 14.058 19.959 19.959 0 005.748 14.045c3.543 3.593 8.441 5.824 13.859 5.824 5.416 0 10.313-2.231 13.869-5.824a19.947 19.947 0 005.735-14.045c0-5.49-2.19-10.454-5.735-14.058-3.556-3.592-8.453-5.813-13.869-5.813-5.418.001-10.316 2.221-13.859 5.813M-.042 21.509c0-5.954 2.379-11.349 6.23-15.238 3.851-3.902 9.16-6.313 15.037-6.313 5.875 0 11.184 2.41 15.035 6.313 3.85 3.89 6.229 9.284 6.229 15.238a21.637 21.637 0 01-6.229 15.238c-3.852 3.902-9.16 6.313-15.035 6.313-5.877 0-11.187-2.41-15.037-6.313a21.633 21.633 0 01-6.23-15.238"/><path d="M21.226 14.54c-3.793 0-6.877 3.112-6.877 6.969 0 3.842 3.084 6.969 6.877 6.969 3.803 0 6.875-3.127 6.875-6.969 0-3.857-3.072-6.969-6.875-6.969m-7.807.13c0 .621.493 1.123 1.105 1.123.613 0 1.107-.502 1.107-1.123s-.494-1.121-1.107-1.121c-.611 0-1.105.5-1.105 1.121m-1.59 12.531V15.805c0-2.112 1.696-3.83 3.78-3.83h11.244c2.084 0 3.781 1.718 3.781 3.83v11.396c0 2.111-1.697 3.83-3.781 3.83H15.609c-2.084 0-3.78-1.718-3.78-3.83M10.57 15.805v11.396c0 2.804 2.259 5.106 5.039 5.106h11.244c2.767 0 5.039-2.303 5.039-5.106V15.805c0-2.817-2.272-5.107-5.039-5.107H15.609c-2.78-.001-5.039 2.289-5.039 5.107m10.656 11.216c-3.004 0-5.453-2.469-5.453-5.513 0-3.055 2.449-5.525 5.453-5.525 3.014 0 5.451 2.471 5.451 5.525 0 3.045-2.437 5.513-5.451 5.513"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="42.531" height="43.102" viewBox="0 0 42.531 43.102"><path d="M7.367 7.451a19.986 19.986 0 00-5.748 14.058 19.959 19.959 0 005.748 14.045c3.543 3.593 8.441 5.824 13.859 5.824 5.416 0 10.313-2.231 13.869-5.824a19.947 19.947 0 005.735-14.045c0-5.49-2.19-10.454-5.735-14.058-3.556-3.592-8.453-5.813-13.869-5.813-5.418.001-10.316 2.221-13.859 5.813M-.042 21.509c0-5.954 2.379-11.349 6.23-15.238 3.851-3.902 9.16-6.313 15.037-6.313 5.875 0 11.184 2.41 15.035 6.313 3.85 3.89 6.229 9.284 6.229 15.238a21.637 21.637 0 01-6.229 15.238c-3.852 3.902-9.16 6.313-15.035 6.313-5.877 0-11.187-2.41-15.037-6.313a21.633 21.633 0 01-6.23-15.238"/><path d="M21.226 14.54c-3.793 0-6.877 3.112-6.877 6.969 0 3.842 3.084 6.969 6.877 6.969 3.803 0 6.875-3.127 6.875-6.969 0-3.857-3.072-6.969-6.875-6.969m-7.807.13c0 .621.493 1.123 1.105 1.123.613 0 1.107-.502 1.107-1.123s-.494-1.121-1.107-1.121c-.611 0-1.105.5-1.105 1.121m-1.59 12.531V15.805c0-2.112 1.696-3.83 3.78-3.83h11.244c2.084 0 3.781 1.718 3.781 3.83v11.396c0 2.111-1.697 3.83-3.781 3.83H15.609c-2.084 0-3.78-1.718-3.78-3.83M10.57 15.805v11.396c0 2.804 2.259 5.106 5.039 5.106h11.244c2.767 0 5.039-2.303 5.039-5.106V15.805c0-2.817-2.272-5.107-5.039-5.107H15.609c-2.78-.001-5.039 2.289-5.039 5.107m10.656 11.216c-3.004 0-5.453-2.469-5.453-5.513 0-3.055 2.449-5.525 5.453-5.525 3.014 0 5.451 2.471 5.451 5.525 0 3.045-2.437 5.513-5.451 5.513"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
img/instagram_icon-white.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="42.531" height="43.102"><g fill="#fff"><path d="M7.367 7.451a19.986 19.986 0 00-5.748 14.058 19.959 19.959 0 005.748 14.045c3.543 3.593 8.441 5.824 13.859 5.824 5.416 0 10.313-2.231 13.869-5.824a19.947 19.947 0 005.735-14.045c0-5.49-2.19-10.454-5.735-14.058-3.556-3.592-8.453-5.813-13.869-5.813-5.418.001-10.316 2.221-13.859 5.813M-.042 21.509c0-5.954 2.379-11.349 6.23-15.238 3.851-3.902 9.16-6.313 15.037-6.313 5.875 0 11.184 2.41 15.035 6.313 3.85 3.89 6.229 9.284 6.229 15.238a21.637 21.637 0 01-6.229 15.238c-3.852 3.902-9.16 6.313-15.035 6.313-5.877 0-11.187-2.41-15.037-6.313a21.633 21.633 0 01-6.23-15.238"/><path d="M21.226 14.54c-3.793 0-6.877 3.112-6.877 6.969 0 3.842 3.084 6.969 6.877 6.969 3.803 0 6.875-3.127 6.875-6.969 0-3.857-3.072-6.969-6.875-6.969m-7.807.13c0 .621.493 1.123 1.105 1.123.613 0 1.107-.502 1.107-1.123s-.494-1.121-1.107-1.121c-.611 0-1.105.5-1.105 1.121m-1.59 12.531V15.805c0-2.112 1.696-3.83 3.78-3.83h11.244c2.084 0 3.781 1.718 3.781 3.83v11.396c0 2.111-1.697 3.83-3.781 3.83H15.609c-2.084 0-3.78-1.718-3.78-3.83M10.57 15.805v11.396c0 2.804 2.259 5.106 5.039 5.106h11.244c2.767 0 5.039-2.303 5.039-5.106V15.805c0-2.817-2.272-5.107-5.039-5.107H15.609c-2.78-.001-5.039 2.289-5.039 5.107m10.656 11.216c-3.004 0-5.453-2.469-5.453-5.513 0-3.055 2.449-5.525 5.453-5.525 3.014 0 5.451 2.471 5.451 5.525 0 3.045-2.437 5.513-5.451 5.513"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="42.531" height="43.102" viewBox="0 0 42.531 43.102"><g fill="#fff"><path d="M7.367 7.451a19.986 19.986 0 00-5.748 14.058 19.959 19.959 0 005.748 14.045c3.543 3.593 8.441 5.824 13.859 5.824 5.416 0 10.313-2.231 13.869-5.824a19.947 19.947 0 005.735-14.045c0-5.49-2.19-10.454-5.735-14.058-3.556-3.592-8.453-5.813-13.869-5.813-5.418.001-10.316 2.221-13.859 5.813M-.042 21.509c0-5.954 2.379-11.349 6.23-15.238 3.851-3.902 9.16-6.313 15.037-6.313 5.875 0 11.184 2.41 15.035 6.313 3.85 3.89 6.229 9.284 6.229 15.238a21.637 21.637 0 01-6.229 15.238c-3.852 3.902-9.16 6.313-15.035 6.313-5.877 0-11.187-2.41-15.037-6.313a21.633 21.633 0 01-6.23-15.238"/><path d="M21.226 14.54c-3.793 0-6.877 3.112-6.877 6.969 0 3.842 3.084 6.969 6.877 6.969 3.803 0 6.875-3.127 6.875-6.969 0-3.857-3.072-6.969-6.875-6.969m-7.807.13c0 .621.493 1.123 1.105 1.123.613 0 1.107-.502 1.107-1.123s-.494-1.121-1.107-1.121c-.611 0-1.105.5-1.105 1.121m-1.59 12.531V15.805c0-2.112 1.696-3.83 3.78-3.83h11.244c2.084 0 3.781 1.718 3.781 3.83v11.396c0 2.111-1.697 3.83-3.781 3.83H15.609c-2.084 0-3.78-1.718-3.78-3.83M10.57 15.805v11.396c0 2.804 2.259 5.106 5.039 5.106h11.244c2.767 0 5.039-2.303 5.039-5.106V15.805c0-2.817-2.272-5.107-5.039-5.107H15.609c-2.78-.001-5.039 2.289-5.039 5.107m10.656 11.216c-3.004 0-5.453-2.469-5.453-5.513 0-3.055 2.449-5.525 5.453-5.525 3.014 0 5.451 2.471 5.451 5.525 0 3.045-2.437 5.513-5.451 5.513"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
img/kereso_icon-black.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="45.332" height="44.654"><path d="M18.548 5.871h-.5v4h.5c6.882 0 11.5 6.027 11.5 11.5v.5h4v-.5c0-8.168-7.24-15.5-15.5-15.5z"/><path d="M37.758 28.773c1.285-2.702 2.065-5.868 2.065-8.839a19.82 19.82 0 00-5.832-14.095A19.777 19.777 0 0019.912 0C14.595 0 9.595 2.074 5.831 5.839A19.824 19.824 0 000 19.934c0 5.324 2.071 10.33 5.831 14.096a19.776 19.776 0 0014.081 5.837c3.382 0 6.729-.871 9.678-2.518l.083-.046 7.352 7.352 8.308-8.308-7.575-7.574zm-7.845 6.296c-.577.388-1.136.717-1.705 1.002l-.081.041-.007-.007a17.925 17.925 0 01-8.208 1.967 17.98 17.98 0 01-12.807-5.305 18.067 18.067 0 01-5.31-12.832c0-4.841 1.886-9.395 5.31-12.82a17.986 17.986 0 0112.807-5.316c4.831 0 9.383 1.888 12.818 5.316 3.417 3.419 5.299 7.973 5.299 12.82 0 2.483-.63 5.195-1.62 7.49l-.004-.004c-.192.391-.482.945-.875 1.6l7.327 7.327-5.833 5.833-7.111-7.112z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="45.332" height="44.654" viewBox="0 0 45.332 44.654"><path d="M18.548 5.871h-.5v4h.5c6.882 0 11.5 6.027 11.5 11.5v.5h4v-.5c0-8.168-7.24-15.5-15.5-15.5z"/><path d="M37.758 28.773c1.285-2.702 2.065-5.868 2.065-8.839a19.82 19.82 0 00-5.832-14.095A19.777 19.777 0 0019.912 0C14.595 0 9.595 2.074 5.831 5.839A19.824 19.824 0 000 19.934c0 5.324 2.071 10.33 5.831 14.096a19.776 19.776 0 0014.081 5.837c3.382 0 6.729-.871 9.678-2.518l.083-.046 7.352 7.352 8.308-8.308-7.575-7.574zm-7.845 6.296c-.577.388-1.136.717-1.705 1.002l-.081.041-.007-.007a17.925 17.925 0 01-8.208 1.967 17.98 17.98 0 01-12.807-5.305 18.067 18.067 0 01-5.31-12.832c0-4.841 1.886-9.395 5.31-12.82a17.986 17.986 0 0112.807-5.316c4.831 0 9.383 1.888 12.818 5.316 3.417 3.419 5.299 7.973 5.299 12.82 0 2.483-.63 5.195-1.62 7.49l-.004-.004c-.192.391-.482.945-.875 1.6l7.327 7.327-5.833 5.833-7.111-7.112z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 891 B

After

Width:  |  Height:  |  Size: 919 B

2
img/kereso_icon-white.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="45.332" height="44.654"><path d="M18.548 5.871h-.5v4h.5c6.882 0 11.5 6.027 11.5 11.5v.5h4v-.5c0-8.168-7.24-15.5-15.5-15.5z" fill="#fff"/><path d="M37.758 28.773c1.285-2.702 2.065-5.868 2.065-8.839a19.82 19.82 0 00-5.832-14.095A19.777 19.777 0 0019.912 0C14.595 0 9.595 2.074 5.831 5.839A19.824 19.824 0 000 19.934c0 5.324 2.071 10.33 5.831 14.096a19.776 19.776 0 0014.081 5.837c3.382 0 6.729-.871 9.678-2.518l.083-.046 7.352 7.352 8.308-8.308-7.575-7.574zm-7.845 6.296c-.577.388-1.136.717-1.705 1.002l-.081.041-.007-.007a17.925 17.925 0 01-8.208 1.967 17.98 17.98 0 01-12.807-5.305 18.067 18.067 0 01-5.31-12.832c0-4.841 1.886-9.395 5.31-12.82a17.986 17.986 0 0112.807-5.316c4.831 0 9.383 1.888 12.818 5.316 3.417 3.419 5.299 7.973 5.299 12.82 0 2.483-.63 5.195-1.62 7.49l-.004-.004c-.192.391-.482.945-.875 1.6l7.327 7.327-5.833 5.833-7.111-7.112z" fill="#fff"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="45.332" height="44.654" viewBox="0 0 45.332 44.654"><path d="M18.548 5.871h-.5v4h.5c6.882 0 11.5 6.027 11.5 11.5v.5h4v-.5c0-8.168-7.24-15.5-15.5-15.5z" fill="#fff"/><path d="M37.758 28.773c1.285-2.702 2.065-5.868 2.065-8.839a19.82 19.82 0 00-5.832-14.095A19.777 19.777 0 0019.912 0C14.595 0 9.595 2.074 5.831 5.839A19.824 19.824 0 000 19.934c0 5.324 2.071 10.33 5.831 14.096a19.776 19.776 0 0014.081 5.837c3.382 0 6.729-.871 9.678-2.518l.083-.046 7.352 7.352 8.308-8.308-7.575-7.574zm-7.845 6.296c-.577.388-1.136.717-1.705 1.002l-.081.041-.007-.007a17.925 17.925 0 01-8.208 1.967 17.98 17.98 0 01-12.807-5.305 18.067 18.067 0 01-5.31-12.832c0-4.841 1.886-9.395 5.31-12.82a17.986 17.986 0 0112.807-5.316c4.831 0 9.383 1.888 12.818 5.316 3.417 3.419 5.299 7.973 5.299 12.82 0 2.483-.63 5.195-1.62 7.49l-.004-.004c-.192.391-.482.945-.875 1.6l7.327 7.327-5.833 5.833-7.111-7.112z" fill="#fff"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 915 B

After

Width:  |  Height:  |  Size: 943 B

2
img/naptar_icon-black.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="43"><path d="M32.24 3H32V0h-2v3H8V0H6v3h-.599C2.322 3 0 5.184 0 8.372v28.893C0 40.451 2.322 43 5.401 43H32.24c3.176 0 5.76-2.654 5.76-5.735V8.372C38 5.289 35.416 3 32.24 3zM5.401 5H6v1h2V5h22v1h2V5h.24C34.394 5 36 6.311 36 8.372V11H2V8.372C2 6.206 3.346 5 5.401 5zM32.24 41H5.401C3.346 41 2 39.429 2 37.265V13h34v24.265C36 39.324 34.394 41 32.24 41z"/><path d="M4 27h7v-7H4v7zm1-4.993V21h5v5H5v-3.993zM4.458 31h6v6h-6zM15.5 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM15.5 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331zM27 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM27 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="38" height="43" viewBox="0 0 38 43"><path d="M32.24 3H32V0h-2v3H8V0H6v3h-.599C2.322 3 0 5.184 0 8.372v28.893C0 40.451 2.322 43 5.401 43H32.24c3.176 0 5.76-2.654 5.76-5.735V8.372C38 5.289 35.416 3 32.24 3zM5.401 5H6v1h2V5h22v1h2V5h.24C34.394 5 36 6.311 36 8.372V11H2V8.372C2 6.206 3.346 5 5.401 5zM32.24 41H5.401C3.346 41 2 39.429 2 37.265V13h34v24.265C36 39.324 34.394 41 32.24 41z"/><path d="M4 27h7v-7H4v7zm1-4.993V21h5v5H5v-3.993zM4.458 31h6v6h-6zM15.5 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM15.5 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331zM27 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM27 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 B

After

Width:  |  Height:  |  Size: 682 B

2
img/naptar_icon-white.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="43"><g fill="#fff"><path d="M32.24 3H32V0h-2v3H8V0H6v3h-.599C2.322 3 0 5.184 0 8.372v28.893C0 40.451 2.322 43 5.401 43H32.24c3.176 0 5.76-2.654 5.76-5.735V8.372C38 5.289 35.416 3 32.24 3zM5.401 5H6v1h2V5h22v1h2V5h.24C34.394 5 36 6.311 36 8.372V11H2V8.372C2 6.206 3.346 5 5.401 5zM32.24 41H5.401C3.346 41 2 39.429 2 37.265V13h34v24.265C36 39.324 34.394 41 32.24 41z"/><path d="M4 27h7v-7H4v7zm1-4.993V21h5v5H5v-3.993zM4.458 31h6v6h-6zM15.5 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM15.5 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331zM27 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM27 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331z"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="38" height="43" viewBox="0 0 38 43"><g fill="#fff"><path d="M32.24 3H32V0h-2v3H8V0H6v3h-.599C2.322 3 0 5.184 0 8.372v28.893C0 40.451 2.322 43 5.401 43H32.24c3.176 0 5.76-2.654 5.76-5.735V8.372C38 5.289 35.416 3 32.24 3zM5.401 5H6v1h2V5h22v1h2V5h.24C34.394 5 36 6.311 36 8.372V11H2V8.372C2 6.206 3.346 5 5.401 5zM32.24 41H5.401C3.346 41 2 39.429 2 37.265V13h34v24.265C36 39.324 34.394 41 32.24 41z"/><path d="M4 27h7v-7H4v7zm1-4.993V21h5v5H5v-3.993zM4.458 31h6v6h-6zM15.5 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM15.5 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331zM27 27h7v-7h-7v7zm1-4.993V21h5v5h-5v-3.993zM27 38h7v-7h-7v7zm1-5.331V32h5v5h-5v-4.331z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 681 B

After

Width:  |  Height:  |  Size: 701 B

2
img/solid_arrow_left.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><defs><clipPath id="a"><path d="M0 0h32v32H0z"/></clipPath></defs><g data-name="custom – 1" clip-path="url(#a)" transform="matrix(-1 0 0 1 31.808 0)"><g data-name="Group 1" fill="none" stroke="#000" stroke-width="7"><path data-name="Path 1" d="M13.442 28.829l13.033-13.033L13.417 2.738"/><path data-name="Path 2" d="M22.176 16H.384"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="a"><path d="M0 0h32v32H0z"/></clipPath></defs><g data-name="custom – 1" clip-path="url(#a)" transform="matrix(-1 0 0 1 31.808 0)"><g data-name="Group 1" fill="none" stroke="#000" stroke-width="7"><path data-name="Path 1" d="M13.442 28.829l13.033-13.033L13.417 2.738"/><path data-name="Path 2" d="M22.176 16H.384"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 413 B

After

Width:  |  Height:  |  Size: 433 B

2
img/solid_arrow_right.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><defs><clipPath id="a"><path d="M0 0h32v32H0z"/></clipPath></defs><g data-name="custom – 1"><g data-name="Group 1" fill="none" stroke="#000" stroke-width="7" clip-path="url(#a)"><path data-name="Path 1" d="M13.442 28.829l13.033-13.033L13.417 2.738"/><path data-name="Path 2" d="M22.176 16H.384"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="a"><path d="M0 0h32v32H0z"/></clipPath></defs><g data-name="custom – 1"><g data-name="Group 1" fill="none" stroke="#000" stroke-width="7" clip-path="url(#a)"><path data-name="Path 1" d="M13.442 28.829l13.033-13.033L13.417 2.738"/><path data-name="Path 2" d="M22.176 16H.384"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 375 B

After

Width:  |  Height:  |  Size: 395 B

1
js/lib/_del-modernizr-2.7.1.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
js/lib/_del-snap-scroll.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
js/lib/conditionizr-4.3.0.min.js vendored
View File

@@ -1,2 +0,0 @@
/*! Conditionizr v4.3.0 | (c) 2014 @toddmotto, @markgdyr | MIT license | conditionizr.com */
!function(a,b){"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?module.exports=b:a.conditionizr=b()}(this,function(){"use strict";var a,b={},c=document.head||document.getElementsByTagName("head")[0],d=function(b,d,e){var f=e?b:a+b+("style"===d?".css":".js");switch(d){case"script":var g=document.createElement("script");g.src=f,c.appendChild(g);break;case"style":var h=document.createElement("link");h.href=f,h.rel="stylesheet",c.appendChild(h);break;case"class":document.documentElement.className+=" "+b}};return b.config=function(c){var e=c||{},f=e.tests;a=e.assets||"";for(var g in f){var h=g.toLowerCase();if(b[h])for(var i=f[g],j=i.length;j--;)d(h,i[j])}},b.add=function(a,c,e){var f=a.toLowerCase();if(b[f]=e(),b[f])for(var g=c.length;g--;)d(f,c[g])},b.on=function(a,c){var d=/^\!/;(b[a.toLowerCase()]||d.test(a)&&!b[a.replace(d,"")])&&c()},b.load=b.polyfill=function(a,c){for(var e=/\.js$/.test(a)?"script":"style",f=c.length;f--;)b[c[f].toLowerCase()]&&d(a,e,!0)},b});

0
js/lib/jquery.touchSwipe.min.js → js/lib/jquery.touchSwipe-1.6.18.min.js vendored
View File

2110
js/lib/jquery.touchSwipe-1.6.19.js Normal file
View File

File diff suppressed because it is too large Load Diff

155
js/scripts.js
View File

@@ -811,10 +811,12 @@
/* ------------------------- Click on small articles ------------------------ */ /* ------------------------- Click on small articles ------------------------ */
$('article.home-small').click(function () { $(document).on({
mouseup: function () {
let href = $(this).children('a.thumbnailwrapper').attr("href") let href = $(this).children('a.thumbnailwrapper').attr("href")
window.open(href, "_self") window.open(href, "_self")
}) }
}, 'article.home-small');
/* ------------------------------ hover on home ----------------------------- */ /* ------------------------------ hover on home ----------------------------- */
@@ -860,34 +862,37 @@
if (!isMobile) { if (!isMobile) {
// let cc = $(this) // let cc = $(this)
let cArticle = cc.parents("article") let cArticle = cc.parents("article")
let cH2 = cc.parent('h2')
let cMetadata = cArticle.children(".metadata") let cMetadata = cArticle.children(".metadata")
let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper") let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper")
let cBevezeto = cBevezetoWrapper.children(".bevezeto") let cBevezeto = cBevezetoWrapper.children(".bevezeto")
let cAlcimWrapper = cMetadata.children(".alcimWrapper")
let cAlcim = cAlcimWrapper.children('.alcim')
// calculate default metadata height // calculate default metadata height
if (!metadataHeights.collapsedHeight) {
metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height
}
//calculate opened metadata height // check calculated metadata opened height
if (!metadataHeights.openedHeight) { if (!cc.attr('data-metadataOpenedHeight')) {
let h2H = 0 // calculate opened metadata height:
$(".home-big h2").each(function () { let h2H = cH2[0].getBoundingClientRect().height
if ($(this)[0].getBoundingClientRect().height > h2H) {
h2H = $(this)[0].getBoundingClientRect().height
}
})
let artH = cArticle[0].getBoundingClientRect().height let artH = cArticle[0].getBoundingClientRect().height
metadataHeights.openedHeight = artH - bottomScrollHeight - h2H // metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
let metadataMaxheight = artH - bottomScrollHeight - h2H
let metadataOpenedHeight = (metadataMaxheight < metadataHeights.collapsedHeight) ? metadataHeights.collapsedHeight : metadataMaxheight
cc.attr('data-metadataOpenedHeight', metadataOpenedHeight)
// console.log('h2h', h2H, artH)
}
console.log('h2h', h2H, artH) let metadataOpenedHeight = cc.attr('data-metadataOpenedHeight')
//add height to bevezetoWrapper //add height to bevezetoWrapper
$('.bevezetoWrapper').css({ height: metadataHeights.openedHeight }) cBevezetoWrapper.css({ height: metadataOpenedHeight })
cAlcimWrapper.css({ height: metadataOpenedHeight })
$('.alcimWrapper').css({ height: metadataHeights.openedHeight })
}
//add hovered class //add hovered class
cArticle.addClass("hovered") cArticle.addClass("hovered")
@@ -901,31 +906,34 @@
cMetadata.children(".categories, .postedon").addClass("transparent") cMetadata.children(".categories, .postedon").addClass("transparent")
//animate border //animate border
cMetadata.stop().animate({ height: metadataHeights.openedHeight }, 400, _ => { cMetadata.stop().animate({ height: metadataOpenedHeight }, 400, _ => {
//hide metadata //hide metadata
cMetadata.children(".categories, .postedon").hide().removeClass("transparent") cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
cMetadata.children(".bevezetoWrapper").show() cBevezetoWrapper.show()
cMetadata.children(".alcimWrapper").css({ display: 'flex' }) cAlcimWrapper.css({ display: 'flex' }).addClass("transparent")
//set height for ellipsis //set height for ellipsis
if (!metadataHeights.bevezetoHeight) { if (!cc.attr('data-metadataBevezetoHeight')) {
metadataHeights.bevezetoHeight = cBevezetoWrapper.height() let metadataBevezetoHeight = cBevezetoWrapper.height()
let bWidth = cBevezetoWrapper.width() let bWidth = cBevezetoWrapper.width()
// let bWidth = cBevezetoWrapper[0].getBoundingClientRect().width cBevezetoWrapper.children('.bevezeto').css({
$('.bevezeto').css({ height: metadataBevezetoHeight,
height: metadataHeights.bevezetoHeight,
width: bWidth + 'px' width: bWidth + 'px'
}) })
$('.alcim').css({ cAlcim.css({
height: metadataHeights.bevezetoHeight, height: metadataBevezetoHeight,
}) })
cc.attr('data-metadataBevezetoHeight', metadataBevezetoHeight)
} }
//show bev+alcim //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ő //clamp bevezető
let ellipsis = new Ellipsis(cBevezeto[0]); let ellipsis = new Ellipsis(cBevezeto[0]);
@@ -938,7 +946,7 @@
// Uncomment for debugging hover // Uncomment for debugging hover
// if (!isMobile && isHome) { // if (!isMobile && isHome) {
// setTimeout(() => { // setTimeout(() => {
// bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a")) // bigArticleHoverShow($(".home_wrapper-2 .home-big h2 a"))
// }, 2000); // }, 2000);
// } // }
@@ -1032,19 +1040,67 @@
/* SINGLE */ /* SINGLE */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
jQuery.fn.changeTag = function (newTag) {
var q = this;
this.each(function (i, el) {
var h = "<" + el.outerHTML.replace(/(^<\w+|\w+>$)/g, newTag) + ">";
try {
el.outerHTML = h;
} catch (e) { //elem not in dom
q[i] = jQuery(h)[0];
}
});
return this;
};
if (isSingle) { if (isSingle) {
/* ---------------------------- wrap figcaptions --------------------------- */
$("figcaption").wrapInner("<span></span>")
/* ----------------------------- images, gallery ---------------------------- */ /* ----------------------------- images, gallery ---------------------------- */
//hide caption on desktop //wrap old galleries
$('.single-content>p, .single-content>.wp-caption').each(function () {
let nrOfImgs = $(this).children('img').length
if (nrOfImgs > 1) {
$(this).addClass('wp-block-gallery')
} else if (nrOfImgs == 1) {
$(this).addClass('wp-block-image')
}
})
//wrap images on old posts
$('.single-content>.wp-block-image>img, .single-content>.wp-block-gallery>img').each(function () {
var src = $(this).attr('src')
var datasrc = $(this).attr('data-src')
var srcArr = src.split('.')
switch (srcArr[srcArr.length - 1]) {
case 'jpg':
case 'png':
case 'jpeg':
case 'gif':
break;
default:
if (datasrc) {
src = datasrc
}
break;
}
$(this).wrap('<a class="cb-gallery" href="' + src + '" ></a>')
// $(this).parent('p').addClass('wp-block-image')
})
//change figcaption tag on old posts
$('.single-content div.wp-caption .wp-caption-text').changeTag("figcaption")
//wrap figcaptions
$("figcaption").wrapInner("<span></span>")
//hover on images on desktop
if (!isMobile) { if (!isMobile) {
$('.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") $(this).find("figcaption").addClass("vis")
@@ -1067,6 +1123,18 @@
const lightBoxMaxHeight = isMobile ? '65%' : '80%' 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/ //http://www.jacklmoore.com/colorbox/
const colorboxSettings = { const colorboxSettings = {
transition: 'none', transition: 'none',
@@ -1080,7 +1148,9 @@
next: '', next: '',
close: '', close: '',
xhrError: 'A tartalom betöltése nem sikerült. Kérlek próbáld meg később.', 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
} }
@@ -1088,17 +1158,10 @@
$('#cboxOverlay, #colorbox').swipe({ $('#cboxOverlay, #colorbox').swipe({
swipeLeft: function () { swipeLeft: function () {
$.colorbox.next() $.colorbox.next()
}, },
swipeRight: function () { swipeRight: function () {
$.colorbox.prev() $.colorbox.prev()
}, },
swipeUp: function () {
return false
},
swipeDown: function () {
return false
},
}) })
// lightbox for galleries // lightbox for galleries

35
sass/_font-mixins.scss
View File

@@ -48,7 +48,7 @@
font-size: 6.8rem; font-size: 6.8rem;
} }
@media #{$bigdesktop-hidpi} { @media #{$bigdesktop-hidpi} {
// font-size: 5.5rem !important; font-size: 5.5rem;
} }
@media #{$verybigdesktop} { @media #{$verybigdesktop} {
font-size: 11rem; font-size: 11rem;
@@ -89,11 +89,14 @@
font-size: 2rem; font-size: 2rem;
} }
@media #{$bigdesktop-hidpi} { @media #{$bigdesktop-hidpi} {
// font-size: 1.5rem !important; font-size: 1.5rem;
} }
@media #{$verybigdesktop} { @media #{$verybigdesktop} {
font-size: 3rem; font-size: 3rem;
} }
// @media #{$verybigdesktop-hidpi} {
// font-size: 2.6rem;
// }
} }
@mixin home-metadata { @mixin home-metadata {
@@ -195,13 +198,9 @@
} }
@mixin single-author { @mixin single-author {
@include single-metadata(); font: bold 2rem "Westeinde Caption";
font-size: 2rem;
color: #fff; color: #fff;
-webkit-text-stroke: #000 1px; -webkit-text-stroke: #000 1px;
@media #{$smalldesktop} {
font-size: 3rem;
}
} }
@mixin single-h2 { @mixin single-h2 {
@@ -237,8 +236,24 @@
} }
@mixin related-title { @mixin related-title {
font: 500 2rem "Westeinde Caption"; font: 500 2rem "Westeinde Caption" !important;
line-height: 1.3; line-height: 1.3;
@media #{$tablet} {
font-size: 0.9rem !important;
}
@media #{$smalldesktop} {
font-size: 1.3rem !important;
}
@media #{$bigdesktop} {
font-size: 1.6rem !important;
}
}
@mixin related-metadata {
@include home-metadata();
@media #{$verybigdesktop} {
font-size: 1.6rem !important;
}
} }
/* ---------------------------------- event --------------------------------- */ /* ---------------------------------- event --------------------------------- */
@@ -258,9 +273,13 @@
@media #{$bigdesktop} { @media #{$bigdesktop} {
font-size: 3rem; font-size: 3rem;
} }
@media #{$bigdesktop-hidpi} {
font-size: 2.8rem;
}
@media #{$verybigdesktop} { @media #{$verybigdesktop} {
font-size: 4rem; font-size: 4rem;
} }
} }
@mixin event-date { @mixin event-date {

272
sass/_print.scss
View File

@@ -3,19 +3,19 @@
\*------------------------------------*/ \*------------------------------------*/
::selection { ::selection {
background:#04A4CC; background: #04a4cc;
color:#FFF; color: #fff;
text-shadow:none; text-shadow: none;
} }
::-webkit-selection { ::-webkit-selection {
background:#04A4CC; background: #04a4cc;
color:#FFF; color: #fff;
text-shadow:none; text-shadow: none;
} }
::-moz-selection { ::-moz-selection {
background:#04A4CC; background: #04a4cc;
color:#FFF; color: #fff;
text-shadow:none; text-shadow: none;
} }
/*------------------------------------*\ /*------------------------------------*\
@@ -23,73 +23,71 @@
\*------------------------------------*/ \*------------------------------------*/
.alignnone { .alignnone {
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
.aligncenter, .aligncenter,
div.aligncenter { div.aligncenter {
display:block; display: block;
margin:5px auto 5px auto; margin: 5px auto 5px auto;
} }
.alignright { .alignright {
float:right; float: right;
margin:5px 0 20px 20px; margin: 5px 0 20px 20px;
} }
.alignleft { .alignleft {
float:left; float: left;
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
a img.alignright { a img.alignright {
float:right; float: right;
margin:5px 0 20px 20px; margin: 5px 0 20px 20px;
} }
a img.alignnone { a img.alignnone {
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
a img.alignleft { a img.alignleft {
float:left; float: left;
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
a img.aligncenter { a img.aligncenter {
display:block; display: block;
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
} }
.wp-caption { .wp-caption {
background:#FFF; background: #fff;
border:1px solid #F0F0F0; border: 1px solid #f0f0f0;
max-width:96%; max-width: 96%;
padding:5px 3px 10px; padding: 5px 3px 10px;
text-align:center; text-align: center;
} }
.wp-caption.alignnone { .wp-caption.alignnone {
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
.wp-caption.alignleft { .wp-caption.alignleft {
margin:5px 20px 20px 0; margin: 5px 20px 20px 0;
} }
.wp-caption.alignright { .wp-caption.alignright {
margin:5px 0 20px 20px; margin: 5px 0 20px 20px;
} }
.wp-caption img { .wp-caption img {
border:0 none; border: 0 none;
height:auto; height: auto;
margin:0; margin: 0;
max-width:98.5%; max-width: 98.5%;
padding:0; padding: 0;
width:auto; width: auto;
} }
.wp-caption .wp-caption-text, .wp-caption .wp-caption-text,
.gallery-caption { .gallery-caption {
font-size:11px; font-size: 11px;
line-height:17px; line-height: 17px;
margin:0; margin: 0;
padding:0 4px 5px; padding: 0 4px 5px;
} }
.sticky { .sticky {
} }
.bypostauthor { .bypostauthor {
} }
/*------------------------------------*\ /*------------------------------------*\
@@ -97,51 +95,199 @@ a img.aligncenter {
\*------------------------------------*/ \*------------------------------------*/
@media print { @media print {
@page {
margin: 2cm;
}
html {
overflow-y: unset !important;
}
* { * {
background:transparent !important; -webkit-print-color-adjust: exact;
color:#000 !important; color-adjust: exact !important;
box-shadow:none !important; }
text-shadow:none !important;
*:not(header *) {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
} }
a, a,
a:visited { a:visited {
text-decoration:underline; text-decoration: underline;
} }
a[href]:after { a[href]:after {
content:" (" attr(href) ")"; content: " (" attr(href) ")";
} }
abbr[title]:after { abbr[title]:after {
content:" (" attr(title) ")"; content: " (" attr(title) ")";
} }
.ir a:after, .ir a:after,
a[href^="javascript:"]:after, a[href^="javascript:"]:after,
a[href^="#"]:after { a[href^="#"]:after {
content:""; content: "";
} }
pre,blockquote { pre,
border:1px solid #999; blockquote {
page-break-inside:avoid; border: 1px solid #999;
page-break-inside: avoid;
} }
thead { thead {
display:table-header-group; display: table-header-group;
} }
tr,img { tr,
page-break-inside:avoid; img {
page-break-inside: avoid;
} }
img { img {
max-width:100% !important; max-width: 100% !important;
} }
@page { @page {
margin:0.5cm; margin: 0.5cm;
} }
p, p,
h2, h2,
h3 { h3 {
orphans:3; orphans: 3;
widows:3; widows: 3;
} }
h2, h2,
h3 { h3 {
page-break-after:avoid; 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;
}
} }
} }

132
sass/base.scss
View File

@@ -87,50 +87,23 @@ html *::selection {
// MEDIA QUERIES */ // MEDIA QUERIES */
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
$bigmobile: only screen and $bigmobile: "only screen and (min-width: 360px)";
(
min-width: 360px
);
$only-mobile: only screen and $only-mobile: "only screen and (max-width: 768px)";
(
max-width: 768px
);
$tablet: only screen and $tablet: "only screen and (min-width: 769px)";
(
min-width: 769px
);
$smalldesktop: only screen and $smalldesktop: "only screen and (min-width: 1024px)";
(
min-width: 1024px
);
$mobile-landscape: only screen and $mobile-landscape: "only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) and (min-aspect-ratio: 1/1)";
(
min-width: 769px
)
and (-webkit-min-device-pixel-ratio: 2.1) and
(
min-aspect-ratio: 1/1
);
$bigdesktop: only screen and $bigdesktop: "only screen and (min-width: 1279px)";
(
min-width: 1279px
);
$bigdesktop-hidpi: only screen and $bigdesktop-hidpi: "only screen and (min-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.4)";
(
min-width: 1279px
)
and (-webkit-min-device-pixel-ratio: 1.4);
$verybigdesktop: only screen and $verybigdesktop: "only screen and (min-width: 1919px)";
(
min-width: 1919px $verybigdesktop-hidpi: "only screen and (min-width: 1919px) and (-webkit-min-device-pixel-ratio: 1.4)";
);
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
// GLOBAL VARIABLES */ // GLOBAL VARIABLES */
@@ -378,11 +351,11 @@ $v-unit-6: 24rem;
// STRUCTURE */ // STRUCTURE */
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
.no-js body .loadingscreen{ .no-js body .loadingscreen {
display: none; display: none;
} }
.loadingscreen{ .loadingscreen {
background-color: #fff; background-color: #fff;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@@ -402,7 +375,6 @@ $v-unit-6: 24rem;
height: 100vh; height: 100vh;
z-index: 1; z-index: 1;
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
// header */ // header */
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
@@ -533,6 +505,9 @@ $v-unit-6: 24rem;
background-image: url(../img/#{$iconname}-black.png); background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg); background-image: url(../img/#{$iconname}-black.svg);
} }
@media print {
background-image: url(../img/#{$iconname}-black.png);
}
} }
.facebook-icon { .facebook-icon {
@@ -596,7 +571,7 @@ $v-unit-6: 24rem;
.events-link { .events-link {
margin: 0 2rem 0 0; margin: 0 2rem 0 0;
&.hidden { &.hidden {
display: none !important; display: none;
} }
@media #{$tablet} { @media #{$tablet} {
margin: 0; margin: 0;
@@ -1898,7 +1873,12 @@ $padd: 2rem;
.thumbnailwrapper { .thumbnailwrapper {
padding: 0; padding: 0;
img.attachment-post-thumbnail { img.attachment-single-thumbnail {
//use home-big-thumbnail on mobile
display: none;
}
img.attachment-home-big-thumbnail {
// post thumbnail on home // post thumbnail on home
height: 75vh; height: 75vh;
width: 100vw; width: 100vw;
@@ -1923,6 +1903,7 @@ $padd: 2rem;
width: calc(100vw - #{$h-unit-1}); width: calc(100vw - #{$h-unit-1});
bottom: unset !important; bottom: unset !important;
height: $h-unit-1; height: $h-unit-1;
height: calc(#{$h-unit-1} - 0.5px);
position: relative; position: relative;
align-self: flex-end; align-self: flex-end;
display: flex; display: flex;
@@ -1932,6 +1913,10 @@ $padd: 2rem;
@include single-metadata(); @include single-metadata();
a {
@include single-metadata();
}
.metaWrapper { .metaWrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -1943,6 +1928,7 @@ $padd: 2rem;
.time-cat::after { .time-cat::after {
content: " "; content: " ";
display: inline-block; display: inline-block;
white-space: pre;
} }
.format::before { .format::before {
content: "|"; content: "|";
@@ -1996,9 +1982,13 @@ $padd: 2rem;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
img.attachment-post-thumbnail { img.attachment-home-big-thumbnail {
// post thumbnail on home display: none;
}
img.attachment-single-thumbnail {
// post thumbnail on home
display: block;
object-fit: cover; object-fit: cover;
padding: 0; padding: 0;
@@ -2046,7 +2036,7 @@ $padd: 2rem;
hr { hr {
height: 1px; height: 1px;
background-color: #ff5f5f; background-color: #00ffb8;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
@@ -2103,8 +2093,8 @@ $padd: 2rem;
@include single-quote(); @include single-quote();
margin: 2rem 0; margin: 2rem 0;
display: inline-block; display: inline-block;
background: #ff5f5f; background: #00ffb8;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); @include box-shadow(10px 0 #00ffb8, -5px 0 #00ffb8);
} }
h4 { h4 {
@@ -2119,15 +2109,19 @@ $padd: 2rem;
font-weight: 900; font-weight: 900;
} }
iframe {
width: 100%;
}
blockquote { blockquote {
@include single-quote(); @include single-quote();
margin: 3rem 0; margin: 3rem 0;
p { p {
background: #ff5f5f; background: #00ffb8;
display: inline; display: inline;
padding: 5px 0 3px; padding: 5px 0 3px;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); @include box-shadow(10px 0 #00ffb8, -5px 0 #00ffb8);
} }
cite { cite {
display: block; display: block;
@@ -2136,6 +2130,10 @@ $padd: 2rem;
top: 0.5rem; top: 0.5rem;
left: 2rem; left: 2rem;
} }
em {
//fix italics in old articles
font-style: normal;
}
} }
//nagyon nagy kiemelt //nagyon nagy kiemelt
@@ -2164,7 +2162,19 @@ $padd: 2rem;
// ---------------------------- images on single ---------------------------- */ // ---------------------------- images on single ---------------------------- */
.wp-block-image { // old images
.wp-caption {
max-width: 100%;
border: none;
background: unset;
}
img {
height: auto;
}
.wp-block-image,
.wp-caption {
margin: $padd 0; margin: $padd 0;
position: relative !important; position: relative !important;
@@ -2405,6 +2415,13 @@ $padd: 2rem;
} }
} }
} //#colorbox end } //#colorbox end
/* -------------------------------- /facebook ------------------------------- */
.fb-page {
display: block !important;
padding: $padd 0;
}
} //body.single, page end } //body.single, page end
// ------------------------------ related posts ----------------------------- */ // ------------------------------ related posts ----------------------------- */
@@ -2491,6 +2508,9 @@ $padd: 2rem;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
padding: 0; padding: 0;
* {
@include related-metadata();
}
.vr { .vr {
height: 100%; height: 100%;
@@ -2700,7 +2720,7 @@ body.page {
//metadata on mobile //metadata on mobile
.metadata { .metadata {
@media #{$only-mobile} { @media #{$only-mobile}, print {
color: $color !important; color: $color !important;
.vr { .vr {
background-color: $color !important; background-color: $color !important;
@@ -2711,7 +2731,7 @@ body.page {
color: $color !important; color: $color !important;
} }
@media #{$only-mobile} { @media #{$only-mobile}, print {
&::before, &::before,
&::after { &::after {
border-color: $color !important; border-color: $color !important;
@@ -2719,7 +2739,7 @@ body.page {
} }
} }
h2 { h2 {
@media #{$only-mobile} { @media #{$only-mobile}, print {
border-top-color: $color !important; border-top-color: $color !important;
} }
} }
@@ -2828,6 +2848,9 @@ body.page {
a { a {
color: $color; color: $color;
} }
hr {
background-color: $color;
}
.authors { .authors {
a { a {
-webkit-text-stroke: $color 1px !important; -webkit-text-stroke: $color 1px !important;
@@ -2838,6 +2861,9 @@ body.page {
} }
} }
} }
hr.related-wrap {
background-color: $color;
}
} }
$color-be: #fdff00; $color-be: #fdff00;
$color-do: #3c00ff; $color-do: #3c00ff;

20
singular.php
View File

@@ -12,7 +12,8 @@
<!-- post thumbnail --> <!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if Thumbnail exists ?> <?php if (has_post_thumbnail()): // Check if Thumbnail exists ?>
<div class="thumbnailwrapper"> <div class="thumbnailwrapper">
<?php the_post_thumbnail(); // Fullsize image for the single post ?> <?php the_post_thumbnail('single-thumbnail'); ?>
<?php the_post_thumbnail('home-big-thumbnail'); ?>
</div> </div>
<?php endif;?> <?php endif;?>
@@ -73,6 +74,16 @@
echo '<p>'; echo '<p>';
} ?> } ?>
<!-- Facebook -->
<?php
if (is_single()) {
?>
<div class="fb-like" data-href="<?php the_permalink();?>" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
<div class="fb-page" data-href="https://www.facebook.com/designisso/" data-tabs="" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/designisso/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/designisso/">designisso</a></blockquote></div>
<?php
};
?>
<hr class="content-wrap content-end"> <hr class="content-wrap content-end">
</div> </div>
@@ -119,12 +130,19 @@
$post = $orig_post; $post = $orig_post;
wp_reset_query(); ?> wp_reset_query(); ?>
<?php
if (is_single()) {
?>
<div class="toHome"> <div class="toHome">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
← <?php _e('Back to home:', 'dis2019');?> ← <?php _e('Back to home:', 'dis2019');?>
</a> </a>
<hr class="related-wrap single-end"> <hr class="related-wrap single-end">
</div> </div>
<?php
};
?>

2
style.css
View File

@@ -2,7 +2,7 @@
Theme Name: dis-2019 Theme Name: dis-2019
Theme URI: https://git.gyetpet.dynu.net/infeeeee/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> 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: 0.1.0 Version: 1.0.11
Author: Gyetvai Péter Author: Gyetvai Péter
Author URI: https://gyetvai-peter.hu Author URI: https://gyetvai-peter.hu
Tags: Designisso Tags: Designisso