forked from NiallEccles/Hacktoberfest-animations
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·34 lines (31 loc) · 1.56 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hacktoberfest Animations</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400|Warnes" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" />
<link rel="stylesheet" href="assets/style.css">
</head>
<body class="level-item">
<section class="section section-white text-center">
<!-- here is the sample animation -->
<h1 id="target" class="title scare" data-text="Hacktoberfest animations">Hacktoberfest animations</h1>
<!-- here the animations will be inserted -->
<select id="animationSelect" onchange="getAnimationName()"></select>
<!-- here we show the animation name and who contribute with it -->
<div id="detail_elements" class="padding white max-w">
<h3>Animation name: <span id="animationName"></span></h3>
<h3>Submitted by: <a target="_blank" style="color:#00ffff;" rel="noopener noreferrer" id="userName"></a></h3>
</div>
<a class="custom-btn button" href="https://github.com/NiallEccles/Hacktoberfest-animations">
<img src="./assets/logo-github.png" style="width: 20px; margin-right:10px;" alt="Logo Github">
Contribute
</a>
</section>
<script src="animations.js"></script>
<script src="assets/script.js"></script>
</body>
</html>