-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (92 loc) · 4.26 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Athenen haalarimerkkikisa</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="shortcut icon" href="http://www.athene.fi/wp-content/themes/athene/images/athene.ico" type="image/x-icon" />
</head>
<body>
<div id="page">
<header id="branding" role="banner">
<div class="container_16 clearfix">
<hgroup class="grid_4 alpha">
<h1 id="site-title"><span><a href="http://www.athene.fi/" title="Athene.fi haalarimerkkikisa" rel="home">Athene.fi</a></span></h1>
</hgroup>
<div class="grid_12 omega">
<h2>Haalarimerkkikisa</h2>
</div>
</div>
</header><!-- #branding -->
<div id="main" class="clearfix">
<section id="description" class="container_16 clearfix">
<p class="grid_16 centered">Aliquam et urna tempus lectus eleifend hendrerit. Sed dignissim urna quis nulla placerat malesuada. Aliquam ut neque ligula. Integer vitae felis fringilla est interdum placerat sit amet quis magna. Praesent non justo sit amet tellus volutpat tristique. Donec mi felis, consectetur et pulvinar at, venenatis id est.</p>
</section>
<div id="entries-container" class="container_16 clearfix">
<!-- Calculate width based on number of entries: (110px + 20px) * count -->
<!-- Modify margin-left with JS to dynamically scan through entries -->
<section id="entries" style="width: 1300px; margin-left: 10px;">
<article data-votes-count="10" class="alpha">
<div class="votes">10 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="3">
<div class="votes">3 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="15">
<div class="votes">15 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="8">
<div class="votes">8 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="25">
<div class="votes">25 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="6">
<div class="votes">6 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="14">
<div class="votes">14 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="8">
<div class="votes">8 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="3">
<div class="votes">3 ääntä</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
<article data-votes-count="1" class="omega">
<div class="votes">1 ääni</div>
<img src="http://placekitten.com/100/100/" width="100" height="100" alt="Placeholder image" />
</article>
</section> <!-- #entries -->
</div> <!-- #entries-container -->
</div> <!-- #main -->
<footer id="colophon" class="clearfix">
<div class="container_16">
<div class="grid_8">
<p>Informaatioverkostojen kilta Athene ry, <a href="http://www.athene.fi">www.athene.fi</a></p>
</div>
<div class="grid_8">
<p>Ongelmien sattuessa ota yhteyttä <span class="contact">mediavastaava@athene.fi</span></p>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="js/this-is-awesome.js"></script>
<script>
// Boot. It. Up.
$(document).ready(function () {
athene.init();
});
</script>
</body>
</html>