├── 02-setting_up_a_github_remote
├── README.md
├── commands.sh
├── css
│ └── style.css
├── stream-one.html
├── stream-three.html
└── stream-two.html
├── 03-github_pages
├── README.md
├── css
│ └── style.css
├── index.html
├── stream-three.html
└── stream-two.html
├── 04-readme_files
├── challenge_solution
│ ├── CI_README.md
│ ├── README.md
│ ├── css
│ │ └── style.css
│ ├── index.html
│ ├── stream-three.html
│ └── stream-two.html
└── video_solution
│ ├── CI_README.md
│ ├── README.md
│ ├── css
│ └── style.css
│ ├── index.html
│ ├── stream-three.html
│ └── stream-two.html
└── README.md
/02-setting_up_a_github_remote/README.md:
--------------------------------------------------------------------------------
1 | # First GitHub Project
2 |
3 | This is the first project that we've pushed to a remote repository using Git and GitHub
4 |
5 | ## Technologies Used
6 |
7 | In this project we used some simple HTML5 and CSS3 to build the project, we wrote our code using the Cloud9 IDE, and we've backed it up using Git and GitHub
--------------------------------------------------------------------------------
/02-setting_up_a_github_remote/commands.sh:
--------------------------------------------------------------------------------
1 | # Find out our current directory
2 | pwd
3 |
4 | # List the contents of the directory
5 | ls
6 |
7 | # Create a new local git repository
8 | git init
9 |
10 | # Check for the existence of the `.git` directory
11 | ls -a
12 |
13 | # Add the `css` directory and each of the `.html` files to
14 | # the git staging area
15 | git add css/ stream-*.html
16 |
17 | # Check the git status to double-check that they've been
18 | # added
19 | git status
20 |
21 | # Do our first commit
22 | git commit -m "Initial commit"
23 |
24 | # Add a remote
25 | git remote add origin https://github.com/aaroncistudent/my-first-website.git
26 |
27 | # Push from our local repository to the remote
28 | git push -u origin master
--------------------------------------------------------------------------------
/02-setting_up_a_github_remote/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: 'Oswald', sans-serif;
5 | }
6 |
7 | nav ul {
8 | list-style: none;
9 | background-color: #4a4a4f;
10 | text-align: center;
11 | padding: 0;
12 | margin: 0;
13 | }
14 |
15 | nav li {
16 | font-size: 1.2em;
17 | line-height: 40px;
18 | height: 40px;
19 | display: inline-block;
20 | margin-left: 2.5%;
21 | }
22 |
23 | nav a {
24 | text-decoration: none;
25 | color: #fff;
26 | display: block;
27 | }
28 |
29 | nav a:hover {
30 | background-color: #fff;
31 | color: #4a4a4f;
32 | }
33 |
34 | nav a:active {
35 | background-color: #fff;
36 | color: #444;
37 | }
38 |
39 | h1 {
40 | text-align: center;
41 | }
42 |
43 | .card {
44 | float: left;
45 | width: 30%;
46 | margin-left: 15%;
47 | max-width: 260px;
48 | min-width: 150px;
49 | }
50 |
51 | .card a {
52 | text-align: center;
53 | }
54 |
55 | img {
56 | width: 100%;
57 | height: 180px;
58 | }
--------------------------------------------------------------------------------
/02-setting_up_a_github_remote/stream-one.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream One
17 |
23 |
29 |
35 |
41 |
47 |
53 |
54 |
--------------------------------------------------------------------------------
/02-setting_up_a_github_remote/stream-three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Three
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/02-setting_up_a_github_remote/stream-two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Two
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/03-github_pages/README.md:
--------------------------------------------------------------------------------
1 | # First GitHub Project
2 |
3 | This is the first project that we've pushed to a remote repository using Git and GitHub
4 |
5 | ## Technologies Used
6 |
7 | In this project we used some simple HTML5 and CSS3 to build the project, we wrote our code using the Cloud9 IDE, and we've backed it up using Git and GitHub
--------------------------------------------------------------------------------
/03-github_pages/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: 'Oswald', sans-serif;
5 | }
6 |
7 | nav ul {
8 | list-style: none;
9 | background-color: #4a4a4f;
10 | text-align: center;
11 | padding: 0;
12 | margin: 0;
13 | }
14 |
15 | nav li {
16 | font-size: 1.2em;
17 | line-height: 40px;
18 | height: 40px;
19 | display: inline-block;
20 | margin-left: 2.5%;
21 | }
22 |
23 | nav a {
24 | text-decoration: none;
25 | color: #fff;
26 | display: block;
27 | }
28 |
29 | nav a:hover {
30 | background-color: #fff;
31 | color: #4a4a4f;
32 | }
33 |
34 | nav a:active {
35 | background-color: #fff;
36 | color: #444;
37 | }
38 |
39 | h1 {
40 | text-align: center;
41 | }
42 |
43 | .card {
44 | float: left;
45 | width: 30%;
46 | margin-left: 15%;
47 | max-width: 260px;
48 | min-width: 150px;
49 | }
50 |
51 | .card a {
52 | text-align: center;
53 | }
54 |
55 | img {
56 | width: 100%;
57 | height: 180px;
58 | }
--------------------------------------------------------------------------------
/03-github_pages/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream One
17 |
23 |
29 |
35 |
41 |
47 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/03-github_pages/stream-three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Three
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/03-github_pages/stream-two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Two
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/CI_README.md:
--------------------------------------------------------------------------------
1 | # First GitHub Project
2 |
3 | This is the first project that we've pushed to a remote repository using Git and GitHub
4 |
5 | ## Technologies Used
6 |
7 | In this project we used some simple HTML5 and CSS3 to build the project, we wrote our code using the Cloud9 IDE, and we've backed it up using Git and GitHub
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/README.md:
--------------------------------------------------------------------------------
1 | # My Very First Web Page
2 |
3 | Welcome to my very first website!
4 |
5 | This website was built as part of the learning material for Code Institute's Fullstack Web Developer program.
6 |
7 | You can check out the website [here](https://aaroncistudent.github.io/my-first-website/)!
8 |
9 | ## Project Description
10 |
11 | This site was created in order to get familiar with common development tools like Cloud9, Git & GitHub, and how to use them to write and manage code. The project itself will display a breakdown of the different technologies used in each of the different sections of the program
12 |
13 | ## Technology
14 |
15 | This project was written in HTML & CSS using Cloud9 and is currently hosted on GitHub pages.
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: 'Oswald', sans-serif;
5 | }
6 |
7 | nav ul {
8 | list-style: none;
9 | background-color: #4a4a4f;
10 | text-align: center;
11 | padding: 0;
12 | margin: 0;
13 | }
14 |
15 | nav li {
16 | font-size: 1.2em;
17 | line-height: 40px;
18 | height: 40px;
19 | display: inline-block;
20 | margin-left: 2.5%;
21 | }
22 |
23 | nav a {
24 | text-decoration: none;
25 | color: #fff;
26 | display: block;
27 | }
28 |
29 | nav a:hover {
30 | background-color: #fff;
31 | color: #4a4a4f;
32 | }
33 |
34 | nav a:active {
35 | background-color: #fff;
36 | color: #444;
37 | }
38 |
39 | h1 {
40 | text-align: center;
41 | }
42 |
43 | .card {
44 | float: left;
45 | width: 30%;
46 | margin-left: 15%;
47 | max-width: 260px;
48 | min-width: 150px;
49 | }
50 |
51 | .card a {
52 | text-align: center;
53 | }
54 |
55 | img {
56 | width: 100%;
57 | height: 180px;
58 | }
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream One
17 |
23 |
29 |
35 |
41 |
47 |
53 |
54 |
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/stream-three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Three
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/04-readme_files/challenge_solution/stream-two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Two
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/04-readme_files/video_solution/CI_README.md:
--------------------------------------------------------------------------------
1 | # First GitHub Project
2 |
3 | This is the first project that we've pushed to a remote repository using Git and GitHub
4 |
5 | ## Technologies Used
6 |
7 | In this project we used some simple HTML5 and CSS3 to build the project, we wrote our code using the Cloud9 IDE, and we've backed it up using Git and GitHub
--------------------------------------------------------------------------------
/04-readme_files/video_solution/README.md:
--------------------------------------------------------------------------------
1 | # My Very First Web Page
2 |
3 | Welcome!
--------------------------------------------------------------------------------
/04-readme_files/video_solution/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: 'Oswald', sans-serif;
5 | }
6 |
7 | nav ul {
8 | list-style: none;
9 | background-color: #4a4a4f;
10 | text-align: center;
11 | padding: 0;
12 | margin: 0;
13 | }
14 |
15 | nav li {
16 | font-size: 1.2em;
17 | line-height: 40px;
18 | height: 40px;
19 | display: inline-block;
20 | margin-left: 2.5%;
21 | }
22 |
23 | nav a {
24 | text-decoration: none;
25 | color: #fff;
26 | display: block;
27 | }
28 |
29 | nav a:hover {
30 | background-color: #fff;
31 | color: #4a4a4f;
32 | }
33 |
34 | nav a:active {
35 | background-color: #fff;
36 | color: #444;
37 | }
38 |
39 | h1 {
40 | text-align: center;
41 | }
42 |
43 | .card {
44 | float: left;
45 | width: 30%;
46 | margin-left: 15%;
47 | max-width: 260px;
48 | min-width: 150px;
49 | }
50 |
51 | .card a {
52 | text-align: center;
53 | }
54 |
55 | img {
56 | width: 100%;
57 | height: 180px;
58 | }
--------------------------------------------------------------------------------
/04-readme_files/video_solution/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream One
17 |
23 |
29 |
35 |
41 |
47 |
53 |
54 |
--------------------------------------------------------------------------------
/04-readme_files/video_solution/stream-three.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Three
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/04-readme_files/video_solution/stream-two.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hello World
5 |
10 |
15 |
16 | Stream Two
17 |
37 |
57 |
58 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # GitHub
2 |
3 | The repo contains the solution code for the *GitHub* lesson.
4 |
5 | ## Contents
6 | This solution contains solution code to the following units -
7 | 1. *02-setting_up_a_github_remote*
8 | 2. *03-github_pages*
9 | 3. *04-readme_files*
--------------------------------------------------------------------------------
20 | 
26 | 
32 | 
38 | 
44 | 
50 | 
21 | 
27 | 
33 | 
53 | 
27 | 
33 |