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

Queues - Kayla Kubicke - Static-Site #47

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

Queues - Kayla Kubicke - Static-Site #47

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
ed6ab80
Initial HTML and CSS filesare set up.
Mar 18, 2017
9aa39d8
Fixed overall layout so it would be easy to update and look uniform a…
Mar 19, 2017
7c46c26
Style work is finished.
Mar 19, 2017
74378b1
Cleaned styles.css for readability.
Mar 19, 2017
b7260bd
Fixed HTML in one document.
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
37 changes: 37 additions & 0 deletions 1blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About</title>
<link rel="stylesheet" href="normailize.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h2><a href="index.html">Moon Pastry</a></h2>
<ul>
<li><a href="hobby-blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div class="content">
Copy link

Choose a reason for hiding this comment

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

This <div> is unnecessary. Give the class and styling to <main> instead.
Adding <div>s should always be a last resort when no other element can do the job. In this case, the <main> element is doing the job!

<main>
<h1>Programming Blog</h1>
<!-- <p></p> -->
Copy link

Choose a reason for hiding this comment

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

Always remove unnecessary comments (especially comments that only serve to comment out code) before submitting a PR.


<section class="blog-post">
Copy link

Choose a reason for hiding this comment

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

I would use <article> here instead of <section> as it's more semantically relevant to the content.

<h3>The Firsts Month and a Half: A Reflection</h3>
Copy link

Choose a reason for hiding this comment

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

Typo: "Firsts" should be "First"

<p>Resting has become a serious endeavor for me; as an Ada student one must be very diligent about how one rests. Without rest I cannot function properly and I cannot retain any new information; I have learned this the hard way. Computer programming is different than other forms of work I’ve participated in, specifically, it’s quite different than my experience in classic academic endeavors.</p>
<p>Programming requires one to hold several moving structures in your mind and watch them interact. Similar to a mobile above a baby’s crib if one pushes on one side, the opposing side will pop up and all of the artifacts dangling by a string are at the mercy of the movement. This could be exactly what one wants or could cause a disaster. Beyond the theoretical structures that exist, one must be aware of how the code that builds those structures is written. Lastly, one must have an idea of coding tools available and must be able to weave the code one would like to execute into the existing code. When I get stuck or break my code it feels as if I’ve forgotten everything I’ve ever learned. If you’re coding alone, you could be at a standstill for hours, unable to figure out the problem. This has been my biggest challenge at Ada so far as I take a lot of pride in being able to figure out things by myself but after much frustration I’ve learned I have to ask for help.</p>
<p>
As I was diligently relaxing, I found the album Space Museum by Solid Space. Delightfully eerie and atmospheric… “The Guests” stands out to me. The contrast between the lighter, sweeter beats and dark, bitter beats is quite lovely. “A Darkness in my Soul” feels ephemeral, as if the song was being echoed through a room by a moody ghost. Overall, the album has earned a spot in my future vinyl collection. Only $187 on eBay… Yikes.</p>
</section>

</main>
</div>
<footer>
<h4>&copy; 2017</h4>
</footer>
</body>
</html>
51 changes: 51 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About</title>
<link rel="stylesheet" href="normailize.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h2><a href="index.html">Moon Pastry</a></h2>
<ul>
<li><a href="hobby-blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div class="content">
Copy link

Choose a reason for hiding this comment

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

Same notes about this <div> as the one for 1blog.html.

<main>
<h1>About</h1>
<!-- <p></p> -->
Copy link

Choose a reason for hiding this comment

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

Remove unused, commented-out code


<section class="about">
<h3>Kayla</h3>
<p>Although she is hard to define, we can start with this list.
</p>
<ol>
<li>Quotes
<a href="http://www.adultswim.com/videos/rick-and-morty/" class="secretlinks">Rick and Morty.</a>
</li>
<li>Enjoys long walks in
<a href="https://www.nps.gov/klgo/learn/historyculture/cemeteries.htm" class="secretlinks"> graveyards.</a>
</li>
<li>Hates small talk, but loves big talk.</li>
<li>Watches
<a href="https://archive.org/details/SciFi_Horror" class="secretlinks"> terrible sci-fi</a> and
<a href="https://www.reddit.com/r/Documentaries/" class="secretlinks"> documentaries</a> voraciously.
</li>
<li>Very curious, experimental, and sometimes breaks things.</li>
</ol>
<!-- <p><a href="index.html">Learn More</a></p> -->
Copy link

Choose a reason for hiding this comment

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

Remove unused, commented-out code

</section>

