-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (119 loc) · 5.63 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<head>
<title>Hackerspace MMU | Hacking things together</title>
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
<link rel="stylesheet" type="text/css" href = "assets/scss/foundation.css" />
<link rel="stylesheet" type="text/css" href = "assets/scss/app.css" />
<script type = "text/javascript" src = "assets/js/jquery.js"></script>
<script type = "text/javascript" src = "assets/js/native.history.js"></script>
<script type = "text/javascript" src = "assets/js/app.js"></script>
<script type = "text/javascript" src = "assets/js/nicescroll.js"></script>
</head>
<body class = "">
<div style="min-height:100%" class = "main float-left">
<div id = "slides">
<div id = "hero_slide" data-placeholder="Welcome" class = "current slide wrapper">
<div class = "bg bezier video">
<video class = "bezier main-water" muted autoplay loop>
<source src="assets/videos/home_converted.mp4" type="video/mp4">
</video>
<div class = "color"></div>
</div>
<div class="row center_vertical_parent">
<div class="content large_paragraph">
<div class = "columns medium-12">
<div class = "center_vertical">
<hgroup class = "">
<h1 class = "bezier"><span class = "delay1">Hacking</span><br /><span class="delay2">things</span><br /><span class = "delay3">together.</span></h1>
</hgroup>
</div>
</div>
</div>
</div>
</div>
<div id = "who_slide" data-placeholder="Who are we ?" class = "not_ready slide wrapper">
<div class="row center_vertical_parent">
<div class="content large_paragraph">
<div class = "columns medium-12">
<div class = "center_vertical">
<hgroup class = "primary-text-color">
<h1 style="float:left;width:100%;margin-bottom:30px;">Who are we</h1>
<p class = "wrapper">Bongus! We're a group of hackers who build things and come together every Tuesday over at our man-cave somewhere at MMU to show off our work. Hackers ? In contrast to the misconcepted belief that hackers are cyber-criminals or people worshipped by kids, we go by the actual definition of hacking whereby we create, build & share.</p>
</hgroup>
</div>
</div>
</div>
</div>
</div>
<div id = "hacking_slide" data-placeholder="What is Hacking" class = "not_ready slide wrapper">
<div class="row center_vertical_parent">
<div class="content large_paragraph">
<div class = "columns large-6 medium-12">
<div class = "center_vertical">
<hgroup class = "primary-text-color">
<h1>Becoming a hacker is an investment</h1>
</hgroup>
</div>
</div>
<div class = "columns large-6 medium-12">
<div class = "center_vertical">
<hgroup class = "primary-text-color">
<p class = "wrapper">We're a group of people who are skilled in various different fields: designing, developing, websites, cyber-security, wood-work, hardware; you name it. Working with people such as these allows you to expand your own cluster of skills.</p>
</hgroup>
</div>
</div>
</div>
</div>
</div>
<div id = "join_slide" data-placeholder="Come and Join us" class = "not_ready normal slide wrapper">
<div class="row center_vertical_parent">
<div class="content large_paragraph">
<div class = "columns medium-12">
<div class = "center_vertical wrapper">
<hgroup class = "text_align_center wrapper primary-text-color">
<h1 class = "text_align_center wrapper">Interested to join?</h1>
<a href="http://goo.gl/cZw38" target='_blank' id="lets_go" class = "button iconic">
Sign up now!
<i class = "icon">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Chevron_thin_right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<path d="M13.25,10L6.109,2.58c-0.268-0.27-0.268-0.707,0-0.979c0.268-0.27,0.701-0.27,0.969,0l7.83,7.908
c0.268,0.271,0.268,0.709,0,0.979l-7.83,7.908c-0.268,0.271-0.701,0.27-0.969,0c-0.268-0.269-0.268-0.707,0-0.979L13.25,10z"/></path>
</svg>
</i>
</a>
</hgroup>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav id = "main_menu">
<div class = "bezier">
<ul>
<h2 class = 'hackerspace_title'>Hackerspace MMU</h2>
<section class = "wrapper slides_nav">
</section>
<section class = "other_links">
<li><a href="http://goo.gl/05YAl" target="_blank">The Constitution</a></li>
<li><a href="http://goo.gl/cZw38" target='_blank'>Membership</a></li>
</section>
</ul>
<section class = "wrapper credits">
<p>Designed by proud hackerspace member <br/><a target="_blank" href="https://www.imprev.co">Prev Wong</a></p>
</section>
</div>
</nav>
<script type = "text/javascript" src = "assets/engine/Prometheus.js"></script>
<script type = "text/javascript" src = "assets/engine/components/slides.js"></script>
<script type = "text/javascript" src = "assets/engine/components/project.js"></script>
<script type = "text/javascript" src = "assets/engine/components/contact.js"></script>
<script type = "text/javascript">
Prometheus.init()
</script>
</body>