Skip to content

Commit a1bddb8

Browse files
author
Jer'Maine Montiel
committed
some updates: added links to twitter, soundcloud and the blog.
1 parent 98597fd commit a1bddb8

3 files changed

Lines changed: 42 additions & 18 deletions

File tree

‎images/dc-logo.png‎

74.4 KB
Loading

‎index.html‎

Lines changed: 27 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<title>#DatCode | a coding community</title>
5-
5+
66
<!-- GOOGLE ANALYTICS -->
77
<script>
88
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -17,7 +17,7 @@
1717
<!-- STYLESHEETS -->
1818
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
1919
<link rel="stylesheet/less" type="text/css" href="styles/base.less"/>
20-
20+
2121
<!-- SCRIPTS -->
2222
<script type="text/javascript" src="scripts/less.min.js"></script>
2323
<script type="text/javascript" src="scripts/jquery-2.1.4.js"></script>
@@ -31,7 +31,7 @@
3131
<div class="container-fluid">
3232
<div class="navbar-header">
3333
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-list" aria-expanded="false">
34-
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
34+
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
3535
</button>
3636
<a class="navbar-brand" href="#"><img src="images/logo.png" alt="$(datcode)"></a>
3737
</div>
@@ -41,6 +41,11 @@
4141
<li><a href="#pillars">What?</a></li>
4242
<li><a href="#join">Join!</a></li>
4343
</ul>
44+
<ul class="nav navbar-nav pull-right">
45+
<li><a href="http://twitter.com/talkdatcode" target="blank"><i class="fa fa-twitter"></i></a></li>
46+
<li><a href="http://soundcloud.com/talkdatcode" target="blank"><i class="fa fa-soundcloud"></i></a></li>
47+
<li><a href="http://blog.datcode.io" target="blank">Blog</a></li>
48+
</ul>
4449
</div>
4550
</div>
4651
</nav>
@@ -64,14 +69,14 @@ <h2>There's three things we use the community for:</h2>
6469
<div class="icons"><i class="fa fa-book"></i></div>
6570
<div id="words">
6671
<h3>sharing</h3>
67-
<p>Sharing of knowledge is a big part of the community. Through our <a href="http://slack.datcode.io" target="_blank">Slack group</a> discussions, our workshops, or simply adding #DatCode to a tweet, there's a place for you to ask questions or share what you know. We're open to beginners and experts alike.</p>
72+
<p>Sharing of knowledge is a big part of the community. Through our Slack group discussions, our workshops, or simply adding #DatCode to a tweet, there's a place for you to ask questions or share what you know. We're open to beginners and experts alike.</p>
6873
</div>
6974
</div>
7075
<div class="col-md-4 col-sm-12">
7176
<div class="icons"><i class="fa fa-comments"></i></div>
7277
<div id="words">
7378
<h3>conversation</h3>
74-
<p>If you have questions about code - or anything, really - chop it up amongst the community in our <a href="http://slack.datcode.io" target="_blank">Slack group</a>, or come hang out at a social event in your area. Whatever you want to talk about, it's open for discussion. </p>
79+
<p>If you have questions about code - or anything, really - chop it up amongst the community in our Slack group, or come hang out at a social event in your area. Whatever you want to talk about, it's open for discussion. </p>
7580
</div>
7681
</div>
7782
<div class="col-md-4 col-sm-12">
@@ -89,7 +94,7 @@ <h3>collaboration</h3>
8994
<div class="container">
9095
<div id="words" class="words col-md-12">
9196
<h3>
92-
<p>You can join the DatCode community any time you'd like.</p>
97+
<p>You can join the DatCode community at any time.</p>
9398
<p><strong>Sign up below</strong> for an invite to our Slack group, or just throw the hashtag on your Twitter or Facebook post.</p>
9499
</h3>
95100

@@ -101,17 +106,17 @@ <h2>Can't wait to meet you!</h2>
101106
<div id="mc_embed_signup_scroll">
102107
<div class="indicates-required">all fields are required</div>
103108
<div class="mc-field-group form-group">
104-
<label for="mce-EMAIL">Email Address
109+
<label for="mce-EMAIL">Email Address
105110
</label>
106111
<input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL">
107112
</div>
108113
<div class="mc-field-group form-group">
109-
<label for="mce-FNAME">First Name
114+
<label for="mce-FNAME">First Name
110115
</label>
111116
<input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME">
112117
</div>
113118
<div class="mc-field-group form-group">
114-
<label for="mce-LNAME">Last Name
119+
<label for="mce-LNAME">Last Name
115120
</label>
116121
<input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME">
117122
</div>
@@ -144,7 +149,7 @@ <h2>Can't wait to meet you!</h2>
144149
</div>
145150
</div>
146151
<div class="mc-field-group form-group">
147-
<label for="mce-MMERGE5">How did you hear about DatCode?
152+
<label for="mce-MMERGE5">How did you hear about DatCode?
148153
</label>
149154
<select name="MMERGE5" class="form-control required" id="mce-MMERGE5">
150155
<option value=""></option>
@@ -171,12 +176,20 @@ <h2>Can't wait to meet you!</h2>
171176
</div>
172177
</div>
173178
</div>
174-
179+
175180
<footer>
176181
<div class="container">
177-
<p>DatCode is a <a href="http://blacklightenergy.co" target="_blank">BLACKLIGHT</a> project<br>
178-
This website was built by the community. You can check out the repo on <a href="https://github.com/gitdatcode/gitdatcode.github.io" target="_blank">GitHub</a>.</p>
182+
<div class="col-md-4 col-sm-12">
183+
<p>DatCode is a <a href="http://blacklightenergy.co" target="_blank">BLACKLIGHT</a> project<br>
184+
This website was built by the community. You can check out the repo on <a href="https://github.com/gitdatcode/gitdatcode.github.io" target="_blank">GitHub</a>.</p>
185+
</div>
186+
<div class="col-md-4 col-sm-12">
187+
<p>Contact us at [email protected] or on Twitter <a href="http://twitter.com/talkdatcode" target="blank">@talkdatcode</a>.</p>
188+
</div>
189+
<div class="col-md-4 col-sm-12">
190+
<img src="images/dc-logo.png">
191+
</div>
179192
</div>
180193
</footer>
181194
</body>
182-
</html>
195+
</html>

‎styles/base.less‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ body{
3939
.nav{
4040
font-size: 1.15em;
4141
img{
42-
height: 30px;
42+
height: 1.5em;
4343
}
4444
}
4545

@@ -164,7 +164,7 @@ body{
164164
}
165165

166166
.container{
167-
padding: 20px;
167+
padding: 50px 0;
168168
min-height: 60vh;
169169
text-align: center;
170170

@@ -220,13 +220,24 @@ body{
220220
}
221221

222222
footer{
223-
padding: 15px 0;
223+
padding: 50px 0;
224224
width: 100%;
225225
height: auto;
226-
text-align: center;
226+
227+
ul{
228+
list-style: none;
229+
text-align: right;
230+
font-size: 1.15em;
231+
}
227232

228233
@media screen and (max-width: 414px )
229234
{
230235
font-size: 0.75em;
236+
text-align: center;
237+
}
238+
239+
img{
240+
height: 100px;
241+
231242
}
232243
}

0 commit comments

Comments
 (0)