Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Stef -- Carets #24

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Stef -- Carets #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
4be3ed4
Base complete.
SesameSeeds Sep 17, 2017
1b68635
Photo added to images, font import complete.
SesameSeeds Sep 18, 2017
25a5013
Background locked and loaded.
SesameSeeds Sep 18, 2017
1146a16
Links working for pages, as well as, outside links for social media/c…
SesameSeeds Sep 18, 2017
03f716c
Footer complete.
SesameSeeds Sep 18, 2017
ece53c6
Nav bar as complete as I can get it.
SesameSeeds Sep 18, 2017
26f5523
Clean up code and working links for Portfolio and Blog. Contact links…
SesameSeeds Sep 18, 2017
cae57c0
Contact links complete. Clean up to commence.
SesameSeeds Sep 18, 2017
2c79a09
Very base requirements complete. Will add more when time allows.
SesameSeeds Sep 18, 2017
dedee1a
Active page colouring added to nav bar. Minimum complete, finalizing …
SesameSeeds Sep 18, 2017
08cd33d
Update index.html
SesameSeeds Jan 2, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/normalize.main.css">
<title>About</title>
</head>

<!-- Navigation Station and Contact/Social Media Links -->
<div class="navbar">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

HTML content should be in the body section.

Also instead of using a div element consider using a header element here, it provides more semantic meaning to the content.

Good use of an unordered list for the menu.

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a class="active" href="about.html">About</a></li>
<li style="float:right"><a href="https://twitter.com/SesamesSeeds">Twitter</a></li>
<li style="float:right"><a href="mailto:[email protected]">E-Mail</a></li>
</ul>
</nav>
</div>

<!-- Background -->
<body background="./images/cat.jpg">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

instead of using the background attribute for the background image, use CSS. This is old-style HTML.


<!-- Content -->
<header>
<h2>About Me - Work in Progress</h2>
<p>My name is Stefanie (I surmised you've figured this out already), but I tend to go by Stef preferably and never Steffie or however you spell it. I hate talking about myself in the third person because I find it to be ridiculous. Thus you get this version. Currently I am a software development student at Ada Developers Academy in Seattle. I live downtown in an eclectic apartment that has a great view of the sound, with my cat Hedwig, my bettas Miso and Swedish, and a lot of plants. My free time is generally spent trying to complete homework and eating. My favourite colour is green and I have a billion other hobbies that I shall talk about some other time.</p>
</header>
</body>

<!-- Footer -->
<footer>
<div class="footer">
<p id="copyright">
&copy; 2017 - Stefanie Gunderson, keeping it simple.
</p>
</div>

</html>
44 changes: 44 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/normalize.main.css">
<title>Blog</title>
</head>

<!-- Navigation Station and Contact/Social Media Links -->
<div class="navbar">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li style="float:right"><a href="https://twitter.com/SesamesSeeds">Twitter</a></li>
<li style="float:right"><a href="mailto:[email protected]">E-Mail</a></li>
</ul>
</nav>
</div>

<!-- Background -->
<body background="./images/cat.jpg">

<!-- Content -->
<header>
<h2>Thoughts, musings, and ruminations.</h2>
</header>
<p>An eventual blog.</p>
<p>If you're really bored, feel free to check out my tumblr blog by clicking the link below.</p>
<a href="http://lechatdesneiges.tumblr.com/"><p>TumbleBlog</p></a>

</body>

<!-- Footer -->
<footer>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Similarly this should be inside the body.

<div class="footer">
<p id="copyright">
&copy; 2017 - Stefanie Gunderson, keeping it simple.
</p>
</div>
</html>
Binary file added images/cat.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/git.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/gmail.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/twitter.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 43 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/normalize.main.css">
<title>Home</title>
</head>

<!-- Navigation Station and Contact/Social Media Links -->
<div class="navbar">
<nav>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li style="float:right"><a href="mailto:[email protected]">E-Mail</a></li>
</ul>
</nav>
</div>

<!-- Background -->
<body background="./images/cat.jpg">

<!-- Content -->
<header>
<h1>Stefanie Gunderson</h1>
</header>
<p>Software Development Student</p>
<p>Not a potato.</p>

</body>

<!-- Footer -->
<footer>
<div class="footer">
<p id="copyright">
&copy; 2017 - Stefanie Gunderson, keeping it simple.
</p>
</div>

</html>
43 changes: 43 additions & 0 deletions portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/normalize.main.css">
<title>Portfolio</title>
</head>

<!-- Navigation Station and Contact/Social Media Links -->
<div class="navbar">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a class="active" href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li style="float:right"><a href="https://twitter.com/SesamesSeeds">Twitter</a></li>
<li style="float:right"><a href="mailto:[email protected]">E-Mail</a></li>
</ul>
</nav>
</div>

<!-- Background -->
<body background="./images/cat.jpg">

<!-- Content -->

<header>
<h2>Portfolio</h2>
</header>
<a href="https://github.com/SesameSeeds"><p>Click here to learn more!</p></a>
</body>

<!-- Footer -->
<footer>
<div class="footer">
<p id="copyright">
&copy; 2017 - Stefanie Gunderson, keeping it simple.
</p>
</div>

</html>
83 changes: 83 additions & 0 deletions styles/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
/* Font */
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
* {
font-family: 'Amatic SC', cursive;
}

/* Background */
body {
background-image: url(../images/cat.jpg) no-repeat fixed center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}

/* Styling for content */
h1 {
font-size: 75px;
text-align: center;
color: white;
text-shadow: 4px 4px 4px grey;

}

h2 {
font-size: 50px;
text-align: center;
color: white;
text-shadow: 4px 4px 4px grey;

}

p {
font-size: 25px;
text-align: center;
color: white;
}

/* Navbar */
.navbar {
font-size: 20px;
color: white;
}

.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
position: fixed;
top: 0;
width: 100%;
}
.navbar li {
float: left;
}

.navbar a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.navbar a:hover {
background-color: grey;
}

.active {
background-color: #4CAF50;
}

/* Footer */
.footer #copyright {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: .10rem;
text-align: center;
font-size: 18px;
}
Loading