-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (86 loc) · 5.89 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
<!DOCTYPE html>
<html>
<head>
<!-- Change the title to whatever you would like to display it as -->
<title>Loyola Hacks Chicago Sustainability</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Load scripts here -->
<script type="text/javascript" src="libs/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="libs/bower_components/velocity/velocity.min.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<!-- Load stylesheets, fonts and favicon here -->
<link rel="stylesheet" type="text/css" href="libs/bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:400,300,500,700,600,900' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="master-container">
<div class="container">
<div class="row">
<div class="col-md-4 left-text">
<p>
LuTech is proud to put on <strong>"Loyola Hacks"</strong>, an event targeted at pulling IES students <strong>and</strong> CS enthusiasts together to create software that address sustainability. In this event, we will create projects with a tight time crunch. <strong>A fully functioning concept is not expected.</strong> Take this time to flesh out a basic prototype, network, and have fun.
</p>
</div>
<div class="col-md-4 middle-text">
<p>
<strong>Who?</strong><br>
Anyone with a passion for Sustainability or Programming is encouraged to participate.<br>
<strong>When?</strong><br>
Saturday, October 17th.<br>
9:30 - 17:00<br>
<strong>Where?</strong><br>
Institute for Environmental Sustainability 116, next to San Fco. Hall<br>
</p>
</div>
<div class="col-md-4 right-text">
<p>
In a nutshell. Small teams of programmers will get together with IES students to decide on a workable concept and craft it. LuTech members will be providing mild assistance and food throughout the event. When time is over, the prototypes will be judged by a panel. The winner will have contributed to a significant open source project and be featured on our webiste. <br> Sign up here: <br><br>
<strong>#PLACEHOLDER</strong>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12 title">
<h1>Loyola Hacks</h1>
</div>
</div>
<div class="row">
<div class="title-graphic">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="1100px" height="100%" viewBox="0 0 550 425" enable-background="new 0 0 1100 850" xml:space="preserve">
<rect id="rect-0" x="457.259" y="102.28" fill="#444444" width="32.457" height="250"/>
<rect id="rect-1" x="385.081" y="122.28" fill="#444444" width="32.459" height="241.333"/>
<rect id="rect-2" x="276.814" y="132.28" fill="#444444" width="32.459" height="246.333"/>
<rect id="rect-3" x="204.638" y="90.816" fill="#444444" width="32.459" height="233.797"/>
<rect id="rect-4" x="132.46" y="112.28" fill="#444444" width="32.459" height="240"/>
<rect id="rect-5" x="60.283" y="117.613" fill="#444444" width="32.458" height="246"/>
<rect id="rect-6" x="421.17" y="14.113" fill="#444444" width="32.458" height="299.5"/>
<rect id="rect-7" x="493.349" y="142.28" fill="#444444" width="32.457" height="196.667"/>
<rect id="rect-8" x="348.992" y="112.28" fill="#444444" width="32.459" height="299.22"/>
<rect id="rect-9" x="312.904" y="72.28" fill="#444444" width="32.457" height="291.333"/>
<rect id="rect-10" x="240.728" y="102.28" fill="#444444" width="32.456" height="292.833"/>
<rect id="rect-11" x="168.549" y="52.28" fill="#444444" width="32.458" height="320.667"/>
<rect id="rect-12" x="96.372" y="82.28" fill="#444444" width="32.457" height="249.333"/>
<rect id="rect-13" x="24.194" y="92.28" fill="#444444" width="32.458" height="302.833"/>
<rect id="rect-14" x="28.044" y="153.947" fill="none" width="497.762" height="170.667"/>
<text transform="matrix(1.0201 0 0 1 28.0439 179.5781)" fill="#FFFFFF" font-family="'Source Code Pro'" font-weight="400" font-size="36" letter-spacing="13.824">CHICAGO</text>
<text transform="matrix(1.0201 0 0 1 28.0439 221.5781)" fill="#FFFFFF" font-family="'Source Code Pro'" font-weight="400" font-size="36" letter-spacing="13.824">SUSTAINABILITY</text>
<text transform="matrix(1.0201 0 0 1 28.0439 277.5781)" enable-background="new "><tspan x="0" y="0" fill="#E9E9E9" font-family="'Source Code Pro'" font-weight="300"font-size="30" letter-spacing="17.665">17</tspan><tspan x="71.279" y="0" fill="#E9E9E9" font-family="'Source Code Pro'" font-weight="500"font-size="30" letter-spacing="17.665">OCT</tspan><tspan x="178.199" y="0" fill="#E9E9E9" font-family="'Source Code Pro'" font-weight="300" font-size="30" letter-spacing="17.665">2015</tspan></text>
</svg>
</svg>
</div>
</div>
<div class="row col-md-12">
<div class="lutech-logo-container">
<img class="lutech-logo" src="media/images/lutech-logo.png"/>
</div>
</div>
</div>
</div>
<!-- Here is where the magic begins -->
</body>
</html>