Skip to content

Commit 64de877

Browse files
dangerwormdangerworm
committed
Added content for Activities, Resources, and Feedback page. Changed some of the styles slightly and added better UX for links
1 parent c5f4e22 commit 64de877

24 files changed

+2190
-149
lines changed

‎_includes/back-to-top.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div class="row unpadded">
2+
<div class="col">
3+
<p>
4+
<a href="#">Back to top</a>
5+
</p>
6+
<p>
7+
&nbsp;
8+
</p>
9+
</div>
10+
</div>

‎_includes/footer.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
1-
<footer class="text-muted">
2-
<div class="container">
3-
<!-- <p class="float-center">
4-
<a href="#">Back to top</a>
5-
</p> -->
6-
<p>
7-
&nbsp;
8-
</p>
9-
</div>
10-
</footer>
1+
<footer class="page-wrapper text-muted">
2+
<p class="">
3+
<a href="#">Back to top</a>
4+
</p>
5+
<p>
6+
&nbsp;
7+
</p>
8+
</footer>

‎_includes/sidebar.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,50 +9,50 @@
99
</div>
1010
</div>
1111
<div class="logo sidebar-logo">
12-
<a href="#">
12+
<a href="index.html">
1313
<img class="sidebar-logo" src="./images/noun-keyboard-licensed-white.svg">
1414
</a>
1515
</div>
1616
<div class="sidebar-menu">
1717
<ul>
1818
<li class="sidebar-dropdown">
19-
<a href="#">
19+
<a href="index.html">
2020
<i class="fa fa-home"></i>
2121
<span>Home</span>
2222
</a>
2323
</li>
2424
<li class="sidebar-dropdown">
25-
<a href="#">
25+
<a href="events.html">
2626
<i class="fa fa-calendar-alt"></i>
2727
<span>Events</span>
2828
</a>
2929
</li>
3030
<li class="sidebar-dropdown">
31-
<a href="#">
31+
<a href="about.html">
3232
<i class="fa fa-users"></i>
3333
<span>About</span>
3434
</a>
3535
</li>
3636
<li class="sidebar-dropdown">
37-
<a href="#">
37+
<a href="activities.html">
3838
<i class="fa fa-bell"></i>
3939
<span>Activities</span>
4040
</a>
4141
</li>
4242
<li class="sidebar-dropdown">
43-
<a href="#">
43+
<a href="resources.html">
4444
<i class="fa fa-tools"></i>
4545
<span>Resources</span>
4646
</a>
4747
</li>
4848
<li class="sidebar-dropdown">
49-
<a href="#">
49+
<a href="contact.html">
5050
<i class="fa fa-address-book"></i>
5151
<span>Contact</span>
5252
</a>
5353
</li>
5454
<li class="sidebar-dropdown">
55-
<a href="#">
55+
<a href="feedback.html">
5656
<i class="fa fa-comment-alt"></i>
5757
<span>Feedback</span>
5858
</a>

‎_layouts/default.html‎

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
{% include head.html %}
4-
<body>
5-
<div id="main-container" class="page-wrapper toggled">
6-
{% include sidebar.html %}
7-
<main role="main" class="page-content">
8-
{{content}}
9-
</main>
10-
{% include footer.html %}
11-
{% include scripts.html %}
12-
</div>
13-
</body>
14-
</html>
3+
{% include head.html %}
4+
5+
<body>
6+
<div id="main-container" class="page-wrapper toggled">
7+
{% include sidebar.html %}
8+
<main role="main" class="page-content">
9+
<a name="top"></a>
10+
<div class="row">
11+
<div class="main-logo">
12+
<img src="./images/keyboard-green.png">
13+
</div>
14+
<div class="main-logo-title">
15+
<h1 class="cover-heading">CODEWITH<span id="suffix" class="typed-suffix">US</span></h1>
16+
</div>
17+
</div>
18+
<div class="row unpadded">
19+
<div class="col-lg-10">
20+
{{content}}
21+
</div>
22+
</div>
23+
{% include back-to-top.html %}
24+
</main>
25+
{% include scripts.html %}
26+
</div>
27+
</body>
28+
29+
</html>