</main>
</div>
<footer>
<h4>&copy; 2017</h4>
</footer>
</body>
</html>
65 changes: 65 additions & 0 deletions hobby-blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blog</title>
<link rel="stylesheet" href="normailize.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h2><a href="index.html">Moon Pastry</a></h2>
<ul>
<li><a href="hobby-blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div class="content">
<main>
<h1>Programming Blog</h1>
<!-- <p></p> -->

<section>
<h3>The Firsts Month and a Half: A Reflection</h3>
<p>Resting has become a serious endeavor for me; as an Ada student one must be very diligent about how one rests. Without rest I cannot function properly and I cannot retain any new information; I have learned this the hard way. Computer programming is different than other forms of work I’ve participated in, specifically, it’s quite different than my experience in classic academic endeavors.</p>

<p><a href="1blog.html" class="learnmore">Continue Reading...</a></p>
Copy link

Choose a reason for hiding this comment

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

<a> links don't need to be inside <p> tags.

</section>

<section>
<h3>Moon Pastry</h3>
<p>2. Meditation gastropub readymade street art gochujang. Yuccie tbh man braid etsy, mumblecore whatever cliche fingerstache sustainable +1 jean shorts. Four dollar toast hashtag fam, plaid food truck neutra VHS tbh meh. Edison bulb banjo jianbing post-ironic, beard microdosing bitters chillwave scenester irony fashion axe small batch. Snackwave bitters fashion axe, cardigan kinfolk prism hammock quinoa flannel bicycle rights cornhole narwhal fap. Scenester shoreditch cray bitters street art, chicharrones pinterest. Bicycle rights sriracha subway tile quinoa.
</p>
<p><a href="index.html" class="learnmore">Continue Reading...</a></p>
</section>

<section>
<h3>Moon Pastry</h3>
<p>3. Pug VHS gochujang, venmo fam biodiesel ethical. Cray pork belly raclette, flannel fanny pack pitchfork cronut migas selvage deep v literally humblebrag. Yr before they sold out mlkshk, salvia tumblr pork belly lumbersexual. Hell of flannel direct trade viral lo-fi synth vaporware. Banjo salvia blue bottle, vaporware art party DIY copper mug. Venmo asymmetrical selfies, taxidermy hashtag green juice brooklyn. Readymade tacos pour-over, vexillologist air plant cliche hoodie gluten-free whatever.
</p>
<p><a href="index.html" class="learnmore">Continue Reading...</a></p>
</section>

<section>
<h3>Moon Pastry</h3>
<p>4. Tote bag ethical helvetica occupy vaporware PBR&B. Cred blue bottle pitchfork farm-to-table, messenger bag mlkshk pug hexagon retro jean shorts flannel chambray kinfolk small batch green juice. Beard viral knausgaard blog raclette, 3 wolf moon activated charcoal drinking vinegar roof party microdosing selfies glossier gastropub squid. Lomo gochujang franzen occupy VHS. 8-bit humblebrag banjo master cleanse hot chicken, meh seitan. Waistcoat succulents pabst gluten-free. Beard cold-pressed hoodie raw denim.
</p>
<p><a href="index.html" class="learnmore">Continue Reading...</a></p>
</section>

<section>
<h3>Moon Pastry</h3>
<p>5. Tote bag ethical helvetica occupy vaporware PBR&B. Cred blue bottle pitchfork farm-to-table, messenger bag mlkshk pug hexagon retro jean shorts flannel chambray kinfolk small batch green juice. Beard viral knausgaard blog raclette, 3 wolf moon activated charcoal drinking vinegar roof party microdosing selfies glossier gastropub squid. Lomo gochujang franzen occupy VHS. 8-bit humblebrag banjo master cleanse hot chicken, meh seitan. Waistcoat succulents pabst gluten-free. Beard cold-pressed hoodie raw denim.
</p>
<p><a href="index.html" class="learnmore">Continue Reading...</a></p>
</section>

</main>
</div>
<footer>
<h4>&copy; 2017</h4>
</footer>
</body>
</html>
31 changes: 31 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Moon Pastry</title>
<link rel="stylesheet" href="normailize.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h2><a href="index.html">Moon Pastry</a></h2>
<ul>
<li><a href="hobby-blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div class="content">
<main>
<h1>Kayla</h1>
<p class="opening"> Introvert and Question Asker</p>
<p class="opening">Former Social and Cognitive Psychology Undergraduate Researcher</p>
<p class="opening">Current Cohort 7 Student at Ada Developers Academy</p>
</main>
</div>
<footer>
<h4>&copy; 2017</h4>
</footer>
</body>
</html>
Loading