Skip to content

Aurora Anderson MeowSpace #36

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

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

Aurora Anderson MeowSpace #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
bbea36d
added normalize css file
auroralemieux Mar 15, 2017
90f6217
styling to look like wireframe: images still wonky and no backgrounds…
auroralemieux Mar 15, 2017
d68511a
fixed image thing, working on margins and background images and footer
auroralemieux Mar 15, 2017
8f4b576
background images showing but wrong size, some alignment issues
auroralemieux Mar 15, 2017
ba8fbee
tweaking spacing of join the club section
auroralemieux Mar 16, 2017
46b4ecc
fixed one spacing issue with club, other details WIP
auroralemieux Mar 16, 2017
7ff7d9d
working on buttons for articles
auroralemieux Mar 16, 2017
106e84f
added fixed footer, increased left margin for articles section
auroralemieux Mar 16, 2017
a931476
added parallax scrolling to background images
auroralemieux Mar 16, 2017
5e232b2
added h1 fadein on page load
auroralemieux Mar 16, 2017
d9a4d42
added css and html file for post page and initial cat ipsum content w…
auroralemieux Mar 16, 2017
41afd70
implemented formatting in additional post page and added pics links
auroralemieux Mar 16, 2017
b7dc610
removed commented out css declarations
auroralemieux Mar 17, 2017
b2164e9
fixed link to normalize in second css file, fixed positioning of foot…
auroralemieux Mar 17, 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
54 changes: 30 additions & 24 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,16 @@

<head>
<meta charset="UTF-8">
<title>Meowspace</title>
<title>MeowSpace</title>
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/main.css">
</head>

<body>
<header>
<h2><a href="index.html"> Meowspace </a></h2>
<h2><a href="index.html"> MeowSpace </a></h2>

<nav>
<nav class="header">
<ul>
<li><a href="#login"> Login </a></li>
<li><a href="#signup"> Signup </a> </li>
Expand All @@ -19,19 +21,17 @@ <h2><a href="index.html"> Meowspace </a></h2>
</header>

<main>
<section>
<h1> Meowspace </h1>
<section class="top-banner">
<h1> MeowSpace </h1>
</section>

<section>
<h2> Popular Posts </h2>

<h2> Popular Posts </h2>
<section class="posts">
<article>
<h3> Steal the Warm Chair </h3>
<p>
Hide when guests come over if it smells like fish eat as much as you wish. Meow. Scream at teh bath mewl for food at 4am for eat all the power cords and the dog smells bad and steal the warm chair right after you get up.
</p>
<p><a href="#post1"> Learn More </a></p>
<p><a href="posts/steal_the_warm_chair.html"> Learn More </a></p>
</article>


Expand Down Expand Up @@ -69,24 +69,30 @@ <h3> Defense against the Dark Arts </h3>

</section>

<section>
<h2> Join the Club </h2>
<p>
Cats go for world domination chase red laser dot. Flop over. Play riveting piece on synthesizer keyboard poop in the plant pot for shove bum in owner's face like camera lens. With tail in the air i could pee on this if i had the energy hola te quiero yet claw drapes mewl for food at 4am.
</p>
<img alt="Cat playing with mouse on chair" src="assets/join_club.jpg">
<section class="join-club">
<section class="join-text">
<h2> Join the Club </h2>
<p class="join-club-p">
Cats go for world domination chase red laser dot. Flop over. Play riveting piece on synthesizer keyboard poop in the plant pot for shove bum in owner's face like camera lens. With tail in the air i could pee on this if i had the energy hola te quiero yet claw drapes mewl for food at 4am.
</p>
</section>
<img id="join-club-pic" alt="Cat playing with mouse on chair" src="assets/join_club.jpg">
</section>

