mobile home and friends
This commit is contained in:
infeeeee
20
_jegyzet.md
20
_jegyzet.md
@@ -2,20 +2,10 @@
|
|||||||
# Kérdések
|
# 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:
|
### 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
|
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
|
## 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?
|
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
|
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!
|
.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?
|
Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött?
|
||||||
|
|
||||||
Hover a linkekre azt eseménynél? Nyílra?
|
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 - ✔
|
# Esemény oldal - ✔
|
||||||
|
|
||||||
# Kezdőlap
|
# Kezdőlap - ✔
|
||||||
|
|
||||||
felgördülő szövegkivonat -> felülre igazítva
|
# Kategória oldalak - ✔
|
||||||
felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
|
|
||||||
|
|
||||||
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
|
# Keresési eredmények - ✔
|
||||||
|
|
||||||
|
|
||||||
## 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
|
|
||||||
|
|
||||||
# egyéb
|
# egyéb
|
||||||
|
|
||||||
Cookie értesítés
|
Cookie értesítés
|
||||||
|
|
||||||
`@media print{}`
|
`@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>
|
</div>
|
||||||
<!-- /wrapper -->
|
<!-- /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 -->
|
<!-- analytics -->
|
||||||
<script>
|
<script>
|
||||||
@@ -16,5 +22,9 @@
|
|||||||
ga('send', 'pageview');
|
ga('send', 'pageview');
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); //
|
||||||
wp_enqueue_script('lettering'); // Enqueue it!
|
wp_enqueue_script('lettering'); // Enqueue it!
|
||||||
|
|
||||||
wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); //
|
// wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); //
|
||||||
wp_enqueue_script('clamp'); // Enqueue it!
|
// 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(
|
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
|
||||||
'jquery',
|
'jquery',
|
||||||
@@ -135,6 +138,7 @@ function dis2019_header_scripts()
|
|||||||
'fittext',
|
'fittext',
|
||||||
'jquery.colorbox',
|
'jquery.colorbox',
|
||||||
'lettering',
|
'lettering',
|
||||||
|
'ftellipsis',
|
||||||
// 'clamp',
|
// 'clamp',
|
||||||
), '1.0.0'); // Custom scripts
|
), '1.0.0'); // Custom scripts
|
||||||
wp_enqueue_script('dis2019scripts'); // Enqueue it!
|
wp_enqueue_script('dis2019scripts'); // Enqueue it!
|
||||||
|
|||||||
34
header.php
34
header.php
@@ -1,20 +1,28 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html <?php language_attributes(); ?> class="no-js">
|
<html <?php language_attributes();?> class="no-js">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="<?php bloginfo('charset'); ?>">
|
<meta charset="<?php bloginfo('charset');?>">
|
||||||
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
|
<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="//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 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="width=device-width, initial-scale=1.0">
|
||||||
<!-- <meta name="viewport" content="height=device-height, 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>
|
<script>
|
||||||
// conditionizr.com
|
// conditionizr.com
|
||||||
// configure environment tests
|
// configure environment tests
|
||||||
@@ -26,7 +34,7 @@
|
|||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body <?php body_class(); ?>>
|
<body <?php body_class();?>>
|
||||||
|
|
||||||
<!-- wrapper -->
|
<!-- wrapper -->
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
@@ -64,7 +72,7 @@
|
|||||||
</object>
|
</object>
|
||||||
</button>
|
</button>
|
||||||
<div class="search-bar">
|
<div class="search-bar">
|
||||||
<?php get_search_form(); ?>
|
<?php get_search_form();?>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- search end -->
|
</div><!-- search end -->
|
||||||
|
|
||||||
@@ -101,7 +109,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="events-link">
|
<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"
|
<object data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.svg"
|
||||||
type="image/svg+xml">
|
type="image/svg+xml">
|
||||||
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon.png" />
|
<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">
|
<nav role="navigation" id="sidebar-wrapper" class="nav sidebar-wrapper">
|
||||||
|
|
||||||
<?php //dis2019_nav(); ?>
|
<?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 class="menuseparator">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<?php wp_nav_menu( array( 'theme_location' => 'main-right-menu') ); ?>
|
<?php wp_nav_menu(array('theme_location' => 'main-right-menu'));?>
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
@@ -134,7 +142,7 @@
|
|||||||
<div id="tag-nav">
|
<div id="tag-nav">
|
||||||
<nav role="navigation" class="tag-nav">
|
<nav role="navigation" class="tag-nav">
|
||||||
<!-- <?php //$walker = new Menu_With_Description; ?> -->
|
<!-- <?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>
|
</nav>
|
||||||
<!-- <div class="sub-wrapper">
|
<!-- <div class="sub-wrapper">
|
||||||
</div> -->
|
</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:
|
//add bottom scrollbar to div on bottom:
|
||||||
if (bottomScrollHeight > 0) {
|
if (bottomScrollHeight > 0) {
|
||||||
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
|
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
|
||||||
} else {
|
|
||||||
$(".home_wrapper-big .metadata").addClass("noBottomScrollbar")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//fit title
|
//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 ----------------------------- */
|
/* ----------------------------- Snap on mobile ----------------------------- */
|
||||||
|
|
||||||
// if (isMobile) {
|
// if (isMobile) {
|
||||||
@@ -580,10 +593,15 @@
|
|||||||
//wrap new elements on load
|
//wrap new elements on load
|
||||||
articleWrapCounter++
|
articleWrapCounter++
|
||||||
var wrapnum = articleWrapCounter + 2
|
var wrapnum = articleWrapCounter + 2
|
||||||
$("#content>article")
|
|
||||||
.addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
if (isMobile) {
|
||||||
.wrapAll('<div class="home_wrapper-small home_wrapper-' + wrapnum + '"></div>')
|
mobileHomeClass()
|
||||||
$(".home_wrapper-" + wrapnum).addRandomClasses()
|
} 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
|
//Scroll to new element
|
||||||
if (scroll) {
|
if (scroll) {
|
||||||
@@ -615,7 +633,7 @@
|
|||||||
|
|
||||||
function loadmore(element, scroll = true) {
|
function loadmore(element, scroll = true) {
|
||||||
if (noMoreAjax) {
|
if (noMoreAjax) {
|
||||||
console.log("no more ajax")
|
// console.log("no more ajax")
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
// var button = $(this),
|
// var button = $(this),
|
||||||
@@ -671,58 +689,17 @@
|
|||||||
|
|
||||||
/* ------------------------------ hover on home ----------------------------- */
|
/* ------------------------------ hover on home ----------------------------- */
|
||||||
|
|
||||||
var defaultMetadataHeight
|
|
||||||
var openedMetadataHeight
|
|
||||||
|
const metadataHeights = {}
|
||||||
|
|
||||||
//hover on big articles
|
//hover on big articles
|
||||||
|
|
||||||
$(".home-big h2 a").hover(function () {
|
$(".home-big h2 a").hover(function () {
|
||||||
let cc = $(this)
|
bigArticleHoverShow($(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' });
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
}, function () {
|
}, function () {
|
||||||
|
|
||||||
let cc = $(this)
|
let cc = $(this)
|
||||||
let cArticle = cc.parents("article")
|
let cArticle = cc.parents("article")
|
||||||
let cMetadata = cArticle.children(".metadata")
|
let cMetadata = cArticle.children(".metadata")
|
||||||
@@ -736,45 +713,49 @@
|
|||||||
$("body, .header-1, .header-2").removeClass(hoverClass)
|
$("body, .header-1, .header-2").removeClass(hoverClass)
|
||||||
|
|
||||||
//transparent metadata
|
//transparent metadata
|
||||||
cMetadata.children(".alcim, .bevezeto").addClass("transparent")
|
cMetadata.children(".alcimWrapper, .bevezetoWrapper").addClass("transparent")
|
||||||
|
|
||||||
//animate height change
|
//animate height change
|
||||||
cMetadata.stop().animate({ height: defaultMetadataHeight }, 400, _ => {
|
cMetadata.stop().animate({ height: metadataHeights.collapsedHeight }, 400, _ => {
|
||||||
//hide and show metadata
|
//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()
|
cMetadata.children(".categories, .postedon").removeClass("transparent").show()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
// for testing:
|
function bigArticleHoverShow(cc) {
|
||||||
var bighovertest = (function () {
|
// let cc = $(this)
|
||||||
let cc = $(".home_wrapper-1 .home-big h2 a")
|
|
||||||
let cArticle = cc.parents("article")
|
let cArticle = cc.parents("article")
|
||||||
let cMetadata = cArticle.children(".metadata")
|
let cMetadata = cArticle.children(".metadata")
|
||||||
let cBevezeto = cMetadata.children(".bevezeto")[0]
|
let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper")
|
||||||
|
let cBevezeto = cBevezetoWrapper.children(".bevezeto")
|
||||||
|
|
||||||
// calculate default height
|
// calculate default metadata height
|
||||||
if (!defaultMetadataHeight) {
|
if (!metadataHeights.collapsedHeight) {
|
||||||
defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
|
metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height
|
||||||
}
|
}
|
||||||
|
|
||||||
//calculate opened height
|
//calculate opened metadata height
|
||||||
if (!openedMetadataHeight) {
|
if (!metadataHeights.openedHeight) {
|
||||||
let h2H = 0
|
let h2H = 0
|
||||||
$(".home-big h2").each(function () {
|
$(".home-big h2").each(function () {
|
||||||
if ($(this)[0].getBoundingClientRect().height > h2H) {
|
if ($(this)[0].getBoundingClientRect().height > h2H) {
|
||||||
h2H = $(this)[0].getBoundingClientRect().height
|
h2H = $(this)[0].getBoundingClientRect().height
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
let artH = cArticle[0].getBoundingClientRect().height
|
let artH = cArticle[0].getBoundingClientRect().height
|
||||||
openedMetadataHeight = artH - bottomScrollHeight - h2H
|
metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
|
||||||
// cMetadata.children('.alcim').css({width: openedMetadataHeight})
|
|
||||||
$('.bevezeto').css({height: openedMetadataHeight})
|
console.log('h2h', h2H, artH)
|
||||||
|
|
||||||
|
//add height to bevezetoWrapper
|
||||||
|
$('.bevezetoWrapper').css({ height: metadataHeights.openedHeight })
|
||||||
|
|
||||||
|
$('.alcimWrapper').css({ height: metadataHeights.openedHeight })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//add hovered class
|
//add hovered class
|
||||||
cArticle.addClass("hovered")
|
cArticle.addClass("hovered")
|
||||||
|
|
||||||
@@ -787,15 +768,45 @@
|
|||||||
cMetadata.children(".categories, .postedon").addClass("transparent")
|
cMetadata.children(".categories, .postedon").addClass("transparent")
|
||||||
|
|
||||||
//animate border
|
//animate border
|
||||||
cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
|
cMetadata.stop().animate({ height: metadataHeights.openedHeight }, 400, _ => {
|
||||||
|
|
||||||
//hide metadata
|
//hide metadata
|
||||||
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
|
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 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 -->
|
<!-- post thumbnail -->
|
||||||
<?php if (has_post_thumbnail()): // Check if thumbnail exists
|
<?php if (has_post_thumbnail()): // Check if thumbnail exists
|
||||||
if ($relatedloop === true): ?>
|
if ($relatedloop === true): ?>
|
||||||
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
||||||
<?php the_post_thumbnail('home-square-thumbnail');?>
|
<?php the_post_thumbnail('home-square-thumbnail');?>
|
||||||
</a>
|
</a>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
|
||||||
<?php if (is_home() and $qc < 3): ; //first two posts are big
|
<?php if (is_home() and $qc < 3): ; //first two posts are big
|
||||||
the_post_thumbnail('home-big-thumbnail');
|
the_post_thumbnail('home-big-thumbnail');
|
||||||
else:
|
else:
|
||||||
the_post_thumbnail('home-square-thumbnail');
|
the_post_thumbnail('home-square-thumbnail');
|
||||||
endif;?>
|
endif;?>
|
||||||
</a>
|
</a>
|
||||||
<?php endif;?>
|
<?php endif;?>
|
||||||
<?php endif;?>
|
<?php endif;?>
|
||||||
@@ -18,66 +18,71 @@ endif;?>
|
|||||||
|
|
||||||
|
|
||||||
<div class="metadata">
|
<div class="metadata">
|
||||||
<div class="categories">
|
<div class="categories">
|
||||||
<?php
|
<?php
|
||||||
$echos = [];
|
$echos = [];
|
||||||
foreach ((get_the_category()) as $category) {
|
foreach ((get_the_category()) as $category) {
|
||||||
$echos[] = $category->name;
|
$echos[] = $category->name;
|
||||||
}
|
}
|
||||||
print implode(' | ', $echos);
|
print implode(' | ', $echos);
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php if (is_home() and $qc < 3): ; //first two posts format only ?>
|
<?php if (is_home() and $qc < 3): ; //first two posts format only ?>
|
||||||
<?php //get the post format
|
<?php //get the post format
|
||||||
$terms = get_the_terms($post->ID, 'Format');
|
$terms = get_the_terms($post->ID, 'Format');
|
||||||
if ($terms && !is_wp_error($terms)) {
|
if ($terms && !is_wp_error($terms)) {
|
||||||
foreach ($terms as $term) {
|
foreach ($terms as $term) {
|
||||||
echo '| ';
|
echo '| ';
|
||||||
echo $term->name;
|
echo $term->name;
|
||||||
}
|
}
|
||||||
}?>
|
}?>
|
||||||
<?php endif;?>
|
<?php endif;?>
|
||||||
</div><!-- categories end-->
|
</div><!-- categories end-->
|
||||||
|
|
||||||
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
||||||
<!-- <div class="alcimWrapper"> -->
|
<div class="alcimWrapper">
|
||||||
|
<div class="alcim">
|
||||||
|
<div class="alcimInner">
|
||||||
<div class="alcim">
|
<?php
|
||||||
<?php
|
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
|
||||||
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
|
// Check if the custom field has a value.
|
||||||
// Check if the custom field has a value.
|
if (!empty($dis_alcim_value)) {
|
||||||
if (!empty($dis_alcim_value)) {
|
echo $dis_alcim_value;
|
||||||
echo $dis_alcim_value;
|
}
|
||||||
}
|
?>
|
||||||
?>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
</div>
|
||||||
<?php endif;?>
|
<?php endif;?>
|
||||||
<div class="vr"></div>
|
<div class="vr"></div>
|
||||||
<div class="postedon">
|
<div class="postedon">
|
||||||
'<?php the_time('y.m.d.');?>
|
'<?php the_time('y.m.d.');?>
|
||||||
</div>
|
</div>
|
||||||
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
||||||
<div class="bevezeto">
|
<div class="bevezetoWrapper">
|
||||||
<?php
|
<div class="bevezeto">
|
||||||
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
|
<div class="bevezetoInner">
|
||||||
// Check if the custom field has a value.
|
<?php
|
||||||
if (!empty($dis_bevezeto_value)) {
|
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
|
||||||
echo $dis_bevezeto_value;
|
// Check if the custom field has a value.
|
||||||
}
|
if (!empty($dis_bevezeto_value)) {
|
||||||
?>
|
echo $dis_bevezeto_value;
|
||||||
</div>
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif;?>
|
||||||
|
|
||||||
<?php endif;?>
|
<div class="filler"></div>
|
||||||
<div class="filler"></div>
|
|
||||||
<?php if (is_home() and $qc == 1): ; //first post on home ?>
|
<?php if (is_home() and $qc == 1): ; //first post on home ?>
|
||||||
<div class="curvyArrow">
|
<div class="curvyArrow">
|
||||||
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg"
|
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg" type="image/svg+xml">
|
||||||
type="image/svg+xml">
|
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
|
||||||
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
|
</object>
|
||||||
</object>
|
</div>
|
||||||
</div>
|
<?php endif;?>
|
||||||
<?php endif;?>
|
|
||||||
</div> <!-- metadata end -->
|
</div> <!-- metadata end -->
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
21
loop.php
21
loop.php
@@ -1,15 +1,20 @@
|
|||||||
<?php if (have_posts()): while (have_posts()): the_post();
|
<?php if (have_posts()): while (have_posts()): the_post();
|
||||||
static $qc = 0;
|
static $qc = 0;
|
||||||
$qc++;
|
$qc++;
|
||||||
?>
|
if (is_home() and $qc < 3) {
|
||||||
<article id="post-<?php the_ID();?>" <?php post_class();?>>
|
$firstclass = 'post_nr post_nr_' . $qc;
|
||||||
<?php include( locate_template( 'loop-inner.php', false, false ) ); ?>
|
} else {
|
||||||
</article>
|
$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 -->
|
||||||
<article class="no-result">
|
<article class="no-result">
|
||||||
|
|||||||
@@ -32,16 +32,19 @@
|
|||||||
|
|
||||||
@mixin home-title {
|
@mixin home-title {
|
||||||
//article titles on home
|
//article titles on home
|
||||||
font: bold 3rem "Westeinde Caption";
|
font: bold 2.2rem "Westeinde Caption";
|
||||||
color: #000;
|
color: #000;
|
||||||
|
@media #{$bigmobile} {
|
||||||
|
font-size: 2.8rem;
|
||||||
|
}
|
||||||
@media #{$mobile-landscape} {
|
@media #{$mobile-landscape} {
|
||||||
font-size: 2.5rem !important;
|
font-size: 2.5rem;
|
||||||
}
|
}
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
font-size: 6rem;
|
font-size: 5rem;
|
||||||
}
|
}
|
||||||
@media #{$bigdesktop} {
|
@media #{$bigdesktop} {
|
||||||
font-size: 7.5rem;
|
font-size: 6.8rem;
|
||||||
}
|
}
|
||||||
@media #{$verybigdesktop} {
|
@media #{$verybigdesktop} {
|
||||||
font-size: 11rem;
|
font-size: 11rem;
|
||||||
@@ -63,6 +66,14 @@
|
|||||||
|
|
||||||
@mixin home-title-small {
|
@mixin home-title-small {
|
||||||
//small titles on desktop on home and archives
|
//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} {
|
@media #{$tablet} {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
color: #000;
|
color: #000;
|
||||||
@@ -108,14 +119,19 @@
|
|||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
@media #{$bigdesktop} {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin home-metadata-bevezeto {
|
@mixin home-metadata-bevezeto {
|
||||||
font: bold 1rem "Butler";
|
font: bold 1rem "Butler";
|
||||||
|
line-height: 1rem;
|
||||||
@media #{$smalldesktop} {
|
@media #{$smalldesktop} {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
294
sass/base.scss
294
sass/base.scss
@@ -84,6 +84,11 @@ object {
|
|||||||
/* MEDIA QUERIES */
|
/* MEDIA QUERIES */
|
||||||
/* -------------------------------------------------------------------------- */
|
/* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
$bigmobile: only screen and
|
||||||
|
(
|
||||||
|
min-width: 360px
|
||||||
|
);
|
||||||
|
|
||||||
$only-mobile: only screen and
|
$only-mobile: only screen and
|
||||||
(
|
(
|
||||||
max-width: 768px
|
max-width: 768px
|
||||||
@@ -103,7 +108,10 @@ $mobile-landscape: only screen and
|
|||||||
(
|
(
|
||||||
min-width: 769px
|
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
|
$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 */
|
/* STRUCTURE */
|
||||||
/* -------------------------------------------------------------------------- */
|
/* -------------------------------------------------------------------------- */
|
||||||
@@ -600,13 +673,14 @@ $v-unit-6: 24rem;
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 2rem;
|
padding: 2rem;
|
||||||
|
flex-shrink: 1;
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
padding: 1rem 0;
|
padding: 0;
|
||||||
}
|
|
||||||
@media #{$smalldesktop} {
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
}
|
||||||
|
// @media #{$smalldesktop} {
|
||||||
|
// padding: 2rem 0;
|
||||||
|
// }
|
||||||
a {
|
a {
|
||||||
@include menutext();
|
@include menutext();
|
||||||
}
|
}
|
||||||
@@ -701,6 +775,8 @@ $v-unit-6: 24rem;
|
|||||||
|
|
||||||
/* -------------------------------- load more ------------------------------- */
|
/* -------------------------------- load more ------------------------------- */
|
||||||
.misha_loadmore {
|
.misha_loadmore {
|
||||||
|
text-align: center;
|
||||||
|
padding: 2rem 0;
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
min-width: $h-unit-2;
|
min-width: $h-unit-2;
|
||||||
width: calc(100vw - ((100vh - #{$v-unit-2}) / 2 * 3) - #{$h-unit-4});
|
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 {
|
main {
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@@ -826,7 +912,7 @@ $v-unit-6: 24rem;
|
|||||||
/* --------------------------- home article mobile/default -------------------------- */
|
/* --------------------------- home article mobile/default -------------------------- */
|
||||||
|
|
||||||
article {
|
article {
|
||||||
height: 100vh;
|
// height: 100vh;
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -838,7 +924,8 @@ $v-unit-6: 24rem;
|
|||||||
.thumbnailwrapper {
|
.thumbnailwrapper {
|
||||||
img {
|
img {
|
||||||
// post thumbnail on home
|
// post thumbnail on home
|
||||||
height: 50vh;
|
// height: 50vh;
|
||||||
|
height: 50vw;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
@@ -846,21 +933,23 @@ $v-unit-6: 24rem;
|
|||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50vh;
|
|
||||||
|
height: 37.5vw;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
padding-top: 3rem;
|
padding-top: 1.5rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
line-height: 0.8;
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// flex-direction: row;
|
// flex-direction: row;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@include home-title();
|
@include home-title-small();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.metadata {
|
.metadata {
|
||||||
bottom: 50%;
|
bottom: 37.5vw;
|
||||||
height: $h-unit-1;
|
height: $h-unit-1;
|
||||||
display: flex;
|
display: flex;
|
||||||
@include fit-content(width);
|
@include fit-content(width);
|
||||||
@@ -879,12 +968,48 @@ $v-unit-6: 24rem;
|
|||||||
box-shadow: 0 0 1px transparent;
|
box-shadow: 0 0 1px transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bevezeto,
|
.bevezetoWrapper,
|
||||||
.alcimWrapper,
|
.alcimWrapper,
|
||||||
.curvyArrow {
|
.curvyArrow {
|
||||||
display: none;
|
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
|
} //article end
|
||||||
|
|
||||||
/* ------------------------ home article desktop big ------------------------ */
|
/* ------------------------ home article desktop big ------------------------ */
|
||||||
@@ -968,10 +1093,6 @@ $v-unit-6: 24rem;
|
|||||||
height: calc(#{$h-unit-2} / 2);
|
height: calc(#{$h-unit-2} / 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.noBottomScrollbar {
|
|
||||||
height: $h-unit-2 + 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
@@ -985,13 +1106,14 @@ $v-unit-6: 24rem;
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bevezeto,
|
.bevezetoWrapper,
|
||||||
.alcimWrapper {
|
.alcimWrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.transparent,
|
.transparent,
|
||||||
.transparent a {
|
.transparent a,
|
||||||
|
.transparent div {
|
||||||
color: transparent !important;
|
color: transparent !important;
|
||||||
//color: #000 !important;
|
//color: #000 !important;
|
||||||
}
|
}
|
||||||
@@ -1027,36 +1149,64 @@ $v-unit-6: 24rem;
|
|||||||
} //metadata end
|
} //metadata end
|
||||||
|
|
||||||
/* --------------------- home article desktop big hover --------------------- */
|
/* --------------------- home article desktop big hover --------------------- */
|
||||||
&.hovered {
|
// &.hovered {
|
||||||
.bevezeto,
|
.bevezeto,
|
||||||
.alcim {
|
.alcim {
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
// flex: 0 0 auto;
|
// 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 {
|
.alcim {
|
||||||
|
writing-mode: vertical-rl;
|
||||||
@include transform(rotate(180deg));
|
@include transform(rotate(180deg));
|
||||||
|
|
||||||
text-align: right;
|
flex: 0 0 auto;
|
||||||
writing-mode: vertical-lr;
|
|
||||||
margin: $v-unit-1 / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bevezeto {
|
display: flex;
|
||||||
height: 100%;
|
flex-direction: column;
|
||||||
max-height: 100%;
|
justify-content: center;
|
||||||
text-align: left;
|
align-content: center;
|
||||||
margin: 0 $v-unit-1 / 2;
|
align-items: flex-end;
|
||||||
padding: $v-unit-1 / 2 0;
|
|
||||||
align-self: flex-start;
|
|
||||||
|
|
||||||
@include home-metadata-bevezeto();
|
.alcimInner {
|
||||||
}
|
text-align: left;
|
||||||
|
}
|
||||||
h2 > a {
|
|
||||||
color: #000;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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 ----------------------- */
|
/* ------------------------ home article desktop 1 + 2 ----------------------- */
|
||||||
@@ -1336,9 +1486,6 @@ $v-unit-6: 24rem;
|
|||||||
&.search-no-results {
|
&.search-no-results {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
height: unset;
|
height: unset;
|
||||||
header {
|
|
||||||
background-color: #000;
|
|
||||||
}
|
|
||||||
section .archivetitle {
|
section .archivetitle {
|
||||||
padding: 8rem 2rem 0;
|
padding: 8rem 2rem 0;
|
||||||
}
|
}
|
||||||
@@ -1426,9 +1573,6 @@ $v-unit-6: 24rem;
|
|||||||
.search-no-results {
|
.search-no-results {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
height: unset;
|
height: unset;
|
||||||
header {
|
|
||||||
background-color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
main {
|
||||||
section {
|
section {
|
||||||
@@ -2105,6 +2249,10 @@ $padd: 2rem;
|
|||||||
-webkit-text-stroke-color: transparent;
|
-webkit-text-stroke-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin-top: 2rem !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.toHome {
|
.toHome {
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
@@ -2331,6 +2479,12 @@ $padd: 2rem;
|
|||||||
|
|
||||||
/* -------------------------------- page only------------------------------- */
|
/* -------------------------------- page only------------------------------- */
|
||||||
body.page {
|
body.page {
|
||||||
|
@media #{$only-mobile} {
|
||||||
|
.single-content {
|
||||||
|
padding-top: 8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media #{$tablet} {
|
@media #{$tablet} {
|
||||||
article {
|
article {
|
||||||
margin-top: $h-unit-2;
|
margin-top: $h-unit-2;
|
||||||
@@ -2412,17 +2566,15 @@ body.page {
|
|||||||
//tagclip: filters on small articale images
|
//tagclip: filters on small articale images
|
||||||
|
|
||||||
@mixin tagclip($tag) {
|
@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} {
|
@media #{$tablet} {
|
||||||
.thumbnailwrapper > img {
|
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
||||||
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
|
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%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2487,8 +2639,11 @@ $color-love-dark: #7f2f2f;
|
|||||||
color: #000;
|
color: #000;
|
||||||
background-color: $color-do;
|
background-color: $color-do;
|
||||||
}
|
}
|
||||||
&.random {
|
&.random,
|
||||||
@include tagclip(be);
|
&.cut-even {
|
||||||
|
.thumbnailwrapper > img {
|
||||||
|
@include tagclip(be);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2498,8 +2653,11 @@ $color-love-dark: #7f2f2f;
|
|||||||
color: #000;
|
color: #000;
|
||||||
background-color: $color-be;
|
background-color: $color-be;
|
||||||
}
|
}
|
||||||
&.random {
|
&.random,
|
||||||
@include tagclip(do);
|
&.cut-even {
|
||||||
|
.thumbnailwrapper > img {
|
||||||
|
@include tagclip(do);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2509,8 +2667,11 @@ $color-love-dark: #7f2f2f;
|
|||||||
color: #000;
|
color: #000;
|
||||||
background-color: $color-love;
|
background-color: $color-love;
|
||||||
}
|
}
|
||||||
&.random {
|
&.random,
|
||||||
@include tagclip(think);
|
&.cut-even {
|
||||||
|
.thumbnailwrapper > img {
|
||||||
|
@include tagclip(think);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2520,8 +2681,11 @@ $color-love-dark: #7f2f2f;
|
|||||||
color: #000;
|
color: #000;
|
||||||
background-color: $color-think;
|
background-color: $color-think;
|
||||||
}
|
}
|
||||||
&.random {
|
&.random,
|
||||||
@include tagclip(love);
|
&.cut-even {
|
||||||
|
.thumbnailwrapper > img {
|
||||||
|
@include tagclip(love);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user