Commit b433e804 authored by sbiego's avatar sbiego

now really working change lang

parent 5f7fab64
......@@ -15,7 +15,7 @@
<h2>{{ .title | markdownify }}</h2>
<!-- <p class="item-intro text-muted">{{ .subtitle | markdownify }}</p> -->
<div id="lang_select" onclick="toggleLang()"></div>
<div class="lang_select it" onclick="toggleLang()"></div>
<p class="desc_en" id="desc_en">{{ .description }}</p>
<p class="desc_it" id="desc_it">{{ .descriptionIT }}</p>
......
......@@ -574,10 +574,9 @@ section h3.section-subheading {
.desc_en {
display: none;
}
#lang_select {
.lang_select {
height: 24px;
width: 24px;
background-image: url("../img/flaguk.png");
background-size: cover;
background-color: transparent;
content: '';
......@@ -591,16 +590,25 @@ section h3.section-subheading {
box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.6);
transition: all .3s;
cursor: pointer;
opacity: .6;
/*display: none;*/
}
#lang_select:hover {
.lang_select:hover {
box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.3);
transform: translateY(2px);
opacity: .9;
}
#lang_select:active {
.lang_select:active {
opacity: 1;
transform: translateY(5px);
}
.lang_select.it {
background-image: url("../img/flagit.png");
}
.lang_select.en {
background-image: url("../img/flaguk.png");
}
.portfolio-modal .modal-content img {
/*box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);*/
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.35);
......@@ -642,9 +650,6 @@ section h3.section-subheading {
margin-bottom: 0px;
box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.3);
}
.portfolio-modal .modal-content .modal-img-frame {
padding: 20px;
}
.portfolio-modal .modal-content h2 {
margin: 15px;
margin-top: 30px;
......@@ -654,6 +659,17 @@ section h3.section-subheading {
margin: 10px 24px;
line-height: 1.5em;
}
.portfolio-modal .modal-content .modal-img-frame {
padding: 30px;
margin: 30px 20px;
}
}
@media (max-width: 500px) {
.portfolio-modal .modal-content .modal-img-frame {
padding: 13px;
margin: 30px 0px;
}
}
/* === SOCIAL === */
......
This diff is collapsed.
function toggleLang() {
var elementsIT = document.getElementsByClassName("desc_it");
var elementsEN = document.getElementsByClassName("desc_en");
lan_sel = document.getElementById("lang_select");
var elementsLN = document.getElementsByClassName("lang_select");
stateIT = elementsIT[0].style.display;
for (var i = 0; i < elementsIT.length; i++) {
if (stateIT == "none") {
elementsLN[i].className = "lang_select it";
elementsIT[i].style.display = "block";
elementsEN[i].style.display = "none";
}
else {
elementsLN[i].className = "lang_select en";
elementsIT[i].style.display = "none";
elementsEN[i].style.display = "block ";
}
}
if (stateIT == "none")
lan_sel.style.backgroundImage = 'url(../img/flaguk.png)';
else
lan_sel.style.backgroundImage = 'url(../img/flagit.png)';
}
function toggleLang(){var c=document.getElementsByClassName("desc_it");var a=document.getElementsByClassName("desc_en");lan_sel=document.getElementById("lang_select");stateIT=c[0].style.display;for(var b=0;b<c.length;b++){if(stateIT=="none"){c[b].style.display="block";a[b].style.display="none"}else{c[b].style.display="none";a[b].style.display="block "}}if(stateIT=="none"){lan_sel.style.backgroundImage="url(../img/flaguk.png)"}else{lan_sel.style.backgroundImage="url(../img/flagit.png)"}};
\ No newline at end of file
function toggleLang(){var c=document.getElementsByClassName("desc_it");var a=document.getElementsByClassName("desc_en");var d=document.getElementsByClassName("lang_select");stateIT=c[0].style.display;for(var b=0;b<c.length;b++){if(stateIT=="none"){d[b].className="lang_select it";c[b].style.display="block";a[b].style.display="none"}else{d[b].className="lang_select en";c[b].style.display="none";a[b].style.display="block "}}};
\ No newline at end of file
Markdown is supported
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