cleverbot026 · Subtiltyowl180 · Nov 26, 2019 · Nov 26, 2019
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/4k.jpg b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/4k.jpg
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/andi.png b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/andi.png
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/dogs.gif b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/dogs.gif
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/favicon.ico b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/favicon.ico
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/grace.png b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/grace.png
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jamie.png b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jamie.png
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jojo.gif b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jojo.gif
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/main.css b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/main.css
@@ -0,0 +1,68 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300');
+
+body {
+  text-align:center;
+  background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
+  color:#555;
+  font-family:'Roboto';
+  font-weight:300;
+  font-size:32px;
+  padding-top:40vh;
+  height:100vh;
+  overflow:hidden;
+  -webkit-backface-visibility: hidden;
+  -webkit-perspective: 1000;
+  -webkit-transform: translate3d(0,0,0);
+}
+
+div {
+  display:inline-block;
+  overflow:hidden;
+  white-space:nowrap;
+}
+
+div:first-of-type {    /* For increasing performance 
+                       ID/Class should've been used. 
+                       For a small demo 
+                       it's okaish for now */
+  animation: showup 7s infinite;
+}
+
+div:last-of-type {
+  width:0px;
+  animation: reveal 7s infinite;
+}
+
+div:last-of-type span {
+  margin-left:-355px;
+  animation: slidein 7s infinite;
+}
+
+@keyframes showup {
+    0% {opacity:0;}
+    20% {opacity:1;}
+    80% {opacity:1;}
+    100% {opacity:0;}
+}
+
+@keyframes slidein {
+    0% { margin-left:-800px; }
+    20% { margin-left:-800px; }
+    35% { margin-left:0px; }
+    100% { margin-left:0px; }
+}
+
+@keyframes reveal {
+    0% {opacity:0;width:0px;}
+    20% {opacity:1;width:0px;}
+    30% {width:355px;}
+    80% {opacity:1;}
+    100% {opacity:0;width:355px;}
+}
+
+
+p {
+  font-size:12px;
+  color:#999;
+  margin-top:200px;
+}
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/pic.jpg b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/pic.jpg
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/profile.html b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/profile.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Profile Page</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+	<link rel="icon"  href="favicon.ico">
+</head>
+<body>
+
+   <nav>
+   	 <p>
+   	 	<a href="https://facebook.com/Subtiltyowl80">Facebook</a>
+   	 	<a href="https://instagram.com/Nikana_Prime">Instagram</a>
+   	 	<a href="https://Youtube.com/Subtiltyowl80">Youtube</a>
+   	 	<a href="https://steamcommunity.com/profiles/76561198154265923">Steam</a>
+
+
+
+   	 </p>
+
+
+
+
+   </nav>
+
+
+	<header><font size="7"><h1> Profile </h1></font>
+<img  src="pic.jpg" ></header>
+
+
+	<section><font size="6"><h2>Name</h2></font>
+	<article><font size="5"><p>Anakin Arthur Ace S. Diaz IV</p></font>
+	<font size="6"><p>(Akii)</p></font>
+	<q>NIPPON BANZAI</q></section></article>
+	<hr>
+
+
+<article><section><font size="6"><h3>Personal Information</h3></font>
+<font size="5"><p>Birthday:April,12,2002</p></font>
+<font size="5"<p>Address:#34 Diamond St,Homepoint Village Champaca st brgy.Fortune , marikina city.</p></font>
+<font size="5"<p>Favorite Food:Spaghetti,Burger,Tahong,Kariman,pizza,wings,Piattos- bbq flavor,Takoyaki,sophia.</p></font>
+<font size="5"<p>Favorite Games:Monster hunter,Halo,League of Legends,magic the gathering,Dungeons and Dragons, Gundam.</p></font>
+<font size="5"<p>Hobbies:Building scale model like Gundam and other scale models,playing all night and watch anime all night,sometimes look at the stars with my telescope and sleeping.</p></font>
+<font size="5"<p>Interest:SPACE,fantasy books,Games,WEBDEV,and any netflix series. </p></font></section></article>
+<hr>
+		<artile><section><font size="6"><h4>Educational Background</h4></font>
+					<font size="6"><p>Primary School</p>
+				<font size="5">	<p>St.John Bosco</p>
+					<font size="5"><p>Prep</p>
+						<font size="5"><p>Graduated Date:???</p>
+							<hr>
+
+							<font size="6"><p>Secondary School</p>
+								<font size="5"><p>Marikina Christian Integrated School (MCIS)</p>
+									<font size="5"><p>Graduated Date:2014</p>
+										<hr>
+										<font size="6"><p>High School</p>
+											<font size="5"><p>Fortune High School</p>
+												<font size="5"><p>Moving Up:2019</p>
+													<hr>
+												<font size="6"><p>Senior High School</p>
+												<font size="5"><p>Jesus Dela Peña National High School</p>
+												<font size="5"><p>Graduated Date:????</p>
+													<hr> </section></font></article>
+
+
+<img class="imageclass" src="jamie.png">
+<img class="imageclass" src="andi.png">
+<img class="imageclass" src="grace.png">
+<img class="imageclass" src="4k.jpg">
+
+
+
+
+
+<section><font size="6"><h5> Something about myself</h5></font>
+<article><font size="5"><p>I like to play games like monster hunter, League of Legends, any MMORPG or Rpg games and im fond of Sci-Fi books or fantasy books and i watch anime for 24hrs and play straight 24hrs and i support the first girl group of our country which is MNL48 and i play magic the gathering and D&D with my friends/Play group.</p></font></section></article>
+<hr>
+
+</body>
+</html>
+
+
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/redirect.html b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/redirect.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Redirect page</title>
+	<meta http-equiv="refresh" content="2; url=profile.html"/>
+</head>
+<body>
+<center><h1>PLEASE WAIT 5 SECONDS</h1></center>
+</body>
+</html>
diff --git a/Diaz IV_-Anakin Arthur Ace S (CSS demo)/style.css b/Diaz IV_-Anakin Arthur Ace S (CSS demo)/style.css
@@ -0,0 +1,64 @@
+* {
+  font-family:"Century Gothic";
+  color: white;
+
+
+
+}
+
+body{
+	background: #172d52;
+
+}
+
+h1 {
+	color:white;	
+}	
+
+h2 {
+  color:white;	
+}	
+
+h3{
+color:white;	
+}	
+
+img {
+	width:400px; 
+	height:400px;
+	border-radius:50%;
+}
+
+header{
+
+	margin-top: 50px;
+}
+
+header * {
+	display: inline;
+}
+
+.imageclass {
+	width:360px 
+	height:360px;
+	border-radius:50%;
+}
+
+nav p a {
+	text-decoration: none;
+	padding-right: 20px;
+	border: #ffffff 0.5px double;
+	margin: 5px;
+}
+
+nav p a:hover {
+
+	border:#f7dfeb 0.5px solid;
+}
+
+nav{
+	position: fixed;
+	background-color: #181818;
+	top: 0;
+	width: 100%
+}
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/4k.jpg b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/4k.jpg
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/andi.png b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/andi.png
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/dogs.gif b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/dogs.gif
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/grace.png b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/grace.png
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jamie.png b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jamie.png
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jojo.gif b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/jojo.gif
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/main.css b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/main.css
@@ -0,0 +1,68 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300');
+
+body {
+  text-align:center;
+  background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
+  color:#555;
+  font-family:'Roboto';
+  font-weight:300;
+  font-size:32px;
+  padding-top:40vh;
+  height:100vh;
+  overflow:hidden;
+  -webkit-backface-visibility: hidden;
+  -webkit-perspective: 1000;
+  -webkit-transform: translate3d(0,0,0);
+}
+
+div {
+  display:inline-block;
+  overflow:hidden;
+  white-space:nowrap;
+}
+
+div:first-of-type {    /* For increasing performance 
+                       ID/Class should've been used. 
+                       For a small demo 
+                       it's okaish for now */
+  animation: showup 7s infinite;
+}
+
+div:last-of-type {
+  width:0px;
+  animation: reveal 7s infinite;
+}
+
+div:last-of-type span {
+  margin-left:-355px;
+  animation: slidein 7s infinite;
+}
+
+@keyframes showup {
+    0% {opacity:0;}
+    20% {opacity:1;}
+    80% {opacity:1;}
+    100% {opacity:0;}
+}
+
+@keyframes slidein {
+    0% { margin-left:-800px; }
+    20% { margin-left:-800px; }
+    35% { margin-left:0px; }
+    100% { margin-left:0px; }
+}
+
+@keyframes reveal {
+    0% {opacity:0;width:0px;}
+    20% {opacity:1;width:0px;}
+    30% {width:355px;}
+    80% {opacity:1;}
+    100% {opacity:0;width:355px;}
+}
+
+
+p {
+  font-size:12px;
+  color:#999;
+  margin-top:200px;
+}
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/pic.jpg b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/pic.jpg
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/profile.html b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/profile.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Profile Page</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+
+   <nav>
+   	 <p>
+   	 	<a href="https://facebook.com/Subtiltyowl80">Facebook</a>
+   	 	<a href="https://instagram.com/Nikana_Prime">Instagram</a>
+   	 	<a href="https://Youtube.com/Subtiltyowl80">Youtube</a>
+   	 	<a href="https://steamcommunity.com/profiles/76561198154265923">Steam</a>
+
+
+
+   	 </p>
+
+
+
+
+   </nav>
+
+
+	<header><center><font size="7"><h1> Profile </h1></center></font>
+<center><img  src="pic.jpg" ></center></header>
+
+
+	<section><font size="6"><h2>Name</h2></font>
+	<article><font size="5"><p>Anakin Arthur Ace S. Diaz IV</p></font>
+	<font size="6"><p>(Akii)</p></font></section></article>
+	<hr>
+
+
+<article><section><font size="6"><h3>Personal Information</h3></font>
+<font size="5"><p>Birthday:April,12,2002</p></font>
+<font size="5"<p>Address:#34 Diamond St,Homepoint Village Champaca st brgy.Fortune , marikina city.</p></font>
+<font size="5"<p>Favorite Food:Spaghetti,Burger,Tahong,Kariman,pizza,wings,Piattos- bbq flavor,Takoyaki,sophia.</p></font>
+<font size="5"<p>Favorite Games:Monster hunter,Halo,League of Legends,magic the gathering,Dungeons and Dragons, Gundam.</p></font>
+<font size="5"<p>Hobbies:Building scale model like Gundam and other scale models,playing all night and watch anime all night,sometimes look at the stars with my telescope and sleeping.</p></font>
+<font size="5"<p>Interest:SPACE,fantasy books,Games,WEBDEV,and any netflix series. </p></font></section></article>
+<hr>
+		<artile><section><font size="6"><h4>Educational Background</h4></font>
+					<font size="6"><p>Primary School</p>
+				<font size="5">	<p>St.John Bosco</p>
+					<font size="5"><p>Prep</p>
+						<font size="5"><p>Graduated Date:???</p>
+							<hr>
+
+							<font size="6"><p>Secondary School</p>
+								<font size="5"><p>Marikina Christian Integrated School (MCIS)</p>
+									<font size="5"><p>Graduated Date:2014</p>
+										<hr>
+										<font size="6"><p>High School</p>
+											<font size="5"><p>Fortune High School</p>
+												<font size="5"><p>Moving Up:2019</p>
+													<hr>
+												<font size="6"><p>Senior High School</p>
+												<font size="5"><p>Jesus Dela Peña National High School</p>
+												<font size="5"><p>Graduated Date:????</p>
+													<hr> </section></font></article>
+
+
+<img class="imageclass" src="jamie.png">
+<img class="imageclass" src="andi.png">
+<img class="imageclass" src="grace.png">
+<img class="imageclass" src="4k.jpg">
+
+
+
+
+
+<section><font size="6"><h5> Something about myself</h5></font>
+<article><font size="5"><p>I like to play games like monster hunter, League of Legends, any MMORPG or Rpg games and im fond of Sci-Fi books or fantasy books and i watch anime for 24hrs and play straight 24hrs and i support the first girl group of our country which is MNL48 and i play magic the gathering and D&D with my friends/Play group.</p></font></section></article>
+<hr>
+
+</body>
+</html>
+
+
diff --git a/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/redirect.html b/activity_2/Diaz IV_-Anakin Arthur Ace S (CSS demo)/redirect.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Redirect page</title>
+	<meta http-equiv="refresh" content="2; url=profile.html"/>
+</head>
+<body>
+<center><h1>PLEASE WAIT 5 SECONDS</h1></center>
+</body>
+</html>