Fixed undefinded issue index, changed color for test index
This commit is contained in:
parent
43197a2ffe
commit
94fcde5d41
2 changed files with 16 additions and 14 deletions
|
@ -16,12 +16,13 @@ img {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.images {
|
||||
.images { /*Diese Klasse hab ich den ig bildern zugewiesen*/
|
||||
filter: grayscale(100%);
|
||||
transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
cursor:pointer;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.images:hover {
|
||||
|
@ -81,6 +82,7 @@ video {
|
|||
|
||||
.col-3 {
|
||||
width: 50%;
|
||||
color: #f9f9ed;
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
|
@ -353,14 +355,14 @@ header {
|
|||
background-color: #232323;
|
||||
padding: 10em 20%;
|
||||
width: 100%;
|
||||
outline: 2px solid#ffffff;
|
||||
outline: 2px solid#f9f9ed;
|
||||
outline-offset: -2.5em;
|
||||
color: #fff;
|
||||
color: #f9f9ed;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.home-about-textbox h1 {
|
||||
color: #ffffff;
|
||||
color: #f9f9ed;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
@ -602,7 +604,7 @@ header {
|
|||
=================== */
|
||||
|
||||
.cta {
|
||||
background-color: #ffffff;
|
||||
background-color: #f9f9ed;
|
||||
padding: 5em 0;
|
||||
}
|
||||
|
||||
|
@ -611,7 +613,7 @@ header {
|
|||
|
||||
footer {
|
||||
background: #232323;
|
||||
color: #fff;
|
||||
color: #f9f9ed;
|
||||
text-align: left;
|
||||
padding: 5em 0;
|
||||
}
|
||||
|
|
|
@ -48,15 +48,15 @@
|
|||
url: "https://instagram.com/p/" + element.node.shortcode
|
||||
}
|
||||
console.log(element);
|
||||
if (index < 7) {
|
||||
if (index < 8) {
|
||||
images.push(image)
|
||||
}
|
||||
index += 1
|
||||
});
|
||||
|
||||
images.forEach(e => {
|
||||
thumb_html += '<a href="' + e.url + '"><img class="insta_thumb" src="'+ e.thumb_url + '"/></a>'
|
||||
})
|
||||
thumb_html += '<a href="' + e.url + '"><img class="images" src="'+ e.thumb_url + '"/></a>' <!-- Hier war die class falsch zugewiesen -->
|
||||
}); <!-- Muss hier ein ";" hin? -->
|
||||
|
||||
document.getElementById('ig_container').innerHTML = thumb_html;
|
||||
}
|
||||
|
@ -67,14 +67,15 @@
|
|||
xmlhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
var myArr = JSON.parse(this.responseText);
|
||||
show_posts(myArr)
|
||||
show_posts(myArr);
|
||||
}
|
||||
};
|
||||
xmlhttp.open("GET", url, true);
|
||||
xmlhttp.send();
|
||||
xmlhttp.send(); <!-- Muss hier ein ";" hin? -->
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<div class="home-about-textbox parallax--box">
|
||||
<h1>Who we are</h1>
|
||||
<p><i>Bricabracomania metalworks is home of antique-inspired, alternative jewelry with an obscure, sculptural twist.</i></p>
|
||||
|
@ -85,7 +86,6 @@
|
|||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="portfolio">
|
||||
<!-- portfolio item 01 -->
|
||||
<figure class="port-item">
|
||||
|
@ -124,7 +124,7 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<p><a style="color: #fff; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
|
||||
<p><a style="color: #f9f9ed; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
|
||||
<div id="ig_container"><!-- instagram posts will be inserted here --></div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue