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.

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

Addie's Static Site #23

Open
wants to merge 24 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
cff2005
Set up initial file structure
add2point71dots Mar 17, 2017
9eab374
Wrote some nav links and added the file structure for those links
add2point71dots Mar 17, 2017
80b33c5
fixed some nav links!
add2point71dots Mar 17, 2017
cb22fc1
Added normalize.css and WIP on the nav
add2point71dots Mar 17, 2017
b8fc15f
got the nav spaced nicely
add2point71dots Mar 17, 2017
36b5737
changed the header again and added a background texture and fiddled w…
add2point71dots Mar 19, 2017
19303df
removed folder I didn't mean to commit
add2point71dots Mar 19, 2017
ef00e1c
copied basic layout to about blog and portfolio
add2point71dots Mar 19, 2017
ecee00d
Added fontawesome; still working on placement of icons
add2point71dots Mar 19, 2017
997b3bf
footer links aligned
add2point71dots Mar 19, 2017
b5073fc
Working on responsiveness
add2point71dots Mar 19, 2017
102b309
deleted background images I wasn't using
add2point71dots Mar 19, 2017
24e9c79
set pic for homepage
add2point71dots Mar 19, 2017
54246b9
changed nav and some spacing stuff for tablet view
add2point71dots Mar 19, 2017
42a880f
added text to the main page and fiddled with some margins and such
add2point71dots Mar 19, 2017
ff432a9
removed unnecessary section
add2point71dots Mar 19, 2017
c073e98
Got the about page set up (though I still need to add more text)
add2point71dots Mar 19, 2017
c22e8b8
Adding to portfolio site plus fiddling with margins and padding like …
add2point71dots Mar 20, 2017
a8e98c0
Filled in the portfolio page
add2point71dots Mar 20, 2017
cfff4e6
Added to the short about paragraph
add2point71dots Mar 20, 2017
678a0fb
filled in blogs with placeholder images and text
add2point71dots Mar 20, 2017
4124923
cleaning up some id/class naming
add2point71dots Mar 20, 2017
cd7a634
filled in all the individual blog pages with placeholders
add2point71dots Mar 20, 2017
b29b516
clean up formatting
add2point71dots Mar 20, 2017
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
71 changes: 71 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Addie Land - about</title>
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" media="only screen and (min-width: 501px) and (max-width: 800px)" href="styles/styles-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 50px) and (max-width: 500px)" href="styles/styles-small.css">
</head>
<body>
<header>
<h1 class="mobile-only"><a href="index.html">Addie Land - about</a></h1>
<nav class="clearfix">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li class="selected"><a href="about.html">about</a></li>
<li class="dropdown">
<a href="blog/index.html">blog</a>
<ul>
<li><a href="blog/blog1.html">blog entry 1</a></li>
<li><a href="blog/blog2.html">blog entry 2</a></li>
<li><a href="blog/blog3.html">blog entry 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="indent clearfix">
<section id="about-content">
<img class="col1of2" src="images/addie-square.jpg" alt="addie">
<article class="col2of2">
<h1 class="mobile-hidden">Addie Land - about</h1>
<hr class="mobile-hidden">
<p>
Addie was born and raised in Seattle and is very fond of her city's trees, mountains, and rain. She has spent many summers (and a few winters) working at the Pike Place Market for various artists. In 2010, she earned a bachelor's degree from The Evergreen State College with an emphasis in linguistics and mathematics.
</p>
<p>
She is very excited to begin her career as a software developer.
</p>
</article>
</section>
</main>
<footer class="indent">
<ul id="footer-links">
<li>
<a href="#">
<i class="fa fa-envelope-square fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/addie-land/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/add2point71dots" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/commonbirdclub/" target="_blank">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>
77 changes: 77 additions & 0 deletions blog/blog1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Addie Land - blog entry 1</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/styles.css">
<link rel="stylesheet" media="only screen and (min-width: 501px) and (max-width: 800px)" href="../styles/styles-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 50px) and (max-width: 500px)" href="../styles/styles-small.css">
</head>
<body>
<header>
<h1 class="mobile-only"><a href="index.html">Addie Land - blog</a></h1>
<nav class="clearfix">
<ul>
<li><a href="../index.html">home</a></li>
<li><a href="../portfolio.html">portfolio</a></li>
<li><a href="../about.html">about</a></li>
<li class="dropdown selected">
<a href="index.html">blog</a>
<ul>
<li><a href="blog1.html">blog entry 1</a></li>
<li><a href="blog2.html">blog entry 2</a></li>
<li><a href="blog3.html">blog entry 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="indent clearfix">
<section id="blog-entry-content" class="blurbs">
<h1><span class="mobile-hidden">Addie Land - </span><a href="index.html">blog</a> entry 1</h1>
<hr class="mobile-hidden">
<article>
<img src="https://placeimg.com/200/200/animals" alt="placeholder image">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi ipsum, laoreet ac ultrices in, auctor nec nunc. Cras nec sem accumsan, volutpat metus nec, vulputate libero. Nullam egestas magna in felis suscipit cursus. Vestibulum vitae dui vel nisi condimentum tincidunt ac a neque. Mauris eget nibh nunc. Aenean at lectus at massa varius auctor non nec velit. Sed pellentesque lacinia neque vitae finibus.
</p>
<p>
Praesent porttitor, sapien et lobortis imperdiet, diam mauris pretium eros, ac fringilla eros urna sit amet ante. Nam ut nibh ultricies, auctor justo varius, tincidunt arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer dignissim elementum pretium. Donec in ligula vitae erat tempus suscipit. Vestibulum in suscipit nisi. Proin accumsan mi eu diam porttitor pulvinar. Nam id pulvinar est. Morbi a sapien vestibulum, condimentum mauris vitae, suscipit nunc. Curabitur at tincidunt odio. Vestibulum ac enim ac leo cursus dignissim. Nullam auctor libero ut magna dictum, in vehicula neque condimentum. Nulla porta leo id lectus accumsan venenatis. Duis convallis enim sit amet viverra ultricies.
</p>
<p>
In placerat pulvinar massa in porta. Ut sit amet mattis odio. Phasellus sagittis tincidunt velit vel mattis. Cras eu dolor vestibulum, porttitor quam vel, lacinia nibh. Praesent nibh massa, volutpat id euismod eu, sodales ut arcu. Pellentesque vulputate nulla eget lacus varius, at tempor nibh scelerisque. Integer quis dui lobortis, porta turpis vel, lobortis ex. Aenean porttitor orci in ultricies ultricies. Quisque semper, ex sit amet vulputate rutrum, elit odio viverra tortor, sit amet porttitor metus mi eget orci. Nulla eget dolor in nulla ultricies aliquet et vel urna. Nam vitae nisl quis ante fringilla lacinia. Pellentesque vel metus scelerisque, suscipit orci a, aliquam lorem. Etiam nec nunc pulvinar, venenatis nunc ut, iaculis quam. Integer imperdiet nibh velit, in vestibulum sem facilisis id.
</p>
<p class="read-more">
<a href="index.html">back to all blog entries</a>
</p>
</article>
</section>
</main>
<footer class="indent">
<ul id="footer-links">
<li>
<a href="#">
<i class="fa fa-envelope-square fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/addie-land/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/add2point71dots" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/commonbirdclub/" target="_blank">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions blog/blog2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Addie Land - blog entry 2</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/styles.css">
<link rel="stylesheet" media="only screen and (min-width: 501px) and (max-width: 800px)" href="../styles/styles-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 50px) and (max-width: 500px)" href="../styles/styles-small.css">
</head>
<body>
<header>
<h1 class="mobile-only"><a href="index.html">Addie Land - blog</a></h1>
<nav class="clearfix">
<ul>
<li><a href="../index.html">home</a></li>
<li><a href="../portfolio.html">portfolio</a></li>
<li><a href="../about.html">about</a></li>
<li class="dropdown selected">
<a href="index.html">blog</a>
<ul>
<li><a href="blog1.html">blog entry 1</a></li>
<li><a href="blog2.html">blog entry 2</a></li>
<li><a href="blog3.html">blog entry 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="indent clearfix">
<section id="blog-entry-content" class="blurbs">
<h1><span class="mobile-hidden">Addie Land - </span><a href="index.html">blog</a> entry 2</h1>
<hr class="mobile-hidden">
<article>
<img src="https://placeimg.com/200/200/nature" alt="placeholder image">
<p>
Nullam malesuada, leo vitae fringilla efficitur, libero ex fringilla leo, quis cursus neque ligula quis metus. Maecenas blandit tristique mi sit amet congue. Donec non consequat tellus. Cras risus dui, dapibus sed magna sit amet, sodales lobortis ante. Donec rhoncus congue augue, eu pharetra sem. Sed blandit purus magna, et maximus metus gravida in. Etiam at lacus ornare, tristique mauris id, finibus nulla. Sed convallis lacinia pharetra. Aliquam vel mollis ligula, nec mattis urna. Aliquam interdum blandit sem imperdiet tristique. Duis non viverra ipsum, at consequat arcu. Duis eu dolor a leo pharetra dictum vel sed est. Mauris et augue tempor, finibus purus vehicula, bibendum elit. Integer mollis felis sed hendrerit tempus. In dui tortor, condimentum a viverra ullamcorper, sagittis ac mi.
</p>
<p>
In dignissim nisi ac erat facilisis tristique sed eget tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse viverra neque et libero tempus, id rhoncus lacus maximus. Aliquam efficitur aliquam massa nec congue. Etiam neque massa, rutrum consequat tempus ac, elementum gravida turpis. Etiam ac risus a ante gravida finibus. Suspendisse metus ligula, dictum eget finibus id, aliquam ut sapien. Phasellus id ipsum a magna ultrices vulputate.
</p>
<p class="read-more">
<a href="index.html">back to all blog entries</a>
</p>
</article>
</section>
</main>
<footer class="indent">
<ul id="footer-links">
<li>
<a href="#">
<i class="fa fa-envelope-square fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/addie-land/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/add2point71dots" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/commonbirdclub/" target="_blank">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>
77 changes: 77 additions & 0 deletions blog/blog3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Addie Land - blog entry 3</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/styles.css">
<link rel="stylesheet" media="only screen and (min-width: 501px) and (max-width: 800px)" href="../styles/styles-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 50px) and (max-width: 500px)" href="../styles/styles-small.css">
</head>
<body>
<header>
<h1 class="mobile-only"><a href="index.html">Addie Land - blog</a></h1>
<nav class="clearfix">
<ul>
<li><a href="../index.html">home</a></li>
<li><a href="../portfolio.html">portfolio</a></li>
<li><a href="../about.html">about</a></li>
<li class="dropdown selected">
<a href="index.html">blog</a>
<ul>
<li><a href="blog1.html">blog entry 1</a></li>
<li><a href="blog2.html">blog entry 2</a></li>
<li><a href="blog3.html">blog entry 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="indent clearfix">
<section id="blog-entry-content" class="blurbs">
<h1><span class="mobile-hidden">Addie Land - </span><a href="index.html">blog</a> entry 3</h1>
<hr class="mobile-hidden">
<article>
<img src="https://placeimg.com/200/200/arch" alt="placeholder image">
<p>
Vestibulum feugiat tincidunt sapien, et efficitur leo fringilla sagittis. Quisque tincidunt diam felis. Maecenas id urna eleifend, consequat mauris quis, fermentum eros. Nunc ante turpis, consequat at sodales a, tincidunt id mi. Cras ac erat eget tortor elementum pellentesque facilisis finibus lectus. Praesent aliquet tortor sed tincidunt tincidunt. Nam at purus nunc. Duis sed purus quam. Mauris congue sapien vitae finibus mollis. Phasellus viverra turpis vehicula lorem elementum, at pulvinar ipsum scelerisque.
</p>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur iaculis aliquam commodo. Sed vitae lectus sed ipsum dictum rhoncus. In eu nisi in eros consectetur molestie. Proin justo est, accumsan eget tincidunt quis, feugiat vel ante. Sed dictum mauris ut mi placerat, pharetra consequat diam euismod. Aenean pretium nunc eu tempus gravida. Aenean in turpis luctus, condimentum elit at, egestas sem. In ultrices ac nisl quis laoreet.
</p>
<p>
Fusce gravida facilisis mauris malesuada tincidunt. Ut in libero sit amet nulla maximus lobortis sed eget quam. Morbi vel varius ante. Sed tincidunt eros diam, condimentum tincidunt metus tincidunt vitae. Vestibulum suscipit, turpis porta interdum sagittis, ligula metus dignissim sapien, vitae consectetur ante nibh interdum mauris. Pellentesque nulla diam, ornare in turpis eget, tempus dignissim sem. Integer rhoncus nunc nec velit faucibus aliquam. Morbi accumsan nibh quis justo scelerisque aliquam.
</p>
<p class="read-more">
<a href="index.html">back to all blog entries</a>
</p>
</article>
</section>
</main>
<footer class="indent">
<ul id="footer-links">
<li>
<a href="#">
<i class="fa fa-envelope-square fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/addie-land/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/add2point71dots" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/commonbirdclub/" target="_blank">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>
92 changes: 92 additions & 0 deletions blog/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Addie Land - blog</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/styles.css">
<link rel="stylesheet" media="only screen and (min-width: 501px) and (max-width: 800px)" href="../styles/styles-medium.css">
<link rel="stylesheet" media="only screen and (min-width: 50px) and (max-width: 500px)" href="../styles/styles-small.css">
</head>
<body>
<header>
<h1 class="mobile-only"><a href="index.html">Addie Land - blog</a></h1>
<nav class="clearfix">
<ul>
<li><a href="../index.html">home</a></li>
<li><a href="../portfolio.html">portfolio</a></li>
<li><a href="../about.html">about</a></li>
<li class="dropdown selected">
<a href="index.html">blog</a>
<ul>
<li><a href="blog1.html">blog entry 1</a></li>
<li><a href="blog2.html">blog entry 2</a></li>
<li><a href="blog3.html">blog entry 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="indent clearfix">
<section id="blog-content" class="blurbs">
<h1 class="mobile-hidden">Addie Land - blog</h1>
<hr class="mobile-hidden">
<article>
<img src="https://placeimg.com/200/200/animals" alt="placeholder image">
<h3><a href="blog1.html">blog entry 1</a></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi ipsum, laoreet ac ultrices in, auctor nec nunc. Cras nec sem accumsan, volutpat metus nec, vulputate libero. Nullam egestas magna in felis suscipit cursus. Vestibulum vitae dui vel nisi condimentum tincidunt ac a neque. Mauris eget nibh nunc. Aenean at lectus at massa varius auctor non nec velit. Sed pellentesque lacinia neque vitae finibus.
</p>
<p class="read-more">
<a href="blog1.html">read more</a>
</p>
</article>
<article>
<img src="https://placeimg.com/200/200/nature" alt="placeholder image">
<h3><a href="blog2.html">blog entry 2</a></h3>
<p>
Nullam malesuada, leo vitae fringilla efficitur, libero ex fringilla leo, quis cursus neque ligula quis metus. Maecenas blandit tristique mi sit amet congue. Donec non consequat tellus. Cras risus dui, dapibus sed magna sit amet, sodales lobortis ante. Donec rhoncus congue augue, eu pharetra sem. Sed blandit purus magna, et maximus metus gravida in. Etiam at lacus ornare, tristique mauris id, finibus nulla. Sed convallis lacinia pharetra. Aliquam vel mollis ligula, nec mattis urna. Aliquam interdum blandit sem imperdiet tristique. Duis non viverra ipsum, at consequat arcu. Duis eu dolor a leo pharetra dictum vel sed est. Mauris et augue tempor, finibus purus vehicula, bibendum elit. Integer mollis felis sed hendrerit tempus. In dui tortor, condimentum a viverra ullamcorper, sagittis ac mi.
</p>
<p class="read-more">
<a href="blog2.html">read more</a>
</p>
</article>
<article>
<img src="https://placeimg.com/200/200/arch" alt="placeholder image">
<h3><a href="blog3.html">blog entry 3</a></h3>
<p>
Vestibulum feugiat tincidunt sapien, et efficitur leo fringilla sagittis. Quisque tincidunt diam felis. Maecenas id urna eleifend, consequat mauris quis, fermentum eros. Nunc ante turpis, consequat at sodales a, tincidunt id mi. Cras ac erat eget tortor elementum pellentesque facilisis finibus lectus. Praesent aliquet tortor sed tincidunt tincidunt. Nam at purus nunc. Duis sed purus quam. Mauris congue sapien vitae finibus mollis. Phasellus viverra turpis vehicula lorem elementum, at pulvinar ipsum scelerisque.
</p>
<p class="read-more">
<a href="blog3.html">read more</a>
</p>
</article>
</section>
</main>
<footer class="indent">
<ul id="footer-links">
<li>
<a href="#">
<i class="fa fa-envelope-square fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/addie-land/" target="_blank">
<i class="fa fa-linkedin fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/add2point71dots" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/commonbirdclub/" target="_blank">
<i class="fa fa-instagram fa-2x"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>
Binary file added images/addie-grey.png
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/addie-square.jpg
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/addieandtaiyo.jpg
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/bank-accounts.jpg
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/flyingcatcreations.jpg
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/fresh-snow.png
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/inflicted.png
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/ride-share.jpg
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/scrabble.jpg
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/solar-system.jpg
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/word-guess.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading