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

Ampers C9 Mariko A. #42

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

Ampers C9 Mariko A. #42

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0e50596
HTML outline for site, all code passing html checker. css file linked.
marikoja Mar 16, 2018
a76f295
more framework and a bitmoji
marikoja Mar 16, 2018
89550bb
home and portfolio page maped and designed despite looking like 1995 …
marikoja Mar 19, 2018
39246af
SUPER bland but clickable, added mock blogs and code journals, no frills
marikoja Mar 19, 2018
49f865a
all files realted to project
marikoja Mar 19, 2018
8fc2160
font change
marikoja Mar 19, 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
Binary file added images/GitHub-Logo.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/LinkedIn_Logo.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/bitmoji.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/email.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-bird.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.
71 changes: 71 additions & 0 deletions pages/blog1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Journal</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico|Poiret+One" rel="stylesheet">
</head>
<body>
<header class="header">
<h1>Mariko Anderson</h1>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<div class="blog-page-container">
<section class="top-container">
<h1>Blog</h1>
<h4>Hey, sounds like a good title for a horror movie! By "we", you mean me. And I don't have the time. There's too much to do around here. Besides, where would we keep the thing? Just eat your S'Mores and keep quiet, Mikey. Leo's got a point, oh, just the regular stuff: flies, stink bugs... It was a joke.</h4>
</section>
<aside class="blog-nav">
<ul>
<li><a href="blog2.html">Blog Two</a></li>
<li><a href="blog3.html">Blog Three</a></li>
<li><a href="blog4.html">Blog Four</a></li>

</ul>
</aside>
<section class="blog-container">
<h2>Blog One</h2>
<h4>date</h4>
<p>And, even if the Shredder is still out there, no matter what he throws at us, no matter how he messes with our lives, nothing he does will change the most important thing: that we are family, I am the Green Vengeance.</p>
<p>Why are you wearing boxer shorts? About 512, Sensai, hey, hey, Sean, I know we're short. But not *that* short, the ooze that mutated us came from the TCRI building, right? And, why did the TCRI building even exist? Because the Utroms were trying to build their Transmat so they could go home. And why did the Utroms need to go home?</p>
<p>If we don't come back in two-and-a-half days, we're turtle soup, of the teenage mutant ninja variety, sleezball! Yeah, they dress funny too! I loOove being a turtle! COWABUNG... AHHHHHHHHHH! NOT FUNNY RAPH! First, we must observe the ancient ritual of the, uh, uh... traditional pre-fight donut. Goodbye, dented manhole cover. Goodbye, home sweet home.</p>
<p>Dude, are you kidding? We could find a place. Just think of overhauling the wheels. Please? Please please please please? Did I mention you're my favorite turtle? Cowabunga! I feel a flashback coming on... *bliiing!* See, yep. I told ya! We could find a place. Just think of overhauling the wheels. Please? Please please please please? Did I mention you're my favorite turtle</p>
<p>The ooze that mutated us came from the TCRI building, right? And, why did the TCRI building even exist? Because the Utroms were trying to build their Transmat so they could go home. And why did the Utroms need to go home? Listen, Raph, about what I said before. You know, about not needing you and all, Turtle Cave? That is so lame, I tried to get out of the way but then the building jumped out and attacked me.</p>
</section>
</div>

<footer class="footer">
<h3>Contact Me</h3>
<ul>
<li>
<a href="https://github.com/">GitHub</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://www.linkedin.com/">LinkedIn</a>
</li>
<li>
<a href="https://twitter.com/">twitter</a>
</li>
</ul>
</footer>
</body>
</html>
72 changes: 72 additions & 0 deletions pages/blog2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Journal</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico|Poiret+One" rel="stylesheet">
</head>
<body>
<header class="header">
<h1>Mariko Anderson</h1>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<div class="blog-page-container">
<section class="top-container">
<h1>Blog</h1>
<h4>Hey, sounds like a good title for a horror movie! By "we", you mean me. And I don't have the time. There's too much to do around here. Besides, where would we keep the thing? Just eat your S'Mores and keep quiet, Mikey. Leo's got a point, oh, just the regular stuff: flies, stink bugs... It was a joke.</h4>
</section>
<aside class="blog-nav">
<ul>
<li><a href="blog1.html">Blog One</a></li>
<li><a href="blog3.html">Blog Three</a></li>
<li><a href="blog4.html">Blog Four</a></li>

</ul>
</aside>
<section class="blog-container">
<h2>Blog Two</h2>
<h4>date</h4>
<p>Geez, Master Splinter, now you're backseat Ninja-ing me too, whoa! Gosh, it's kind of like Moonlighting. Isn't it? He's wrong. We're not wearing costumes, I dunno. I went into the kitchen for some popcorn, who's da turtle? That hole is our way home. Let's go.</p>
<p>Bingo. Yeah, we're dealing with a real mind here, turtles fight with honor, by "we", you mean me. And I don't have the time. There's too much to do around here. Besides, where would we keep the thing? Ha ha ha. Leo, that was off the charts on the Sap- O Meter. You been watching way too many after school specials, bro.</p>
<p>You know, that was almost too easy, we're really hip, hey Krang, bring that statue back, you bloated bean bag, what do we have to do to stop this guy? Well, guess this is it, well, allow me to explain: As you all may recall, we got mutated by that strange ooze when we were only babies.</p>
<p>Don't have a cow, man, help I'm a turtle and I can't get up, sorry about the crack about the bad vibes. You've got *great* vibes, yeah, Larry, Curly, and Moe.</p>
<p>That hole is our way home. Let's go, my legs hurt. My arms hurt. My spots hurt. Even my bandana hurts. Oh yeah, Mr. Spiky-Pants? Well, you're the one who should be saying farewell to... Uh... To yourself.</p>

</section>
</div>

<footer class="footer">
<h3>Contact Me</h3>
<ul>
<li>
<a href="https://github.com/">GitHub</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://www.linkedin.com/">LinkedIn</a>
</li>
<li>
<a href="https://twitter.com/">twitter</a>
</li>
</ul>
</footer>
</body>
</html>
70 changes: 70 additions & 0 deletions pages/blog3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Journal</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico|Poiret+One" rel="stylesheet">
</head>
<body>
<header class="header">
<h1>Mariko Anderson</h1>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<div class="blog-page-container">
<section class="top-container">
<h1>Blog</h1>
<h4>Hey, sounds like a good title for a horror movie! By "we", you mean me. And I don't have the time. There's too much to do around here. Besides, where would we keep the thing? Just eat your S'Mores and keep quiet, Mikey. Leo's got a point, oh, just the regular stuff: flies, stink bugs... It was a joke.</h4>
</section>
<aside class="blog-nav">
<ul>
<li><a href="blog1.html">Blog One</a></li>
<li><a href="blog2.html">Blog Two</a></li>
<li><a href="blog4.html">Blog Four</a></li>

</ul>
</aside>
<section class="blog-container">
<h2>Blog Three</h2>
<h4>date</h4>
<p>Yep, it's finally happened. The dude has flipped his shell, you know, you talk way too much for a living statue, ugh. Where do they come up with this stuff? Ah! Forgot the sun screen.</p>
<p>An idiot with an ego problem, the Nightwatcher had skills, that's for sure. But seriously, he was working alone and there were so many enemies against him. How long can a lone wolf last? . Hey didn't we see these guys on Wrestlemania?</p>
<p>Well, allow me to explain: As you all may recall, we got mutated by that strange ooze when we were only babies. There you are. I've got your pizza, are you hungry? Yep, it's finally happened. The dude has flipped his shell, what do we have to do to stop this guy?</p>
<p>He's wrong. We're not wearing costumes, OK, so my Japanese is a little rusty. Uh, Suzuki, Kawasaki... Uhhh I left my wallet in my other shell? About 512, Sensai, I tried to get out of the way but then the building jumped out and attacked me. What do we have to do to stop this guy?</p>
</section>
</div>

<footer class="footer">
<h3>Contact Me</h3>
<ul>
<li>
<a href="https://github.com/">GitHub</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://www.linkedin.com/">LinkedIn</a>
</li>
<li>
<a href="https://twitter.com/">twitter</a>
</li>
</ul>
</footer>
</body>
</html>
70 changes: 70 additions & 0 deletions pages/blog4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Journal</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/blog.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico|Poiret+One" rel="stylesheet">
</head>
<body>
<header class="header">
<h1>Mariko Anderson</h1>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="code-journal.html">Code Journal</a>
</li>
</ul>
</nav>
</header>

<div class="blog-page-container">
<section class="top-container">
<h1>Blog</h1>
<h4>Hey, sounds like a good title for a horror movie! By "we", you mean me. And I don't have the time. There's too much to do around here. Besides, where would we keep the thing? Just eat your S'Mores and keep quiet, Mikey. Leo's got a point, oh, just the regular stuff: flies, stink bugs... It was a joke.</h4>
</section>
<aside class="blog-nav">
<ul>
<li><a href="blog1.html">Blog One</a></li>
<li><a href="blog2.html">Blog Two</a></li>
<li><a href="blog3.html">Blog Three</a></li>

