Skip to content

Commit 6f0050d

Browse files
committed
Refactors about badges
1 parent 7477028 commit 6f0050d

File tree

7 files changed

+29
-46
lines changed

7 files changed

+29
-46
lines changed

_site/assets/css/main.css

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -177,26 +177,15 @@ a {
177177
border-radius: 100%;
178178
border: 1px solid;
179179
box-sizing: border-box;
180-
color: #194774;
181180
height: 150px;
182181
padding: 30px;
183182
width: 150px; }
183+
#about .badge-cta .badge-icon.coderit {
184+
color: #194774; }
185+
#about .badge-cta .badge-icon.clayhack {
186+
color: #EF6669; }
184187
#about .badge-cta .badge-name {
185188
margin-top: 30px; }
186-
#about .clayhack_badge-cta .badge-icon {
187-
-webkit-border-radius: 100%;
188-
-moz-border-radius: 100%;
189-
-ms-border-radius: 100%;
190-
-o-border-radius: 100%;
191-
border-radius: 100%;
192-
border: 1px solid;
193-
box-sizing: border-box;
194-
color: #EF6669;
195-
height: 150px;
196-
padding: 30px;
197-
width: 150px; }
198-
#about .clayhack_badge-cta .badge-name {
199-
margin-top: 30px; }
200189
#about hr {
201190
background: #444444;
202191
border-color: #444444;

_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-08T12:59:56-05:00</updated>
7+
<updated>2019-03-08T13:26:20-05:00</updated>
88
<id>http://localhost:4000</id>
99
<author>
1010
<name></name>

_site/clayhack.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,18 +40,18 @@ <h2 class="title clayhack">What is a hackathon?</h2>
4040
<h2 class="title clayhack">Does it cost money?</h2>
4141
<p id="mission">In the spirit of a hackathon, everything's free.</p>
4242
<hr/>
43-
<div class="col center clayhack_badge-cta">
44-
<i class="fa fa-book fa-5x badge-icon"></i>
43+
<div class="col center badge-cta">
44+
<i class="fa fa-book fa-5x badge-icon clayhack"></i>
4545
<h3 class="badge-name">Education</h3>
4646
<p>Learn something new.</p>
4747
</div>
48-
<div class="col center clayhack_badge-cta">
49-
<i class="fa fa-group fa-5x badge-icon"></i>
48+
<div class="col center badge-cta">
49+
<i class="fa fa-group fa-5x badge-icon clayhack"></i>
5050
<h3 class="badge-name">Community</h3>
5151
<p>Join a community of makers.</p>
5252
</div>
53-
<div class="col center clayhack_badge-cta">
54-
<i class="fas fa-palette fa-5x badge-icon"></i>
53+
<div class="col center badge-cta">
54+
<i class="fas fa-palette fa-5x badge-icon clayhack"></i>
5555
<h3 class="badge-name">Creativity</h3>
5656
<p>Bring your imagination to life.</p>
5757
</div>

_site/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,17 +35,17 @@ <h2 class="title coderit">WHAT IS CODERIT?</h2>
3535
<p class="center"><a href="https://coderit.slack.com/" class="button orange">Join our Slack<span class="fa fa-arrow-right icon-space-l"></span></a></p>
3636
<hr/>
3737
<div class="col center badge-cta">
38-
<i class="fa fa-book fa-5x badge-icon"></i>
38+
<i class="fa fa-book fa-5x badge-icon coderit"></i>
3939
<h3 class="badge-name">Education</h3>
4040
<p>Learn something new.</p>
4141
</div>
4242
<div class="col center badge-cta">
43-
<i class="fa fa-group fa-5x badge-icon"></i>
43+
<i class="fa fa-group fa-5x badge-icon coderit"></i>
4444
<h3 class="badge-name">Community</h3>
4545
<p>Join a community of makers.</p>
4646
</div>
4747
<div class="col center badge-cta">
48-
<i class="fa fa-home fa-5x badge-icon"></i>
48+
<i class="fa fa-home fa-5x badge-icon coderit"></i>
4949
<h3 class="badge-name">Empowerment</h3>
5050
<p>Give back to the RIT community.</p>
5151
</div>

