Compare commits
4 Commits
0.0.1
...
752ff9c0aa
| Author | SHA1 | Date | |
|---|---|---|---|
|
752ff9c0aa | ||
|
|
1595691bc3 | ||
|
|
5d03dea44d | ||
|
|
3553b6b0e0 |
23
KÉZIKÖNYV.md
23
KÉZIKÖNYV.md
@@ -20,7 +20,7 @@ dis-alcim:
|
||||
|
||||
dis-bevezeto:
|
||||
|
||||
- Csak az első két nagy cikknél jelenik meg
|
||||
- Asztalin csak az első két nagy cikknél jelenik meg, mobilon az midegyiknél kivéve az első kettő
|
||||
|
||||
#### Dokumentum beállítások
|
||||
|
||||
@@ -48,7 +48,7 @@ Cikkíró:
|
||||
#### Blokkok és egyéb megjegyzések
|
||||
|
||||
|
||||
Bevezető: Az első bekezdés-t állítsd Címsor-H4-re, hogy megfelelő legyen a kiemelés
|
||||
Bevezető: Az első bekezdés-t állítsd Kiemelés4 (H4), hogy megfelelő legyen a kiemelés.
|
||||
|
||||
Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus.
|
||||
|
||||
@@ -76,6 +76,9 @@ A leírást itt kell szerkeszteni:
|
||||
|
||||
- Bejegyzés > Címkék > Szerkesztés
|
||||
|
||||
### Rólunk
|
||||
|
||||
A cikkenek az legyen a slug-ja, hogy `rolunk`
|
||||
|
||||
## Beállítások
|
||||
|
||||
@@ -98,6 +101,22 @@ Megjelenés > Testreszabás > Designisso 2019
|
||||
|
||||
Itt kell beállítani hogy hány cikk jelenjen meg a kezdőlapon illetve az archívumokban
|
||||
|
||||
Alapértelmezett értékek, ha nem írsz be semmit akkor érvényesek! Ha utólag kitörlöd az értékeket, nem fognak működni a dolgok!
|
||||
|
||||
- Kezdőlapon megjelenő posztok száma: 20
|
||||
- Címke archívumban megjelenő posztok száma: 10
|
||||
- Archívumban és keresési találatokban megjelenő posztok száma: 11
|
||||
- Hasonló cikkek száma: 3
|
||||
|
||||
## Téma frissítése
|
||||
|
||||
Automatikus frissítés nincs.
|
||||
|
||||
- Ellenőrizd, hogy a 'Update Theme and Plugins from Zip File' bővítmény be van-e kapcsolva
|
||||
- (Opcionális) Kapcsold be a biztonsági mentését a régi verziónak: Beállítások -> Update Theme and Plugins from Zip File
|
||||
- Töltsd le a téma legfrissebb verzióját innen: https://git.gyetpet.dynu.net/infeeeee/dis-2019/releases Válaszd a 'Source Code (ZIP)' gombot
|
||||
- Wordpressen témáknál telepítsd mint egy új témát. Ha a fent említett bővítmény be van kapcsolva, akkor felül fogja írni a jelenlegi verziót.
|
||||
|
||||
## Developement verzió telepítése
|
||||
|
||||
Szükséges: python2, gulp global, max node 11
|
||||
|
||||
@@ -14,12 +14,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
|
||||
margin: $v-unit-1 => 4rem
|
||||
top: calc(#{$v-unit-1}/ 2); => 2rem
|
||||
|
||||
|
||||
## További kérdések
|
||||
|
||||
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!
|
||||
|
||||
$bigmobile: 360px +
|
||||
|
||||
$only-mobile: 0- 768px
|
||||
|
||||
19
_teendők.md
19
_teendők.md
@@ -8,23 +8,12 @@ Facebook like gomb
|
||||
|
||||
Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimalizálni
|
||||
|
||||
onresize js!
|
||||
|
||||
`@media print{}`
|
||||
|
||||
# Megjegyzések
|
||||
|
||||
## DESKTOP
|
||||
~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
|
||||
~ Adrinak írni, hogy küldjön tökéletesen négyzet logót - szerintem nem kell, megoldottam azt az 1px problémát
|
||||
|
||||
## DESKTOP
|
||||
~ Be, Do… > caroussel nézetben alul pixelnyi csíkhiba -> nem látom, de az a tippem, hogy ez élsimítási hiba, nem tudok ezzel mit kezdeni, ezt a böngésző/oprendszer szabályozza
|
||||
~ cikkoldal: keskenyebb szövegbox > jobb margin marad, balt beljebb húzni -> nincs fix jobb margin, az folyton változik, legyen nagyobb a bal? De akkor nem fog a logóhoz és a vonalhoz zárni, hanem lebegni fog a szöveg a semmiben
|
||||
~ Rólunk > képháttér nincs -> ez a sárga cuccok, amik csak mobilon vannak? és ott más szöveg van mint a desktop mintában a rólunk cikkben? fix a háttér vagy scrolloz a szöveggel, változtatható legyen? nyútsam a képet más képaránynál vagy ismétlődjön, vagy fehér alul fölül ha magasabb a telefon?
|
||||
|
||||
## MOBIL
|
||||
|
||||
~ mobil: színes felső vonal hiányzik a nyitócikk képének alsó élénél (lásd: Adri terve) -> Csak az első cikknél/első két cikknél van vagy mindegyiknél?
|
||||
|
||||
### Iphone only???
|
||||
~ nem mindig működik a home DIS gomb -> Mikor nem működik, nem találok ilyet, elvileg mindenhol mennie kell, vsz ugyanaz a hiba okozta mint az eltűnő dolgokat, szerintem ezt is megoldottam, de ellenőrizd
|
||||
~ menü: fenti ikonok jelenjenek meg rögtön (esemény, insta most csak lefelé görgetésnél jön elő) -> szerintem megoldottam, de ellenőrizd
|
||||
~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent
|
||||
- MEgnézni, hogy gördülésre fekete logó legyen!
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
<!-- post thumbnail -->
|
||||
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
|
||||
<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>">
|
||||
<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
|
||||
<?php the_post_thumbnail('home-event-thumbnail');?>
|
||||
</a>
|
||||
<?php endif;?>
|
||||
@@ -45,7 +45,8 @@
|
||||
<div class="bottom-row">
|
||||
<!-- title -->
|
||||
<h2>
|
||||
<?php the_title();?>
|
||||
<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
|
||||
|
||||
</h2>
|
||||
<div class="vr"></div>
|
||||
<!-- Tovább button -->
|
||||
|
||||
1479
css/base.css
1479
css/base.css
File diff suppressed because it is too large
Load Diff
@@ -530,7 +530,7 @@ function dis_2019_more_posts_on_home(&$query)
|
||||
|
||||
|
||||
|
||||
console_debug($query);
|
||||
//console_debug($query);
|
||||
// console_debug($query->query_vars[related_loop]);
|
||||
|
||||
|
||||
|
||||
64
header.php
64
header.php
@@ -48,28 +48,47 @@
|
||||
<!-- logo -->
|
||||
<div class="logo">
|
||||
<a href="<?php echo home_url(); ?>">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/dis-logo.svg"
|
||||
<div class="dis-logo">
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo.png" />
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.png" />
|
||||
</object> -->
|
||||
</a>
|
||||
</div>
|
||||
<!-- /logo -->
|
||||
<div class="fb-link social-link">
|
||||
<a href="https://www.facebook.com/designisso" target="_blank">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon.svg"
|
||||
<div class="facebook-icon icon menuicon">
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon.png" />
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.png" />
|
||||
</object> -->
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<button type="button" id="search-button">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.svg"
|
||||
<div class="kereso-icon icon">
|
||||
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.png" />
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
|
||||
</object> -->
|
||||
</button>
|
||||
<div class="search-bar">
|
||||
<?php get_search_form();?>
|
||||
@@ -92,28 +111,49 @@
|
||||
<div class="header-2">
|
||||
<div class="menubutton">
|
||||
<button type="button" id="toggle-sidebar">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/dis-plus.svg"
|
||||
<div class="menubutton-icon icon menuicon">
|
||||
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus.png" />
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.png" />
|
||||
</object> -->
|
||||
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<div class="ig-link social-link">
|
||||
<a href="https://www.instagram.com/design_is_so/" target="_blank">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon.svg"
|
||||
<div class="instagram-icon icon menuicon">
|
||||
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon.png" />
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.png" />
|
||||
</object> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="events-link">
|
||||
<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"
|
||||
<div class="esemeny-icon icon menuicon">
|
||||
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.svg"
|
||||
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-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.png" />
|
||||
</object> -->
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 476 B After Width: | Height: | Size: 476 B |
|
Before Width: | Height: | Size: 275 B After Width: | Height: | Size: 275 B |
BIN
img/dis-logo-black.png
Normal file
BIN
img/dis-logo-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
73
img/dis-logo-black.svg
Normal file
73
img/dis-logo-black.svg
Normal file
@@ -0,0 +1,73 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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"
|
||||
width="47.293671mm"
|
||||
height="46.798794mm"
|
||||
viewBox="0 0 47.293671 46.798794"
|
||||
version="1.1"
|
||||
id="svg260"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"
|
||||
sodipodi:docname="dis-logo.svg">
|
||||
<defs
|
||||
id="defs254" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="1.4"
|
||||
inkscape:cx="185.14836"
|
||||
inkscape:cy="-80.588807"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer2"
|
||||
showgrid="false"
|
||||
inkscape:window-width="2001"
|
||||
inkscape:window-height="1335"
|
||||
inkscape:window-x="673"
|
||||
inkscape:window-y="69"
|
||||
inkscape:window-maximized="0" />
|
||||
<metadata
|
||||
id="metadata257">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer2"
|
||||
inkscape:label="Layer 2"
|
||||
style="display:inline"
|
||||
transform="translate(-11.221473,-3.6311089)">
|
||||
<path
|
||||
d="m 42.075803,16.517198 -17.7165,17.834327 3.3027,3.19264 17.71509,-17.83327 z"
|
||||
style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
|
||||
id="path172"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="M 16.022423,8.0725809 V 19.475417 h 2.8515 c 1.83021,0 3.3902,0 4.86128,-0.9906 1.44074,-0.960261 2.31069,-2.579864 2.31069,-4.801306 0,-1.980494 -0.81033,-3.480505 -2.16006,-4.4707521 -1.56139,-1.140178 -3.15171,-1.140178 -4.92195,-1.140178 z m -4.80095,-4.441472 h 7.68208 c 2.49097,0 5.04155,0 7.68245,1.740959 2.64054,1.650294 4.50109,4.501091 4.50109,8.3114431 0,4.111978 -2.19075,7.232297 -5.25145,8.882592 -2.43064,1.320447 -4.56107,1.320447 -6.9021,1.320447 h -7.71207 z"
|
||||
style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
|
||||
id="path176"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
d="m 56.235493,35.485884 c -2.40101,-1.050219 -4.89127,-1.591027 -7.26264,-1.591027 -1.68028,0 -3.0607,0.510469 -3.02966,1.891594 0,1.619953 2.45922,1.920168 5.16009,2.340327 3.8421,0.570441 7.41186,1.770239 7.41186,5.850818 0,5.011563 -5.16079,6.452307 -9.21174,6.452307 -3.48121,0 -6.66221,-0.689682 -9.45232,-2.191102 l 1.95015,-4.140907 c 2.34103,1.199798 5.16149,2.010482 7.86201,2.010482 1.58961,0 3.51119,-0.359834 3.51119,-1.980497 0.0296,-1.46967 -1.50072,-1.890535 -3.99027,-2.250368 -4.11233,-0.50941 -8.31285,-1.620308 -8.34284,-6.152444 0.03,-4.349398 4.23051,-6.150681 8.64165,-6.150681 2.88113,0 5.46241,0.449792 8.40246,1.740606 z"
|
||||
style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
|
||||
id="path180"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
BIN
img/dis-plus-black.png
Normal file
BIN
img/dis-plus-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 416 B |
53
img/dis-plus-black.svg
Normal file
53
img/dis-plus-black.svg
Normal file
@@ -0,0 +1,53 @@
|
||||
<?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:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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="57px"
|
||||
height="58px"
|
||||
viewBox="0 0 57 58"
|
||||
enable-background="new 0 0 57 58"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="dis-plus.svg"
|
||||
inkscape:export-filename="/media/miniretek/ssd/www/designisso/wp-content/themes/dis-2019/img/dis-plus.png"
|
||||
inkscape:export-xdpi="165.51724"
|
||||
inkscape:export-ydpi="165.51724"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><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="1511"
|
||||
inkscape:window-height="866"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="4.0689655"
|
||||
inkscape:cx="-17.639047"
|
||||
inkscape:cy="33.915254"
|
||||
inkscape:window-x="173"
|
||||
inkscape:window-y="235"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<polygon
|
||||
points="34,0 24,0 24,1 24,24 0,24 0,25 0,34 24,34 24,58 33,58 34,58 34,34 56,34 57,34 57,24 34,24 "
|
||||
id="polygon2"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 455 B After Width: | Height: | Size: 455 B |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
BIN
img/facebook_icon-black.png
Normal file
BIN
img/facebook_icon-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
58
img/facebook_icon-black.svg
Normal file
58
img/facebook_icon-black.svg
Normal file
@@ -0,0 +1,58 @@
|
||||
<?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:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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="44.034px"
|
||||
height="44.082px"
|
||||
viewBox="0 0 44.034 44.082"
|
||||
enable-background="new 0 0 44.034 44.082"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="facebook_icon.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1368"
|
||||
inkscape:window-height="1220"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
inkscape:zoom="10.707318"
|
||||
inkscape:cx="21.943301"
|
||||
inkscape:cy="16.544497"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g6"
|
||||
style="fill:#000000;fill-opacity:1">
|
||||
<path
|
||||
d="M36.379,7.678c-3.682-3.674-8.755-5.956-14.362-5.956S11.338,4.004,7.668,7.678c-3.671,3.673-5.949,8.751-5.949,14.364 c0,5.615,2.278,10.693,5.949,14.376c3.67,3.675,8.741,5.944,14.349,5.944s10.681-2.27,14.362-5.944 c3.669-3.684,5.937-8.762,5.937-14.376C42.315,16.429,40.048,11.351,36.379,7.678 M22.017,0C28.1,0,33.598,2.467,37.585,6.456 c3.987,3.994,6.449,9.498,6.449,15.586c0,6.09-2.462,11.595-6.449,15.586c-3.988,3.991-9.485,6.454-15.569,6.454 c-6.082,0-11.581-2.462-15.569-6.454C2.462,33.637,0,28.132,0,22.042C0,15.954,2.462,10.45,6.448,6.456 C10.436,2.467,15.935,0,22.017,0"
|
||||
id="path2"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M23.699,17.539v-1.806c0-0.866,0.574-1.073,0.989-1.073h2.523v-3.857h-3.475c-3.865,0-4.731,2.855-4.731,4.711v2.026 h-2.242v2.722v1.781h2.267v11.253h4.5V22.042h3.326l0.147-1.768l0.268-2.735H23.699z"
|
||||
id="path4"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
BIN
img/instagram_icon-black.png
Normal file
BIN
img/instagram_icon-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
58
img/instagram_icon-black.svg
Normal file
58
img/instagram_icon-black.svg
Normal file
@@ -0,0 +1,58 @@
|
||||
<?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:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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="42.531px"
|
||||
height="43.102px"
|
||||
viewBox="0 0 42.531 43.102"
|
||||
enable-background="new 0 0 42.531 43.102"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="instagram_icon.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1503"
|
||||
inkscape:window-height="1382"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
inkscape:zoom="15.486724"
|
||||
inkscape:cx="21.988053"
|
||||
inkscape:cy="18.191441"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g6"
|
||||
style="fill:#000000;fill-opacity:1">
|
||||
<path
|
||||
d="M7.367,7.451c-3.545,3.604-5.748,8.567-5.748,14.058c0,5.477,2.203,10.453,5.748,14.045 c3.543,3.593,8.441,5.824,13.859,5.824c5.416,0,10.313-2.231,13.869-5.824c3.545-3.592,5.735-8.568,5.735-14.045 c0-5.49-2.19-10.454-5.735-14.058c-3.556-3.592-8.453-5.813-13.869-5.813C15.808,1.639,10.91,3.859,7.367,7.451 M-0.042,21.509 c0-5.954,2.379-11.349,6.23-15.238c3.851-3.902,9.16-6.313,15.037-6.313c5.875,0,11.184,2.41,15.035,6.313 c3.85,3.89,6.229,9.284,6.229,15.238c0,5.943-2.379,11.337-6.229,15.238c-3.852,3.902-9.16,6.313-15.035,6.313 c-5.877,0-11.187-2.41-15.037-6.313C2.337,32.846-0.042,27.452-0.042,21.509"
|
||||
id="path2"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M21.226,14.54c-3.793,0-6.877,3.112-6.877,6.969c0,3.842,3.084,6.969,6.877,6.969c3.803,0,6.875-3.127,6.875-6.969 C28.101,17.652,25.029,14.54,21.226,14.54 M13.419,14.67c0,0.621,0.493,1.123,1.105,1.123c0.613,0,1.107-0.502,1.107-1.123 c0-0.621-0.494-1.121-1.107-1.121C13.913,13.549,13.419,14.049,13.419,14.67 M11.829,27.201V15.805c0-2.112,1.696-3.83,3.78-3.83 h11.244c2.084,0,3.781,1.718,3.781,3.83v11.396c0,2.111-1.697,3.83-3.781,3.83H15.609C13.525,31.031,11.829,29.313,11.829,27.201 M10.57,15.805v11.396c0,2.804,2.259,5.106,5.039,5.106h11.244c2.767,0,5.039-2.303,5.039-5.106V15.805 c0-2.817-2.272-5.107-5.039-5.107H15.609C12.829,10.697,10.57,12.987,10.57,15.805 M21.226,27.021 c-3.004,0-5.453-2.469-5.453-5.513c0-3.055,2.449-5.525,5.453-5.525c3.014,0,5.451,2.471,5.451,5.525 C26.677,24.553,24.24,27.021,21.226,27.021"
|
||||
id="path4"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 995 B After Width: | Height: | Size: 995 B |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
BIN
img/kereso_icon-white.png
Normal file
BIN
img/kereso_icon-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
58
img/kereso_icon-white.svg
Normal file
58
img/kereso_icon-white.svg
Normal file
@@ -0,0 +1,58 @@
|
||||
<?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:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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="45.332px"
|
||||
height="44.654px"
|
||||
viewBox="0 0 45.332 44.654"
|
||||
enable-background="new 0 0 45.332 44.654"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="kereso_icon.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1612"
|
||||
inkscape:window-height="1280"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
inkscape:zoom="5.2850809"
|
||||
inkscape:cx="1.0958477"
|
||||
inkscape:cy="19.678033"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g4"
|
||||
style="fill:#ffffff;fill-opacity:1">
|
||||
<path
|
||||
d="M18.548,5.871h-0.5v0.667v3v0.333h0.5c6.882,0,11.5,6.027,11.5,11.5v0.5h0.505h3h0.495v-0.5 C34.048,13.203,26.808,5.871,18.548,5.871z"
|
||||
id="path2"
|
||||
style="fill:#ffffff;fill-opacity:1" />
|
||||
</g>
|
||||
<path
|
||||
d="M37.758,28.773c1.285-2.702,2.065-5.868,2.065-8.839c0-5.322-2.071-10.328-5.832-14.095C30.228,2.074,25.228,0,19.912,0 C14.595,0,9.595,2.074,5.831,5.839C2.071,9.606,0,14.612,0,19.934c0,5.324,2.071,10.33,5.831,14.096 c3.761,3.764,8.762,5.837,14.081,5.837c3.382,0,6.729-0.871,9.678-2.518l0.083-0.046l7.352,7.352l8.308-8.308L37.758,28.773z M29.913,35.069c-0.577,0.388-1.136,0.717-1.705,1.002l-0.081,0.041l-0.007-0.007c-2.563,1.305-5.325,1.967-8.208,1.967 c-4.842,0-9.39-1.884-12.807-5.305c-3.424-3.436-5.31-7.993-5.31-12.832c0-4.841,1.886-9.395,5.31-12.82 c3.424-3.428,7.973-5.316,12.807-5.316c4.831,0,9.383,1.888,12.818,5.316c3.417,3.419,5.299,7.973,5.299,12.82 c0,2.483-0.63,5.195-1.62,7.49l-0.004-0.004c-0.192,0.391-0.482,0.945-0.875,1.6l7.327,7.327l-5.833,5.833L29.913,35.069z"
|
||||
id="path6"
|
||||
style="fill:#ffffff;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
BIN
img/naptar_icon-black.png
Normal file
BIN
img/naptar_icon-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
81
img/naptar_icon-black.svg
Normal file
81
img/naptar_icon-black.svg
Normal file
@@ -0,0 +1,81 @@
|
||||
<?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:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
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="38px"
|
||||
height="43px"
|
||||
viewBox="0 0 38 43"
|
||||
enable-background="new 0 0 38 43"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="naptar_icon.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata23"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs21" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1699"
|
||||
inkscape:window-height="1334"
|
||||
id="namedview19"
|
||||
showgrid="false"
|
||||
inkscape:zoom="5.4883721"
|
||||
inkscape:cx="24.466102"
|
||||
inkscape:cy="-40.631356"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g16"
|
||||
style="fill:#000000;fill-opacity:1">
|
||||
<path
|
||||
d="M32.24,3H32V0h-2v3H8V0H6v3H5.401C2.322,3,0,5.184,0,8.372v28.893C0,40.451,2.322,43,5.401,43H32.24 c3.176,0,5.76-2.654,5.76-5.735V8.372C38,5.289,35.416,3,32.24,3z M5.401,5H6v1h2V5h22v1h2V5h0.24C34.394,5,36,6.311,36,8.372V11H2 V8.372C2,6.206,3.346,5,5.401,5z M32.24,41H5.401C3.346,41,2,39.429,2,37.265V13h34v24.265C36,39.324,34.394,41,32.24,41z"
|
||||
id="path2"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M4,27h7v-7H4V27z M5,22.007V21h5v5H9.379H5V22.007z"
|
||||
id="path4"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<rect
|
||||
x="4.458"
|
||||
y="31"
|
||||
width="6"
|
||||
height="6"
|
||||
id="rect6"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M15.5,27h7v-7h-7V27z M16.5,22.007V21h5v5h-1.336H16.5V22.007z"
|
||||
id="path8"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M15.5,38h7v-7h-7V38z M16.5,32.669V32h5v5h-1.336H16.5V32.669z"
|
||||
id="path10"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M27,27h7v-7h-7V27z M28,22.007V21h5v5h-1.052H28V22.007z"
|
||||
id="path12"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
<path
|
||||
d="M27,38h7v-7h-7V38z M28,32.669V32h5v5h-1.052H28V32.669z"
|
||||
id="path14"
|
||||
style="fill:#000000;fill-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
421
js/scripts.js
421
js/scripts.js
@@ -13,18 +13,18 @@
|
||||
/* -------------------------------- geometry -------------------------------- */
|
||||
|
||||
// const vw = $(window).width()
|
||||
const wow = window.outerWidth
|
||||
const wiw = window.innerWidth
|
||||
// const wow = window.outerWidth
|
||||
// const wiw = window.innerWidth
|
||||
// const bw = $('body').width()
|
||||
|
||||
// const woh = window.outerHeight
|
||||
// // const woh = window.outerHeight
|
||||
// const wih = window.innerHeight
|
||||
// const vh = $(window).height()
|
||||
// const boh = document.body.offsetHeight
|
||||
// const dch = document.documentElement.clientHeight
|
||||
|
||||
// console.log('pixelratio:', window.devicePixelRatio)
|
||||
|
||||
const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
|
||||
|
||||
const bottomScrollHeight = 0
|
||||
// height of scrollbar at bottom
|
||||
@@ -43,11 +43,11 @@
|
||||
// w_wow: wow,
|
||||
// w_wiw: wiw,
|
||||
// w_bw: bw,
|
||||
// desktophomemargin: desktophomemargin,
|
||||
// // desktophomemargin: desktophomemargin,
|
||||
// h_wih: wih,
|
||||
// h_vh: vh,
|
||||
// bottomScrollHeight: bottomScrollHeight,
|
||||
// h_woh: woh,
|
||||
// // bottomScrollHeight: bottomScrollHeight,
|
||||
// // h_woh: woh,
|
||||
// h_boh: boh,
|
||||
// h_dch: dch
|
||||
// }
|
||||
@@ -55,19 +55,38 @@
|
||||
|
||||
|
||||
/* --------------------------- css values to vars --------------------------- */
|
||||
//isMobile
|
||||
const isMobile = (_ => {
|
||||
if (wow < 769 || wiw < 769) {
|
||||
//mobile settings
|
||||
$('.social-link, .events-link').addClass('hidden')
|
||||
return true
|
||||
|
||||
|
||||
function calcWidths() {
|
||||
let wow = window.outerWidth
|
||||
let wiw = window.innerWidth
|
||||
let mw = $(".header-1")[0].getBoundingClientRect().width
|
||||
return { wow: wow, wiw: wiw, desktophomemargin: mw }
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns true or false for mobile and tablet query
|
||||
* @param {string} device 'tablet' or 'mobile'
|
||||
*/
|
||||
function checkDevice(device) {
|
||||
let ww = calcWidths()
|
||||
|
||||
// let wow = window.outerWidth
|
||||
// let wiw = window.innerWidth
|
||||
|
||||
if ((ww.wow < 769 || ww.wiw < 769) && device == 'mobile') {
|
||||
//mobile settings
|
||||
return true
|
||||
} else if (768 < ww.wow && ww.wow < 1024 && 768 < ww.wiw && ww.wiw < 1024 && device == 'tablet') {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})()
|
||||
}
|
||||
|
||||
var isMobile = checkDevice('mobile')
|
||||
var isTablet = checkDevice('tablet')
|
||||
|
||||
const isTablet = (!isMobile && (wow < 1024 && wiw < 1024)) ? true : false
|
||||
|
||||
/**
|
||||
* Checks if body has a class
|
||||
@@ -113,39 +132,43 @@
|
||||
var isMasonryPage = isArchive || isHome || isSearch || isSearchNoResults
|
||||
|
||||
|
||||
/* ========================================================================== */
|
||||
/* FUNCTIONS */
|
||||
/* ========================================================================== */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* Black logo on scroll on mobile */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
$.fn.scrollStopped = function (callback) {
|
||||
var that = this, $this = $(that);
|
||||
$this.scroll(function (ev) {
|
||||
clearTimeout($this.data('scrollTimeout'));
|
||||
$this.data('scrollTimeout', setTimeout(callback.bind(that), 250, ev));
|
||||
});
|
||||
};
|
||||
|
||||
var rotateMenuButton = function () {
|
||||
if ($(".menubutton button").hasClass("rotated")) {
|
||||
$(".menubutton button").removeClass("rotated");
|
||||
} else {
|
||||
$(".menubutton button").addClass("rotated");
|
||||
var isMenuOpen = function () {
|
||||
let menuopen = ($('#sidebar').attr('data-simplersidebar') == 'opened') ? true : false
|
||||
return menuopen
|
||||
}
|
||||
|
||||
$(window).scroll(function () {
|
||||
if (isMobile && !isMenuOpen()) {
|
||||
$('.dis-logo, .menubutton-icon').addClass('black')
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
var showHideSocial = function () {
|
||||
if (isMobile && $('.social-link').hasClass('hidden')) {
|
||||
$('.social-link, .events-link').removeClass('hidden')
|
||||
} else if (isMobile) {
|
||||
$('.social-link, .events-link').addClass('hidden')
|
||||
$(window).scrollStopped(function () {
|
||||
if (isMobile && !isMenuOpen()) {
|
||||
$('.dis-logo, .menubutton-icon').removeClass('black')
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function convertRemToPixels(rem) {
|
||||
return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
|
||||
}
|
||||
|
||||
/* ========================================================================== */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* SEARCH */
|
||||
/* ========================================================================== */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
// on mobile add to sidebar:
|
||||
if (isMobile) {
|
||||
$(".search-bar").prependTo("#sidebar-wrapper")
|
||||
}
|
||||
// if (isMobile) {
|
||||
// $(".search-box>.search-bar").prependTo("#sidebar-wrapper")
|
||||
// }
|
||||
|
||||
//clicking on desktop
|
||||
if (!isMobile) {
|
||||
@@ -158,8 +181,9 @@
|
||||
bar.hide().removeClass("opensearch")
|
||||
})
|
||||
} else {
|
||||
let ww = calcWidths()
|
||||
//if it's closed open:
|
||||
bar.show().stop().animate({ width: wiw - (desktophomemargin * 2) }, 400, function () {
|
||||
bar.show().stop().animate({ width: ww.wiw - (ww.desktophomemargin * 2) }, 400, function () {
|
||||
bar.addClass("opensearch")
|
||||
$(".search-input").focus()
|
||||
})
|
||||
@@ -173,14 +197,33 @@
|
||||
/* MENU */
|
||||
/* ========================================================================== */
|
||||
|
||||
var menuWidth = wow
|
||||
var rotateMenuButton = function () {
|
||||
if ($(".menubutton button").hasClass("rotated")) {
|
||||
$(".menubutton button").removeClass("rotated");
|
||||
} else {
|
||||
$(".menubutton button").addClass("rotated").addClass("inverted");
|
||||
}
|
||||
}
|
||||
|
||||
if (isTablet) {
|
||||
menuWidth = 350
|
||||
}
|
||||
if (!isMobile && !isTablet) {
|
||||
menuWidth = 500
|
||||
function mwCalc() {
|
||||
let ww = calcWidths()
|
||||
if (isMobile) {
|
||||
return ww.wow
|
||||
} else if (isTablet) {
|
||||
return 350
|
||||
} else {
|
||||
return 500
|
||||
}
|
||||
}
|
||||
var menuWidth = mwCalc()
|
||||
// var menuWidth = 100
|
||||
|
||||
// if (isTablet) {
|
||||
// menuWidth = 350
|
||||
// }
|
||||
// if (!isMobile && !isTablet) {
|
||||
// menuWidth = 500
|
||||
// }
|
||||
|
||||
$("#sidebar").simplerSidebar({
|
||||
|
||||
@@ -209,7 +252,17 @@
|
||||
},
|
||||
callbacks: {
|
||||
animation: {
|
||||
both: showHideSocial,
|
||||
open: function () {
|
||||
if (isMobile) {
|
||||
$('.social-link, .events-link').removeClass('hidden')
|
||||
}
|
||||
},
|
||||
close: function () {
|
||||
$(".menubutton button").removeClass("inverted")
|
||||
if (isMobile) {
|
||||
$('.social-link, .events-link').addClass('hidden')
|
||||
}
|
||||
},
|
||||
freezePage: false
|
||||
}
|
||||
}
|
||||
@@ -218,6 +271,54 @@
|
||||
});
|
||||
|
||||
|
||||
/* --------------------- generic page load for onresize --------------------- */
|
||||
|
||||
var articleWrapCounter = 0
|
||||
|
||||
function loadPage() {
|
||||
if (isMobile) {
|
||||
// hide social buttons
|
||||
$('.social-link, .events-link').addClass('hidden')
|
||||
|
||||
// move search to menu
|
||||
$(".search-box>.search-bar").prependTo("#sidebar-wrapper")
|
||||
|
||||
// set up no results
|
||||
$('article.no-result').show()
|
||||
$('body.no-result .archivetitle>h2').appendTo('article.no-result')
|
||||
} else {
|
||||
// not mobile
|
||||
|
||||
//show social links
|
||||
$('.social-link, .events-link').removeClass('hidden')
|
||||
|
||||
// move search to back
|
||||
$("#sidebar-wrapper>.search-bar").appendTo(".search-box")
|
||||
|
||||
// set up no results
|
||||
$('article.no-result h2').appendTo('.archivetitle')
|
||||
$('article.no-result').hide()
|
||||
}
|
||||
|
||||
if (isMasonryPage) {
|
||||
if (isMobile) {
|
||||
//no overflowY
|
||||
$('html').css({ overflowY: "unset" })
|
||||
|
||||
unWrapArts()
|
||||
} else {
|
||||
//no overflowY
|
||||
$('html').css({ overflowY: "hidden" })
|
||||
|
||||
wrapArts()
|
||||
|
||||
$("body:not(.no-result) .archivetitle h1").fitText(0.7)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
loadPage()
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* HOME & ARCHIVES */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@@ -228,83 +329,141 @@
|
||||
|
||||
if (isMasonryPage && $("article").hasClass('no-result')) {
|
||||
$('body').addClass("no-result")
|
||||
if (!isMobile) {
|
||||
$('article.no-result h2').appendTo('.archivetitle')
|
||||
$('article.no-result').hide()
|
||||
}
|
||||
// if (!isMobile) {
|
||||
// $('article.no-result h2').appendTo('.archivetitle')
|
||||
// $('article.no-result').hide()
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
/* ----------------------------- css on desktop ----------------------------- */
|
||||
|
||||
/* ------------------------------ wrap articles ----------------------------- */
|
||||
|
||||
|
||||
|
||||
function wrapArts() {
|
||||
//calculate wrappable elements
|
||||
if ($(".hbox").length) {
|
||||
return
|
||||
}
|
||||
$('#content>*:not(.misha_loadmore)').addClass("hbox")
|
||||
var wrapArticles = $(".hbox").length
|
||||
|
||||
if (isHome) {
|
||||
$('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
|
||||
$('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
|
||||
wrapArticles = $(".hbox").length - 2
|
||||
}
|
||||
|
||||
//add classes to articles and elements
|
||||
|
||||
for (let i = 0; i < wrapArticles; i++) {
|
||||
var j = i + 1
|
||||
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
|
||||
if (i % 6 == 0) {
|
||||
articleWrapCounter++
|
||||
}
|
||||
//console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
|
||||
$('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
//change order if there is a description
|
||||
if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
|
||||
if (j == 3 || j == 4) {
|
||||
$('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
|
||||
} else if (j == 5 || j == 6) {
|
||||
$('.hbox:nth-child(' + j + ')').css({ order: j })
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
//wrap classes
|
||||
for (let i = 0; i < articleWrapCounter; i++) {
|
||||
var j = i + 1
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
var k = i + 1
|
||||
$(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
|
||||
if (i == 0) {
|
||||
$(".home_wrapper-" + j).addClass("home_wrapper-s1")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function unWrapArts() {
|
||||
$('.home_wrapper-big .hbox').unwrap('.home_wrapper-big')
|
||||
|
||||
var wrapArticles = $(".hbox").length
|
||||
for (let i = 0; i < wrapArticles.length + 1; i++) {
|
||||
$('article').removeClass('.home-thumbnail-small-' + i)
|
||||
|
||||
}
|
||||
$('.hbox').removeClass('home-small').removeClass('hbox').unwrap('.home_wrapper-small')
|
||||
}
|
||||
|
||||
if (!isMobile) {
|
||||
if (isMasonryPage) {
|
||||
//no overflowY
|
||||
$('html').css({ overflowY: "hidden" })
|
||||
|
||||
//calculate wrappable elements
|
||||
$('#content>*:not(.misha_loadmore)').addClass("hbox")
|
||||
var wrapArticles = $(".hbox").length
|
||||
|
||||
//wrapping for big-small difference
|
||||
if (isHome) {
|
||||
$('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
|
||||
$('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
|
||||
wrapArticles = $(".hbox").length - 2
|
||||
}
|
||||
// //calculate wrappable elements
|
||||
// $('#content>*:not(.misha_loadmore)').addClass("hbox")
|
||||
// var wrapArticles = $(".hbox").length
|
||||
|
||||
//add classes to articles and elements
|
||||
var articleWrapCounter = 0
|
||||
for (let i = 0; i < wrapArticles; i++) {
|
||||
var j = i + 1
|
||||
// //wrapping for big-small difference
|
||||
// if (isHome) {
|
||||
// $('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
|
||||
// $('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
|
||||
// wrapArticles = $(".hbox").length - 2
|
||||
// }
|
||||
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
// //add classes to articles and elements
|
||||
// var articleWrapCounter = 0
|
||||
// for (let i = 0; i < wrapArticles; i++) {
|
||||
// var j = i + 1
|
||||
|
||||
if (i % 6 == 0) {
|
||||
articleWrapCounter++
|
||||
}
|
||||
//console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
|
||||
$('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
//change order if there is a description
|
||||
if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
|
||||
if (j == 3 || j == 4) {
|
||||
$('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
|
||||
} else if (j == 5 || j == 6) {
|
||||
$('.hbox:nth-child(' + j + ')').css({ order: j })
|
||||
}
|
||||
// if (isHome) {
|
||||
// j = i + 3
|
||||
// }
|
||||
|
||||
}
|
||||
}
|
||||
//wrap classes
|
||||
for (let i = 0; i < articleWrapCounter; i++) {
|
||||
var j = i + 1
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
var k = i + 1
|
||||
$(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
|
||||
if (i == 0) {
|
||||
$(".home_wrapper-" + j).addClass("home_wrapper-s1")
|
||||
}
|
||||
}
|
||||
// if (i % 6 == 0) {
|
||||
// articleWrapCounter++
|
||||
// }
|
||||
// //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
|
||||
// $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
// //change order if there is a description
|
||||
// if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
|
||||
// if (j == 3 || j == 4) {
|
||||
// $('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
|
||||
// } else if (j == 5 || j == 6) {
|
||||
// $('.hbox:nth-child(' + j + ')').css({ order: j })
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
// //wrap classes
|
||||
// for (let i = 0; i < articleWrapCounter; i++) {
|
||||
// var j = i + 1
|
||||
// if (isHome) {
|
||||
// j = i + 3
|
||||
// }
|
||||
// var k = i + 1
|
||||
// $(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
|
||||
// if (i == 0) {
|
||||
// $(".home_wrapper-" + j).addClass("home_wrapper-s1")
|
||||
// }
|
||||
// }
|
||||
|
||||
/* -------------------------------- other css ------------------------------- */
|
||||
|
||||
//add bottom scrollbar to div on bottom:
|
||||
if (bottomScrollHeight > 0) {
|
||||
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
|
||||
}
|
||||
// if (bottomScrollHeight > 0) {
|
||||
// $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
|
||||
// }
|
||||
|
||||
//fit title
|
||||
$("body:not(.no-result) .archivetitle h1").fitText(0.7)
|
||||
|
||||
|
||||
|
||||
|
||||
// $("body:not(.no-result) .archivetitle h1").fitText(0.7)
|
||||
|
||||
}//isMasonryPage end
|
||||
}// !isMobile end
|
||||
@@ -416,20 +575,22 @@
|
||||
|
||||
var offset = ($(nextelem).position().left)
|
||||
|
||||
let ww = calcWidths()
|
||||
|
||||
//if loadmore is the next, do not scroll, but load:
|
||||
if (nextelem.attr("class") == "misha_loadmore") {
|
||||
loadmore()
|
||||
return target
|
||||
} else if (isEsemeny) {
|
||||
offset = offset - (desktophomemargin)
|
||||
offset = offset - (ww.desktophomemargin)
|
||||
} else {
|
||||
//from the third wrap modify the offset
|
||||
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[1])
|
||||
console.log(wNum)
|
||||
if (wNum == 3) {
|
||||
offset = offset - (desktophomemargin / 2)
|
||||
offset = offset - (ww.desktophomemargin / 2)
|
||||
} else if (wNum > 3 || !isHome) {
|
||||
offset = offset - desktophomemargin
|
||||
offset = offset - ww.desktophomemargin
|
||||
}
|
||||
}
|
||||
console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset)
|
||||
@@ -514,6 +675,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------- on scroll on desktop -------------------------- */
|
||||
|
||||
var scrolltimer = false;
|
||||
$(window).on('wheel DOMMouseScroll', function (e) {
|
||||
//e.preventDefault();
|
||||
@@ -555,7 +718,7 @@
|
||||
return
|
||||
} else {
|
||||
if (!isMobile) {
|
||||
if (isMasonryPage) {
|
||||
if (isMasonryPage || isEsemeny) {
|
||||
if (!$('.search-bar *').is(':focus')) {
|
||||
// console.log("keydown!")
|
||||
kd = true
|
||||
@@ -587,7 +750,7 @@
|
||||
//check for keyup for disabling counter
|
||||
$('html *:not(input)').keyup(function (event) {
|
||||
if (!isMobile) {
|
||||
if (isMasonryPage) {
|
||||
if (isMasonryPage || isEsemeny) {
|
||||
if (!$('.search-bar *').is(':focus')) {
|
||||
kd = false
|
||||
}
|
||||
@@ -1035,6 +1198,12 @@
|
||||
swipeRight: function () {
|
||||
$.colorbox.prev()
|
||||
},
|
||||
swipeUp: function () {
|
||||
return false
|
||||
},
|
||||
swipeDown: function () {
|
||||
return false
|
||||
},
|
||||
})
|
||||
|
||||
// lightbox for galleries
|
||||
@@ -1091,6 +1260,38 @@
|
||||
}//if single end
|
||||
|
||||
|
||||
/* ------------------------------- IOS fix try ------------------------------ */
|
||||
// $(".logo a").click(function(e){
|
||||
// e.preventDefault()
|
||||
// alert('hello')
|
||||
// })
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* window resize event */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
$(window).resize(function () {
|
||||
let ww = calcWidths()
|
||||
|
||||
//check if mobile
|
||||
isMobile = checkDevice('mobile')
|
||||
isTablet = checkDevice('tablet')
|
||||
|
||||
// calc other vars
|
||||
menuWidth = mwCalc()
|
||||
|
||||
//run load script
|
||||
loadPage()
|
||||
|
||||
|
||||
//resize search
|
||||
if ($('.search-bar').hasClass("opensearch")) {
|
||||
$('.search-bar').css({ width: ww.wiw - (ww.desktophomemargin * 2) })
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -43,9 +43,13 @@
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
@media #{$bigdesktop} {
|
||||
font-size: 6.8rem;
|
||||
}
|
||||
@media #{$bigdesktop-hidpi} {
|
||||
// font-size: 5.5rem !important;
|
||||
}
|
||||
@media #{$verybigdesktop} {
|
||||
font-size: 11rem;
|
||||
}
|
||||
@@ -84,6 +88,9 @@
|
||||
@media #{$bigdesktop} {
|
||||
font-size: 2rem;
|
||||
}
|
||||
@media #{$bigdesktop-hidpi} {
|
||||
// font-size: 1.5rem !important;
|
||||
}
|
||||
@media #{$verybigdesktop} {
|
||||
font-size: 3rem;
|
||||
}
|
||||
@@ -115,6 +122,10 @@
|
||||
}
|
||||
|
||||
@mixin home-metadata-big {
|
||||
// font-size: 1.4rem;
|
||||
// @media #{$bigmobile} {
|
||||
// font-size: 1.5rem;
|
||||
// }
|
||||
@media #{$tablet} {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
@@ -127,7 +138,9 @@
|
||||
}
|
||||
|
||||
@mixin home-metadata-bevezeto {
|
||||
font: 300 1rem "Westeinde Caption";
|
||||
@include home-title-small();
|
||||
font-weight: 300;
|
||||
// font: 300 1rem "Westeinde Caption";
|
||||
color: #000;
|
||||
@media #{$tablet} {
|
||||
font: bold 1rem "Butler";
|
||||
@@ -196,9 +209,9 @@
|
||||
}
|
||||
|
||||
@mixin single-h4 {
|
||||
font-weight: 500;
|
||||
// font-size: 2.4rem;
|
||||
// line-height: 1.6;
|
||||
font-weight: 300;
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
@mixin captiontext {
|
||||
@@ -213,6 +226,16 @@
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@mixin single-quote-big{
|
||||
font: 800 2.1rem "Butler";
|
||||
color: #000;
|
||||
padding-top: 8px;
|
||||
@media #{$tablet} {
|
||||
font-size: 2.8rem;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin related-title {
|
||||
font: 500 2rem "Westeinde Caption";
|
||||
line-height: 1.3;
|
||||
@@ -227,16 +250,16 @@
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
@media #{$tablet} {
|
||||
font-size: 2.2rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 3rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
@media #{$bigdesktop} {
|
||||
font-size: 3.2rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
@media #{$verybigdesktop} {
|
||||
font-size: 4.5rem;
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
573
sass/base.scss
573
sass/base.scss
@@ -76,10 +76,6 @@ button {
|
||||
}
|
||||
}
|
||||
|
||||
object {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ---------------------------- default selection --------------------------- */
|
||||
|
||||
html *::selection {
|
||||
@@ -125,6 +121,12 @@ $bigdesktop: only screen and
|
||||
min-width: 1279px
|
||||
);
|
||||
|
||||
$bigdesktop-hidpi: only screen and
|
||||
(
|
||||
min-width: 1279px
|
||||
)
|
||||
and (-webkit-min-device-pixel-ratio: 1.4);
|
||||
|
||||
$verybigdesktop: only screen and
|
||||
(
|
||||
min-width: 1919px
|
||||
@@ -280,6 +282,7 @@ $v-unit-6: 24rem;
|
||||
right: calc(#{$radius});
|
||||
margin-right: $minusOffset;
|
||||
}
|
||||
z-index: 90;
|
||||
}
|
||||
&::before {
|
||||
//filleted corner
|
||||
@@ -381,6 +384,7 @@ $v-unit-6: 24rem;
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 1;
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* header */
|
||||
@@ -418,29 +422,21 @@ $v-unit-6: 24rem;
|
||||
height: 100vh;
|
||||
flex-direction: column;
|
||||
flex: 0 0 auto !important;
|
||||
//filter: invert(100);
|
||||
padding: 2rem !important;
|
||||
justify-content: space-between !important;
|
||||
align-content: space-between;
|
||||
z-index: 3100;
|
||||
// z-index: 3100;
|
||||
background: #fff;
|
||||
.logo,
|
||||
.social-link,
|
||||
.menubutton,
|
||||
.events-link {
|
||||
filter: invert(100);
|
||||
&::selection,
|
||||
&::selection * {
|
||||
filter: invert(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
width: $h-unit-2;
|
||||
}
|
||||
div {
|
||||
z-index: 3500;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
|
||||
// object {
|
||||
// -webkit-transform: translate3d(0, 0, 0);
|
||||
// }
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
@@ -487,21 +483,133 @@ $v-unit-6: 24rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
//icons in menu:
|
||||
object {
|
||||
height: 3rem;
|
||||
@media #{$tablet} {
|
||||
height: 2.5rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
height: 3rem;
|
||||
}
|
||||
}
|
||||
// object {
|
||||
// height: 3rem;
|
||||
// // width: 3rem;
|
||||
// @media #{$tablet} {
|
||||
// height: 2.5rem;
|
||||
// // width: 2.5rem;
|
||||
// }
|
||||
// @media #{$smalldesktop} {
|
||||
// height: 3rem;
|
||||
// // width: 3rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* header elements */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
// color of header elements, icons
|
||||
// .logo,
|
||||
// .social-link,
|
||||
// .menubutton,
|
||||
// .events-link {
|
||||
// a,
|
||||
// button,
|
||||
// * {
|
||||
// // z-index: 3501;
|
||||
// // cursor: pointer;
|
||||
// }
|
||||
// // .white {
|
||||
// // display: block;
|
||||
// // }
|
||||
// // .black {
|
||||
// // display: none;
|
||||
// // }
|
||||
// // filter: invert(100);
|
||||
// }
|
||||
// @media #{$tablet} {
|
||||
// .logo,
|
||||
// .social-link,
|
||||
// .menubutton,
|
||||
// .events-link {
|
||||
// // .white {
|
||||
// // display: none;
|
||||
// // }
|
||||
// // .black {
|
||||
// // display: block;
|
||||
// // }
|
||||
// // filter: invert(100);
|
||||
// }
|
||||
// }
|
||||
|
||||
//icons:
|
||||
.dis-logo {
|
||||
background-image: url(../img/dis-logo-white.png);
|
||||
background-image: url(../img/dis-logo-white.svg);
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
width: $h-unit-1;
|
||||
height: $h-unit-1;
|
||||
&.black {
|
||||
background-image: url(../img/dis-logo-black.png);
|
||||
background-image: url(../img/dis-logo-black.svg);
|
||||
}
|
||||
|
||||
@media #{$tablet} {
|
||||
background-image: url(../img/dis-logo-black.png);
|
||||
background-image: url(../img/dis-logo-black.svg);
|
||||
height: 4rem;
|
||||
width: 4rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
height: $h-unit-1;
|
||||
width: $h-unit-1;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
@media #{$tablet} {
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin bw-icon($iconname) {
|
||||
background-image: url(../img/#{$iconname}-white.png);
|
||||
background-image: url(../img/#{$iconname}-white.svg);
|
||||
@media #{$tablet} {
|
||||
background-image: url(../img/#{$iconname}-black.png);
|
||||
background-image: url(../img/#{$iconname}-black.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.facebook-icon {
|
||||
@include bw-icon(facebook_icon);
|
||||
}
|
||||
|
||||
.instagram-icon {
|
||||
@include bw-icon(instagram_icon);
|
||||
}
|
||||
|
||||
.esemeny-icon {
|
||||
@include bw-icon(naptar_icon);
|
||||
}
|
||||
|
||||
.menubutton-icon {
|
||||
@include bw-icon(dis-plus);
|
||||
&.black {
|
||||
background-image: url(../img/dis-plus-black.png);
|
||||
background-image: url(../img/dis-plus-black.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.kereso-icon {
|
||||
@include bw-icon(kereso_icon);
|
||||
}
|
||||
|
||||
@media #{$tablet} {
|
||||
.header-1 > div,
|
||||
.header-2 > div {
|
||||
@@ -510,17 +618,20 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
|
||||
// dis logo size:
|
||||
.logo {
|
||||
object {
|
||||
height: $h-unit-1;
|
||||
@media #{$tablet} {
|
||||
height: 4rem;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
height: $h-unit-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .logo {
|
||||
// object {
|
||||
// height: $h-unit-1;
|
||||
// // width: $h-unit-1;
|
||||
// @media #{$tablet} {
|
||||
// height: 4rem;
|
||||
// // width: 4rem;
|
||||
// }
|
||||
// @media #{$smalldesktop} {
|
||||
// height: $h-unit-1;
|
||||
// // width: $h-unit-1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.menubutton {
|
||||
$speed: 0.5s;
|
||||
@@ -528,15 +639,25 @@ $v-unit-6: 24rem;
|
||||
$easing: linear;
|
||||
|
||||
order: 99;
|
||||
z-index: 3002;
|
||||
// z-index: 3002;
|
||||
|
||||
button {
|
||||
transform-origin: center;
|
||||
@include transition($speed $easing);
|
||||
|
||||
&.rotated {
|
||||
@include transform(rotate($degree));
|
||||
}
|
||||
&.inverted .menubutton-icon {
|
||||
@media #{$tablet} {
|
||||
filter: invert(100);
|
||||
background-image: url(../img/dis-plus-white.png);
|
||||
background-image: url(../img/dis-plus-white.svg);
|
||||
// .white {
|
||||
// display: block;
|
||||
// }
|
||||
// .black {
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -585,9 +706,13 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
button {
|
||||
flex: 0 0 auto;
|
||||
@media #{$only-mobile} {
|
||||
filter: invert(100);
|
||||
}
|
||||
|
||||
// .white {
|
||||
// display: block;
|
||||
// }
|
||||
// .black {
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
}
|
||||
} //search-bar end
|
||||
@@ -598,6 +723,14 @@ $v-unit-6: 24rem;
|
||||
.search-box {
|
||||
display: block;
|
||||
flex: 1 1 0 !important;
|
||||
// & > button {
|
||||
// .white {
|
||||
// display: none;
|
||||
// }
|
||||
// .black {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
@@ -655,6 +788,7 @@ $v-unit-6: 24rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
.menuseparator {
|
||||
display: block;
|
||||
@@ -763,7 +897,7 @@ $v-unit-6: 24rem;
|
||||
/* STRUCTURE ALL PAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
main {
|
||||
z-index: 1;
|
||||
// z-index: 2;
|
||||
section {
|
||||
article {
|
||||
position: relative;
|
||||
@@ -870,7 +1004,7 @@ $v-unit-6: 24rem;
|
||||
left: $h-unit-2;
|
||||
}
|
||||
button {
|
||||
cursor: url("../img/arrow-black-left.png"), w-resize;
|
||||
cursor: url("../img/cursor-arrow-black-left.png"), w-resize;
|
||||
}
|
||||
}
|
||||
&.header-scroll-right {
|
||||
@@ -879,7 +1013,7 @@ $v-unit-6: 24rem;
|
||||
right: $h-unit-2;
|
||||
}
|
||||
button {
|
||||
cursor: url("../img/arrow-black-right.png"), e-resize;
|
||||
cursor: url("../img/cursor-arrow-black-right.png"), e-resize;
|
||||
}
|
||||
}
|
||||
button {
|
||||
@@ -961,7 +1095,7 @@ $v-unit-6: 24rem;
|
||||
|
||||
.metadata {
|
||||
// bottom: 37.5vw;
|
||||
top: calc(50vw - #{$h-unit-1});
|
||||
top: calc(50vw - #{$h-unit-1} + 1px);
|
||||
height: $h-unit-1;
|
||||
display: flex;
|
||||
@include fit-content(width);
|
||||
@@ -970,6 +1104,18 @@ $v-unit-6: 24rem;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
@media #{$only-mobile} {
|
||||
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
|
||||
}
|
||||
|
||||
z-index: 15;
|
||||
& > * {
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.vr {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
@@ -987,8 +1133,15 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
// top: -1px;
|
||||
position: relative;
|
||||
border-top: #000 1px solid;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
& > .bevezetoWrapper {
|
||||
padding: 0 2rem 1.5rem;
|
||||
padding: 0 2rem 3rem;
|
||||
@include home-metadata-bevezeto();
|
||||
&::before {
|
||||
display: block;
|
||||
@@ -1015,15 +1168,18 @@ $v-unit-6: 24rem;
|
||||
/* ----------------------- home article mobile first 2 ----------------------- */
|
||||
&.post_nr_1,
|
||||
&.post_nr_2 {
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
.thumbnailwrapper {
|
||||
img {
|
||||
height: 50vh;
|
||||
}
|
||||
}
|
||||
.metadata {
|
||||
top: calc(50vh - 5rem + 1px);
|
||||
}
|
||||
h2 {
|
||||
height: 50vh;
|
||||
|
||||
// height: 50vh;
|
||||
// height: calc(50vh + 1px);
|
||||
padding-top: 3rem;
|
||||
a {
|
||||
@include home-title();
|
||||
@@ -1032,10 +1188,39 @@ $v-unit-6: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.metadata {
|
||||
bottom: 50%;
|
||||
.bevezetoWrapper {
|
||||
&::before {
|
||||
// margin-top: 1rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.bevezeto {
|
||||
// @include home-metadata-big();
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//border on first elements
|
||||
// &.post_nr_1 {
|
||||
// // .metadata {
|
||||
// // &::after {
|
||||
// // display: none;
|
||||
// // }
|
||||
|
||||
// // @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
|
||||
// // z-index: 15;
|
||||
// // & > * {
|
||||
// // z-index: 15;
|
||||
// // }
|
||||
// // }
|
||||
// // h2 {
|
||||
// // height: calc(50vh + 1px);
|
||||
// // top: -1px;
|
||||
// // position: relative;
|
||||
// // border-top: #000 1px solid;
|
||||
// // z-index: 8;
|
||||
// // }
|
||||
// }
|
||||
} //article end
|
||||
|
||||
/* ------------------------ home article desktop big ------------------------ */
|
||||
@@ -1086,6 +1271,7 @@ $v-unit-6: 24rem;
|
||||
padding: 2rem;
|
||||
padding-left: $v-unit-1;
|
||||
|
||||
border: none;
|
||||
width: calc(100vw - #{$h-unit-1-5 * 2.5});
|
||||
@media #{$smalldesktop} {
|
||||
width: calc(100vw - #{$h-unit-5});
|
||||
@@ -1106,7 +1292,8 @@ $v-unit-6: 24rem;
|
||||
|
||||
height: #{$h-unit-1-5};
|
||||
@media #{$mobile-landscape} {
|
||||
height: calc(#{$h-unit-2} / 2);
|
||||
// height: calc(#{$h-unit-2} / 2);
|
||||
height: $h-unit-1 + $v-unit-1;
|
||||
}
|
||||
@media #{$smalldesktop} {
|
||||
// height: #{$h-unit-2};
|
||||
@@ -1259,6 +1446,7 @@ $v-unit-6: 24rem;
|
||||
|
||||
.metadata {
|
||||
justify-content: flex-end;
|
||||
|
||||
@include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right);
|
||||
.filler {
|
||||
order: -1;
|
||||
@@ -1417,6 +1605,7 @@ $v-unit-6: 24rem;
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
border: none;
|
||||
|
||||
a {
|
||||
margin-top: $h-unit-0-5 / 2;
|
||||
@@ -1649,7 +1838,7 @@ body.category.category-esemeny {
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-content: stretch;
|
||||
padding: 1.5rem;
|
||||
padding: 1rem;
|
||||
@media #{$bigmobile} {
|
||||
padding: 2rem;
|
||||
}
|
||||
@@ -1662,7 +1851,7 @@ body.category.category-esemeny {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 50%;
|
||||
flex: 0 0 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
@@ -1683,7 +1872,11 @@ body.category.category-esemeny {
|
||||
flex: 1 0.9 auto;
|
||||
height: unset;
|
||||
padding: 0;
|
||||
@include event-title;
|
||||
border: none;
|
||||
padding-right: 2rem;
|
||||
a {
|
||||
@include event-title;
|
||||
}
|
||||
}
|
||||
.vr {
|
||||
flex: 0 0 auto;
|
||||
@@ -1694,8 +1887,9 @@ body.category.category-esemeny {
|
||||
}
|
||||
a.text-link {
|
||||
flex: 1 1 auto;
|
||||
padding-left: 1rem;
|
||||
@include event-link;
|
||||
text-align: right;
|
||||
// text-align: right;
|
||||
&:hover {
|
||||
-webkit-text-stroke: transparent;
|
||||
color: #00f;
|
||||
@@ -1718,26 +1912,31 @@ body.category.category-esemeny {
|
||||
main {
|
||||
padding-top: 0;
|
||||
section {
|
||||
height: 100%;
|
||||
margin: $v-unit-1 $h-unit-2;
|
||||
border-top: #000 1px solid;
|
||||
height: calc(100vh - #{$v-unit-2});
|
||||
// padding-top:
|
||||
|
||||
padding-left: $h-unit-2;
|
||||
// margin-left: $h-unit-2;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
article {
|
||||
width: calc(50vw - #{$h-unit-2});
|
||||
height: calc(50vw - #{$h-unit-2});
|
||||
// height: calc(50vw - #{$h-unit-2});
|
||||
max-width: calc(100vh - #{$h-unit-1});
|
||||
max-height: calc(100vh - #{$h-unit-1});
|
||||
height: unset;
|
||||
min-height: unset;
|
||||
// max-height: calc(100vh - #{$h-unit-1});
|
||||
|
||||
min-width: 80vh;
|
||||
min-height: 80vh;
|
||||
// min-width: 80vh;
|
||||
// min-height: 80vh;
|
||||
// margin: auto;
|
||||
margin: auto $h-unit-2 auto 0;
|
||||
margin: 0 $h-unit-2 0 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
|
||||
.thumbnailwrapper {
|
||||
height: unset;
|
||||
@@ -1751,25 +1950,28 @@ body.category.category-esemeny {
|
||||
}
|
||||
flex: 1 1 auto;
|
||||
padding: 0;
|
||||
// .top-row{
|
||||
// .ev-date{
|
||||
// padding-left: 2rem;
|
||||
// }
|
||||
.top-row {
|
||||
flex: 1 1 auto;
|
||||
.ev-date {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
// padding-right: 2rem;
|
||||
|
||||
// }
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.bottom-row {
|
||||
flex: 1 1 auto;
|
||||
h2 {
|
||||
// padding-left: 2rem;
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-right: 0;
|
||||
}
|
||||
.vr {
|
||||
margin: 0 2rem;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
.text-link {
|
||||
// padding-right: 2rem;
|
||||
padding-right: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1786,7 +1988,8 @@ body.category.category-esemeny {
|
||||
@mixin singleDesktopLayout() {
|
||||
padding-right: $h-unit-4;
|
||||
padding-left: 0;
|
||||
max-width: calc(1024px + #{$h-unit-4});
|
||||
// max-width: calc(1024px + #{$h-unit-4});
|
||||
max-width: calc(768px + #{$h-unit-4});
|
||||
}
|
||||
|
||||
$padd: 2rem;
|
||||
@@ -1850,16 +2053,25 @@ $padd: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-left: 0;
|
||||
|
||||
@include single-metadata();
|
||||
|
||||
.metaWrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-start;
|
||||
|
||||
.time-cat {
|
||||
z-index: 10;
|
||||
// .time-cat {
|
||||
// // z-index: 10;
|
||||
// }
|
||||
.time-cat::after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
}
|
||||
.format::before {
|
||||
content: "|";
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1894,7 +2106,7 @@ $padd: 2rem;
|
||||
margin-left: $h-unit-1;
|
||||
background-color: #fff;
|
||||
border-left: #000 solid 1px;
|
||||
padding-left: $h-unit-1;
|
||||
padding-left: $h-unit-2;
|
||||
|
||||
// & > * {
|
||||
// padding: $padd $h-unit-1;
|
||||
@@ -1930,7 +2142,8 @@ $padd: 2rem;
|
||||
|
||||
.metadata {
|
||||
top: -#{$h-unit-1};
|
||||
width: 100%;
|
||||
// left: -#{$h-unit-1};
|
||||
width: calc(100% + #{$h-unit-1});
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
@@ -1938,15 +2151,7 @@ $padd: 2rem;
|
||||
|
||||
.metaWrapper {
|
||||
@include singleDesktopLayout();
|
||||
justify-content: flex-start;
|
||||
.time-cat::after{
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
}
|
||||
.format::before{
|
||||
content: "|";
|
||||
display: inline-block;
|
||||
}
|
||||
padding-left: $h-unit-1;
|
||||
}
|
||||
|
||||
// .time-cat {
|
||||
@@ -1969,6 +2174,7 @@ $padd: 2rem;
|
||||
background-color: #ff5f5f;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
|
||||
border: none;
|
||||
width: 20%;
|
||||
&.content-wrap {
|
||||
@@ -1988,6 +2194,9 @@ $padd: 2rem;
|
||||
margin-bottom: $padd;
|
||||
}
|
||||
}
|
||||
&.wp-block-separator:nth-of-type(2) {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
//override if thumbnail
|
||||
@@ -2041,7 +2250,7 @@ $padd: 2rem;
|
||||
p {
|
||||
background: #ff5f5f;
|
||||
display: inline;
|
||||
padding: 3px 0;
|
||||
padding: 5px 0 3px;
|
||||
|
||||
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
|
||||
}
|
||||
@@ -2054,8 +2263,28 @@ $padd: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
//nagyon nagy kiemelt
|
||||
.wp-block-pullquote {
|
||||
text-align: unset;
|
||||
// text-align: unset;
|
||||
padding: 4rem;
|
||||
blockquote {
|
||||
display: inline;
|
||||
position: relative;
|
||||
p {
|
||||
@include single-quote-big();
|
||||
}
|
||||
|
||||
cite {
|
||||
// display: inline !important;
|
||||
position: absolute;
|
||||
font-size: 80%;
|
||||
bottom: -3rem;
|
||||
right: 0;
|
||||
top: unset;
|
||||
left: unset;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------- images on single ---------------------------- */
|
||||
@@ -2084,10 +2313,16 @@ $padd: 2rem;
|
||||
.wp-block-gallery {
|
||||
padding: 0;
|
||||
margin: $padd 0;
|
||||
// @media #{$tablet} {
|
||||
// align-content: space-between;
|
||||
// }
|
||||
|
||||
li {
|
||||
margin-right: 0;
|
||||
@media #{$tablet} {
|
||||
margin-bottom: $v-unit-1;
|
||||
// margin-bottom: $v-unit-1 /2;
|
||||
// margin-top: $v-unit-1 /2;
|
||||
margin: 0;
|
||||
}
|
||||
&:nth-child(odd) figcaption {
|
||||
@media #{$tablet} {
|
||||
@@ -2279,7 +2514,7 @@ $padd: 2rem;
|
||||
}
|
||||
}
|
||||
&#cboxClose {
|
||||
background-image: url(../img/dis-plus.svg);
|
||||
background-image: url(../img/dis-plus-white.svg);
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
@include transform(rotate(45deg));
|
||||
@@ -2542,6 +2777,33 @@ $padd: 2rem;
|
||||
/* -------------------------------- page only------------------------------- */
|
||||
body.page {
|
||||
@media #{$only-mobile} {
|
||||
//hide header image on mobile on 'rolunk'
|
||||
&.rolunk {
|
||||
.wrapper .header {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.thumbnailwrapper {
|
||||
display: none;
|
||||
}
|
||||
.titlewrapper {
|
||||
padding-top: $h-unit-2;
|
||||
|
||||
position: relative;
|
||||
height: unset;
|
||||
min-height: unset;
|
||||
.metadata {
|
||||
display: none;
|
||||
}
|
||||
h1.single-title {
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
.single-content {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.single-content {
|
||||
padding-top: 8rem;
|
||||
}
|
||||
@@ -2560,6 +2822,7 @@ body.page {
|
||||
|
||||
@mixin tagcolors($color) {
|
||||
//metadata on mobile
|
||||
|
||||
.metadata {
|
||||
@media #{$only-mobile} {
|
||||
color: $color !important;
|
||||
@@ -2571,7 +2834,28 @@ body.page {
|
||||
a {
|
||||
color: $color !important;
|
||||
}
|
||||
|
||||
@media #{$only-mobile} {
|
||||
&::before,
|
||||
&::after {
|
||||
border-color: $color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
//mobile desktop firat post
|
||||
// &.post_nr_1:not(.home-big) {
|
||||
// .metadata {
|
||||
// &::before,
|
||||
// &::after {
|
||||
// border-color: $color !important;
|
||||
// }
|
||||
// }
|
||||
h2 {
|
||||
@media #{$only-mobile} {
|
||||
border-top-color: $color !important;
|
||||
}
|
||||
}
|
||||
// }
|
||||
|
||||
& > .bevezetoWrapper::before {
|
||||
background-color: $color !important;
|
||||
@@ -2653,11 +2937,13 @@ body.page {
|
||||
@mixin tagcolors-single($color, $darkcolor) {
|
||||
.titlewrapper {
|
||||
.metadata {
|
||||
color: $color !important;
|
||||
@media #{$tablet} {
|
||||
// color: #fff !important;
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: $color 1px !important;
|
||||
}
|
||||
a {
|
||||
color: $color !important;
|
||||
@media #{$tablet} {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: $color 1px !important;
|
||||
@@ -2702,59 +2988,66 @@ $color-think-dark: #007f5c;
|
||||
$color-love-dark: #7f2f2f;
|
||||
|
||||
//colors on articles
|
||||
|
||||
.tag-be {
|
||||
@include tagcolors($color-be);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-do;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(be);
|
||||
.archive,
|
||||
.home,
|
||||
.search-results {
|
||||
&.tag-be,
|
||||
.tag-be {
|
||||
@include tagcolors($color-be);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-do;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(be);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tag-do {
|
||||
@include tagcolors($color-do);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-be;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(do);
|
||||
&.tag-do,
|
||||
.tag-do {
|
||||
@include tagcolors($color-do);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-be;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(do);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tag-think {
|
||||
@include tagcolors($color-think);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-love;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(think);
|
||||
&.tag-think,
|
||||
.tag-think {
|
||||
@include tagcolors($color-think);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-love;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(think);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tag-love {
|
||||
@include tagcolors($color-love);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-think;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(love);
|
||||
&.tag-love,
|
||||
.tag-love {
|
||||
@include tagcolors($color-love);
|
||||
::selection {
|
||||
color: #000;
|
||||
background-color: $color-think;
|
||||
}
|
||||
// &.cut-even,
|
||||
&.random {
|
||||
.thumbnailwrapper > img {
|
||||
@include tagclip(love);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,9 +2,17 @@
|
||||
<form class="search" method="get" action="<?php echo home_url(); ?>" role="search">
|
||||
<input class="search-input" type="search" name="s" placeholder="">
|
||||
<button class="search-submit" type="submit" role="button">
|
||||
<object data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.svg" type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon.png" />
|
||||
<div class="kereso-icon icon">
|
||||
|
||||
</div>
|
||||
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
|
||||
</object>
|
||||
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
|
||||
type="image/svg+xml">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
|
||||
</object> -->
|
||||
</button>
|
||||
</form>
|
||||
<!-- /search -->
|
||||
Reference in New Issue
Block a user