</ul>
</aside>
<section class="blog-container">
<h2>Blog Four</h2>
<h4>date</h4>
<p>Gonna miss ya, kid, "I need more power captain". The Turtle Cave must be set to maximum entertainment potential, what's the matter, dude? Haven't you seen four foot tall turtles before? Um, not to criticize science or anything, but wouldn't it be easier just to call it 'the pink one'?</p>
<p>Mellow out, BUGS! Boy, do I hate spinach, continuing aeration. What do we have to do to stop this guy? Pizza power! I feel a flashback coming on... *bliiing!* See, yep. I told ya!</p>
<p>Whuh-oh! It's that retro-muto-thingamabob! The School for Gifted Reptiles? I'm warning you Can Face, I've got a blackbelt in black eyes! Sorry about the crack about the bad vibes. You've got *great* vibes. A true Ninja is a master of himself and his environment, so don't forget: We're turtles!</p>
<p>We're turtles, friend! Uh, o-hi-o, wasabi, it's like the Island of Crete, which had a labyrinth and a Menator and... Well, gang, looks like it's back to the ol' pet shop for us! . No, because an evil prisoner they were transporting across the galaxy sabotaged their starship, causing them to crash land on Earth centuries ago. And they've been trapped here ever since. And who was this evil prisoner that caused the Utroms so much trouble? He was in fact... Drumroll please</p>
</section>
</div>

<footer class="footer">
<h3>Contact Me</h3>
<ul>
<li>
<a href="https://github.com/">GitHub</a>
</li>
<li>
<a href="mailto:[email protected]">email</a>
</li>
<li>
<a href="https://www.linkedin.com/">LinkedIn</a>
</li>
<li>
<a href="https://twitter.com/">twitter</a>
</li>
</ul>
</footer>
</body>
</html>
73 changes: 73 additions & 0 deletions pages/code-journal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Journal</title>
<link rel="stylesheet" href="../styles/normalize.css">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/code-journal.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico|Poiret+One" rel="stylesheet">
</head>
<body>
<div class="code-journal-page-container">
<header class="header">
<h1>Mariko Anderson</h1>
<nav>
<ul>
<li>
<a class="hover" href="index.html">Home</a>
</li>
<li>
<a class="hover" href="portfolio.html">Portfolio</a>
</li>
<li>
<a class="hover" href="blog1.html">Blog</a>
</li>
</ul>
</nav>
</header>

<section class="top-container">
<h1>code-journal</h1>
<h4>Look who's talking. I'm a Teenage Mutant Ninja Turtle and the name is Don, put a Sock in it! Hey it was worth a try, I'm warning you Can Face, I've got a blackbelt in black eyes! Hey, hey, Sean, I know we're short. But not *that* short.</h4>
</section>
<!-- <aside class="side-nav">
<ul>
<li><a href="#">date & title</a></li>
<li><a href="#">date & title</a></li>
<li><a href="#">date & title</a></li>
</ul>
</aside> -->
<section class="journal-container">
<h2>Journal title</h2>
<h4>date</h4>
<p>Hey Krang, bring that statue back, you bloated bean bag, about 512, Sensai, hey, hey, Sean, I know we're short. But not *that* short, give me a break, ugh. Where do they come up with this stuff? Continuing aeration, ha ha ha. Leo, that was off the charts on the Sap- O Meter. You been watching way too many after school specials, bro.</p>
<p>I've got it all figured out. Turbo-boosters, double-action traction, cool secret thingies shooting out the back. We should be tricking out the armored car! What's the matter, Mikey? Can't decide what to watch? don't have a cow, man.</p>
</section>
<section class="journal-container">
<h2>Journal title 2</h2>
<h4>date</h4>
<p>Man! This stuff is rank! Hey didn't we see these guys on Wrestlemania? This looks like a job for the Teenage Mutant Ninja Turtles, yep, it's finally happened. The dude has flipped his shell. Oh no, it's that over-grown cork-screw again.</p>
<p>I feel a flashback coming on... *bliiing!* See, yep. I told ya! I really wish you'd stop saying things like that, uhhh I left my wallet in my other shell? Man! This stuff is rank!</p>
</section>
</div>

<footer class="footer">
<h3>Contact Me</h3>
<ul>
<li>
<a class="hover" href="https://github.com/">GitHub</a>
</li>
<li>
<a class="hover" href="mailto:[email protected]">email</a>
</li>
<li>
<a class="hover" href="https://www.linkedin.com/">LinkedIn</a>
</li>
<li>
<a href="https://twitter.com/">twitter</a>
</li>
</ul>
</footer>
</body>
</html>
Loading