Skip to content

Commit ebb1a5c

Browse files
kaijimkaijim
committed
Changed to serve as a public guestbook
1 parent facaeae commit ebb1a5c

6 files changed

+109
-24
lines changed

‎README.md

+29-6
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,31 @@
1-
# hello-world
2-
Hello World repository for Git tutorial
3-
This is an example repository for the Git tutoial on https://www.w3schools.com
4-
This tutoial focuses mainly on Git and using GitHub as its remote.
1+
# Guestbook for w3schools.com Git tutorial
2+
This is the public GitHub project that you can contribute to.
3+
If you are just getting started, I suggest you start at the tutorial here: https://www.w3schools.com/git
54

6-
This repository is built step by step in the tutorial.
5+
# Leave a message for us!
6+
This repository is ment to be a place where our users can leave messages for others to see.
77

8-
It now includes steps for GitHub.
8+
You can see the result here: https://w3schools-test.github.io/
9+
10+
We generally only have one condition:
11+
We will not allow messages that are negative, or hurtful. Try to be welcome and positive!
12+
13+
# What should my message look like?
14+
15+
You can add almost anything to the index.html file between the indicated comments:
16+
17+
`<!-- Insert your message below here -->`
18+
19+
and
20+
21+
`<!-- End user messages -->`
22+
23+
So feel free to use your imagination!
24+
25+
If you are not feeling very creative, you can add a quote, or small text like the examples on this page: https://www.w3schools.com/w3css/w3css_quotes.asp
26+
And add your name to it :)
27+
28+
# My change was not approved :(
29+
30+
We reserve the right remove, or not add, anything that we feel will not fit here.
31+
Also, this page is a community page, and the content you add may be changed later.

‎bluestyle.css

-8
This file was deleted.

‎img_guestbook_wall.jpg

393 KB
Loading

‎img_hello_git.jpg

-51.1 KB
Binary file not shown.

‎img_hello_world.jpg

-40.6 KB
Binary file not shown.

‎index.html

+80-10
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,86 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>Hello World!</title>
5-
<link rel="stylesheet" href="bluestyle.css">
6-
</head>
3+
<title>Git Tutorial Guestbook</title>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
8+
<style>
9+
html,body,h1,h2,h3,h4 {font-family:"Lato", sans-serif}
10+
.w3-tag {height:15px;width:15px;padding:0;margin-top:6px;cursor:pointer}
11+
</style>
712
<body>
813

9-
<h1>Hello world!</h1>
10-
<div><img src="img_hello_world.jpg" alt="Hello World from Space" style="width:100%;max-width:640px"></div>
11-
<p>This is the first file in my new Git Repo.</p>
12-
<p>This line is here to show how merging works.</p>
13-
<div><img src="img_hello_git.jpg" alt="Hello Git" style="width:100%;max-width:640px"></div>
14+
<!-- Content -->
15+
<div class="w3-content" style="max-width:1920px;margin-top:40px;margin-bottom:40px">
16+
17+
<div class="w3-panel">
18+
<h1><b>GIT TUTORIAL GUESTBOOK</b></h1>
19+
</div>
20+
21+
<!-- Slideshow -->
22+
<div class="w3-container">
23+
<div class="w3-display-container">
24+
<img src="img_guestbook_wall.jpg" alt="Image from Nicolas Dmítrichev via unsplash.com" style="width:100%">
25+
<div class="w3-display-topleft w3-container w3-padding-32">
26+
<span class="w3-white w3-padding-large w3-animate-bottom">Share your message with the community</span>
27+
</div>
28+
</div>
29+
</div>
30+
31+
<!-- Grid -->
32+
<div class="w3-row w3-container">
33+
<div class="w3-center w3-padding-64">
34+
<span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">What is This?</span>
35+
</div>
36+
<div class="w3-col l3 m6 w3-light-grey w3-container w3-padding-16">
37+
<h3>Learn</h3>
38+
<p>Learn how to use Git and GitHub from our <a href="https://www.w3schools.com/git/default.asp" title="w3schools.com Git Tutorial" target="_blank" class="w3-hover-text-green">Git Tutorial</a>.</p>
39+
</div>
40+
41+
<div class="w3-col l3 m6 w3-grey w3-container w3-padding-16">
42+
<h3>Change</h3>
43+
<p>Fork and Clone this <a href="https://github.com/w3schools-test/w3schools-test.github.io" title="Guestbook Git Repository" target="_blank" class="w3-hover-text-green">GitHub repository</a>, to your local Git or GitHub account.</p>
44+
</div>
45+
46+
<div class="w3-col l3 m6 w3-dark-grey w3-container w3-padding-16">
47+
<h3>Collaborate</h3>
48+
<p>Add a message, following the guidelines from the <a href="https://github.com/w3schools-test/w3schools-test.github.io" title="Guestbook Git Repository" target="_blank" class="w3-hover-text-green">README.md</a>.</p>
49+
</div>
50+
51+
<div class="w3-col l3 m6 w3-black w3-container w3-padding-16">
52+
<h3>Contribute</h3>
53+
<p>Add a <a href="https://github.com/w3schools-test/w3schools-test.github.io/pulls" title="GitHub Pull Request" target="_blank" class="w3-hover-text-green">pull request</a>, and see if your change gets approved and added below!</p>
54+
</div>
55+
</div>
56+
57+
58+
<!-- Grid -->
59+
<div class="w3-row-padding" id="about">
60+
<div class="w3-center w3-padding-64">
61+
<span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Leave A Message</span>
62+
</div>
63+
64+
<!-- Insert your message below here -->
65+
66+
<!-- Example message -->
67+
<div class="w3-panel w3-leftbar w3-light-grey">
68+
<p class="w3-xlarge w3-serif"><i>"Make it as simple as possible, but not simpler."</i></p>
69+
<p>Albert Einstein</p>
70+
</div>
71+
72+
<!-- End user messages -->
73+
74+
</div>
75+
</div>
76+
77+
<!-- Footer -->
78+
79+
<footer class="w3-container w3-padding-32 w3-light-grey w3-center">
80+
<a href="#" class="w3-button w3-black w3-margin">To the top</a>
81+
<p>Note: </p>
82+
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
83+
</footer>
1484

1585
</body>
16-
</html>
86+
</html>

0 commit comments

Comments
 (0)