Skip to content

Commit f541265

Browse files
finncyrfinncyr
authored
Merge pull request #1 from finncyr/sponsorbanners
Sponsorbanners complete
2 parents 88725c2 + ea0547a commit f541265

7 files changed

Lines changed: 40 additions & 3 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@ Serverless variant of League of Legends Overlay, used in Broadcasts for League o
1414
*[Season 2]*
1515

1616
- [x] Make Overlay Serverless
17-
- [ ] Add JS Controled Sponsorbanners in the Bottom-Left field
17+
- [x] Add JS Controled Sponsorbanners in the Bottom-Left field

‎assets/ECO_Overlay_sponsorless.png‎

36.6 KB
Loading

‎assets/sponsor1.png‎

21.2 KB
Loading

‎assets/sponsor2.png‎

16.9 KB
Loading

‎css/index.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,22 @@ html, body {
6565
top: 20px;
6666
left: 1650px;
6767
}
68+
69+
#slideshow {
70+
position: absolute;
71+
top: 962px;
72+
left: 0px;
73+
width: 304px;
74+
height: 118px;
75+
}
76+
77+
#slideshow > div {
78+
position: absolute;
79+
top: 0px;
80+
left: 0px;
81+
right: 0px;
82+
bottom: 0px;
83+
}
6884

6985

7086
@keyframes fadein {

‎index.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<body>
1111
<div class="Overlay">
12-
<img src="assets/ECO_Overlay.png" alt="Overlay" />
12+
<img src="assets/ECO_Overlay_sponsorless.png" alt="Overlay" />
1313

1414
<div class="team-left">
1515
<h2>ECO</h2>
@@ -22,5 +22,15 @@ <h1>0</h1>
2222
</div>
2323
</div>
2424

25+
<div id="slideshow">
26+
<!-- Size for Slideshow-Images is 304x118px -->
27+
<div>
28+
<img src="assets/sponsor1.png">
29+
</div>
30+
<div>
31+
<img src="assets/sponsor2.png">
32+
</div>
33+
</div>
34+
2535
<script src="./js/index.js"></script>
2636
</body>

‎js/index.js‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,13 @@
11
$("h2").editable();
2-
$("h1").editable();
2+
$("h1").editable();
3+
4+
$("#slideshow > div:gt(0)").hide();
5+
6+
setInterval(function() {
7+
$('#slideshow > div:first')
8+
.fadeOut(1000)
9+
.next()
10+
.fadeIn(1000)
11+
.end()
12+
.appendTo('#slideshow');
13+
}, 10000);

0 commit comments

Comments
 (0)