assets/css/main.sass

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -192,6 +192,7 @@ a
192192
margin-top: 50%
193193
opacity: 0.6
194194
tranform: translateY(-50%)
195+
195196
// SECTIONS
196197
.section
197198
padding-bottom: 90px
@@ -207,23 +208,16 @@ a
207208
@include border-radius (100%)
208209
border: 1px solid
209210
box-sizing: border-box
210-
color: $blue-light
211-
height: 150px
212-
padding: 30px
213-
width: 150px
214-
.badge-name
215-
margin-top: 30px
216-
.clayhack_badge-cta
217-
.badge-icon
218-
@include border-radius (100%)
219-
border: 1px solid
220-
box-sizing: border-box
221-
color: $clay-light
222211
height: 150px
223212
padding: 30px
224213
width: 150px
214+
&.coderit
215+
color: $blue-light
216+
&.clayhack
217+
color: $clay-light
225218
.badge-name
226219
margin-top: 30px
220+
227221
hr
228222
background: $grey-dark
229223
border-color: $grey-dark

clayhack.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,18 +22,18 @@ <h2 class="title clayhack">What is a hackathon?</h2>
2222
<h2 class="title clayhack">Does it cost money?</h2>
2323
<p id="mission">In the spirit of a hackathon, everything's free.</p>
2424
<hr/>
25-
<div class="col center clayhack_badge-cta">
26-
<i class="fa fa-book fa-5x badge-icon"></i>
25+
<div class="col center badge-cta">
26+
<i class="fa fa-book fa-5x badge-icon clayhack"></i>
2727
<h3 class="badge-name">Education</h3>
2828
<p>Learn something new.</p>
2929
</div>
30-
<div class="col center clayhack_badge-cta">
31-
<i class="fa fa-group fa-5x badge-icon"></i>
30+
<div class="col center badge-cta">
31+
<i class="fa fa-group fa-5x badge-icon clayhack"></i>
3232
<h3 class="badge-name">Community</h3>
3333
<p>Join a community of makers.</p>
3434
</div>
35-
<div class="col center clayhack_badge-cta">
36-
<i class="fas fa-palette fa-5x badge-icon"></i>
35+
<div class="col center badge-cta">
36+
<i class="fas fa-palette fa-5x badge-icon clayhack"></i>
3737
<h3 class="badge-name">Creativity</h3>
3838
<p>Bring your imagination to life.</p>
3939
</div>

index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,17 +17,17 @@ <h2 class="title coderit">WHAT IS CODERIT?</h2>
1717
<p class="center"><a href="https://coderit.slack.com/" class="button orange">Join our Slack<span class="fa fa-arrow-right icon-space-l"></span></a></p>
1818
<hr/>
1919
<div class="col center badge-cta">
20-
<i class="fa fa-book fa-5x badge-icon"></i>
20+
<i class="fa fa-book fa-5x badge-icon coderit"></i>
2121
<h3 class="badge-name">Education</h3>
2222
<p>Learn something new.</p>
2323
</div>
2424
<div class="col center badge-cta">
25-
<i class="fa fa-group fa-5x badge-icon"></i>
25+
<i class="fa fa-group fa-5x badge-icon coderit"></i>
2626
<h3 class="badge-name">Community</h3>
2727
<p>Join a community of makers.</p>
2828
</div>
2929
<div class="col center badge-cta">
30-
<i class="fa fa-home fa-5x badge-icon"></i>
30+
<i class="fa fa-home fa-5x badge-icon coderit"></i>
3131
<h3 class="badge-name">Empowerment</h3>
3232
<p>Give back to the RIT community.</p>
3333
</div>

0 commit comments

Comments
 (0)