Skip to content

Commit c833f13

Browse files
AaronC81AaronC81
committed
Initial commit
0 parents  commit c833f13

6 files changed

+585
-0
lines changed

‎img/hacksoc-logo.svg

+75
Loading

‎img/lucss-logo.svg

+316
Loading

‎index.html

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>York v Lancaster App Jam</title>
7+
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
8+
<link rel="stylesheet" href="style.css">
9+
<script type="text/javascript" src="http://livejs.com/live.js"></script>
10+
</head>
11+
<body>
12+
<div id="header">
13+
<div id="header-content">
14+
<img src="https://placehold.it/600x200" alt="Logo">
15+
<div class="subtitle">
16+
2nd May
17+
</div>
18+
<div class="buttons">
19+
<button>Register your interest</button>
20+
<button>Join the Slack workspace</button>
21+
</div>
22+
</div>
23+
</div>
24+
<div id="main">
25+
<p>
26+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fuga facilis doloribus necessitatibus neque vero autem sequi officiis, quo quis! Sed quibusdam nesciunt commodi ab dicta accusantium, eius aperiam! Dicta, itaque?
27+
</p>
28+
<p>
29+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit, ullam! Harum quas alias officiis doloribus excepturi dolorem pariatur accusantium similique dicta hic eius, obcaecati quis exercitationem id. Quis, nihil possimus?
30+
</p>
31+
<p>
32+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore laboriosam, numquam tenetur suscipit blanditiis autem veritatis nihil vel labore sunt neque accusantium at est expedita voluptatum adipisci, cum minus eos!
33+
</p>
34+
<p>
35+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam praesentium deserunt vel laboriosam veniam quis, sint consequuntur quia. Doloribus rerum quia laudantium molestiae amet nulla? Nostrum nemo ipsum quae alias!
36+
</p>
37+
<hr>
38+
<small>Brought to you by</small>
39+
<div class="logos">
40+
<img src="img/hacksoc-logo.svg" alt="HackSoc">
41+
<a href="https://www.facebook.com/lucompsoc"><img src="img/lucss-logo.svg" alt="Lancaster University Computer Science Society"></a>
42+
</div>
43+
</div>
44+
</body>
45+
</html>

‎style.css

+59
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎style.css.map

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎style.scss

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
$hacksoc-purple: rgba(55,45,67,1);
2+
$compsoc-blue: rgba(8,71,88,1);
3+
$background: #F3F2F4;
4+
5+
* {
6+
font-family: 'Open Sans', sans-serif;
7+
}
8+
9+
html, body {
10+
margin: 0;
11+
padding: 0;
12+
background-color: $background;
13+
}
14+
15+
#header {
16+
width: 100%;
17+
height: 500px;
18+
display: flex;
19+
justify-content: center;
20+
align-items: center;
21+
22+
background: $hacksoc-purple;
23+
background: linear-gradient(90deg, $hacksoc-purple 0%, $compsoc-blue 100%);
24+
}
25+
26+
#header-content {
27+
width: 600px;
28+
29+
.subtitle {
30+
font-size: 2em;
31+
color: white;
32+
margin: 0 auto;
33+
text-align: center;
34+
}
35+
36+
.buttons {
37+
margin-top: 20px;
38+
text-align: center;
39+
40+
button {
41+
padding: 10px 20px;
42+
margin: 10px;
43+
background-color: transparent;
44+
color: white;
45+
border: 2px solid white;
46+
border-radius: 10px;
47+
font-size: 1.2em;
48+
cursor: pointer;
49+
50+
transition: background-color 0.15s linear, color 0.15s linear;
51+
&:hover {
52+
background-color: white;
53+
color: $hacksoc-purple;
54+
}
55+
}
56+
}
57+
}
58+
59+
#main {
60+
margin: 0 auto;
61+
max-width: 900px;
62+
63+
p {
64+
font-size: 1.3em;
65+
}
66+
67+
small {
68+
font-size: 1em;
69+
}
70+
71+
hr {
72+
margin: 40px 0;
73+
height: 1px;
74+
background-color: darken($background, 20%);
75+
border: none;
76+
}
77+
78+
.logos img {
79+
vertical-align: middle;
80+
width: 45%;
81+
padding: 20px;
82+
}
83+
}

0 commit comments

Comments
 (0)