-
Notifications
You must be signed in to change notification settings - Fork 1
/
esport.html
53 lines (50 loc) · 3.15 KB
/
esport.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
---
layout: esport
bannerClass: banner-club
---
<div class="block" style="background-color:#2f2f31;"><a href="{{site.baseurl}}/staffs/" style="color:white">Who we are (staffs)</a></div>
<div class="staff">
<h style="color:white; font-size:1.25rem;">We are a group of students who like to play video games and make new friends (possibly girl friend). We host events such as casual game nights, gaming competitions, or watch E-sports' World Championship. In our events, we like to give away lots of good prizes. To have a better look at what we usually giveaway, check out our gallery. </h>
</div>
<div class="block"><a href="{{site.baseurl}}/esportevent/" style="color:white">Events</a></div>
<div id="myEvent">
<h6><Strong>Past Events</h6></Strong>
<div class="rectangle">
<img src="{{site.baseurl}}/img/lolevent.jpg" alt="League of Legend" class="big">
<img src="{{site.baseurl}}/img/library.jpg" alt="Game night at Alcuin" class="big">
<img src="{{site.baseurl}}/img/ow.jpg" alt="OverWatch Tournament" class="big">
</div>
</div>
<div class="event" style="background-color:#2d3f50;">
<h6><Strong>Current Events</h6></Strong>
<div class="rectangle">
<img src="{{site.baseurl}}/img/involvement.jpg" alt="Involvement Fair" class="big"/>
<img src="{{site.baseurl}}/img/meeting.jpg" alt="General Meeting" class="big">
<img src="{{site.baseurl}}/img/gamenight.jpg" alt="Game Night" class="big">
</div>
</div>
<div class="block"><a href="{{site.baseurl}}/gallery.html" style="color:white">Gallery (Click to see more)</a></div>
<div class="event" style="height:280px;">
<div style="width: max; height: 280px; margin:50px 0px 30px 55px">
<img src="{{ site.baseurl }}/img/slide/JC.jpg" alt="image1" style="width: 240px;height:160px" />
<img src="{{ site.baseurl }}/img/slide/event1.jpg" alt="image2" style="width: 240px;height:160px" />
<img src="{{ site.baseurl }}/img/slide/event2.2.jpg" alt="image3" style="width: 240px;height:160px" />
<img src="{{ site.baseurl }}/img/slide/event2.3.jpg" alt="image4" style="width: 240px;height:160px" />
<img src="{{ site.baseurl }}/img/slide/event2.4.jpg" alt="image5" style="width: 240px;height:160px" />
</div>
</div>
<div>
<a href="{{site.baseurl}}/download/Resume.docx" style="color:white;">Download my resume</a>
</div>
<script>
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 250 && document.body.scrollTop <400|| document.documentElement.scrollTop > 250 && document.documentElement.scrollTop < 400) {
document.getElementById("myEvent").className = "event";
} else {
document.getElementById("myEvent").className = "event";
}
}
</script>