Skip to content

Commit 39210dd

Browse files
cbaudouinjrcbaudouinjr
committed
Refactors banners
1 parent 8a59d86 commit 39210dd

File tree

8 files changed

+24
-133
lines changed

8 files changed

+24
-133
lines changed

‎_site/404.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<meta name="description" content="codeRIT represents a coalition of RIT students with a mission to represent the RIT hackathon community on a national level. It focuses its attention towards increasing its relationship with other collegiate technical communities, teaching software development and entrepreneurial skills to its members, and uniting a fragmented collection of groups amongst GCCIS as one RIT group." />
77
<meta property="og:description" content="codeRIT represents a coalition of RIT students with a mission to represent the RIT hackathon community on a national level. It focuses its attention towards increasing its relationship with other collegiate technical communities, teaching software development and entrepreneurial skills to its members, and uniting a fragmented collection of groups amongst GCCIS as one RIT group." />
8-
<meta property="og:image" content="/assets/images/coderit_logo2.png" />
8+
<meta property="og:image" content="/assets/images/coderit/coderit_logo.png" />
99
<meta property="og:url" content="http:coderit.org" />
1010
<meta name="twitter:card" content="summary" />
1111
<meta name="twitter:url" content="https://coderit.org" />

‎_site/assets/css/main.css

