Skip to content

Commit b43800b

Browse files
author
Joshua
committedJun 13, 2016
Added Content, Favicon and cleaned up code
1 parent 653e61d commit b43800b

File tree

4 files changed

+179
-197
lines changed

4 files changed

+179
-197
lines changed
 

‎README.md

+1-79
Original file line numberDiff line numberDiff line change
@@ -1,79 +1 @@
1-
### Installation ###
2-
3-
##Windows Users
4-
5-
1. Ensure one has a latest copy of node and ruby
6-
7-
https://nodejs.org/ <<Node
8-
9-
http://rubyinstaller.org/ <<Ruby
10-
11-
*Be sure to add node and ruby to your PATH*
12-
13-
2. Once installed open command prompt and install bundler (gem install bundler)
14-
3. After installation is complete cd into the directory of the project and run the following
15-
16-
*npm install
17-
18-
*npm start
19-
20-
*npm run serve
21-
22-
4. Once completed point your browser to localhost:4000
23-
24-
5. Profit!
25-
26-
## Deployment ##
27-
28-
[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)
29-
30-
## FAQ ##
31-
32-
### How does one contribute articles and pages ###
33-
34-
One can add new articles by writing a simple [markdown](http://daringfireball.net/projects/markdown)
35-
file in the /blog/_posts folder. Ensure that there is [Frontmater](jekyllrb.com/docs/frontmatter)
36-
at the top of your article selecting the default template layout and priority
37-
for the sitemap. The filename structure follows YEAR-MONTH-DAY-Title.md with
38-
'-' substituting spaces in one's article title.
39-
40-
---
41-
layout: default
42-
sitemap:
43-
priority: 0.7
44-
changefreq: 'monthly'
45-
---
46-
...
47-
48-
Pages are not that much different from articles, except one would just create
49-
a new folder with the name of the page (ie site.github.io/about would be
50-
the folder ./about) and create your content in index.md or index.html.
51-
52-
53-
### How to fix "Invalid Date: '' is not a valid datetime" error ###
54-
55-
Pages require the lastmod date in thier frontmatter. Be sure to always use
56-
the ISO 8601 DateTime format, e.g. 2008-10-31T15:07:38.6875000-05:00:
57-
58-
sitemap:
59-
priority: 0.5
60-
changefreq: 'yearly'
61-
lastmod: 2015-12-15T14:31:54.336512812
62-
63-
### How to Change layout or add new links to the navigation ###
64-
65-
Global layout changes are made in the files located in `_layouts` and
66-
`_includes`. While individual page layout changes can be preformed on thier
67-
folder's index.html files.
68-
69-
One would find the navigation template in _includes/navigation.html.
70-
71-
FontAwesome and bootstrap is used to help with the site's layout, therefor
72-
follow those conventions when adding content to the layouts.
73-
74-
75-
## Resources ##
76-
77-
* [github](https://github.com/freecodecampdallas/freecodecampdallas.github.io)
78-
* [workflow article one](http://www.aymerick.com/2014/07/22/jekyll-github-pages-bower-bootstrap.html)
79-
* [workflow article two](http://www.pletscher.org/blog/2013/05/27/website.html)
1+
### Free Code Camp Dallas ###

‎favicon.ico

1.12 KB
Binary file not shown.

‎index.html

+98-64
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,118 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
3+
4+
<head>
45
<meta charset="utf-8">
56
<title>Free Code Camp Dallas | Learn To Code</title>
7+
<link rel=”author” href="https://github.com/joshvseveryone"/>
8+
<meta name="Description" content="Free Code Camp Dallas | Learn To Code With Your Neighbors" />
69
<!-- Latest compiled and minified CSS -->
7-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
811
<!-- Google Fonts -->
9-
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato'/>
12+
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato' />
1013
<!-- Font Awesome -->
11-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css"/>
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" />
15+
<!-- Ion Icons -->
16+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.css">
1217
<!-- Custom Style -->
13-
<link rel="stylesheet" href="style.css"/>
18+
<link rel="stylesheet" href="style.css" />
19+
<!-- Favicon -->
20+
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
1421
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
1522
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
1623
<!--[if lt IE 9]>
1724
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
1825
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
1926
<![endif]-->
20-
</head>
21-
<body>
27+
</head>
28+
29+
<body>
2230

2331
<!-- Navigation -->
2432
<nav class="navbar navbar-default navbar-fixed-top">
25-
<div class="container-fluid">
26-
<!-- Brand and toggle get grouped for better mobile display -->
27-
<div class="navbar-header">
28-
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
29-
Menu
30-
</button>
31-
<div class="navbar-brand">FCC Dallas</div>
32-
</div>
33-
<!-- Collect the nav links, forms, and other content for toggling -->
34-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
35-
<ul class="nav navbar-nav navbar-right">
36-
<li><a href="https://www.freecodecamp.com/signin" target="_blank">Join</a></li> <!-- Official Free Code Camp Sign Up -->
37-
<li><a href="https://hangouts.google.com/call/7t7e67cxgndsnkvmzqbfvehqhie" target="_blank">Hangouts</a></li> <!-- Official Free Code Camp Dallas Hangouts -->
38-
<li><a href="https://www.facebook.com/groups/free.code.camp.dallas/" target="_blank">Facebook Group</a></li> <!-- Official Free Code Camp Dallas Group -->
39-
<li><a href="http://doyoudev.com/" target="_blank">Resources</a></li> <!-- Shout out to David Petrey @davidPetrey -->
40-
<li><a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">Contact</a></li>
41-
</ul>
42-
</div><!-- /.navbar-collapse -->
43-
</div><!-- /.container-fluid -->
44-
</nav>
33+
<div class="container-fluid">
34+
<!-- Brand and toggle get grouped for better mobile display -->
35+
<div class="navbar-header">
36+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
37+
Menu
38+
</button>
39+
<div class="navbar-brand">FCC Dallas</div>
40+
</div>
41+
<!-- Collect the nav links, forms, and other content for toggling -->
42+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
43+
<ul class="nav navbar-nav navbar-right">
44+
<!-- Official Free Code Camp Join Link -->
45+
<li><a href="https://www.freecodecamp.com/signin" target="_blank">Join</a></li>
46+
<!-- Official Free Code Camp Hangouts -->
47+
<li><a href="https://hangouts.google.com/call/7t7e67cxgndsnkvmzqbfvehqhie" target="_blank">Hangouts</a></li>
48+
<!-- Official Free Code Camp Dallas Group Resources -->
49+
<li><a href="http://doyoudev.com/" target="_blank">Resources</a></li><!-- Shout out to David Petrey @davidPetrey -->
50+
<!-- Official Free Code Camp Contact -->
51+
<li><a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">Contact</a></li>
52+
</ul>
53+
</div>
54+
<!-- /.navbar-collapse -->
55+
</div>
56+
<!-- /.container-fluid -->
57+
</nav>
4558

46-
<!-- Main Area -->
47-
<div class="mainarea">
48-
<div class="spacer"></div>
49-
<img src="img/FCClogo.png" class="fcclogo img-responsive"/>
50-
<h2>
51-
Learn To Code With Your Neighbors
52-
</h2>
53-
<img src="img/Dallas_Skyline.svg" class="dallasskyline"/>
54-
</div>
55-
<!-- About Area -->
56-
<div class="aboutarea">
57-
<div class="spacer"></div>
58-
<h1>Here's why you should join our open source community right now:</h1>
59-
<div class="spacer"></div>
60-
<div class="spacer"></div>
61-
<ul>
62-
<li>You'll get help in real time from our community chat rooms.</li>
63-
<li>You'll meet up with other coders in your city.</li>
64-
<li>You'll learn to code at your own pace, in your browser or on your phone.</li>
65-
<li>You'll work through our focused, interactive courses and tutorials.</li>
66-
<li>You'll learn state-of-the-art full stack JavaScript technologies.</li>
67-
<li>You'll build projects that help nonprofits carry out their missions more effectively.</li>
68-
<li>You'll assemble a portfolio of real apps used by real people</li>
69-
</ul>
70-
<div class="spacer"></div>
71-
</div>
72-
<!--Contributors -->
73-
<div class="contributearea">
74-
<p>
75-
This site is maintained by the students of Free Code Camp Dallas.<br/>
76-
Want to contribute or add a feature? Fork us here: <a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">@freecodecampdallas</a>
77-
</p>
78-
</div>
79-
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
59+
<!-- Main Area -->
60+
<div class="mainarea">
61+
<div class="spacer"></div>
62+
<img src="img/FCClogo.png" class="fcclogo img-responsive" />
63+
<h2>Learn To Code With Your Neighbors</h2>
64+
<img src="img/Dallas_Skyline.svg" class="dallasskyline" />
65+
</div>
66+
<!-- About Area -->
67+
<div class="whyjoinarea">
68+
<div class="spacer"></div>
69+
<h1>Here's why you should join our open source community right now:</h1>
70+
<div class="spacer"></div>
71+
<ul>
72+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll get help in real time from our community chat rooms.</li>
73+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll meet up with other coders in your city.</li>
74+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll learn to code at your own pace, in your browser or on your phone.</li>
75+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll work through our focused, interactive courses and tutorials.</li>
76+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll learn state-of-the-art full stack JavaScript technologies.</li>
77+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll build projects that help nonprofits carry out their missions more effectively.</li>
78+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll assemble a portfolio of real apps used by real people</li>
79+
</ul>
80+
<div class="spacer"></div>
81+
</div>
82+
<!--Contributors -->
83+
<div class="usergroups">
84+
<div class="spacer"></div>
85+
<h1><i class="fa fa-users" aria-hidden="true"></i> Free Code Camp Groups <i class="fa fa-users" aria-hidden="true"></i></h1>
86+
<ul>
87+
<li><a href="https://www.facebook.com/groups/free.code.camp.dallas/" target="_blank">Dallas Facebook Group</a></li>
88+
<li><a href="https://www.facebook.com/groups/free.code.camp.houston/" target="_blank">Houston Facebook Group</a></li>
89+
<li><a href="https://www.facebook.com/groups/free.code.camp.austin/" target="_blank">Austin Facebook Group</a></li>
90+
<li><a href="https://www.facebook.com/groups/freecodecampfortworth/" target="_blank">Fort Worth Facebook Group</a></li>
91+
<li><a href="https://www.facebook.com/groups/free.code.camp.killeen.texas/" target="_blank">Killeen Facebook Group</a></li>
92+
<li><a href="https://www.facebook.com/groups/free.code.camp.el.paso/" target="_blank">El Paso Facebook Group</a></li>
93+
<li><a href="https://www.facebook.com/groups/free.code.camp.san.antonio/" target="_blank">San Antonio Facebook Group</a></li>
94+
<li><a href="https://www.facebook.com/groups/freecodecampfortworth/" target="_blank">Fort Worth Facebook Group</a></li>
95+
</ul>
96+
</div>
97+
<!-- Skills Learned -->
98+
<div class="skillslearned row">
99+
<div class="spacer"></div>
100+
<h1><i class="fa fa-code" aria-hidden="true"></i> Skills You Will Learn <i class="fa fa-code" aria-hidden="true"></i></h1>
101+
<div class="col-md-4"><i class="ion-social-html5 skillsicon" aria-hidden="true"></i><h3>HTML5</h3></div>
102+
<div class="col-md-4"><i class="ion-social-css3 skillsicon" aria-hidden="true"></i><h3>CSS3</h3></div>
103+
<div class="col-md-4"><i class="ion-social-javascript skillsicon" aria-hidden="true"></i><h3>JAVASCRIPT &amp; JQUERY</h3></div>
104+
</div>
105+
<!-- Footer Area -->
106+
<div class="footerarea">
107+
<p>This site is maintained by the students of Free Code Camp Dallas.<br/>
108+
Want to contribute or add a feature? Fork us here:
109+
<a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">@freecodecampdallas</a>
110+
</p>
111+
</div>
112+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
80113
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
81114
<!-- Latest compiled and minified JavaScript -->
82-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
83-
</body>
84-
</html>
115+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
116+
</body>
117+
118+
</html>

‎style.css

+80-54
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,95 @@
11
body {
2-
padding-top: 70px;
3-
font-family: 'Lato', sans-serif;
4-
background: #006400;
2+
padding-top: 70px;
3+
font-family: 'Lato', sans-serif;
4+
background: #006400;
55
}
6-
.spacer{
7-
padding: 15px;
6+
.spacer {
7+
padding: 15px;
88
}
9+
910
/*Navigation Bar Color*/
10-
.navbar{
11-
background-color: #006400;
11+
.navbar {
12+
background-color: #006400;
1213
}
14+
1315
/*Navigation Brand Name*/
14-
.navbar-default .navbar-brand{
15-
color: #fff;
16-
font-size: 24px;
16+
17+
.navbar-default .navbar-brand {
18+
color: #fff;
19+
font-size: 24px;
1720
}
18-
.navbar-default .navbar-brand:hover{
19-
color: #fff;
21+
.navbar-default .navbar-brand:hover {
22+
color: #fff;
2023
}
2124
/*Navigation Links*/
22-
.navbar-default .navbar-nav>li>a{
23-
color: #fff;
24-
font-size: 20px;
25+
.navbar-default .navbar-nav>li>a {
26+
color: #fff;
27+
font-size: 20px;
2528
}
26-
.navbar-default .navbar-nav>li>a:hover{
27-
color:#006400;
28-
background: #fff;
29+
.navbar-default .navbar-nav>li>a:hover {
30+
color: #006400;
31+
background: #fff;
2932
}
30-
3133
/*Navigation Collaps Button [Menu]*/
32-
.navbar-default .navbar-toggle{
33-
border-color: #fff; /*Border around button*/
34-
color:#fff;
34+
.navbar-default .navbar-toggle {
35+
border-color: #fff;
36+
/*Border around button*/
37+
color: #fff;
3538
}
36-
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
37-
background-color: #fff;
38-
color:#006400;
39+
.navbar-default .navbar-toggle:focus,
40+
.navbar-default .navbar-toggle:hover {
41+
background-color: #fff;
42+
color: #006400;
3943
}
44+
4045
/*Main Area*/
41-
.mainarea{
42-
background: #006400;
43-
text-align:center;
44-
color:#fff;
45-
}
46-
.fcclogo{
47-
margin: 0 auto;
48-
}
49-
.dallasskyline{
50-
width: 100%;
51-
}
52-
/* About Area */
53-
.aboutarea{
54-
text-align:center;
55-
background: #fff;
56-
margin-top: 0;
57-
}
58-
.aboutarea ul{
59-
list-style: none;
60-
font-size: 24px;
61-
line-height: 40px;
62-
}
63-
.contributearea{
64-
text-align:center;
65-
color: #fff;
66-
}
67-
.contributearea a{
68-
color: #fff;
69-
}
46+
47+
.mainarea {
48+
background: #006400;
49+
text-align: center;
50+
color: #fff;
51+
}
52+
.fcclogo {
53+
margin: 0 auto;
54+
}
55+
/* Why Join Area */
56+
.whyjoinarea {
57+
text-align: center;
58+
background: #fff;
59+
margin-top: 0;
60+
}
61+
.whyjoinarea ul {
62+
list-style: none;
63+
font-size: 24px;
64+
line-height: 40px;
65+
}
66+
/* User Group Area */
67+
.usergroups {
68+
text-align: center;
69+
color: #fff;
70+
}
71+
.usergroups a{
72+
color:#fff;
73+
}
74+
.usergroups ul{
75+
list-style: none;
76+
font-size: 24px;
77+
line-height: 40px;
78+
}
79+
/* Skills Learned Area */
80+
.skillslearned, .skillslearned div {
81+
text-align: center;
82+
background: #fff;
83+
margin-top: 0;
84+
}
85+
.skillsicon{
86+
font-size:100px;
87+
}
88+
/* Footer Area */
89+
.footerarea {
90+
text-align: center;
91+
color: #fff;
92+
}
93+
.footerarea a {
94+
color: #fff;
95+
}

0 commit comments

Comments
 (0)
Please sign in to comment.