Skip to content

Brian's Webpage #156

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

Open
wants to merge 5 commits into
base: gh-pages
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 55 additions & 0 deletions submissions/bravebravesirbrian/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE htlm5>
<html>
<link type="text/CSS" rel="stylesheet" href="styles.css"/>
<head>
<title>Brian's Webpage</title>
</head>
<body>
<main>
<h1>Welcome to Brian O'Grady's Webpage!</h1>
<article>
<header>
<h2>Hi there, my name is Brian! Welcome to my webpage!</h2>
</header>
<img src="http://orig01.deviantart.net/bada/f/2016/252/7/a/brian_by_bravebravesirbrian-d9qbvn8.png" />
<p>This is what I would look like as an Inkling from the video game, <em>Splatoon</em>!
If you're not familiar with <em>Splatoon</em>, it's a 2015 online multiplayer
third-person shooter game made by Nintendo! It's also one of my favorite games! Let me tell you about it!</p>
<img src="http://nintendoeverything.com/wp-content/uploads/splatoon-boxart-big.jpg" height="451" width="320"/>
<p>Like I said, <em>Splatoon</em> is a video game that was released in 2015 by Nintendo.
It's a third-person shooter game where you play as these cute little creatures called "Inklings".
They have two distinct forms. There first form is their human or "kid" form, which lets them use weapons!
There are many different types of weapons in the game, all of which are used to spread ink on the floor and walls!</p>
<h1 id="One">Shooters shoot ink!</h1>
<img src="http://cdn.wikimg.net/splatoonwiki/images/5/5d/Splattershotp1.jpg" height="360" width="640"/>
<h1 id="Two">Rollers are rolled along the ground leaving a trail of ink behind you!</h1>
<img src="http://cdn.wikimg.net/splatoonwiki/images/a/a6/Splat_Roller5.jpg" height="360" width="640"/>
<h1 id="Three">Chargers can be charged to increase their range and damage, and shoot in a long, straight line!</h1>
<img src="http://cdn.wikimg.net/splatoonwiki/images/4/42/Custome_E-Liter_3k_three.jpg" height="360" width="640"/>
<h1 id="Four">Sloshers are like buckets that let you hurl ink over walls!</h1>
<img src="http://cdn.wikimg.net/splatoonwiki/images/b/bf/Slosher_deco_1.jpg" height="360" width="640"/>
<h1 id="Five">Splatlings can be revved up like Gatling guns to unleash a rapid
burst of shots!</h1>
<img src="http://cdn.wikimg.net/splatoonwiki/images/6/6c/ZinkMiniSplatling1.jpg" height="360" width="640"/>
<p>Their second form is their squid form! In this form they can swim through ink, even on walls, and pass through
grates!</p>
<img src="http://cdn.wikimg.net/splatoonwiki/images/e/e9/Inkling_Passing_Through_Grate.jpg" height="337" width="599"/>
<p class="Dead">But they can't swim in ink that's not their color, and if they fall in water, they die!</p>
<img src="http://cdn.wikimg.net/splatoonwiki/images/9/90/Dissolving_in_water.png" height="492" width="588"/>
<p>The goal of the game is to cover the ground with your team's ink, and stop the enemy team from doing
the same! If more of your team's color is on the ground by the end, you win!
And when you win, you earn money which you can use to buy new weapons and unlock cool gear for your Inkling!
And that's not all! There's super jumping, a single-player mode, awesome music, talking cats, and
a whole lot more! So what are you waiting for? If you have a Wii U, I'd totally recommend
getting a copy of Splatoon! Go ink the world and have fun!</p>
<footer>
<p>Made by: Brian O'Grady</p>
<p>Built for LaunchCode</p>
<p>&copy; Brian O'Grady 2016</p>
<p><em>Splatoon</em> is &copy;Nintendo</p>
<p>All images obtained from the Internet</p>
</footer>
</article>
</main>
</body>
</html>
79 changes: 79 additions & 0 deletions submissions/bravebravesirbrian/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

h2 {
text-align: center;
font-family: fantasy;
color: white;
font-size: 45px;
}

p {
text-align: center;
font-family: fantasy;
color: white;
font-size: 30px;
}

h1 {
text-align: center;
font-family: fantasy;
color: white;
font-size: 60px;
}


img {
display:block;
margin: auto;
}

html {
background-color: black;
}

footer p{
font-size: 15px;
}

#One {
color: 000099;
}

#Two {
color: b266b2;
}

#Three {
color: ffa3b3;
}

#Four {
color: 80FF00;
}

#Five {
color: b266b2;
}

.Dead {
background-color: White;
color: black;
}