Lines changed: 6 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -84,8 +84,6 @@ a {
8484
color: #FFFFFF; }
8585

8686
.banner {
87-
background: #384859;
88-
background: url("../images/coderit/coderit_background.png") center center fixed;
8987
box-sizing: border-box;
9088
color: #FFFFFF;
9189
display: block;
@@ -96,8 +94,13 @@ a {
9694
.banner .inner {
9795
left: 0;
9896
right: 0; }
97+
.banner.coderit {
98+
background: #384859;
99+
background: url("../images/coderit/coderit_background.png") center center fixed; }
100+
.banner.clayhack {
101+
background: #ED7277;
102+
background: url("../images/clayhack/clayhack_background.png") center center fixed; }
99103
.banner.welcome {
100-
background: url("../images/coderit/coderit_background.png") center center fixed;
101104
font-size: 1.25em;
102105
height: 100%;
103106
min-height: 350px;
@@ -114,62 +117,6 @@ a {
114117
-o-transform: translate(-50%, -50%); }
115118
.banner.welcome .logo {
116119
margin-bottom: 25px; }
117-
.banner.welcome #learn-more:after {
118-
border-color: #FFFFFF transparent transparent transparent;
119-
border-style: solid;
120-
border-width: 12px;
121-
content: "";
122-
display: block;
123-
height: 0;
124-
left: 50%;
125-
position: absolute;
126-
top: 150%;
127-
transform: translateX(-50%);
128-
width: 0; }
129-
130-
.banner-clayhack {
131-
background: clay;
132-
background: url("../images/clayhack/clayhack_background.png") center center fixed;
133-
box-sizing: border-box;
134-
color: #FFFFFF;
135-
display: block;
136-
margin: 0 auto;
137-
padding: 10px 0;
138-
position: relative;
139-
width: 100%; }
140-
.banner-clayhack .inner {
141-
left: 0;
142-
right: 0; }
143-
.banner-clayhack.welcome {
144-
background: url("../images/clayhack/clayhack_background.png") center center fixed;
145-
font-size: 1.25em;
146-
height: 100%;
147-
min-height: 350px;
148-
padding: 60px 0 80px;
149-
text-align: center; }
150-
.banner-clayhack.welcome .inner.container {
151-
position: absolute;
152-
left: 50%;
153-
top: 50%;
154-
min-width: 320px;
155-
transform: translate(-50%, -50%);
156-
-webkit-transform: translate(-50%, -50%);
157-
-moz-transform: translate(-50%, -50%);
158-
-o-transform: translate(-50%, -50%); }
159-
.banner-clayhack.welcome .logo {
160-
margin-bottom: 25px; }
161-
.banner-clayhack.welcome #learn-more:after {
162-
border-color: #FFFFFF transparent transparent transparent;
163-
border-style: solid;
164-
border-width: 12px;
165-
content: "";
166-
display: block;
167-
height: 0;
168-
left: 50%;
169-
position: absolute;
170-
top: 150%;
171-
transform: translateX(-50%);
172-
width: 0; }
173120

174121
.text-large {
175122
font-size: 2em; }

‎_site/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title>codeRIT</title>
55
<link href="http://localhost:4000/atom.xml" rel="self"/>
66
<link href="http://localhost:4000/"/>
7-
<updated>2019-03-06T11:13:00-05:00</updated>
7+
<updated>2019-03-08T12:51:54-05:00</updated>
88
<id>http://localhost:4000</id>
99
<author>
1010
<name></name>

‎_site/clayhack.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
</head>
2222

2323
<body>
24-
<div class="banner-clayhack welcome">
24+
<div class="banner clayhack welcome">
2525
<div class="inner container">
2626
<img class="logo" src="/assets/images/clayhack/clayhack_logo.svg" alt="ClayHack" title="ClayHack" />
2727
<p>RIT's new student hackathon.</p>
@@ -74,7 +74,7 @@ <h3 class="center">EVENT SCHEDULE</h3>
7474
</div>
7575
</div>
7676
</div>
77-
<div id="contact" class="banner-clayhack">
77+
<div id="contact" class="banner clayhack">
7878
<div class="section container">
7979
<h2 class="title-clayhack-contact">GET IN TOUCH</h2>
8080
<div class="grid-cta two">
@@ -84,7 +84,7 @@ <h2 class="title-clayhack-contact">GET IN TOUCH</h2>
8484
Rochester, NY 14623
8585
</div>
8686
<div id="contact-links-clayhack" class="col">
87-
<a href="http://eepurl.com/dCiizP" target="_blank" rel="nofollow">
87+
<a href="http://eepurl.com/gjUR1r" target="_blank" rel="nofollow">
8888
<span class="fa fa-stack">
8989
<i class="fa fa-circle-thin fa-stack-2x"></i>
9090
<i class="fa fa-envelope fa-stack-1x"></i>

‎_site/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<meta name="description" content="codeRIT represents a coalition of RIT students with a mission to represent the RIT hackathon community on a national level. It focuses its attention towards increasing its relationship with other collegiate technical communities, teaching software development and entrepreneurial skills to its members, and uniting a fragmented collection of groups amongst GCCIS as one RIT group." />
77
<meta property="og:description" content="codeRIT represents a coalition of RIT students with a mission to represent the RIT hackathon community on a national level. It focuses its attention towards increasing its relationship with other collegiate technical communities, teaching software development and entrepreneurial skills to its members, and uniting a fragmented collection of groups amongst GCCIS as one RIT group." />
8-
<meta property="og:image" content="/assets/images/coderit_logo2.png" />
8+
<meta property="og:image" content="/assets/images/coderit/coderit_logo.png" />
99
<meta property="og:url" content="http:coderit.org" />
1010
<meta name="twitter:card" content="summary" />
1111
<meta name="twitter:url" content="https://coderit.org" />
@@ -20,7 +20,7 @@
2020
</head>
2121

2222
<body>
23-
<div class="banner welcome">
23+
<div class="banner coderit welcome">
2424
<div class="inner container">
2525
<img class="logo" src="/assets/images/coderit/coderit_logo.svg" alt="codeRIT" title="codeRIT" />
2626
<p>RIT's premier hackathon club.</p>
@@ -78,7 +78,7 @@ <h4>We're getting ready for the next BrickHack.</h4>
7878
</div>
7979
</div>
8080
</div>
81-
<div id="contact" class="banner">
81+
<div id="contact" class="banner coderit">
8282
<div class="section container">
8383
<h2 class="title">GET IN TOUCH</h2>
8484
<div class="grid-cta two">

‎assets/css/main.sass

Lines changed: 6 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ $white : #FFFFFF
1111
$grey-light : #888888
1212
$grey-med : #505050
1313
$grey-dark : #444444
14+
1415
// logo colors
1516
$orange-light : #F3852A
1617
$orange-med : #F36321
@@ -111,8 +112,6 @@ a
111112
color: $white
112113

113114
.banner
114-
background: $blue
115-
background: url("../images/coderit/coderit_background.png") center center fixed
116115
box-sizing: border-box
117116
color: $white
118117
display: block
@@ -123,55 +122,14 @@ a
123122
.inner
124123
left: 0
125124
right: 0
126-
// custom banners
127-
&.welcome
125+
&.coderit
126+
background: $blue
128127
background: url("../images/coderit/coderit_background.png") center center fixed
129-
font-size: 1.25em
130-
height: 100%
131-
min-height: 350px
132-
padding: 60px 0 80px
133-
text-align: center
134-
.inner.container
135-
position: absolute
136-
left: 50%
137-
top: 50%
138-
min-width: 320px
139-
transform: translate(-50%, -50%)
140-
-webkit-transform: translate(-50%, -50%)
141-
-moz-transform: translate(-50%, -50%)
142-
-o-transform: translate(-50%, -50%)
143-
.logo
144-
margin-bottom: 25px
145-
#learn-more
146-
&:after
147-
border-color: $white transparent transparent transparent
148-
border-style: solid
149-
border-width: 12px
150-
content: ''
151-
display: block
152-
height: 0
153-
left: 50%
154-
position: absolute
155-
top: 150%
156-
transform: translateX(-50%)
157-
width: 0
158-
159-
.banner-clayhack
160-
background: clay
161-
background: url("../images/clayhack/clayhack_background.png") center center fixed
162-
box-sizing: border-box
163-
color: $white
164-
display: block
165-
margin: 0 auto
166-
padding: 10px 0
167-
position: relative
168-
width: 100%
169-
.inner
170-
left: 0
171-
right: 0
128+
&.clayhack
129+
background: $clay
130+
background: url("../images/clayhack/clayhack_background.png") center center fixed
172131
// custom banners
173132
&.welcome
174-
background: url("../images/clayhack/clayhack_background.png") center center fixed
175133
font-size: 1.25em
176134
height: 100%
177135
min-height: 350px
@@ -188,20 +146,6 @@ a
188146
-o-transform: translate(-50%, -50%)
189147
.logo
190148
margin-bottom: 25px
191-
#learn-more
192-
&:after
193-
border-color: $white transparent transparent transparent
194-
border-style: solid
195-
border-width: 12px
196-
content: ''
197-
display: block
198-
height: 0
199-
left: 50%
200-
position: absolute
201-
top: 150%
202-
transform: translateX(-50%)
203-
width: 0
204-
205149

206150
.text-large
207151
font-size: 2em

‎clayhack.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
permalink: /clayhack.html
44
title: Home
55
---
6-
<div class="banner-clayhack welcome">
6+
<div class="banner clayhack welcome">
77
<div class="inner container">
88
<img class="logo" src="/assets/images/clayhack/clayhack_logo.svg" alt="ClayHack" title="ClayHack" />
99
<p>RIT's new student hackathon.</p>
@@ -51,7 +51,7 @@ <h3 class="center">EVENT SCHEDULE</h3>
5151
</div>
5252
</div>
5353
</div>
54-
<div id="contact" class="banner-clayhack">
54+
<div id="contact" class="banner clayhack">
5555
<div class="section container">
5656
<h2 class="title-clayhack-contact">GET IN TOUCH</h2>
5757
<div class="grid-cta two">

‎index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: default
33
title: Home
44
---
5-
<div class="banner welcome">
5+
<div class="banner coderit welcome">
66
<div class="inner container">
77
<img class="logo" src="/assets/images/coderit/coderit_logo.svg" alt="codeRIT" title="codeRIT" />
88
<p>RIT's premier hackathon club.</p>
@@ -55,7 +55,7 @@ <h4>We're getting ready for the next BrickHack.</h4>
5555
</div>
5656
</div>
5757
</div>
58-
<div id="contact" class="banner">
58+
<div id="contact" class="banner coderit">
5959
<div class="section container">
6060
<h2 class="title">GET IN TOUCH</h2>
6161
<div class="grid-cta two">

0 commit comments

Comments
 (0)