Skip to content

Commit a1f9d01

Browse files
author
Jay Mo
committed
That button though.
1 parent d9b20d8 commit a1f9d01

10 files changed

+97
-24
lines changed

‎.sass-cache/86871bf8e4e18a21d3198677833633847aa3abdd/styles.scssc

3.21 KB
Binary file not shown.

‎css/styles.css

+40-13
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,26 @@
11
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);
22
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
33
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
4+
@font-face {
5+
font-family: "Glober";
6+
src: url("../fonts/GloberThin.otf") format("opentype");
7+
font-weight: 300; }
8+
9+
@font-face {
10+
font-family: "Glober";
11+
src: url("../fonts/GloberSemiBold.otf") format("opentype");
12+
font-weight: 400; }
13+
14+
@font-face {
15+
font-family: "Gandhi Sans";
16+
src: url("../fonts/GandhiSans-Regular.otf") format("opentype");
17+
font-weight: 300; }
18+
19+
@font-face {
20+
font-family: "Gandhi Sans";
21+
src: url("../fonts/GandhiSans-Bold.otf") format("opentype");
22+
font-weight: 400; }
23+
424
html {
525
width: 100%;
626
height: 100%;
@@ -52,33 +72,40 @@ a {
5272
padding: 50px 25px;
5373
text-align: center; }
5474
#cover #container #content #title {
55-
font-size: 96px;
56-
font-family: "Roboto";
57-
font-weight: 300; }
75+
font-size: 128px;
76+
font-family: "glober";
77+
font-weight: 300;
78+
margin-bottom: 0px;
79+
padding-bottom: 0px; }
80+
#cover #container #content #date {
81+
font-size: 70px;
82+
font-family: "glober";
83+
font-weight: 300;
84+
margin-top: 0px;
85+
padding-top: 0px; }
5886

59-
.getUpdates {
60-
margin: 12px auto 0;
61-
-webkit-appearance: none;
62-
position: relative;
63-
display: inline-block;
87+
#getUpdates {
6488
width: 200px;
89+
line-height: 36px;
6590
background: rgba(255, 255, 255, 0.27);
66-
padding: 20px 20px;
91+
margin: 12px;
92+
padding: 12px 20px 8px 20px;
6793
cursor: pointer;
6894
border: 0;
6995
color: #fff;
7096
font-size: 18px;
71-
font-family: 'Outage';
72-
font-weight: 300;
97+
font-family: 'Glober', 'Open Sans';
98+
font-weight: 400;
7399
text-align: center;
74100
text-decoration: none;
75101
transition: all 0.25s ease-in-out;
76102
-moz-transition: all 0.25s ease-in-out;
77103
-webkit-transition: all 0.25s ease-in-out;
78104
-o-transition: all 0.25s ease-in-out;
79-
-ms-transition: all 0.25s ease-in-out; }
105+
-ms-transition: all 0.25s ease-in-out;
106+
-webkit-appearance: none; }
80107

81-
.getUpdates:hover {
108+
#getUpdates:hover {
82109
background: rgba(255, 255, 255, 0.42);
83110
color: #fff;
84111
text-decoration: none; }

‎css/styles.scss

+52-11
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,32 @@
22
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
33
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
44

5-
$glober: "Roboto";
5+
@font-face {
6+
font-family: "Glober";
7+
src: url("../fonts/GloberThin.otf") format("opentype");
8+
font-weight: 300;
9+
}
10+
11+
@font-face {
12+
font-family: "Glober";
13+
src: url("../fonts/GloberSemiBold.otf") format("opentype");
14+
font-weight: 400;
15+
}
16+
17+
@font-face {
18+
font-family: "Gandhi Sans";
19+
src: url("../fonts/GandhiSans-Regular.otf") format("opentype");
20+
font-weight: 300;
21+
}
22+
23+
@font-face {
24+
font-family: "Gandhi Sans";
25+
src: url("../fonts/GandhiSans-Bold.otf") format("opentype");
26+
font-weight: 400;
27+
}
28+
29+
$glober: "glober";
30+
$gandhi: "Gandhi Sans";
631

732
html {
833
width: 100%;
@@ -66,38 +91,54 @@ a {
6691
text-align: center;
6792

6893
#title {
69-
font-size: 96px;
94+
font-size: 128px;
7095
font-family: $glober;
7196
font-weight: 300;
97+
98+
margin-bottom: 0px;
99+
padding-bottom: 0px;
100+
}
101+
102+
#date {
103+
font-size: 70px;
104+
font-family: $glober;
105+
font-weight: 300;
106+
107+
margin-top: 0px;
108+
padding-top: 0px;
72109
}
73110
}
74111
}
75112
}
76113

77-
.getUpdates {
78-
margin: 12px auto 0;
79-
-webkit-appearance: none;
80-
position: relative;
81-
display: inline-block;
114+
#getUpdates {
82115
width: 200px;
116+
line-height: 36px;
117+
83118
background: rgba(255, 255, 255, 0.27);
84-
padding: 20px 20px;
119+
margin: 12px;
120+
padding: 12px 20px 8px 20px;
121+
85122
cursor: pointer;
86123
border: 0;
87124
color: #fff;
125+
88126
font-size: 18px;
89-
font-family: 'Outage';
90-
font-weight: 300;
127+
font-family: 'Glober', 'Open Sans';
128+
font-weight: 400;
91129
text-align: center;
92130
text-decoration: none;
131+
93132
transition: all 0.25s ease-in-out;
94133
-moz-transition: all 0.25s ease-in-out;
95134
-webkit-transition: all 0.25s ease-in-out;
96135
-o-transition: all 0.25s ease-in-out;
97136
-ms-transition: all 0.25s ease-in-out;
137+
138+
-webkit-appearance: none;
98139
}
99140

100-
.getUpdates:hover {
141+
#getUpdates:hover {
101142
background: rgba(255, 255, 255, 0.42);
102143
color: #fff;
103144
text-decoration: none;

‎fonts/GandhiSans-Bold.otf

104 KB
Binary file not shown.

‎fonts/GandhiSans-BoldItalic.otf

112 KB
Binary file not shown.

‎fonts/GandhiSans-Italic.otf

110 KB
Binary file not shown.

‎fonts/GandhiSans-Regular.otf

103 KB
Binary file not shown.

‎fonts/GloberSemiBold.otf

49.3 KB
Binary file not shown.

‎fonts/GloberThin.otf

43.7 KB
Binary file not shown.

‎index.html

+5
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,11 @@
3030
<div id="container">
3131
<div id="content">
3232
<h1 id="title">HackBCA II</h1>
33+
<h2 id="date">March 28 - 29 2015</h2>
34+
35+
<button id="getUpdates">
36+
<span>Get Updates</span>
37+
</button>
3338
</div>
3439
</div>
3540
</div>

0 commit comments

Comments
 (0)