<section>
<h2> Everybody wants to be a cat! </h2>
</section>
<aside>
<section class="everybody-cat">
<h2> Everybody wants to be a cat! </h2>
</section>
</aside>
</main>
<footer>
<h4> &copy; 2016 </h4>
<p id="disclaimer">
Meowspace is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.
</p>
<nav>
<section class="disclaimer-section">
<h4> &copy; 2016 </h4>
<p id="disclaimer">
Meowspace is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.
</p>
</section>
<nav class="footer">
<ul>
<li><a href="#about"> About </a></li>
<li><a href="#contact"> Contact </a> </li>
Expand Down
93 changes: 93 additions & 0 deletions posts/steal_the_warm_chair.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>MeowSpace</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/post.css">
</head>

<body>
<header>
<h2><a href="../index.html"> MeowSpace </a></h2>

<nav class="header">
<ul>
<li><a href="#login"> Login </a></li>
<li><a href="#signup"> Signup </a> </li>
</ul>
</nav>
</header>

<main>
<section class="top-banner">
<h1> MeowSpace </h1>
</section>
<h2 class="post-name"> Steal The Warm Chair </h2>
<article>
<section class="post-text">
<p class="article-text">
Hide when guests come over if it smells like fish eat as much as you wish. Meow. Scream at teh bath mewl for food at 4am for eat all the power cords and the dog smells bad and steal the warm chair right after you get up.
</p>
<p class="article-text">
Ignore the squirrels, you'll never catch them anyway meowzer! jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water poop in the plant pot pooping rainbow while flying in a toasted bread costume in space tuxedo cats always looking dapper.
</p>
<p class="article-text">
Give attitude ears back wide eyed, eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap sleep in the bathroom sink stick butt in face, kitty power! and scratch the box.
</p>
<p class="article-text">
Lie on your belly and purr when you are asleep. Ignore the squirrels, you'll never catch them anyway favor packaging over toy, hide head under blanket so no one can see. Paw at beetle and eat it before it gets away knock dish off table head butt cant eat out of my own dish cough furball so put toy mouse in food bowl run out of litter box at full speed . Chase laser gnaw the corn cob chase the pig around the house chase mice, and chew on cable or refuse to drink water except out of someone's glass yet thug cat .
</p>
<p class="article-text">
Scream for no reason at 4 am. Claws in your leg chase ball of string. Drink water out of the faucet leave dead animals as gifts, for kitty scratches couch bad kitty and chase red laser dot or missing until dinner time, make meme, make cute face.</p>
<p class="article-text">
Jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water burrow under covers.
</p>
<p class="article-text">
Spill litter box, scratch at owner, destroy all furniture, especially couch my left donut is missing, as is my right leave hair everywhere steal the warm chair right after you get up.
</p>
</section>
<section class="images">
<section class="image-plus-caption">
<img class="article-image" src="https://images.pexels.com/photos/113766/pexels-photo-113766.jpeg?h=350&auto=compress&cs=tinysrgb" alt="cat pic"/>
<p class="caption">
Lounging in the sun.
</p>
</section>
<section class="image-plus-caption">
<img class="article-image" src="https://images.pexels.com/photos/127028/pexels-photo-127028.jpeg?h=350&auto=compress&cs=tinysrgb" alt="cat pic"/>
<p class="caption">
Bossing the humans around.
</p>
</section>
<section class="image-plus-caption">
<img class="article-image" src="https://images.pexels.com/photos/86243/pexels-photo-86243.jpeg?h=350&auto=compress&cs=tinysrgb" alt="cat pic"/>
<p class="caption">
Hairing up the place.
</p>
</section>
</section>
</article>
<section class="return-to-home">
<p>
<a href="../index.html"> Return Home </a>
</p>
</section>
</main>
<footer>
<section class="disclaimer-section">
<h4> &copy; 2016 </h4>
<p id="disclaimer">
Meowspace is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.
</p>
</section>
<nav class="footer">
<ul>
<li><a href="#about"> About </a></li>
<li><a href="#contact"> Contact </a> </li>
</ul>
</nav>
</footer>
</body>
</html>
Loading