mobile home and friends
This commit is contained in:
infeeeee
20
_jegyzet.md
20
_jegyzet.md
@@ -2,20 +2,10 @@
|
||||
# Kérdések
|
||||
|
||||
|
||||
## single
|
||||
ha hosszú a cím, akkor mi legyen? kevesbb látszon a cikkből? Lásd I O cikk
|
||||
metadata: van szerző vagy nincs? melyik a jó változat?
|
||||
|
||||
### galéria:
|
||||
Melyik sarokban vannak a képfeliratok, ha 3 elem jelenik meg egymás mellett? vagy mindig erőltetve legyen a max két kép egymás mellett? Lásd: mobil fekvő, mintaposzt
|
||||
|
||||
|
||||
# további kérdések
|
||||
|
||||
## asztali single:
|
||||
Követtem a mobilos analógiát: fent nincs szerző, csak lent, felül a kategóriák vannak
|
||||
|
||||
|
||||
## asztali home
|
||||
|
||||
nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, elég-e csak a design felirat?
|
||||
@@ -30,8 +20,16 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
|
||||
Kiscímek
|
||||
.vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent!
|
||||
|
||||
Keresési találatok oldal
|
||||
Keresési találatok oldal ok?
|
||||
|
||||
Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött?
|
||||
|
||||
Hover a linkekre azt eseménynél? Nyílra?
|
||||
|
||||
Mobil kezdőlapon tuti kellenek a bevezető szövegek? asztalin ez az adat nem jelenik meg, mint ahogy az első két cikknél sem, tehát pont fordítva van mint asztalin...
|
||||
|
||||
Mobil kezdőlap maszkok: minden második, vagy random?
|
||||
|
||||
Mobil kezdőlap maszkok és categória+dátum kapcsolata(terveken többféleképpen van, mi legyen)
|
||||
|
||||
Mobilon kategóriaoldalakra raktam egy fekete felső sávot, mert címmel indul és nem látni a dis-t és a plusz jelet
|
||||
31
_teendők.md
31
_teendők.md
@@ -6,37 +6,20 @@ Facebook like gomb
|
||||
|
||||
# Esemény oldal - ✔
|
||||
|
||||
# Kezdőlap
|
||||
# Kezdőlap - ✔
|
||||
|
||||
felgördülő szövegkivonat -> felülre igazítva
|
||||
felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
|
||||
# Kategória oldalak - ✔
|
||||
|
||||
Nyitócikkek felgördülő lead hosszát pontosítani
|
||||
# Menü - ✔
|
||||
|
||||
semmiképpen ne lógjon a cím elé a felgördölő cucc
|
||||
# Oldal - ✔
|
||||
|
||||
Max karakterszám alcímnél, hogy hova menjen
|
||||
|
||||
|
||||
## mobil nézet
|
||||
|
||||
Kezdőlap:
|
||||
képek magassága és maszk
|
||||
|
||||
|
||||
# Kategória oldalak
|
||||
|
||||
|
||||
# menü
|
||||
|
||||
# Oldal
|
||||
|
||||
Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán
|
||||
|
||||
# keresési eredmények
|
||||
# Keresési eredmények - ✔
|
||||
|
||||
# egyéb
|
||||
|
||||
Cookie értesítés
|
||||
|
||||
`@media print{}`
|
||||
|
||||
favicon
|
||||
1477
css/base.css
1477
css/base.css
File diff suppressed because it is too large
Load Diff
12
footer.php
12
footer.php
@@ -4,7 +4,13 @@
|
||||
</div>
|
||||
<!-- /wrapper -->
|
||||
|
||||
<?php //wp_footer(); ?>
|
||||
<?php wp_footer(); ?>
|
||||
|
||||
<?php
|
||||
if ( function_exists('cn_cookies_accepted') && cn_cookies_accepted() ) {
|
||||
// Your third-party non functional code here
|
||||
|
||||
?>
|
||||
|
||||
<!-- analytics -->
|
||||
<script>
|
||||
@@ -16,5 +22,9 @@
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -124,8 +124,11 @@ function dis2019_header_scripts()
|
||||
wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); //
|
||||
wp_enqueue_script('lettering'); // Enqueue it!
|
||||
|
||||
wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); //
|
||||
wp_enqueue_script('clamp'); // Enqueue it!
|
||||
// wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); //
|
||||
// wp_enqueue_script('clamp'); // Enqueue it!
|
||||
|
||||
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('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
|
||||
'jquery',
|
||||
@@ -135,6 +138,7 @@ function dis2019_header_scripts()
|
||||
'fittext',
|
||||
'jquery.colorbox',
|
||||
'lettering',
|
||||
'ftellipsis',
|
||||
// 'clamp',
|
||||
), '1.0.0'); // Custom scripts
|
||||
wp_enqueue_script('dis2019scripts'); // Enqueue it!
|
||||
|
||||
34
header.php
34
header.php
@@ -1,20 +1,28 @@
|
||||
<!doctype html>
|
||||
<html <?php language_attributes(); ?> class="no-js">
|
||||
<html <?php language_attributes();?> class="no-js">
|
||||
|
||||
<head>
|
||||
<meta charset="<?php bloginfo('charset'); ?>">
|
||||
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
|
||||
<meta charset="<?php bloginfo('charset');?>">
|
||||
<title><?php wp_title('');?><?php if (wp_title('', false)) {echo ' :';}?> <?php bloginfo('name');?></title>
|
||||
|
||||
<link href="//www.google-analytics.com" rel="dns-prefetch">
|
||||
<!-- <link href="<?php //echo get_template_directory_uri(); ?>/img/icons/favicon.ico" rel="shortcut icon">
|
||||
<link href="<?php //echo get_template_directory_uri(); ?>/img/icons/touch.png" rel="apple-touch-icon-precomposed"> -->
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/img/icons/apple-touch-icon.png?v=m2R26gv6zM">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo get_template_directory_uri(); ?>/img/icons/favicon-32x32.png?v=m2R26gv6zM">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo get_template_directory_uri(); ?>/img/icons/favicon-16x16.png?v=m2R26gv6zM">
|
||||
<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/img/icons/site.webmanifest?v=m2R26gv6zM">
|
||||
<link rel="mask-icon" href="<?php echo get_template_directory_uri(); ?>/img/icons/safari-pinned-tab.svg?v=m2R26gv6zM" color="#000000">
|
||||
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/img/icons/favicon.ico?v=m2R26gv6zM">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- <meta name="viewport" content="height=device-height, initial-scale=1.0"> -->
|
||||
<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
|
||||
@@ -26,7 +34,7 @@
|
||||
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<body <?php body_class();?>>
|
||||
|
||||
<!-- wrapper -->
|
||||
<div class="wrapper">
|
||||
@@ -64,7 +72,7 @@
|
||||
</object>
|
||||
</button>
|
||||
<div class="search-bar">
|
||||
<?php get_search_form(); ?>
|
||||
<?php get_search_form();?>
|
||||
</div>
|
||||
</div><!-- search end -->
|
||||
|
||||
@@ -101,7 +109,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="events-link">
|
||||
<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug');?>" target="_top">
|
||||
<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.png" />
|
||||
@@ -114,11 +122,11 @@
|
||||
<nav role="navigation" id="sidebar-wrapper" class="nav sidebar-wrapper">
|
||||
|
||||
<?php //dis2019_nav(); ?>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'main-left-menu') ); ?>
|
||||
<?php wp_nav_menu(array('theme_location' => 'main-left-menu'));?>
|
||||
<div class="menuseparator">
|
||||
|
||||
</div>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'main-right-menu') ); ?>
|
||||
<?php wp_nav_menu(array('theme_location' => 'main-right-menu'));?>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
@@ -134,7 +142,7 @@
|
||||
<div id="tag-nav">
|
||||
<nav role="navigation" class="tag-nav">
|
||||
<!-- <?php //$walker = new Menu_With_Description; ?> -->
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'tag-menu') ); ?>
|
||||
<?php wp_nav_menu(array('theme_location' => 'tag-menu'));?>
|
||||
</nav>
|
||||
<!-- <div class="sub-wrapper">
|
||||
</div> -->
|
||||
|
||||
15
img/clip/be_mobil.svg
Normal file
15
img/clip/be_mobil.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="Layer_1" x="0px" y="0px" width="100" height="50" viewBox="0 0 1077.252 536.91" enable-background="new 0 0 1077.252 536.91" xml:space="preserve" sodipodi:docname="be_mobil.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)">
|
||||
<metadata id="metadata9" />
|
||||
<defs id="defs7" />
|
||||
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1676" inkscape:window-height="1371" id="namedview5" showgrid="false" inkscape:zoom="0.44503832" inkscape:cx="527.59275" inkscape:cy="270.8118" inkscape:window-x="1688" inkscape:window-y="33" inkscape:window-maximized="0" inkscape:current-layer="Layer_1" />
|
||||
<clipPath id="clipper" clipPathUnits="objectBoundingBox">
|
||||
<path id="svgPath" d="M 4.484,126.232 C 38.201,-0.521 304.892,-39.604 600.152,38.936 c 295.264,78.537 507.29,244.957 473.576,371.709 -33.716,126.751 -300.406,165.834 -595.67,87.297 C 182.797,419.404 -29.229,252.983 4.484,126.232 Z" inkscape:connector-curvature="0" />
|
||||
</clipPath>
|
||||
<path id="svgMask" d="M 4.484,126.232 C 38.201,-0.521 304.892,-39.604 600.152,38.936 c 295.264,78.537 507.29,244.957 473.576,371.709 -33.716,126.751 -300.406,165.834 -595.67,87.297 C 182.797,419.404 -29.229,252.983 4.484,126.232 Z" inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
14
img/clip/do_mobil.svg
Normal file
14
img/clip/do_mobil.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="Layer_1" x="0px" y="0px" width="100" height="50" viewBox="0 0 1078.734 536.91" enable-background="new 0 0 1078.734 536.91" xml:space="preserve" sodipodi:docname="do_mobil.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)">
|
||||
<defs id="defs7" />
|
||||
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1676" inkscape:window-height="1371" id="namedview5" showgrid="false" inkscape:zoom="2.5140581" inkscape:cx="65.295123" inkscape:cy="39.493045" inkscape:window-x="1688" inkscape:window-y="33" inkscape:window-maximized="0" inkscape:current-layer="Layer_1" />
|
||||
<clipPath id="clipper" clipPathUnits="objectBoundingBox">
|
||||
<polygon points="969.418,163 -0.572,210.955 -0.572,376.047 -0.572,382.857 -0.572,539 1078.428,539 1078.428,376 137.691,376 1078.428,329.539 1078.428,163.047 1078.428,157.639 1078.428,0 -0.572,0 -0.572,163 " />
|
||||
</clipPath>
|
||||
<polygon id="svgMask" points="969.418,163 -0.572,210.955 -0.572,376.047 -0.572,382.857 -0.572,539 1078.428,539 1078.428,376 137.691,376 1078.428,329.539 1078.428,163.047 1078.428,157.639 1078.428,0 -0.572,0 -0.572,163 " />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
14
img/clip/love_mobil.svg
Normal file
14
img/clip/love_mobil.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="Layer_1" x="0px" y="0px" width="100" height="50" viewBox="0 0 1077.252 536.91" enable-background="new 0 0 1077.252 536.91" xml:space="preserve" sodipodi:docname="love_mobil.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)">
|
||||
<defs id="defs7" />
|
||||
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1676" inkscape:window-height="1371" id="namedview5" showgrid="false" inkscape:zoom="7.1206131" inkscape:cx="52.51157" inkscape:cy="21.160947" inkscape:window-x="1688" inkscape:window-y="33" inkscape:window-maximized="0" inkscape:current-layer="Layer_1" />
|
||||
<clipPath id="clipper" clipPathUnits="objectBoundingBox">
|
||||
<path d="M 453.183,35.101 C 404.96,13.122 340.698,-0.295 270.126,-0.295 c -149.67,0 -271,60.328 -271,134.75 0,69.605 106.143,126.88 242.336,134 -136.193,7.12 -242.336,64.393 -242.336,134 0,74.42 121.33,134.75 271,134.75 70.545,0 134.785,-13.406 183.002,-35.37 l 624.998,-232.63 z" inkscape:connector-curvature="0" />
|
||||
</clipPath>
|
||||
<path id="svgMask" d="M 453.183,35.101 C 404.96,13.122 340.698,-0.295 270.126,-0.295 c -149.67,0 -271,60.328 -271,134.75 0,69.605 106.143,126.88 242.336,134 -136.193,7.12 -242.336,64.393 -242.336,134 0,74.42 121.33,134.75 271,134.75 70.545,0 134.785,-13.406 183.002,-35.37 l 624.998,-232.63 z" inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
14
img/clip/think_mobil.svg
Normal file
14
img/clip/think_mobil.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
BIN
img/icons/android-chrome-192x192.png
Normal file
BIN
img/icons/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
img/icons/android-chrome-512x512.png
Normal file
BIN
img/icons/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
img/icons/apple-touch-icon.png
Normal file
BIN
img/icons/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
9
img/icons/browserconfig.xml
Normal file
9
img/icons/browserconfig.xml
Normal file
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png?v=m2R26gv6zM"/>
|
||||
<TileColor>#ffffff</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
img/icons/favicon-16x16.png
Normal file
BIN
img/icons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 693 B |
BIN
img/icons/favicon-32x32.png
Normal file
BIN
img/icons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 15 KiB |
8
img/icons/html_code.html
Normal file
8
img/icons/html_code.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=m2R26gv6zM">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=m2R26gv6zM">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=m2R26gv6zM">
|
||||
<link rel="manifest" href="/site.webmanifest?v=m2R26gv6zM">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=m2R26gv6zM" color="#000000">
|
||||
<link rel="shortcut icon" href="/favicon.ico?v=m2R26gv6zM">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
BIN
img/icons/mstile-150x150.png
Normal file
BIN
img/icons/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
1
img/icons/safari-pinned-tab.svg
Normal file
1
img/icons/safari-pinned-tab.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="981.333" height="981.333" viewBox="0 0 736.000000 736.000000"><path d="M0 161.5v157.6l80.8-.4c44.4-.2 82.5-.7 84.7-1 2.2-.4 6-1 8.5-1.3 2.5-.4 5-.8 5.5-1 .6-.1 2.1-.4 3.5-.7 6.4-1.3 16.1-4 22.2-6.3 3.7-1.4 7-2.6 7.2-2.6 1.2 0 20.2-10.1 24.3-12.8 2.4-1.7 4.7-3 5-3 1.7 0 20.1-16.1 26.5-23.2 4-4.4 8.1-8.9 9.1-9.9.9-1 1.7-2.2 1.7-2.7 0-.4 1.2-2.1 2.6-3.7 1.4-1.7 3-3.9 3.5-5 1-2.2 3.1-5.7 3.9-6.5 1.5-1.4 11.7-24.3 12.5-28 .1-.8 1-4 1.9-7 .8-3 1.8-6.7 2.1-8.2 1.1-6 1.4-7.5 2.1-12.3 1.1-6.6 1.1-39.5.1-46.4-.9-5.4-1.1-6.7-2.4-13.1-.9-4.6-1-4.9-1.3-5.5-.1-.3-.3-.8-.4-1.3-.2-.4-1.1-3.4-2.1-6.7-1-3.3-1.8-6.3-1.7-6.8.1-.4-.2-.7-.8-.7-.6 0-.9-.3-.8-.8.6-3.1-14.5-30.2-20.7-36.8-.5-.6-2.8-3.3-4.9-6-5.5-6.8-18-17.7-28.9-25.2-5.1-3.5-9.9-6.6-10.7-7-.8-.3-1.7-.8-2-1.2-.8-1-15.1-7.7-22-10.4-6.1-2.3-18.4-5.9-24-7-1.4-.3-3.4-.7-4.5-.9-1.2-.3-4.8-.8-8-1.2-3.3-.4-7.1-.9-8.5-1.2-1.4-.4-38.8-.8-83.2-1L0 3.8v157.7zm155-87.1c10.7 1.5 30 7.6 30.8 9.8.2.4 1.2.8 2.2.8 1 0 2 .3 2.2.7.2.5 2.2 2 4.5 3.5 7 4.6 16.3 13.9 21.5 21.6 4.6 6.8 10.2 18.6 11.3 23.6.2 1.2.6 3.2.9 4.6 2.1 9.4 2.8 27.5 1.5 36-1.4 8.8-2 11.5-3.1 15-.7 1.9-1.2 3.7-1.3 4 0 .3-1.1 3.2-2.5 6.5-6.5 16.2-19.4 30.2-35.5 38.7-7.1 3.7-17.7 7.5-23.1 8.3-1.6.2-4 .6-5.4.9-6 1.4-18.7 1.9-50.2 2l-33.8.2-.1-3.1c-.1-3.9-.1-170.4 0-172.8.1-1.8 1.6-1.9 37.9-1.4 20.7.3 39.7.8 42.2 1.1zM389.5 295.6C229.5 456.6 205 481.3 205 481.9c0 .3 6.6 6.9 14.6 14.6 8 7.7 19.3 18.6 25.1 24.3 5.8 5.6 10.8 10.2 11.1 10.2.4 0 27.2-26.7 59.7-59.4 84.6-85.2 214.9-216.5 215.4-217.1.3-.3-3.8-4.6-9-9.6s-16.5-16-25.2-24.5-16.1-15.4-16.5-15.4c-.4 0-41.2 40.8-90.7 90.6zM582 408c0 .3-2.1.5-4.8.6-4.7 0-14.5 1-19.2 1.9-1.4.3-4.7.9-7.5 1.5-2.7.6-5.9 1.2-7 1.4-1.1.2-5.5 1.6-9.8 3-4.3 1.4-8.2 2.6-8.7 2.6-1.9 0-19.6 9.2-26.1 13.6-13.5 9.1-24.8 22.3-30.8 35.9-5 11.2-6.8 21.4-6.6 36.2.2 7.6.5 14.8.9 16 .3 1.3.8 3.3 1.1 4.5 6.2 28.4 30.9 50.6 69.5 62.3.3.1 1.2.4 2 .8 3.1 1.2 27.4 6.6 32.7 7.2 1.2.2 3.4.6 5 .9 3.4.7 7.1 1.2 14.3 2.1 22.5 2.7 42.9 7.7 51.7 12.7 6.4 3.6 12 10.2 13.3 15.9 2.4 9.8-1.1 20.9-8.3 26.3-11.2 8.4-22.6 11-47.7 10.9-20.6-.2-31.8-1.5-51-5.9-5.8-1.4-11.2-2.6-12-2.8-1.8-.3-15.7-4.5-18.5-5.6-1.1-.4-3.1-1.2-4.5-1.8-1.4-.5-6.8-2.7-12-4.7-5.2-2.1-12.1-5.1-15.2-6.7-3.2-1.5-6.1-2.8-6.5-2.8-.5 0-1.5 1.5-2.2 3.2-.8 1.8-4.2 8.9-7.5 15.8s-6 12.7-6.1 13c-.1.6-8 17.3-10.5 22.3-1.1 2.2-2 4.5-2 5.3 0 .8-.4 1.4-1 1.4-.5 0-1 .8-1 1.7 0 1.9 2.4 3.1 25.5 13.4 5.5 2.4 30.9 10.9 34 11.3 1.1.2 3.8.8 6 1.4 2.2.6 5.4 1.4 7 1.6 1.7.3 4.1.8 5.5 1.1 1.4.3 3.9.7 5.5 1 2.8.5 5.2.9 10.8 1.9 1.2.2 4.7.7 7.7 1 3 .4 8.2.9 11.5 1.3 8.6.9 50.8.9 59 0 12.3-1.4 20.4-2.6 22.7-3.3 2.5-.8 6.1-1.5 8.3-1.8 1.1-.2 2.7-.6 3.5-.9.8-.3 5.3-1.7 10-3.2 8.8-2.8 22.7-8.7 27-11.5 11.3-7.4 15.1-10.3 21.1-16.2 10.6-10.5 17-21.5 21.5-36.5 2.2-7.5 2.7-10.9 2.8-22.3.1-16.2-.7-23.2-4-31.8-3.8-10.2-8.8-18.3-16.3-26.2-3-3.2-14.6-12-15.8-12-.7 0-1.3-.3-1.3-.8 0-.9-17.4-9.3-22-10.7-.3-.1-3.9-1.2-8-2.5s-7.9-2.5-8.5-2.7c-.5-.1-2.8-.7-5-1.2s-5.1-1.2-6.5-1.5c-1.4-.4-3.6-.8-5-1.1-1.4-.3-3.5-.7-4.6-.9-1.2-.2-3.9-.7-6-1-2.2-.3-5.2-.9-6.7-1.2-1.6-.3-3.8-.7-5-.9-9.5-1.2-13.3-1.8-20.7-3.1-4.7-.8-11.7-2.2-15.6-3-3.9-.8-7.9-1.7-9-1.9-1-.2-2-.4-2.1-.5-.2-.2-.6-.3-1-.4-8.3-2.2-17.8-6-19.3-7.7-.3-.3-1.2-.8-2.1-1.1-2.6-1-8.6-9-9.7-12.8-2.4-9.1 1.2-20.1 8.6-25.7 5-3.8 14.3-7.4 19.4-7.6 2.1-.1 3.8-.5 3.8-.8 0-.7.1-.7 16-.8 16-.1 19.3.2 34 2.4 1.4.2 5 .7 8 1 3 .4 5.8.9 6.1 1.1.7.4 5.9 1.3 9.4 1.7 1.1.1 2.2.4 2.5.7.3.3 3.9 1.4 8 2.4 7.5 1.8 20.8 5.9 24.5 7.5 6.6 2.9 18.6 7.3 18.9 7 .3-.3 2.1-4.6 6.1-14.4.5-1.1.9-2.2.9-2.5.4-1.3 8.9-22.6 9.4-23.5.4-.6.7-1.2.7-1.5 0-.6 2.2-6.4 3.6-9.5 2.1-4.9 4.9-12.8 4.7-13.1-.4-.3-17.9-7.5-19.3-7.8-.5-.2-1.7-.6-2.5-.9-7.6-3.1-36.3-11.1-44.3-12.2-2.3-.4-6-1-8.2-1.5-2.2-.5-6.5-1.2-9.5-1.6-3-.3-6.8-.8-8.5-1-11.2-1.3-51.5-2.4-51.5-1.4z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
20
img/icons/site.webmanifest
Normal file
20
img/icons/site.webmanifest
Normal file
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"name": "DIS",
|
||||
"short_name": "DIS",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png?v=m2R26gv6zM",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png?v=m2R26gv6zM",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"start_url": "http://designisso.com/",
|
||||
"display": "standalone"
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
1
js/lib/ftellipsis.min.js
vendored
Normal file
1
js/lib/ftellipsis.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(function(){"use strict";function t(t,e){t&&(this.el=t,this.container=e&&e.container,this.reRender=e&&e.reRender)}function e(e){e.style.display="none",t.r=e.offsetTop,e.style.display=""}function i(t,e){if(t)for(var i=e&&e.display,n=t.parentNode.children,l=a.call(n,t),o=l+1,s=n.length;s>o;o++)n[o].style.display=i}function n(t,e){var i=t.getClientRects(),n=0;return p(i,function(t){n+=l(t.height,e)}),n}function l(t,e){return Math.floor(t/e)}function o(){var t=document.createElement("test"),e={},i={Webkit:["WebkitColumnCount","WebkitColumnGap"],Moz:["MozColumnCount","MozColumnGap"],ms:["msColumnCount","msColumnGap"],"":["columnCount","columnGap"]};for(var n in i)i[n][0]in t.style&&(e.columnCount=i[n][0],e.columnGap=i[n][1],e[n.toLowerCase()]=!0);return e}function s(t){return parseInt(t[y.columnCount],10)||1}function h(t){return parseInt(t[y.columnGap],10)||0}function r(t){var e=parseInt(t.lineHeight,10);if(!e)throw Error(f[0]);return e}function u(t){return[t.offsetWidth,t.offsetHeight]}function p(t,e){for(var i=0,n=t.length;n>i&&!e(t[i]);i++);}var a=Array.prototype.indexOf,c=window.getComputedStyle,d="ellipsis-overflowing-child",m="ellipsis-set",f=["The ellipsis container must have line-height set on it"],y=o();t.prototype.calc=function(){if(!this.el)return this;var t=c(this.el),e=u(this.el);return this.columnHeight=e[1],this.columnCount=s(t),this.columnGap=h(t),this.columnWidth=e[0]/this.columnCount,this.lineHeight=r(t),this.deltaHeight=e[1]%this.lineHeight,this.linesPerColumn=Math.floor(this.columnHeight/this.lineHeight),this.totalLines=this.linesPerColumn*this.columnCount,!this.deltaHeight&&this.columnCount>1&&(this.el.style.height=this.columnHeight+"px"),this.child=this.getOverflowingChild(),this},t.prototype.set=function(){return this.el&&this.child?(this.clampChild(),i(this.child.el,{display:"none"}),this.markContainer(),this):this},t.prototype.unset=function(){return this.el&&this.child?(this.el.style.height="",this.unclampChild(this.child),i(this.child.el,{display:""}),this.unmarkContainer(),this.child=null,this):this},t.prototype.destroy=function(){return this.el=this.child=this.container=null,this},t.prototype.getOverflowingChild=function(){var t=this,e={},i=0;return p(this.el.children,function(n){var l,o,s,h=Math.floor(i/t.linesPerColumn)||0;return i+=l=t.getLineCount(n),i>=t.totalLines?(o=i-t.totalLines,s=l-o,e.el=n,e.clampedLines=s,e.clampedHeight=e.clampedLines*t.lineHeight,e.visibleColumnSpan=t.columnCount-h,e.gutterSpan=e.visibleColumnSpan-1,e.applyTopMargin=t.shouldApplyTopMargin(e),y.webkit&&e.clampedLines>1&&(e.clampedHeight+=e.gutterSpan*t.deltaHeight),e):void 0}),e},t.prototype.getLineCount=function(t){return t.offsetWidth>this.columnWidth?n(t,this.lineHeight):l(t.clientHeight,this.lineHeight)},t.prototype.markContainer=function(){this.container&&(this.container.classList.add(m),this.reRender&&e(this.container))},t.prototype.unmarkContainer=function(){this.container&&(this.container.classList.remove(m),this.reRender&&e(this.container))},t.prototype.shouldApplyTopMargin=function(t){var e=t.el;if(y.webkit&&1!==this.columnCount&&!(3>=this.deltaHeight)&&e.previousElementSibling)return 0===e.offsetTop||e.offsetTop===this.columnHeight},t.prototype.clampChild=function(){var t=this.child;t&&t.el&&(t.el.style.height=t.clampedHeight+"px",y.webkit&&(t.el.style.webkitLineClamp=t.clampedLines,t.el.style.display="-webkit-box",t.el.style.webkitBoxOrient="vertical"),this.shouldHideOverflow()&&(t.el.style.overflow="hidden"),t.applyTopMargin&&(t.el.style.marginTop="2em"),t.el.classList.add(d),y.webkit||(t.el.style.position="relative",t.helper=t.el.appendChild(this.helperElement())))},t.prototype.unclampChild=function(t){t&&t.el&&(t.el.style.display="",t.el.style.height="",t.el.style.webkitLineClamp="",t.el.style.webkitBoxOrient="",t.el.style.marginTop="",t.el.style.overflow="",t.el.classList.remove(d),t.helper&&t.helper.parentNode.removeChild(t.helper))},t.prototype.helperElement=function(){var t,e,i=document.createElement("span"),n=this.child.visibleColumnSpan-1;return i.className="ellipsis-helper",i.style.display="block",i.style.height=this.lineHeight+"px",i.style.width="5em",i.style.position="absolute",i.style.bottom=0,i.style.right=0,y.moz&&n&&(t=-(100*n),e=-(n*this.columnGap),i.style.right=t+"%",i.style.marginRight=e+"px",i.style.marginBottom=this.deltaHeight+"px"),i},t.prototype.shouldHideOverflow=function(){var t=this.columnCount>1;return this.columnHeight<this.lineHeight?!0:!t},"object"==typeof exports?(module.exports=function(e,i){return new t(e,i)},module.exports.Ellipsis=t):"function"==typeof define&&define.amd?define(function(){return t}):window.Ellipsis=t})();
|
||||
161
js/scripts.js
161
js/scripts.js
@@ -290,8 +290,6 @@
|
||||
//add bottom scrollbar to div on bottom:
|
||||
if (bottomScrollHeight > 0) {
|
||||
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
|
||||
} else {
|
||||
$(".home_wrapper-big .metadata").addClass("noBottomScrollbar")
|
||||
}
|
||||
|
||||
//fit title
|
||||
@@ -339,6 +337,21 @@
|
||||
})
|
||||
|
||||
|
||||
/* ---------------------------- Cutouts on mobile --------------------------- */
|
||||
|
||||
//add class to odd elems
|
||||
|
||||
function mobileHomeClass() {
|
||||
if (isMobile && isMasonryPage) {
|
||||
$('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr')
|
||||
$('article.cutCurr:nth-child(even)').addClass('cut-even')
|
||||
$('article.cutCurr').addClass('cutOk').removeClass('cutCurr')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
mobileHomeClass()
|
||||
|
||||
/* ----------------------------- Snap on mobile ----------------------------- */
|
||||
|
||||
// if (isMobile) {
|
||||
@@ -580,10 +593,15 @@
|
||||
//wrap new elements on load
|
||||
articleWrapCounter++
|
||||
var wrapnum = articleWrapCounter + 2
|
||||
$("#content>article")
|
||||
.addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
.wrapAll('<div class="home_wrapper-small home_wrapper-' + wrapnum + '"></div>')
|
||||
$(".home_wrapper-" + wrapnum).addRandomClasses()
|
||||
|
||||
if (isMobile) {
|
||||
mobileHomeClass()
|
||||
} else {
|
||||
$("#content>article")
|
||||
.addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
.wrapAll('<div class="home_wrapper-small home_wrapper-' + wrapnum + '"></div>')
|
||||
$(".home_wrapper-" + wrapnum).addRandomClasses()
|
||||
}
|
||||
|
||||
//Scroll to new element
|
||||
if (scroll) {
|
||||
@@ -615,7 +633,7 @@
|
||||
|
||||
function loadmore(element, scroll = true) {
|
||||
if (noMoreAjax) {
|
||||
console.log("no more ajax")
|
||||
// console.log("no more ajax")
|
||||
return false
|
||||
}
|
||||
// var button = $(this),
|
||||
@@ -671,58 +689,17 @@
|
||||
|
||||
/* ------------------------------ hover on home ----------------------------- */
|
||||
|
||||
var defaultMetadataHeight
|
||||
var openedMetadataHeight
|
||||
|
||||
|
||||
const metadataHeights = {}
|
||||
|
||||
//hover on big articles
|
||||
|
||||
$(".home-big h2 a").hover(function () {
|
||||
let cc = $(this)
|
||||
let cArticle = cc.parents("article")
|
||||
let cMetadata = cArticle.children(".metadata")
|
||||
let cBevezeto = cMetadata.children(".bevezeto")[0]
|
||||
|
||||
// calculate default height
|
||||
if (!defaultMetadataHeight) {
|
||||
defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
|
||||
}
|
||||
|
||||
//calculate opened height
|
||||
if (!openedMetadataHeight) {
|
||||
let h2H = 0
|
||||
$(".home-big h2").each(function () {
|
||||
if ($(this)[0].getBoundingClientRect().height > h2H) {
|
||||
h2H = $(this)[0].getBoundingClientRect().height
|
||||
}
|
||||
})
|
||||
let artH = cArticle[0].getBoundingClientRect().height
|
||||
openedMetadataHeight = artH - bottomScrollHeight - h2H
|
||||
// $('.alcim').css({width: openedMetadataHeight})
|
||||
$('.bevezeto').css({height: openedMetadataHeight})
|
||||
}
|
||||
|
||||
//add hovered class
|
||||
cArticle.addClass("hovered")
|
||||
|
||||
//add tag to header for bg
|
||||
let artClasses = cArticle.attr("class").split(" ")
|
||||
let theTag = findClassByStart(artClasses, "tag")
|
||||
$("body, .header-1, .header-2").addClass("hover-" + theTag)
|
||||
|
||||
//transparent metadata
|
||||
cMetadata.children(".categories, .postedon").addClass("transparent")
|
||||
|
||||
//animate border
|
||||
cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
|
||||
//hide metadata
|
||||
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
|
||||
cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
|
||||
|
||||
//clamp bevezető
|
||||
$clamp(cBevezeto, { clamp: 'auto' });
|
||||
})
|
||||
|
||||
bigArticleHoverShow($(this))
|
||||
|
||||
}, function () {
|
||||
|
||||
let cc = $(this)
|
||||
let cArticle = cc.parents("article")
|
||||
let cMetadata = cArticle.children(".metadata")
|
||||
@@ -736,45 +713,49 @@
|
||||
$("body, .header-1, .header-2").removeClass(hoverClass)
|
||||
|
||||
//transparent metadata
|
||||
cMetadata.children(".alcim, .bevezeto").addClass("transparent")
|
||||
cMetadata.children(".alcimWrapper, .bevezetoWrapper").addClass("transparent")
|
||||
|
||||
//animate height change
|
||||
cMetadata.stop().animate({ height: defaultMetadataHeight }, 400, _ => {
|
||||
cMetadata.stop().animate({ height: metadataHeights.collapsedHeight }, 400, _ => {
|
||||
//hide and show metadata
|
||||
cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
|
||||
cMetadata.children(".alcimWrapper, .bevezetoWrapper").css({ display: 'none' }).removeClass("transparent")
|
||||
cMetadata.children(".categories, .postedon").removeClass("transparent").show()
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// for testing:
|
||||
var bighovertest = (function () {
|
||||
let cc = $(".home_wrapper-1 .home-big h2 a")
|
||||
function bigArticleHoverShow(cc) {
|
||||
// let cc = $(this)
|
||||
let cArticle = cc.parents("article")
|
||||
let cMetadata = cArticle.children(".metadata")
|
||||
let cBevezeto = cMetadata.children(".bevezeto")[0]
|
||||
let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper")
|
||||
let cBevezeto = cBevezetoWrapper.children(".bevezeto")
|
||||
|
||||
// calculate default height
|
||||
if (!defaultMetadataHeight) {
|
||||
defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
|
||||
// calculate default metadata height
|
||||
if (!metadataHeights.collapsedHeight) {
|
||||
metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height
|
||||
}
|
||||
|
||||
//calculate opened height
|
||||
if (!openedMetadataHeight) {
|
||||
//calculate opened metadata height
|
||||
if (!metadataHeights.openedHeight) {
|
||||
let h2H = 0
|
||||
$(".home-big h2").each(function () {
|
||||
if ($(this)[0].getBoundingClientRect().height > h2H) {
|
||||
h2H = $(this)[0].getBoundingClientRect().height
|
||||
}
|
||||
})
|
||||
|
||||
let artH = cArticle[0].getBoundingClientRect().height
|
||||
openedMetadataHeight = artH - bottomScrollHeight - h2H
|
||||
// cMetadata.children('.alcim').css({width: openedMetadataHeight})
|
||||
$('.bevezeto').css({height: openedMetadataHeight})
|
||||
metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
|
||||
|
||||
console.log('h2h', h2H, artH)
|
||||
|
||||
//add height to bevezetoWrapper
|
||||
$('.bevezetoWrapper').css({ height: metadataHeights.openedHeight })
|
||||
|
||||
$('.alcimWrapper').css({ height: metadataHeights.openedHeight })
|
||||
}
|
||||
|
||||
|
||||
|
||||
//add hovered class
|
||||
cArticle.addClass("hovered")
|
||||
|
||||
@@ -787,15 +768,45 @@
|
||||
cMetadata.children(".categories, .postedon").addClass("transparent")
|
||||
|
||||
//animate border
|
||||
cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
|
||||
cMetadata.stop().animate({ height: metadataHeights.openedHeight }, 400, _ => {
|
||||
|
||||
//hide metadata
|
||||
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
|
||||
cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
|
||||
cMetadata.children(".bevezetoWrapper").show()
|
||||
cMetadata.children(".alcimWrapper").css({ display: 'flex' })
|
||||
|
||||
//set height for ellipsis
|
||||
if (!metadataHeights.bevezetoHeight) {
|
||||
metadataHeights.bevezetoHeight = cBevezetoWrapper.height()
|
||||
let bWidth = cBevezetoWrapper.width()
|
||||
// let bWidth = cBevezetoWrapper[0].getBoundingClientRect().width
|
||||
$('.bevezeto').css({
|
||||
height: metadataHeights.bevezetoHeight,
|
||||
width: bWidth + 'px'
|
||||
})
|
||||
$('.alcim').css({
|
||||
height: metadataHeights.bevezetoHeight,
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
//show bev+alcim
|
||||
cMetadata.children(".bevezetoWrapper, .alcimWrapper").removeClass("transparent")
|
||||
|
||||
|
||||
//clamp bevezető
|
||||
$clamp(cBevezeto, { clamp: 'auto' });
|
||||
let ellipsis = new Ellipsis(cBevezeto[0]);
|
||||
ellipsis.calc();
|
||||
ellipsis.set();
|
||||
})
|
||||
})()
|
||||
}
|
||||
|
||||
if (!isMobile && isHome) {
|
||||
setTimeout(() => {
|
||||
bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a"))
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
|
||||
119
loop-inner.php
119
loop-inner.php
@@ -1,16 +1,16 @@
|
||||
<!-- post thumbnail -->
|
||||
<?php if (has_post_thumbnail()): // Check if thumbnail exists
|
||||
if ($relatedloop === true): ?>
|
||||
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
||||
<?php the_post_thumbnail('home-square-thumbnail');?>
|
||||
</a>
|
||||
<?php else: ?>
|
||||
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
||||
<?php the_post_thumbnail('home-square-thumbnail');?>
|
||||
</a>
|
||||
<?php else: ?>
|
||||
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
||||
<?php if (is_home() and $qc < 3): ; //first two posts are big
|
||||
the_post_thumbnail('home-big-thumbnail');
|
||||
else:
|
||||
the_post_thumbnail('home-square-thumbnail');
|
||||
endif;?>
|
||||
the_post_thumbnail('home-big-thumbnail');
|
||||
else:
|
||||
the_post_thumbnail('home-square-thumbnail');
|
||||
endif;?>
|
||||
</a>
|
||||
<?php endif;?>
|
||||
<?php endif;?>
|
||||
@@ -18,66 +18,71 @@ endif;?>
|
||||
|
||||
|
||||
<div class="metadata">
|
||||
<div class="categories">
|
||||
<div class="categories">
|
||||
<?php
|
||||
$echos = [];
|
||||
foreach ((get_the_category()) as $category) {
|
||||
$echos[] = $category->name;
|
||||
}
|
||||
print implode(' | ', $echos);
|
||||
?>
|
||||
$echos = [];
|
||||
foreach ((get_the_category()) as $category) {
|
||||
$echos[] = $category->name;
|
||||
}
|
||||
print implode(' | ', $echos);
|
||||
?>
|
||||
|
||||
<?php if (is_home() and $qc < 3): ; //first two posts format only ?>
|
||||
<?php //get the post format
|
||||
$terms = get_the_terms($post->ID, 'Format');
|
||||
if ($terms && !is_wp_error($terms)) {
|
||||
foreach ($terms as $term) {
|
||||
echo '| ';
|
||||
echo $term->name;
|
||||
}
|
||||
}?>
|
||||
<?php endif;?>
|
||||
<?php //get the post format
|
||||
$terms = get_the_terms($post->ID, 'Format');
|
||||
if ($terms && !is_wp_error($terms)) {
|
||||
foreach ($terms as $term) {
|
||||
echo '| ';
|
||||
echo $term->name;
|
||||
}
|
||||
}?>
|
||||
<?php endif;?>
|
||||
</div><!-- categories end-->
|
||||
|
||||
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
||||
<!-- <div class="alcimWrapper"> -->
|
||||
|
||||
|
||||
<div class="alcim">
|
||||
<?php
|
||||
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
|
||||
// Check if the custom field has a value.
|
||||
if (!empty($dis_alcim_value)) {
|
||||
echo $dis_alcim_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
<?php endif;?>
|
||||
<div class="alcimWrapper">
|
||||
<div class="alcim">
|
||||
<div class="alcimInner">
|
||||
<?php
|
||||
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
|
||||
// Check if the custom field has a value.
|
||||
if (!empty($dis_alcim_value)) {
|
||||
echo $dis_alcim_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
<div class="vr"></div>
|
||||
<div class="postedon">
|
||||
'<?php the_time('y.m.d.');?>
|
||||
</div>
|
||||
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
||||
<div class="bevezeto">
|
||||
<?php
|
||||
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
|
||||
// Check if the custom field has a value.
|
||||
if (!empty($dis_bevezeto_value)) {
|
||||
echo $dis_bevezeto_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bevezetoWrapper">
|
||||
<div class="bevezeto">
|
||||
<div class="bevezetoInner">
|
||||
<?php
|
||||
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
|
||||
// Check if the custom field has a value.
|
||||
if (!empty($dis_bevezeto_value)) {
|
||||
echo $dis_bevezeto_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
|
||||
<?php endif;?>
|
||||
<div class="filler"></div>
|
||||
<?php if (is_home() and $qc == 1): ; //first post on home ?>
|
||||
<div class="curvyArrow">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
|
||||
</object>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
<div class="filler"></div>
|
||||
|
||||
<?php if (is_home() and $qc == 1): ; //first post on home ?>
|
||||
<div class="curvyArrow">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg" type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
|
||||
</object>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
</div> <!-- metadata end -->
|
||||
|
||||
|
||||
|
||||
21
loop.php
21
loop.php
@@ -1,15 +1,20 @@
|
||||
<?php if (have_posts()): while (have_posts()): the_post();
|
||||
static $qc = 0;
|
||||
$qc++;
|
||||
?>
|
||||
<article id="post-<?php the_ID();?>" <?php post_class();?>>
|
||||
<?php include( locate_template( 'loop-inner.php', false, false ) ); ?>
|
||||
</article>
|
||||
static $qc = 0;
|
||||
$qc++;
|
||||
if (is_home() and $qc < 3) {
|
||||
$firstclass = 'post_nr post_nr_' . $qc;
|
||||
} else {
|
||||
$firstclass = '';
|
||||
}
|
||||
?>
|
||||
<article id="post-<?php the_ID();?>" <?php post_class($firstclass);?>>
|
||||
<?php include locate_template('loop-inner.php', false, false);?>
|
||||
</article>
|
||||
|
||||
|
||||
<?php endwhile;?>
|
||||
<?php endwhile;?>
|
||||
|
||||
<?php else: ?>
|
||||
<?php else: ?>
|
||||
|
||||
<!-- article -->
|
||||
<article class="no-result">
|
||||
|
||||
@@ -32,16 +32,19 @@
|
||||
|
||||
@mixin home-title {
|
||||
//article titles on home
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
font: bold 2.2rem "Westeinde Caption";
|
||||
color: #000;
|
||||
@media #{$bigmobile} {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
@media #{$mobile-landscape} {
|
||||
font-size: 2.5rem !important;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 6rem;
|
||||
font-size: 5rem;
|
||||
}
|
||||
@media #{$bigdesktop} {
|
||||
font-size: 7.5rem;
|
||||
font-size: 6.8rem;
|
||||
}
|
||||
@media #{$verybigdesktop} {
|
||||
font-size: 11rem;
|
||||
@@ -63,6 +66,14 @@
|
||||
|
||||
@mixin home-title-small {
|
||||
//small titles on desktop on home and archives
|
||||
font: bold 1.5rem "Westeinde Caption";
|
||||
color: #000;
|
||||
@media #{$bigmobile} {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
@media #{$mobile-landscape} {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
@media #{$tablet} {
|
||||
font-size: 1.3rem;
|
||||
color: #000;
|
||||
@@ -108,14 +119,19 @@
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
@media #{$bigdesktop} {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin home-metadata-bevezeto {
|
||||
font: bold 1rem "Butler";
|
||||
line-height: 1rem;
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
294
sass/base.scss
294
sass/base.scss
@@ -84,6 +84,11 @@ object {
|
||||
/* MEDIA QUERIES */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
$bigmobile: only screen and
|
||||
(
|
||||
min-width: 360px
|
||||
);
|
||||
|
||||
$only-mobile: only screen and
|
||||
(
|
||||
max-width: 768px
|
||||
@@ -103,7 +108,10 @@ $mobile-landscape: only screen and
|
||||
(
|
||||
min-width: 769px
|
||||
)
|
||||
and (-webkit-min-device-pixel-ratio: 2.1);
|
||||
and (-webkit-min-device-pixel-ratio: 2.1) and
|
||||
(
|
||||
min-aspect-ratio: 1/1
|
||||
);
|
||||
|
||||
$bigdesktop: only screen and
|
||||
(
|
||||
@@ -293,6 +301,71 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* COOKIE NOTIFICATION */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.cookie-notice-container {
|
||||
@include home-metadata();
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
padding: 2rem;
|
||||
|
||||
@media #{$tablet} {
|
||||
flex-direction: row;
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@media #{$verybigdesktop} {
|
||||
max-width: 1920px;
|
||||
}
|
||||
|
||||
|
||||
span{
|
||||
text-align: left;
|
||||
@media #{$tablet} {
|
||||
flex: 1 1 auto;
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
#cn-accept-cookie {
|
||||
background-color: #000;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
order: 99;
|
||||
@include home-title-small();
|
||||
color: #ff0;
|
||||
padding: 1rem 2rem;
|
||||
|
||||
// @include fit-content(width);
|
||||
@include fit-content(height);
|
||||
margin-top: 1.5rem;
|
||||
align-self: center;
|
||||
@media #{$tablet} {
|
||||
margin: 0;
|
||||
color: #ff0;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
}
|
||||
#cn-more-info {
|
||||
@include home-title-small;
|
||||
margin-top: 1rem;
|
||||
-webkit-text-stroke: #000 1px;
|
||||
color: transparent;
|
||||
@media #{$tablet} {
|
||||
flex: 0 0 auto;
|
||||
margin: 0 2rem;
|
||||
line-height: 1;
|
||||
align-self: center;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* STRUCTURE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@@ -600,13 +673,14 @@ $v-unit-6: 24rem;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
padding-top: 2rem;
|
||||
padding: 2rem;
|
||||
flex-shrink: 1;
|
||||
@media #{$tablet} {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
padding: 2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
// @media #{$smalldesktop} {
|
||||
// padding: 2rem 0;
|
||||
// }
|
||||
a {
|
||||
@include menutext();
|
||||
}
|
||||
@@ -701,6 +775,8 @@ $v-unit-6: 24rem;
|
||||
|
||||
/* -------------------------------- load more ------------------------------- */
|
||||
.misha_loadmore {
|
||||
text-align: center;
|
||||
padding: 2rem 0;
|
||||
@media #{$tablet} {
|
||||
min-width: $h-unit-2;
|
||||
width: calc(100vw - ((100vh - #{$v-unit-2}) / 2 * 3) - #{$h-unit-4});
|
||||
@@ -802,6 +878,16 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
//header not on home
|
||||
&.archive,
|
||||
&.search-results,
|
||||
&.search-no-results,
|
||||
&.error404 {
|
||||
.wrapper .header {
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
@media #{$tablet} {
|
||||
height: 100vh;
|
||||
@@ -826,7 +912,7 @@ $v-unit-6: 24rem;
|
||||
/* --------------------------- home article mobile/default -------------------------- */
|
||||
|
||||
article {
|
||||
height: 100vh;
|
||||
// height: 100vh;
|
||||
|
||||
& > a {
|
||||
margin: 0;
|
||||
@@ -838,7 +924,8 @@ $v-unit-6: 24rem;
|
||||
.thumbnailwrapper {
|
||||
img {
|
||||
// post thumbnail on home
|
||||
height: 50vh;
|
||||
// height: 50vh;
|
||||
height: 50vw;
|
||||
width: 100vw;
|
||||
object-fit: cover;
|
||||
}
|
||||
@@ -846,21 +933,23 @@ $v-unit-6: 24rem;
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
|
||||
height: 37.5vw;
|
||||
padding: 2rem;
|
||||
padding-top: 3rem;
|
||||
padding-top: 1.5rem;
|
||||
margin: 0;
|
||||
line-height: 0.8;
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// align-items: center;
|
||||
|
||||
a {
|
||||
@include home-title();
|
||||
@include home-title-small();
|
||||
}
|
||||
}
|
||||
|
||||
.metadata {
|
||||
bottom: 50%;
|
||||
bottom: 37.5vw;
|
||||
height: $h-unit-1;
|
||||
display: flex;
|
||||
@include fit-content(width);
|
||||
@@ -879,12 +968,48 @@ $v-unit-6: 24rem;
|
||||
box-shadow: 0 0 1px transparent;
|
||||
}
|
||||
|
||||
.bevezeto,
|
||||
.bevezetoWrapper,
|
||||
.alcimWrapper,
|
||||
.curvyArrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ----------------------- home article mobile cutout ----------------------- */
|
||||
|
||||
&.cut-even {
|
||||
.metadata {
|
||||
background-color: transparent;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ----------------------- home article mobile first 2 ----------------------- */
|
||||
&.post_nr_1,
|
||||
&.post_nr_2 {
|
||||
height: 100vh;
|
||||
.thumbnailwrapper {
|
||||
img {
|
||||
height: 50vh;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
height: 50vh;
|
||||
|
||||
padding-top: 3rem;
|
||||
a {
|
||||
@include home-title();
|
||||
@media #{$bigmobile} {
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
.metadata {
|
||||
bottom: 50%;
|
||||
}
|
||||
}
|
||||
} //article end
|
||||
|
||||
/* ------------------------ home article desktop big ------------------------ */
|
||||
@@ -968,10 +1093,6 @@ $v-unit-6: 24rem;
|
||||
height: calc(#{$h-unit-2} / 2);
|
||||
}
|
||||
|
||||
&.noBottomScrollbar {
|
||||
height: $h-unit-2 + 1.5rem;
|
||||
}
|
||||
|
||||
& > div {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
@@ -985,13 +1106,14 @@ $v-unit-6: 24rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.bevezeto,
|
||||
.bevezetoWrapper,
|
||||
.alcimWrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.transparent,
|
||||
.transparent a {
|
||||
.transparent a,
|
||||
.transparent div {
|
||||
color: transparent !important;
|
||||
//color: #000 !important;
|
||||
}
|
||||
@@ -1027,36 +1149,64 @@ $v-unit-6: 24rem;
|
||||
} //metadata end
|
||||
|
||||
/* --------------------- home article desktop big hover --------------------- */
|
||||
&.hovered {
|
||||
.bevezeto,
|
||||
.alcim {
|
||||
color: #000 !important;
|
||||
// flex: 0 0 auto;
|
||||
}
|
||||
// &.hovered {
|
||||
.bevezeto,
|
||||
.alcim {
|
||||
color: #000 !important;
|
||||
// flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.alcimWrapper {
|
||||
align-self: flex-start;
|
||||
padding: $v-unit-1 / 2 0 $h-unit-1;
|
||||
min-width: $v-unit-2;
|
||||
margin: 0 auto;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-content: space-around;
|
||||
position: relative;
|
||||
.alcim {
|
||||
writing-mode: vertical-rl;
|
||||
@include transform(rotate(180deg));
|
||||
|
||||
text-align: right;
|
||||
writing-mode: vertical-lr;
|
||||
margin: $v-unit-1 / 2;
|
||||
}
|
||||
flex: 0 0 auto;
|
||||
|
||||
.bevezeto {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
text-align: left;
|
||||
margin: 0 $v-unit-1 / 2;
|
||||
padding: $v-unit-1 / 2 0;
|
||||
align-self: flex-start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: flex-end;
|
||||
|
||||
@include home-metadata-bevezeto();
|
||||
}
|
||||
|
||||
h2 > a {
|
||||
color: #000;
|
||||
.alcimInner {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bevezetoWrapper {
|
||||
line-height: 1;
|
||||
padding: $v-unit-1 / 2;
|
||||
align-self: flex-start;
|
||||
|
||||
.bevezeto {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
|
||||
@include home-metadata-bevezeto();
|
||||
|
||||
.bevezetoInner {
|
||||
@include home-metadata-bevezeto();
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hovered h2 > a {
|
||||
color: #000;
|
||||
}
|
||||
// }
|
||||
}
|
||||
|
||||
/* ------------------------ home article desktop 1 + 2 ----------------------- */
|
||||
@@ -1336,9 +1486,6 @@ $v-unit-6: 24rem;
|
||||
&.search-no-results {
|
||||
.wrapper {
|
||||
height: unset;
|
||||
header {
|
||||
background-color: #000;
|
||||
}
|
||||
section .archivetitle {
|
||||
padding: 8rem 2rem 0;
|
||||
}
|
||||
@@ -1426,9 +1573,6 @@ $v-unit-6: 24rem;
|
||||
.search-no-results {
|
||||
.wrapper {
|
||||
height: unset;
|
||||
header {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
main {
|
||||
section {
|
||||
@@ -2105,6 +2249,10 @@ $padd: 2rem;
|
||||
-webkit-text-stroke-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 2rem !important;
|
||||
}
|
||||
}
|
||||
.toHome {
|
||||
@media #{$tablet} {
|
||||
@@ -2331,6 +2479,12 @@ $padd: 2rem;
|
||||
|
||||
/* -------------------------------- page only------------------------------- */
|
||||
body.page {
|
||||
@media #{$only-mobile} {
|
||||
.single-content {
|
||||
padding-top: 8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$tablet} {
|
||||
article {
|
||||
margin-top: $h-unit-2;
|
||||
@@ -2412,17 +2566,15 @@ body.page {
|
||||
//tagclip: filters on small articale images
|
||||
|
||||
@mixin tagclip($tag) {
|
||||
-webkit-mask: url(../img/clip/#{$tag}_mobil.svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100%;
|
||||
mask: url(../img/clip/#{$tag}_mobil.svg);
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
@media #{$tablet} {
|
||||
.thumbnailwrapper > img {
|
||||
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100%;
|
||||
// -webkit-clip-path: url(../img/clip/#{$tag}_desktop.svg);
|
||||
// clip-path: url(../img/clip/#{$tag}_desktop.svg#clipper);
|
||||
mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: 100%;
|
||||
}
|
||||
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||
mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2487,8 +2639,11 @@ $color-love-dark: #7f2f2f;
|
||||
color: #000;
|
||||
background-color: $color-do;
|
||||
}
|
||||
&.random {
|
||||
@include tagclip(be);
|
||||
&.random,
|
||||
&.cut-even {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(be);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2498,8 +2653,11 @@ $color-love-dark: #7f2f2f;
|
||||
color: #000;
|
||||
background-color: $color-be;
|
||||
}
|
||||
&.random {
|
||||
@include tagclip(do);
|
||||
&.random,
|
||||
&.cut-even {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(do);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2509,8 +2667,11 @@ $color-love-dark: #7f2f2f;
|
||||
color: #000;
|
||||
background-color: $color-love;
|
||||
}
|
||||
&.random {
|
||||
@include tagclip(think);
|
||||
&.random,
|
||||
&.cut-even {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(think);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2520,8 +2681,11 @@ $color-love-dark: #7f2f2f;
|
||||
color: #000;
|
||||
background-color: $color-think;
|
||||
}
|
||||
&.random {
|
||||
@include tagclip(love);
|
||||
&.random,
|
||||
&.cut-even {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(love);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user