1 Commits
0.0.1 ... 0.0.2

Author SHA1 Message Date
infeeeee
3553b6b0e0 update multiple things 2019-09-04 13:14:14 +02:00
37 changed files with 818 additions and 129 deletions

View File

@@ -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 félkövérre (Ctrl+B), 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,13 @@ 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:
- 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
## Developement verzió telepítése
Szükséges: python2, gulp global, max node 11

View File

@@ -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

View File

@@ -8,6 +8,8 @@ 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
@@ -16,15 +18,10 @@ Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimaliz
~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
## 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

View File

@@ -253,40 +253,16 @@ html *::selection {
justify-content: space-between !important;
align-content: space-between;
z-index: 3100;
background: #fff; }
.wrapper .header .header-1 .logo,
.wrapper .header .header-1 .social-link,
.wrapper .header .header-1 .menubutton,
.wrapper .header .header-1 .events-link,
.wrapper .header .header-2 .logo,
.wrapper .header .header-2 .social-link,
.wrapper .header .header-2 .menubutton,
.wrapper .header .header-2 .events-link {
filter: invert(100); }
.wrapper .header .header-1 .logo::selection,
.wrapper .header .header-1 .logo::selection *,
.wrapper .header .header-1 .social-link::selection,
.wrapper .header .header-1 .social-link::selection *,
.wrapper .header .header-1 .menubutton::selection,
.wrapper .header .header-1 .menubutton::selection *,
.wrapper .header .header-1 .events-link::selection,
.wrapper .header .header-1 .events-link::selection *,
.wrapper .header .header-2 .logo::selection,
.wrapper .header .header-2 .logo::selection *,
.wrapper .header .header-2 .social-link::selection,
.wrapper .header .header-2 .social-link::selection *,
.wrapper .header .header-2 .menubutton::selection,
.wrapper .header .header-2 .menubutton::selection *,
.wrapper .header .header-2 .events-link::selection,
.wrapper .header .header-2 .events-link::selection * {
filter: invert(0); } }
background: #fff; } }
@media (min-width: 1024px) {
.wrapper .header .header-1,
.wrapper .header .header-2 {
width: 10rem; } }
.wrapper .header .header-1 div,
.wrapper .header .header-2 div {
z-index: 3500;
z-index: 3500; }
.wrapper .header .header-1 div object,
.wrapper .header .header-2 div object {
-webkit-transform: translate3d(0, 0, 0); }
.wrapper .header .header-1 a,
.wrapper .header .header-2 a {
@@ -315,6 +291,27 @@ html *::selection {
@media (min-width: 1024px) {
.wrapper .header object {
height: 3rem; } }
.wrapper .header .logo .white,
.wrapper .header .social-link .white,
.wrapper .header .menubutton .white,
.wrapper .header .events-link .white {
display: block; }
.wrapper .header .logo .black,
.wrapper .header .social-link .black,
.wrapper .header .menubutton .black,
.wrapper .header .events-link .black {
display: none; }
@media (min-width: 769px) {
.wrapper .header .logo .white,
.wrapper .header .social-link .white,
.wrapper .header .menubutton .white,
.wrapper .header .events-link .white {
display: none; }
.wrapper .header .logo .black,
.wrapper .header .social-link .black,
.wrapper .header .menubutton .black,
.wrapper .header .events-link .black {
display: block; } }
@media (min-width: 769px) {
.wrapper .header .header-1 > div,
.wrapper .header .header-2 > div {
@@ -343,8 +340,10 @@ html *::selection {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
@media (min-width: 769px) {
.wrapper .header .menubutton button.rotated {
filter: invert(100); } }
.wrapper .header .menubutton button.inverted .white {
display: block; }
.wrapper .header .menubutton button.inverted .black {
display: none; } }
@media (min-width: 769px) {
.wrapper .header .menubutton {
order: unset; } }
@@ -381,13 +380,18 @@ html *::selection {
color: #000 !important; } }
.wrapper .header .search-bar form.search button {
flex: 0 0 auto; }
@media (max-width: 768px) {
.wrapper .header .search-bar form.search button {
filter: invert(100); } }
.wrapper .header .search-bar form.search button .white {
display: block; }
.wrapper .header .search-bar form.search button .black {
display: none; }
@media (min-width: 769px) {
.wrapper .header .search-box {
display: block;
flex: 1 1 0 !important; }
.wrapper .header .search-box > button .white {
display: none; }
.wrapper .header .search-box > button .black {
display: block; }
.wrapper .header .search-bar {
display: none;
position: fixed;
@@ -1061,7 +1065,7 @@ html *::selection {
.search-results .wrapper .header .header-scroll.header-scroll-left button,
.search-no-results .wrapper .header .header-scroll.header-scroll-left button,
.error404 .wrapper .header .header-scroll.header-scroll-left button {
cursor: url("../img/arrow-black-left.png"), w-resize; }
cursor: url("../img/cursor-arrow-black-left.png"), w-resize; }
.archive .wrapper .header .header-scroll.header-scroll-right,
.home .wrapper .header .header-scroll.header-scroll-right,
.search-results .wrapper .header .header-scroll.header-scroll-right,
@@ -1080,7 +1084,7 @@ html *::selection {
.search-results .wrapper .header .header-scroll.header-scroll-right button,
.search-no-results .wrapper .header .header-scroll.header-scroll-right button,
.error404 .wrapper .header .header-scroll.header-scroll-right button {
cursor: url("../img/arrow-black-right.png"), e-resize; }
cursor: url("../img/cursor-arrow-black-right.png"), e-resize; }
.archive .wrapper .header .header-scroll button,
.home .wrapper .header .header-scroll button,
.search-results .wrapper .header .header-scroll button,
@@ -1332,6 +1336,16 @@ html *::selection {
.error404 main section article.post_nr_1 .thumbnailwrapper img,
.error404 main section article.post_nr_2 .thumbnailwrapper img {
height: 50vh; }
.archive main section article.post_nr_1 .metadata, .archive main section article.post_nr_2 .metadata,
.home main section article.post_nr_1 .metadata,
.home main section article.post_nr_2 .metadata,
.search-results main section article.post_nr_1 .metadata,
.search-results main section article.post_nr_2 .metadata,
.search-no-results main section article.post_nr_1 .metadata,
.search-no-results main section article.post_nr_2 .metadata,
.error404 main section article.post_nr_1 .metadata,
.error404 main section article.post_nr_2 .metadata {
top: calc(50vh - 5rem); }
.archive main section article.post_nr_1 h2, .archive main section article.post_nr_2 h2,
.home main section article.post_nr_1 h2,
.home main section article.post_nr_2 h2,
@@ -1420,16 +1434,71 @@ html *::selection {
.error404 main section article.post_nr_1 h2 a,
.error404 main section article.post_nr_2 h2 a {
line-height: 1.5; } }
.archive main section article.post_nr_1 .metadata, .archive main section article.post_nr_2 .metadata,
.archive main section article.post_nr_1 .metadata,
.home main section article.post_nr_1 .metadata,
.home main section article.post_nr_2 .metadata,
.search-results main section article.post_nr_1 .metadata,
.search-results main section article.post_nr_2 .metadata,
.search-no-results main section article.post_nr_1 .metadata,
.search-no-results main section article.post_nr_2 .metadata,
.error404 main section article.post_nr_1 .metadata,
.error404 main section article.post_nr_2 .metadata {
bottom: 50%; }
.error404 main section article.post_nr_1 .metadata {
z-index: 15; }
.archive main section article.post_nr_1 .metadata::after,
.home main section article.post_nr_1 .metadata::after,
.search-results main section article.post_nr_1 .metadata::after,
.search-no-results main section article.post_nr_1 .metadata::after,
.error404 main section article.post_nr_1 .metadata::after {
display: none; }
.archive main section article.post_nr_1 .metadata::after,
.home main section article.post_nr_1 .metadata::after,
.search-results main section article.post_nr_1 .metadata::after,
.search-no-results main section article.post_nr_1 .metadata::after,
.error404 main section article.post_nr_1 .metadata::after {
position: absolute;
content: "";
display: block;
top: 0;
border: none;
width: calc(100% - 5rem + (5rem + 1px));
border-top: #000 1px solid;
background-color: white;
left: calc(5rem);
margin-left: calc((5rem + 1px) * -1); }
.archive main section article.post_nr_1 .metadata::before,
.home main section article.post_nr_1 .metadata::before,
.search-results main section article.post_nr_1 .metadata::before,
.search-no-results main section article.post_nr_1 .metadata::before,
.error404 main section article.post_nr_1 .metadata::before {
display: block;
content: "";
position: absolute;
width: calc(5rem);
height: calc(5rem);
top: 0;
background-color: white;
z-index: 9;
left: calc((5rem + 1px) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
transform-origin: left bottom;
border-top: #000 solid 1px; }
.archive main section article.post_nr_1 .metadata > *,
.home main section article.post_nr_1 .metadata > *,
.search-results main section article.post_nr_1 .metadata > *,
.search-no-results main section article.post_nr_1 .metadata > *,
.error404 main section article.post_nr_1 .metadata > * {
z-index: 15; }
.archive main section article.post_nr_1 h2,
.home main section article.post_nr_1 h2,
.search-results main section article.post_nr_1 h2,
.search-no-results main section article.post_nr_1 h2,
.error404 main section article.post_nr_1 h2 {
height: calc(50vh + 1px);
top: -1px;
position: relative;
border-top: #000 1px solid;
z-index: 8; }
@media (min-width: 769px) {
.archive main section .home_wrapper-big,
.home main section .home_wrapper-big,
@@ -1531,7 +1600,7 @@ html *::selection {
.search-results main section .home_wrapper-big article .metadata,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } }
height: 9rem; } }
@media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata,
@@ -5469,6 +5538,21 @@ body.category.category-esemeny {
/* -------------------------------- page only------------------------------- */
@media (max-width: 768px) {
body.page.rolunk .wrapper .header {
background-color: #000; }
body.page.rolunk .thumbnailwrapper {
display: none; }
body.page.rolunk .titlewrapper {
padding-top: 10rem;
position: relative;
height: unset;
min-height: unset; }
body.page.rolunk .titlewrapper .metadata {
display: none; }
body.page.rolunk .titlewrapper h1.single-title {
min-height: unset; }
body.page.rolunk .single-content {
padding-top: 2rem; }
body.page .single-content {
padding-top: 8rem; } }
@@ -5488,6 +5572,12 @@ body.category.category-esemeny {
.tag-be .metadata a {
color: #fdff00 !important; }
.tag-be.post_nr_1:not(.home-big) .metadata::before, .tag-be.post_nr_1:not(.home-big) .metadata::after {
border-color: #fdff00 !important; }
.tag-be.post_nr_1:not(.home-big) h2 {
border-top-color: #fdff00 !important; }
.tag-be > .bevezetoWrapper::before {
background-color: #fdff00 !important; }
@@ -5545,6 +5635,12 @@ body.category.category-esemeny {
.tag-do .metadata a {
color: #3c00ff !important; }
.tag-do.post_nr_1:not(.home-big) .metadata::before, .tag-do.post_nr_1:not(.home-big) .metadata::after {
border-color: #3c00ff !important; }
.tag-do.post_nr_1:not(.home-big) h2 {
border-top-color: #3c00ff !important; }
.tag-do > .bevezetoWrapper::before {
background-color: #3c00ff !important; }
@@ -5602,6 +5698,12 @@ body.category.category-esemeny {
.tag-think .metadata a {
color: #00ffb8 !important; }
.tag-think.post_nr_1:not(.home-big) .metadata::before, .tag-think.post_nr_1:not(.home-big) .metadata::after {
border-color: #00ffb8 !important; }
.tag-think.post_nr_1:not(.home-big) h2 {
border-top-color: #00ffb8 !important; }
.tag-think > .bevezetoWrapper::before {
background-color: #00ffb8 !important; }
@@ -5659,6 +5761,12 @@ body.category.category-esemeny {
.tag-love .metadata a {
color: #ff5f5f !important; }
.tag-love.post_nr_1:not(.home-big) .metadata::before, .tag-love.post_nr_1:not(.home-big) .metadata::after {
border-color: #ff5f5f !important; }
.tag-love.post_nr_1:not(.home-big) h2 {
border-top-color: #ff5f5f !important; }
.tag-love > .bevezetoWrapper::before {
background-color: #ff5f5f !important; }

View File

@@ -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]);

View File

@@ -48,27 +48,39 @@
<!-- logo -->
<div class="logo">
<a href="<?php echo home_url(); ?>">
<object data="<?php echo get_template_directory_uri(); ?>/img/dis-logo.svg"
<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"
<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"
<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">
@@ -92,9 +104,13 @@
<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"
<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>
@@ -102,17 +118,25 @@
</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"
<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"
<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>

View File

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 476 B

After

Width:  |  Height:  |  Size: 476 B

View File

Before

Width:  |  Height:  |  Size: 275 B

After

Width:  |  Height:  |  Size: 275 B

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
View 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

View File

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

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
View 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

View File

Before

Width:  |  Height:  |  Size: 455 B

After

Width:  |  Height:  |  Size: 455 B

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
img/facebook_icon-black.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

View 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

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View 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

View File

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

Before

Width:  |  Height:  |  Size: 995 B

After

Width:  |  Height:  |  Size: 995 B

View File

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

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
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

81
img/naptar_icon-black.svg Normal file
View 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

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -13,8 +13,8 @@
/* -------------------------------- 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
@@ -24,8 +24,6 @@
// const dch = document.documentElement.clientHeight
const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
const bottomScrollHeight = 0
// height of scrollbar at bottom
// const bottomScrollHeight = (_ => {
@@ -55,19 +53,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
@@ -122,7 +139,7 @@
if ($(".menubutton button").hasClass("rotated")) {
$(".menubutton button").removeClass("rotated");
} else {
$(".menubutton button").addClass("rotated");
$(".menubutton button").addClass("rotated").addClass("inverted");
}
}
@@ -134,18 +151,31 @@
}
}
function convertRemToPixels(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
/* --------------------- generic page load for onresize --------------------- */
function loadPage() {
if (isMobile) {
// hide social buttons
$('.social-link, .events-link').addClass('hidden')
// move search to menu
$(".search-box>.search-bar").prependTo("#sidebar-wrapper")
} else {
$('.social-link, .events-link').removeClass('hidden')
// move search to back
$("#sidebar-wrapper>.search-bar").appendTo(".search-box")
}
}
loadPage()
/* ========================================================================== */
/* 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 +188,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 +204,26 @@
/* MENU */
/* ========================================================================== */
var menuWidth = wow
if (isTablet) {
menuWidth = 350
function mwCalc() {
let ww = calcWidths()
if (isMobile) {
return ww.wow
} else if (isTablet) {
return 350
} else {
return 500
}
if (!isMobile && !isTablet) {
menuWidth = 500
}
var menuWidth = mwCalc()
// var menuWidth = 100
// if (isTablet) {
// menuWidth = 350
// }
// if (!isMobile && !isTablet) {
// menuWidth = 500
// }
$("#sidebar").simplerSidebar({
@@ -210,6 +253,7 @@
callbacks: {
animation: {
both: showHideSocial,
close: function () { $(".menubutton button").removeClass("inverted") },
freezePage: false
}
}
@@ -302,10 +346,6 @@
//fit title
$("body:not(.no-result) .archivetitle h1").fitText(0.7)
}//isMasonryPage end
}// !isMobile end
@@ -416,20 +456,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)
@@ -1092,6 +1134,32 @@
/* -------------------------------------------------------------------------- */
/* 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) })
}
});
/* ------------------------------- END OF FILE ------------------------------ */

View File

@@ -418,30 +418,22 @@ $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;
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;
object {
-webkit-transform: translate3d(0, 0, 0);
}
}
a {
display: inline-block;
}
@@ -502,6 +494,34 @@ $v-unit-6: 24rem;
/* header elements */
/* -------------------------------------------------------------------------- */
// color of header elements, icons
.logo,
.social-link,
.menubutton,
.events-link {
.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);
}
}
@media #{$tablet} {
.header-1 > div,
.header-2 > div {
@@ -533,10 +553,18 @@ $v-unit-6: 24rem;
button {
transform-origin: center;
@include transition($speed $easing);
&.rotated {
@include transform(rotate($degree));
}
&.inverted {
@media #{$tablet} {
filter: invert(100);
.white {
display: block;
}
.black {
display: none;
}
}
}
}
@@ -585,8 +613,12 @@ $v-unit-6: 24rem;
}
button {
flex: 0 0 auto;
@media #{$only-mobile} {
filter: invert(100);
.white {
display: block;
}
.black {
display: none;
}
}
}
@@ -598,6 +630,14 @@ $v-unit-6: 24rem;
.search-box {
display: block;
flex: 1 1 0 !important;
& > button {
.white {
display: none;
}
.black {
display: block;
}
}
}
.search-bar {
@@ -870,7 +910,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 +919,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 {
@@ -1021,6 +1061,9 @@ $v-unit-6: 24rem;
height: 50vh;
}
}
.metadata {
top: calc(50vh - 5rem);
}
h2 {
height: 50vh;
@@ -1032,8 +1075,27 @@ $v-unit-6: 24rem;
}
}
}
}
//border on first elements
&.post_nr_1 {
.metadata {
bottom: 50%;
&::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
@@ -1106,7 +1168,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};
@@ -2542,6 +2605,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;
}
@@ -2572,6 +2662,18 @@ body.page {
color: $color !important;
}
}
//mobile desktop firat post
&.post_nr_1:not(.home-big) {
.metadata {
&::before,
&::after {
border-color: $color !important;
}
}
h2 {
border-top-color: $color !important;
}
}
& > .bevezetoWrapper::before {
background-color: $color !important;

View File

@@ -2,8 +2,13 @@
<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" />
<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>