Skip to content

Commit 3d34c2f

Browse files
dangerwormdangerworm
committed
Fleshed out homepage and adjusted layout of people templates. Changed anchor colours.
1 parent 64b2e85 commit 3d34c2f

File tree

5 files changed

+162
-99
lines changed

5 files changed

+162
-99
lines changed

‎css/style.css‎

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@ a,
1717
a:focus,
1818
a:hover {
1919
text-decoration: solid underline;
20-
color: var(--colour-light-primary);
20+
/* color: var(--colour-light-primary); */
21+
color: brown;
2122
}
2223

2324
a, a:focus {
@@ -29,14 +30,21 @@ a, a:focus {
2930
}
3031

3132
a:hover {
32-
font-size: 105%;
3333
-webkit-transition: all 0.3s ease;
3434
-moz-transition: all 0.3s ease;
3535
-ms-transition: all 0.3s ease;
3636
-o-transition: all 0.3s ease;
3737
transition: all 0.3s ease;
3838
}
3939

40+
.sidebar-dropdown > a:hover {
41+
font-size: 105%;
42+
}
43+
44+
.intro-icon > a:hover {
45+
font-size: 115%;
46+
}
47+
4048
/* Custom default button */
4149
.btn-default,
4250
.btn-default:hover,
@@ -296,6 +304,23 @@ iframe {
296304
border-bottom: thin solid var(--colour-white);
297305
}
298306

307+
/* Home */
308+
div.row.intro {
309+
margin: 2em 0;
310+
}
311+
312+
p.intro-icon {
313+
color: var(--colour-dark-primary);
314+
}
315+
316+
/* p.intro-icon > a {
317+
color: var(--colour-dark-primary);
318+
} */
319+
320+
p.intro-text {
321+
font-size: large;
322+
}
323+
299324
/* About */
300325
img.profile-photo {
301326
width: 100%;
@@ -393,6 +418,7 @@ div.event-book-button {
393418
@media screen and (min-width: 768px) {
394419
.page-wrapper.toggled .page-content {
395420
padding-left: 340px;
421+
padding-right: 40px;
396422
}
397423

398424
.page-wrapper.toggled .main-logo {

‎index.html‎

Lines changed: 45 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -4,33 +4,48 @@
44
---
55

66
<h1>Welcome to CodeWith!</h1>
7-
<h2>Lorem Ipsum</h2>
8-
<p>
9-
Et tortor mattis nulla? A himenaeos euismod integer morbi dapibus sed. Eleifend montes, laoreet aliquam.
10-
Himenaeos semper lobortis egestas. Taciti vehicula ridiculus donec rutrum quam turpis non dignissim mollis
11-
interdum phasellus. Iaculis, velit congue feugiat condimentum adipiscing integer class dolor? Fames habitant
12-
dui pharetra aliquam. Sagittis mus nascetur metus donec ridiculus ullamcorper senectus mi iaculis consequat
13-
suscipit! Netus inceptos suscipit faucibus tristique pretium quisque amet primis leo. Habitant dictumst
14-
convallis.
15-
</p>
16-
<h2>Blandit Risus?</h2>
17-
<p>
18-
Pulvinar phasellus sem varius consectetur suscipit, montes at. Adipiscing blandit semper lobortis
19-
consectetur. Praesent faucibus tellus nec convallis eu mauris, urna litora congue aenean cras lectus. Felis
20-
posuere est elit dictumst volutpat ad, commodo praesent magnis. Faucibus per nascetur egestas blandit
21-
cubilia senectus curabitur dolor hendrerit! Bibendum fames rhoncus vestibulum euismod senectus vestibulum
22-
elementum sem mattis commodo. Neque semper rutrum semper blandit. Venenatis, adipiscing tristique elit.
23-
Posuere blandit risus commodo euismod cursus massa. Non id hendrerit fames, orci diam hendrerit. Etiam
24-
platea nam augue. Cursus senectus montes litora adipiscing quis scelerisque rutrum montes morbi sagittis
25-
ullamcorper tristique. Proin.
26-
</p>
27-
<h2>Varius Class</h2>
28-
<p>
29-
Tempor egestas lorem tincidunt, tristique lobortis suscipit. Rhoncus bibendum duis, porta orci pulvinar
30-
pulvinar blandit primis orci lacinia. Tellus vehicula risus bibendum erat lobortis? Mus felis porttitor quis
31-
ad consequat maecenas ac pulvinar suspendisse. Facilisi interdum dolor habitant urna felis ultrices tempus
32-
nibh risus morbi pellentesque nunc. Aenean hendrerit in iaculis neque parturient. Rhoncus quis varius class
33-
ante facilisi vitae et cras nam condimentum. Lectus egestas conubia ac ut natoque convallis auctor nulla
34-
lacus sem faucibus lobortis. Taciti, molestie consectetur ultricies arcu est lacinia fusce primis! Hac
35-
commodo semper habitasse pulvinar commodo himenaeos curae; tellus.
36-
</p>
7+
8+
<div class="row intro">
9+
<div class="col-sm-3 col-md-2 text-center">
10+
<p class="intro-icon">
11+
<a href="about.html"><span class="fas fa-3x fa-book-open"></span></a>
12+
</p>
13+
</div>
14+
<div class="col-sm-9 col-md-10">
15+
<p class="intro-text">CodeWith is about free adult coding tuition for everyone. We offer a friendly space where
16+
anyone, from complete beginners to accomplished software engineers, can get together, learn and share
17+
a passion for coding. For more information, see our <a href="about.html">about page</a>.
18+
</p>
19+
</div>
20+
</div>
21+
22+
<div class="row intro">
23+
<div class="col-sm-3 col-md-2 text-center">
24+
<p class="intro-icon">
25+
<a href="events.html"><span class="fas fa-3x fa-calendar-alt"></span></a>
26+
</p>
27+
</div>
28+
<div class="col-sm-9 col-md-10">
29+
<p class="intro-text">We started the group in the midst of COVID-19 and so all our events are currently online.
30+
We hope to eventually host some events in person, but until then it'll all be done via webcam and
31+
microphone.
32+
</p>
33+
<p class="intro-text">
34+
For more information about the workshops, events, and drop-ins, have a look at the
35+
<a href="events.html">events page</a>.
36+
</p>
37+
</div>
38+
</div>
39+
40+
<div class="row intro">
41+
<div class="col-sm-3 col-md-2 text-center">
42+
<p class="intro-icon">
43+
<a href="feedback.html"><span class="fas fa-3x fa-smile"></span></a>
44+
</p>
45+
</div>
46+
<div class="col-sm-9 col-md-10">
47+
<p class="intro-text">We'd love to hear your feedback. Let us know your thoughts on our
48+
<a href="feedback.html">feedback form</a>.
49+
</p>
50+
</div>
51+
</div>

‎people-drew.html‎

Lines changed: 46 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<h4>Drew Morgan</h4>
88
</div>
99
</div>
10-
<div class="col-md-8 col-lg-7">
10+
<div class="col-md-8 col-lg-6">
1111
<div class="row">
1212
<div class="col col-md-6">
1313
<p class="text-muted no-margin">Benevolent Leader, Host, Mentor</p>
@@ -36,40 +36,50 @@ <h4>Drew Morgan</h4>
3636
</div>
3737
</div>
3838
</div>
39-
<div class="col-md-12 col-lg-2 skills">
40-
<h5>Drew can help with...</h5>
41-
<p>
42-
<span class="badge badge-secondary">.Net</span>
43-
<span class="badge badge-secondary">C#</span>
44-
<span class="badge badge-secondary">Java</span>
45-
<span class="badge badge-secondary">Neo4J</span>
46-
<span class="badge badge-secondary">Python</span>
47-
<span class="badge badge-secondary">SQL</span>
48-
<span class="badge badge-secondary">VB.NET</span>
49-
</p>
50-
<p>
51-
<span class="badge badge-secondary">CSS</span>
52-
<span class="badge badge-secondary">HTML</span>
53-
<span class="badge badge-secondary">Javascript</span>
54-
<span class="badge badge-secondary">jQuery</span>
55-
<span class="badge badge-secondary">Razor</span>
56-
<span class="badge badge-secondary">Windows Forms</span>
57-
</p>
58-
<p>
59-
<span class="badge badge-secondary">JSON</span>
60-
<span class="badge badge-secondary">MVC</span>
61-
<span class="badge badge-secondary">REST</span>
62-
<span class="badge badge-secondary">XAML</span>
63-
</p>
64-
<p>
65-
<span class="badge badge-secondary">Git</span>
66-
<span class="badge badge-secondary">SVN</span>
67-
<span class="badge badge-secondary">TFS</span>
68-
</p>
69-
<p>
70-
<span class="badge badge-secondary">IDLE</span>
71-
<span class="badge badge-secondary">Visual Studio</span>
72-
<span class="badge badge-secondary">VS Code</span>
73-
</p>
39+
<div class="col-md-12 col-lg-3 skills">
40+
<div class="row">
41+
<div class="col-12">
42+
<h5>Drew can help with...</h5>
43+
</div>
44+
<div class="col-md-4 col-lg-12">
45+
<!-- <h6>Languages</h6> -->
46+
<p>
47+
<span class="badge badge-secondary">.Net</span>
48+
<span class="badge badge-secondary">C#</span>
49+
<span class="badge badge-secondary">CSS</span>
50+
<span class="badge badge-secondary">HTML</span>
51+
<span class="badge badge-secondary">Java</span>
52+
<span class="badge badge-secondary">Javascript</span>
53+
<span class="badge badge-secondary">jQuery</span>
54+
<span class="badge badge-secondary">Neo4J</span>
55+
<span class="badge badge-secondary">Python</span>
56+
<span class="badge badge-secondary">Razor</span>
57+
<span class="badge badge-secondary">SQL</span>
58+
<span class="badge badge-secondary">VB.NET</span>
59+
</p>
60+
</div>
61+
<div class="col-md-4 col-lg-12">
62+
<!-- <h6>Technologies</h6> -->
63+
<p>
64+
<span class="badge badge-secondary">JSON</span>
65+
<span class="badge badge-secondary">MVC</span>
66+
<span class="badge badge-secondary">REST</span>
67+
<span class="badge badge-secondary">WPF</span>
68+
<span class="badge badge-secondary">Windows Forms</span>
69+
</p>
70+
</div>
71+
<div class="col-md-4 col-lg-12">
72+
<!-- <h6>Tools</h6> -->
73+
<p>
74+
<span class="badge badge-secondary">Git</span>
75+
<span class="badge badge-secondary">SVN</span>
76+
<span class="badge badge-secondary">TFS</span>
77+
78+
<span class="badge badge-secondary">IDLE</span>
79+
<span class="badge badge-secondary">Visual Studio</span>
80+
<span class="badge badge-secondary">VS Code</span>
81+
</p>
82+
</div>
83+
</div>
7484
</div>
7585
</div>

‎people-keiran.html‎

Lines changed: 41 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<h4>Keiran Wilkinson</h4>
88
</div>
99
</div>
10-
<div class="col-md-8 col-lg-7">
10+
<div class="col-md-8 col-lg-6">
1111
<div class="row">
1212
<div class="col col-md-6">
1313
<p class="text-muted no-margin">Vice Benevolent Leader, Mentor</p>
@@ -24,7 +24,7 @@ <h4>Keiran Wilkinson</h4>
2424
<p>
2525
After learning to code 8 years ago Keiran worked for a small startup digital agency while completing
2626
his A levels. More recently Keiran works in the travel sector as a degree apprentice software
27-
engineer while completing a degree in Digital and Technology solutions.
27+
engineer while completing a degree in Digital and Technology solutions.
2828

2929

3030

@@ -39,34 +39,44 @@ <h4>Keiran Wilkinson</h4>
3939
</div>
4040
</div>
4141
</div>
42-
<div class="col-md-12 col-lg-2 skills">
43-
<h5>Keiran can help with...</h5>
44-
<p>
45-
<span class="badge badge-secondary">.Net</span>
46-
<span class="badge badge-secondary">Java</span>
47-
<span class="badge badge-secondary">Python</span>
48-
<span class="badge badge-secondary">SQL</span>
49-
<span class="badge badge-secondary">VB.NET</span>
50-
<span class="badge badge-secondary">php</span>
51-
</p>
52-
<p>
53-
<span class="badge badge-secondary">CSS</span>
54-
<span class="badge badge-secondary">HTML</span>
55-
<span class="badge badge-secondary">Javascript</span>
56-
<span class="badge badge-secondary">jQuery</span>
57-
<span class="badge badge-secondary">Windows Forms</span>
58-
</p>
59-
<p>
60-
<span class="badge badge-secondary">JSON</span>
61-
</p>
62-
<p>
63-
<span class="badge badge-secondary">Git</span>
64-
</p>
65-
<p>
66-
<span class="badge badge-secondary">IDLE</span>
67-
<span class="badge badge-secondary">Visual Studio</span>
68-
<span class="badge badge-secondary">VS Code</span>
69-
<span class="badge badge-secondary">Eclipse</span>
70-
</p>
42+
<div class="col-md-12 col-lg-3 skills">
43+
<div class="row">
44+
<div class="col-12">
45+
<h5>Keiran can help with...</h5>
46+
</div>
47+
<div class="col-md-4 col-lg-12">
48+
<!-- <h6>Languages</h6> -->
49+
<p>
50+
<span class="badge badge-secondary">.Net</span>
51+
<span class="badge badge-secondary">CSS</span>
52+
<span class="badge badge-secondary">HTML</span>
53+
<span class="badge badge-secondary">Java</span>
54+
<span class="badge badge-secondary">Javascript</span>
55+
<span class="badge badge-secondary">jQuery</span>
56+
<span class="badge badge-secondary">php</span>
57+
<span class="badge badge-secondary">Python</span>
58+
<span class="badge badge-secondary">SQL</span>
59+
<span class="badge badge-secondary">VB.NET</span>
60+
</p>
61+
</div>
62+
<div class="col-md-4 col-lg-12">
63+
<!-- <h6>Technologies</h6> -->
64+
<p>
65+
<span class="badge badge-secondary">JSON</span>
66+
<span class="badge badge-secondary">Windows Forms</span>
67+
</p>
68+
</div>
69+
<div class="col-md-4 col-lg-12">
70+
<!-- <h6>Tools</h6> -->
71+
<p>
72+
<span class="badge badge-secondary">Git</span>
73+
74+
<span class="badge badge-secondary">Eclipse</span>
75+
<span class="badge badge-secondary">IDLE</span>
76+
<span class="badge badge-secondary">Visual Studio</span>
77+
<span class="badge badge-secondary">VS Code</span>
78+
</p>
79+
</div>
80+
</div>
7181
</div>
7282
</div>

‎people.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,7 @@
55

66
<h1>{{page.title}}</h1>
77

8+
<br />
89
{% include_relative people-drew.html %}
10+
<br />
911
{% include_relative people-keiran.html %}

0 commit comments

Comments
 (0)