Jon snow website

tjb17003 · Feb 3, 2020 · c29ec2f · c29ec2f
1 parent 232bea0
commit c29ec2f
Show file tree

Hide file tree

Showing 6 changed files with 1,374 additions and 0 deletions.
diff --git a/week2/jonSnow.html b/week2/jonSnow.html
diff --git a/week2/jonSnowImage.jpg b/week2/jonSnowImage.jpg
diff --git a/week2/kit_harington.css b/week2/kit_harington.css
@@ -0,0 +1,106 @@
+body{
+    width: auto;
+    margin: 0;
+    background-color: #d9d9d9;
+}
+header{
+    display: block;
+    background-color: #f7f7f7;
+    margin: 0em;
+    padding: 20px;
+}
+h1{
+
+    font-size: 85px;
+    font-family:'Cinzel Decorative', cursive;
+    text-align: center;
+    text-transform: uppercase;
+    color: #005266;
+}
+
+h2{
+
+    color: #8c8c8c;
+    font-size: 48px;
+    font-family:'Fondamento', cursive;
+    text-align: center;  
+}
+nav ul{
+    list-style-type: none;
+    padding: 0;
+    overflow: hidden
+}
+nav ul li{
+    box-sizing: border-box;
+    display: inline-block;
+    background-color: #e7e7e7;
+}
+nav ul li a{
+    display: block;
+    text-align: center;
+    padding: 20px /*5px*/;
+    text-transform: uppercase;
+    text-decoration: none;
+    color: #474747;
+
+}
+
+li{
+    font-family: 'Marcellus SC', serif;
+    font-size: 20px;
+
+}
+p{
+    display: block;
+    font-family: avenir, sans-serif;
+    padding-left: 10%;
+    padding-right: 10%;
+    margin: 10px;
+    font-size: 20px;
+}
+.navigation{
+    font-family:'Cinzel', serif; ;
+    padding: 10px;
+    font-size: 45px;
+    margin: 5%;
+    text-align: center;
+
+}
+li{
+    display: block;
+    font-family: avenir, sans-serif;
+    text-align: center;
+    text-decoration: none;
+    padding: 10px;
+
+
+}
+img{
+    width: auto;
+    }
+footer{
+    padding: 10px 0;
+    text-align: center;
+    background-color: #c7c7c7;
+}
+nav ul li a:hover{
+    background-color: #c7c7c7;
+    color: white;
+
+}
+li.websiteSection{
+    text-decoration: none;
+    padding: 10px;
+
+}
+div ul li a:hover{
+    width: auto;
+    padding: 10px;
+    background-color: #c7c7c7;
+    color: white;
+
+}
+a{
+    text-decoration: none;
+    color: black;
+}
diff --git a/week2/kit_harington.html b/week2/kit_harington.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Jon Snow</title>
+    <link rel="stylesheet" type="text/css" href="kit_harington.css">
+    <link rel="stylesheet" type="text/css" href="kit_haringtonResposive.css">
+    <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative:700|Cinzel:900|Fondamento|Marcellus+SC&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <header>
+        <h1>Jon Snow</h1>
+        <h2>King of the North</h2>
+    </header> 
+    <nav>
+        <ul>
+            <li>
+                <a href="#about">About</a>
+            </li>
+            <li>
+                <a href="#interests">Interests</a>
+            </li>
+            <li>
+                <a href="#websites"> Websites</a>
+            </li>
+        </ul>
+    </nav>
+<main>
+    <img src="/jonSnowImage.jpg" alt="Jon Snow">
+    <div class="aboutSection">
+        <h3 class="navigation">
+            <a name="about">About</a>
+        </h3>
+        <p>
+          Jon Snow, whom is pictured above, was raised as the bastard son of lord Stark. He grew up alongside the Stark children in Winterfell. Jon is probably the better
+          of the characters in the show, at least in my opinion. He single handily brought the people of the north together and made allies with the Wildlings, who were 
+          a community of people living on the opposite side of an ice wall. What is the ice wall you might ask? Its literally a wall of ice, hundreds of feet high.  They had bad blood with all northerners, killing one another for hundreds of years. However, all humans faced certian death from the white walkers
+          who were essentially ice zombies. Yes, I know this summary is confusing, so go watch the show if you want an accuate description.  
+             Jon later finds out his true lingeage and he is of Targaryen blood. Which is wicked awkward because his lover at the time
+            was Daenerys Targaryen. This means he was in an incestual relationship with is aunt. He later kills her because she becomes a mad woman thirsty for blood and power.  
+        </p>
+        <p>
+            Jon is over all just a nice guy. For example he got murdered by his fellow watchmen and when he was brought back to life he still helped those who killed him.
+            He tries to do the right thing in every situation and is usually the one left making extremely hard decisions. The show is over now, and if you have not seen it yet this is the sign you have been
+            waiting for.
+        </p>
+
+    </div>
+    <div class="interestSection">
+        <h3 class="navigation">
+            <a name="interests">Interests</a>
+        </h3>
+        <ul>
+            <li>Ice Sulpting</li>
+            <li>Death</li>
+            <li>Killing</li>
+            <li>War</li>
+            <li>Casually Flying Dragons</li>
+
+        </ul>
+    </div>
+    <div class="websiteSection">
+        <h3 class="navigation">
+            <a name="websites">Websites</a>
+        </h3>
+        <ul>
+            <li> <a href="https://www.hbo.com/game-of-thrones">HBO</a></li>
+            <li><a href="https://twitter.com/Thrones_Memes?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor>Twitter Memes">Twitter Memes</a></li>
+            <li><a href="https://www.imdb.com/name/nm3229685"/>Kit Harington</a></li>
+        </ul>
+    </div>
+</main>
+<footer>
+    <p>2020 By Tyler Burke</p>
+</footer>
+</body>
+</html>
diff --git a/week2/kit_haringtonResposive.css b/week2/kit_haringtonResposive.css
@@ -0,0 +1,42 @@
+@media (max-width: 960px){
+		width: 100%;
+	}
+
+	img{
+        width: 70%;
+		display: block;		
+        margin: 0 auto;
+        float: none;
+        overflow: auto;
+	}
+	header{
+		padding-left: 25px;
+
+	}
+    nav{
+        display: block;
+
+    }
+	nav ul {
+	 width: 100%;
+	 margin: 0; 
+     padding: 0;
+     overflow: hidden;
+     list-style-type: none;
+	}
+
+	nav ul li{
+		float: none;
+		width: 100%;
+	}
+
+     main{
+        line-height: 1.4em;
+    }
+    p{
+    padding: 5 45px;
+    font-size: 25px;
+    line-height: 1.4em;
+
+    }
+}
diff --git a/week2/kit_harrington.html b/week2/kit_harrington.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Jon Snow</title>
+
+</head>
+
+<body>
+    <header>
+        <h1>Jon Snow</h1>
+        <h2>King of the North</h2>
+    </header> 
+    <nav>
+        <ul>
+            <li>
+                <a href="#about">About</a>
+            </li>
+            <li>
+                <a href="#interests">Interests</a>
+            </li>
+            <li>
+                <a href="#websites"> Websites</a>
+            </li>
+        </ul>
+    </nav>
+
+    <div class="aboutSection">
+        <h3 class="navigation">
+            <a name="about">About</a>
+        </h3>
+        <p>
+          Jon Snow was raised as a the bastard son of lord Stark. Growing up alongside the Stark children in Winterfell. He is probably the better
+          of the characters in the show, at least in my opinion. Jon single handily brought the people of the north together and made allies with the Wildlings. Who were 
+          a community of people living on the opposite side of the ice wall. They had bad blood with all northerners. But all humans faced certian death from the white walkers
+          who were basically ice zombies. Yes, I know this summary is confusing, so go watch the show if you want an accuate description.  
+             Jon later finds out his true lingeage, and he is of Targaryen blood. Which is wicked awkward because his lover at the time
+            was Daenerys Targaryen. So basically he was in sexual relationship with is aunt. He later kills her because she becomes a crazy mad woman thirsty for blood and power.  
+        </p>
+        <p>
+            Jon is over all just a nice guy, he got murdered by his fellow watchmen. This episode was a rollercoaster of emotions.  When he was brought back to life he still helped those who killed him.
+            He tries to do the right thing in every situation, and usually is left making extremely hard decisions. The show is over now, and if you have not seen is yet, this is the sign you have have been
+            waiting for. 
+        </p>
+    </div>
+    <div class="interestSection">
+        <h3 class="navigation">
+            <a name="interests">Interests</a>
+        </h3>
+        <ul>
+            <Li>Ice Sulpting</Li>
+            <li>Death</li>
+            <li>Killing</li>
+            <li>War</li>
+            <li>Casually Flying Dragons</li>
+
+        </ul>
+    </div>
+    <div class="websiteSection">
+        <h3 class="navigation">
+            <a name="websites">Websites</a>
+        </h3>
+        <ul>
+            <Li> <a href="https://www.hbo.com/game-of-thrones">HBO</a></Li>
+            <li><a href="https://twitter.com/Thrones_Memes?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor>Twitter Memes">Twitter Memes</a></li>
+            <li>Killing</li>
+        </ul>
+    </div>
+
+</body>
+</html>