‎_site/activities-learning.html‎

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
<div class="row">
2+
<div class="col-md-12">
3+
<a name="activities-learning"></a>
4+
<h2>
5+
Learning
6+
</h2>
7+
</div>
8+
<div class="col-lg-4 col-md-6">
9+
<div class="row">
10+
<div class="card">
11+
<h4>
12+
<a href="https://www.codecademy.com/" target="_blank">Codecademy</a>
13+
</h4>
14+
<p>
15+
Code Academy gives you specific problems to solve and, as you solve each one, the difficulty
16+
level increases. You can learn about building websites, developing programs (in languages
17+
like Python) and get an introduction to Data Analysis.
18+
</p>
19+
</div>
20+
</div>
21+
</div>
22+
23+
<div class="col-lg-4 col-md-6">
24+
<div class="row">
25+
<div class="card">
26+
<h4>
27+
<a href="https://codecombat.com/play" target="_blank">Code Combat</a>
28+
</h4>
29+
<p>
30+
Code Combat was designed for use in schools but is a great place to start if you're looking
31+
to
32+
jump
33+
straight in. There are
34+
about 10 lessons where you get used to the basics but before long you're designing and
35+
implementing
36+
the AI for a game
37+
character.
38+
</p>
39+
</div>
40+
</div>
41+
</div>
42+
43+
<div class="col-lg-4 col-md-6">
44+
<div class="row">
45+
<div class="card">
46+
<h4>
47+
<a href="https://flukeout.github.io/" target="_blank">CSS Diner</a>
48+
</h4>
49+
<p>
50+
This is a simple game that introduces you to different CSS selectors in an interactive and
51+
fun way,
52+
currently it has 30 stages
53+
which cover most of the main and recent CSS selectors you should be aware of as a beginner.
54+
</p>
55+
</div>
56+
</div>
57+
</div>
58+
59+
<div class="col-lg-4 col-md-6">
60+
<div class="row">
61+
<div class="card">
62+
<h4>
63+
<a href="https://css-tricks.com" target="_blank">CSS Tricks</a>
64+
</h4>
65+
<p>
66+
CSS Tricks is an excellent website with a large amount of information on CSS, including
67+
code
68+
snippets, guides and even job
69+
postings!
70+
</p>
71+
</div>
72+
</div>
73+
</div>
74+
75+
<div class="col-lg-4 col-md-6">
76+
<div class="row">
77+
<div class="card">
78+
<h4>
79+
<a href="https://freecodecamp.org" target="_blank">FreeCodeCamp</a>
80+
</h4>
81+
<p>
82+
FreeCodeCamp is a popular online learning tool for beginners to get to grips with
83+
new langauges and
84+
concepts. It offers training
85+
in different aspects of software and has challenges of varying difficulty.
86+
</p>
87+
</div>
88+
</div>
89+
</div>
90+
91+
<div class="col-lg-4 col-md-6">
92+
<div class="row">
93+
<div class="card">
94+
<h4>
95+
<a href="http://rogerdudler.github.io/git-guide/" target="_blank">git - the
96+
simple guide</a>
97+
</h4>
98+
<p>
99+
Just a simple guide for getting started with git, no deep or confusing stuff.
100+
Good as an
101+
introduction to the terminology
102+
before starting to read other guides which go into more detail.
103+
</p>
104+
</div>
105+
</div>
106+
</div>
107+
108+
<div class="col-lg-4 col-md-6">
109+
<div class="row">
110+
<div class="card">
111+
<h4>
112+
<a href="https://javascript.info" target="_blank">The Modern JS Tutorial</a>
113+
</h4>
114+
<p>
115+
Javascript.info has its own built in search function, using which you can
116+
search every aspect of
117+
javascript for helpful guides
118+
and examples.
119+
</p>
120+
</div>
121+
</div>
122+
</div>
123+
124+
<div class="col-lg-4 col-md-6">
125+
<div class="row">
126+
<div class="card">
127+
<h4>
128+
<a href="https://www.udemy.com" target="_blank">Udemy</a>
129+
</h4>
130+
<p>
131+
Udemy is an online platform offering video tutorial courses led by
132+
real-world professionals. There
133+
is a wide range of courses,
134+
some free, some paid, covering all sorts of things (not just
135+
development).
136+
</p>
137+
</div>
138+
</div>
139+
</div>
140+
</div>

0 commit comments

Comments
 (0)