Skip to content

Commit 0460406

Browse files
685Degrees685Degrees
authored
Merge pull request #1 from bit-by-bit-coding/restyle-homepage
style homepage and add blurb
2 parents 7e7e56a + 2df6235 commit 0460406

File tree

5 files changed

+81
-40
lines changed

5 files changed

+81
-40
lines changed

‎_config.yml‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11

2-
32
contact:
4-
email: info@bitbybitcoding.org
3+
email: info@bitbybitcoding.org
4+
5+
website: https://bitbybitcoding.org/

‎studentsites/.DS_Store‎

14 KB
Binary file not shown.

‎studentsites/2020/favicon.png‎

14.6 KB
Loading

‎studentsites/2020/index.html‎

Lines changed: 34 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,45 @@
11
---
22
---
3+
34
<!DOCTYPE html>
45
<html>
56
<head>
6-
<title>Hello World Websites 2020!</title>
7+
<title>Hello World Projects 2020</title>
78
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
8-
<style>
9-
div {
10-
box-sizing: border-box;
11-
background: white;
12-
border-radius: 5px;
13-
padding: 20px;
14-
min-height: 100%;
15-
}
16-
17-
body {
18-
background: #2d97b7;
19-
margin: 15px;
20-
}
21-
22-
p {
23-
font-size: 1em;
24-
}
25-
26-
* {
27-
font-family: 'Nunito', sans-serif;
28-
}
29-
30-
a {
31-
color: #2d97b7;
32-
}
33-
34-
h1 {
35-
color: #93d4d3;
36-
font-size: 2em;
37-
}
38-
</style>
9+
<link rel="stylesheet" href="style.css">
10+
<link rel="shortcut icon" href="favicon.png" type="image/png">
3911
</head>
4012

4113
<body>
4214
<div>
43-
<h1>Hello World Websites!</h1>
15+
<div id="header">
16+
<h1>Hello World Projects 2020</h1>
17+
</div>
4418

45-
<!-- <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptate quisquam quis nobis amet, illo impedit omnis! Officia, corrupti assumenda! Provident exercitationem possimus repudiandae dolores, quod eligendi voluptatem incidunt ratione qui!</p> -->
46-
<p>
19+
<div id="content">
20+
<p>
21+
These websites were made by girls going into 6th through 9th grade in just one week as part of a summer program called Hello World! They are all marvellous and definitely worth a look. The program will run again in the the summer of 2021, and a less formal web-development program will be offered during the school year. If you're interested, please email <a href="mailto:{{site.contact.email}}">{{site.contact.email}}</a> or check out <a href="{{site.website}}">{{site.website}}</a>. The program was made possible by a wonderful group of student volunteers. Without further ado, here are the sites:
22+
</p>
23+
<h2>Week 1: HTML/CSS Websites</h2>
24+
<nav>
25+
<li><a href="./AdoptOlderDogs/">Why you should adopt older dogs</a></li>
26+
<li><a href="./BobRoss/">Bob Ross</a></li>
27+
<li><a href="./Bored/">Idk I just got bored so I made this :]</a></li>
28+
<li><a href="./BoringButtons/">This is a boring website</a></li>
29+
<li><a href="./CatFacts/">15 Amazing Cat Facts!</a></li>
30+
<li><a href="./CraftIdeas/">Craft City</a></li>
31+
<li><a href="./EndangeredAnimals/">Endangered Animals in 2020</a></li>
32+
<li><a href="./Flowers/">Flowers are Nice</a></li>
33+
<li><a href="./FunnyJokes/">Funny Jokes</a></li>
34+
<li><a href="./HamsterBreeds/">Hamster Breeds</a></li>
35+
<li><a href="./MuffinTime/">Muffin Time</a></li>
36+
<li><a href="./MyCabin/">My Cabin</a></li>
37+
<li><a href="./PlacesToVisit/">Top ten places to visit in your lifetime</a></li>
38+
<li><a href="./TurtleCare/">How to take care of your new turtle</a></li>
39+
<li><a href="./Vegan/">Vegan Recipes</a></li>
40+
</nav>
41+
</div>
42+
<!-- <p>
4743
<h5>Session 1: HTML/CSS</h5>
4844
<ul>
4945
<li><a href="./AdoptOlderDogs/">Why you should adopt older dogs</a></li>
@@ -61,7 +57,7 @@ <h5>Session 1: HTML/CSS</h5>
6157
<li><a href="./PlacesToVisit/">Top ten places to visit in your lifetime</a></li>
6258
<li><a href="./TurtleCare/">How to take care of your new turtle</a></li>
6359
<li><a href="./Vegan/">Vegan Recipes</a></li>
64-
</ul>
60+
</ul> -->
6561
<!-- <br>
6662
<h5>Session 2: JavaScript</h5>
6763
<ul>
@@ -88,8 +84,8 @@ <h5>Session 2: JavaScript</h5>
8884
<li>
8985
<a href="YouTube/index.html">YouTube</a>
9086
</li>
91-
</ul> -->
92-
</div>
87+
</ul>
88+
</div>-->
9389
</body>
9490

9591
</html>

‎studentsites/2020/style.css‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
body {
2+
margin: 0;
3+
color: #2F2D2C;
4+
}
5+
6+
#header {
7+
height: 30vh;
8+
width: 100%;
9+
background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
10+
color: white;
11+
display: flex;
12+
justify-content: center;
13+
align-items: center;
14+
}
15+
16+
p {
17+
font-size: 1em;
18+
}
19+
20+
* {
21+
font-family: 'Nunito', sans-serif;
22+
}
23+
24+
a {
25+
color: #39B7C2;
26+
}
27+
28+
a:visited {
29+
color: #153570;
30+
}
31+
32+
#content {
33+
padding: 7vh 7vw;
34+
display: flex;
35+
flex-flow: column nowrap;
36+
justify-content: space-between;
37+
/* height: 12vh; */
38+
justify-content: center;
39+
align-items: flex-start;
40+
}
41+
42+
h2 {
43+
font-size: 1.2em;
44+
}

0 commit comments

Comments
 (0)