Commit fea6bf52 authored by Juan's avatar Juan
Browse files

Updated mobile styles

parent 6df03246
Pipeline #2073 passed with stages
in 3 minutes and 8 seconds
......@@ -22,23 +22,27 @@
</div>
</div>
</div>
<div class="main-title">
<h1 class="amro-title"><a href="{{ site.baseurl }}/">amro22</a></h1>
<div class="amro-subtitle">art meets radical openness</div>
{% if page.layout == "landing-page" %}
<p class="amro-slogan">
Festival dedicated<br />to Art, Hacktivism<br />
Open Culture
</p>
{% endif %}
<a
class="debug-title"
href="{{ site.
<div class="main-title">
{% if page.layout == "landing-page" %}
<h1 class="amro-title amro-title-landing-mobile"><a href="{{ site.baseurl }}/">amro22</a></h1>
<div class="amro-subtitle amro-subtitle-landing-mobile">art meets radical openness</div>
<p class="amro-slogan">
Festival dedicated<br />to Art, Hacktivism<br />
Open Culture
</p>
{% else %}
<h1 class="amro-title"><a href="{{ site.baseurl }}/">amro22</a></h1>
<div class="amro-subtitle">art meets radical openness</div>
{% endif %}
<a
class="debug-title"
href="{{ site.
baseurl }}/debug/"
>debug</a
>
>debug</a
>
</div>
{% if page.layout == "overview" and page.path != "visit.html" %} {% include
lower-navigation.html %} {% endif %}
</div>
{% if page.layout == "overview" and page.path != "visit.html" %} {% include
lower-navigation.html %} {% endif %}
{% include hamburger-menu.html %} {% include close-sign.html %}
</div>
{% include hamburger-menu.html %} {% include close-sign.html %}
......@@ -16,7 +16,7 @@ setTextBlockFontSize = () => {
if (window.innerWidth <= 800) {
textBlock[i].classList.remove("textblock-right");
textBlock[i].classList.add("textblock-centered");
textBlock[i].style.fontSize = "9.9px";
textBlock[i].style.fontSize = "9px";
} else if (window.innerWidth >= 1366) {
textBlock[i].style.fontSize = "17.75px";
} else {
......@@ -187,11 +187,13 @@ const displayNavigation = () => {
lowerNavigationWrapper ? lowerNavigationWrapper.classList.add("visible") : null;
mainNavigationWrapper.classList.add("visible");
// Display amroSubtitle and hide debugTitle
// Display amroSubtitle, hide debugTitle and set AMRO title size
const amroSubtitle = document.getElementsByClassName("amro-subtitle")[0];
const debugTitle = document.getElementsByClassName("debug-title")[0];
const amroTitle = document.getElementsByClassName("amro-title")[0];
amroSubtitle.classList.add("amro-subtitle-visible");
debugTitle.style.display = "none";
amroTitle.style.fontSize = "4rem";
// Display closeSign and hide hamburger menu
closeSign.classList.add("visible");
......@@ -214,8 +216,10 @@ const hideNavigation = () => {
// Hide amroSubtitle and display debugTitle
const amroSubtitle = document.getElementsByClassName("amro-subtitle")[0];
const debugTitle = document.getElementsByClassName("debug-title")[0];
const amroTitle = document.getElementsByClassName("amro-title")[0];
amroSubtitle.classList.remove("amro-subtitle-visible");
debugTitle.style.display = "block";
amroTitle.style.fontSize = "3rem";
// Hide closeSign and display hamburger menu
closeSign.classList.remove("visible");
......
......@@ -1339,13 +1339,22 @@ media queries
.main-navigation-wrapper .main-navigation-container {
left: unset;
right: 25px;
bottom: 40%;
bottom: 50%;
transform: translate(0, 50%);
}
.main-navigation-wrapper .main-navigation-textblock {
opacity: 0.6;
}
.amro-title-landing-mobile {
font-size: 4rem;
}
.amro-subtitle-landing-mobile {
transform: scaleY(100%);
}
.lower-navigation {
position: relative;
flex-direction: column;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment