Skip to content

Commit 4a037d1

Browse files
Spr3Spr3
committed
initial commit
1 parent fb8c901 commit 4a037d1

12 files changed

+363
-0
lines changed

‎Enjoyments.html

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<link rel="stylesheet" href="webpage.css">
4+
<header>
5+
<div class="Items">
6+
<div class="ItemsForBar">
7+
<p class="Item1OnBar">Achievements</p>
8+
</div>
9+
<div class="ItemsForBar">
10+
<p class="Item1OnBar">Goals</p>
11+
</div>
12+
<div class="ItemsForBar">
13+
<p class="Item1OnBar">Contact</p>
14+
</div>
15+
<div class="ItemsForBar">
16+
<p class="Item1OnBar">What Is Sapire Studing</p>
17+
</div>
18+
<div class="ItemsForBar">
19+
<p class="Item1OnBar"><a href="MainPage.html">Home</a></p>
20+
</div>
21+
</div>
22+
</header>
23+
<body>
24+
<div text>
25+
<section>
26+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/ColossalConflict.png"></p>
27+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/Am i a Psycho.png"></p>
28+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/ChillBill.png"></p>
29+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/NotLikeYou.png"></p>
30+
</section>
31+
</div>
32+
<div class="List">
33+
<p><strong>Music</strong></p>
34+
<p> - <a href="https://www.youtube.com/watch?v=4v1zuIYNoFw">Tech N9ne - Am I A Psycho? (Ft. B.o.B, Hopsin)</a></p>
35+
<p> - <a href="https://www.youtube.com/watch?v=mS0t6Imrhp4">Merkules & Hopsin - 'Not Like You'</a></p>
36+
<p> - <a href="https://www.youtube.com/watch?v=Mxfy_0R2uzc">Merkules ft Hopsin & Tech N9ne - 'Bass'</a></p>
37+
<p> - <a href="https://www.youtube.com/watch?v=J7IMwop3RHs">Rob $tone - Chill Bill ft. J.Davis & Spooks</a></p>
38+
<p> - <a href="https://www.youtube.com/watch?v=mpW1wcHEMkA">Lil Darkie - COLOSSAL CONFLICT</a></p>
39+
<p> - <a href="https://www.youtube.com/watch?v=d697eVYYOlc">Lil Darkie - GENOCIDE</a></p>
40+
<p> - <a href="https://www.youtube.com/watch?v=krKZSRPeG8Y">Lil Darkie - POSTED IN THE DVRK</a></p>
41+
</div>
42+
<div class="List2">
43+
<p><strong>Video Games</strong></p>
44+
<p > - <a href="https://en.wikipedia.org/wiki/Crash_Bandicoot_(video_game)">Crash Bandicoot</a></p>
45+
<p> - <a href="https://en.wikipedia.org/wiki/Sonic_the_Hedgehog_(1991_video_game)">Sonic The Hedgehog</a></p>
46+
<p> - <a href="https://en.wikipedia.org/wiki/Street_Fighter_II">Street Fighter ll</a></p>
47+
<p> - <a href="https://en.wikipedia.org/wiki/Pok%C3%A9mon_Ruby_and_Sapphire">Pokémon Ruby and Sapphire</a></p>
48+
<p> - <a href="https://en.wikipedia.org/wiki/Minecraft">Minecraft</a></p>
49+
</div>
50+
<div text>
51+
<section>
52+
<p style="float: left;" id="Photo"><img class="sliders slides-hidden EnjoymentV" src="VideoGameLogos/Crash_Bandicoot_Cover.png"></p>
53+
<p style="float: left;" id="Photo"><img class="sliders slides-hidden EnjoymentV" src="VideoGameLogos/Sonic.png"></p>
54+
</section>
55+
</div>
56+
</body>
57+
<script>
58+
addEventListener("load",() => {
59+
var index = 0;
60+
const slides = document.querySelectorAll(".slides");
61+
const classHide = "slides-hidden", count = slides.length;
62+
nextSlide();
63+
function nextSlide() {
64+
slides[(index ++) % count].classList.add(classHide);
65+
slides[index % count].classList.remove(classHide);
66+
setTimeout(nextSlide, 2000);
67+
}
68+
});
69+
addEventListener("load",() => {
70+
var index = 0;
71+
const slides = document.querySelectorAll(".sliders");
72+
const classHide = "slides-hidden", count = slides.length;
73+
nextSlide();
74+
function nextSlide() {
75+
slides[(index ++) % count].classList.add(classHide);
76+
slides[index % count].classList.remove(classHide);
77+
setTimeout(nextSlide, 2000);
78+
}
79+
});
80+
</script>
81+
</html>

‎GoalsAndVictorys.html

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<link rel="stylesheet" href="webpage.css">
4+
<header>
5+
<div class="Items">
6+
<div class="ItemsForBar">
7+
<p class="Item1OnBar">Achievements</p>
8+
</div>
9+
<div class="ItemsForBar">
10+
<p class="Item1OnBar">Goals</p>
11+
</div>
12+
<div class="ItemsForBar">
13+
<p class="Item1OnBar">Contact</p>
14+
</div>
15+
<div class="ItemsForBar">
16+
<p class="Item1OnBar">What Is Sapire Studing</p>
17+
</div>
18+
<div class="ItemsForBar">
19+
<p class="Item1OnBar"><a href="MainPage.html">Home</a></p>
20+
</div>
21+
</div>
22+
</header>
23+
<body>
24+
<div text>
25+
<section>
26+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/ColossalConflict.png"></p>
27+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/Am i a Psycho.png"></p>
28+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/ChillBill.png"></p>
29+
<p style="float: left;" id="Photo"><img class="slides slides-hidden EnjoymentS" src="SongsLogos/NotLikeYou.png"></p>
30+
</section>
31+
</div>
32+
<div class="List">
33+
<p><strong>Goals</strong></p>
34+
<p> - <a href="https://www.google.com/maps/dir/34.041792,-118.2976576/20+W+34th+St,+New+York,+NY+10118/@37.5648748,-105.1335263,5z/data=!3m1!4b1!4m8!4m7!1m0!1m5!1m1!1s0x89c259a90897ddaf:0x5fd95bb4ffa32d23!2m2!1d-73.9857248!2d40.7487658">Running From LA, Calafornia to New York City</a></p>
35+
<p> - <a href="https://www.youtube.com/watch?v=mS0t6Imrhp4">Merkules & Hopsin - 'Not Like You'</a></p>
36+
<p> - <a href="https://www.youtube.com/watch?v=Mxfy_0R2uzc">Merkules ft Hopsin & Tech N9ne - 'Bass'</a></p>
37+
<p> - <a href="https://www.youtube.com/watch?v=J7IMwop3RHs">Rob $tone - Chill Bill ft. J.Davis & Spooks</a></p>
38+
<p> - <a href="https://www.youtube.com/watch?v=mpW1wcHEMkA">Lil Darkie - COLOSSAL CONFLICT</a></p>
39+
<p> - <a href="https://www.youtube.com/watch?v=d697eVYYOlc">Lil Darkie - GENOCIDE</a></p>
40+
<p> - <a href="https://www.youtube.com/watch?v=krKZSRPeG8Y">Lil Darkie - POSTED IN THE DVRK</a></p>
41+
</div>
42+
<div class="List2">
43+
<p><strong>Video Games</strong></p>
44+
<p > - <a href="https://en.wikipedia.org/wiki/Crash_Bandicoot_(video_game)">Crash Bandicoot</a></p>
45+
<p> - <a href="https://en.wikipedia.org/wiki/Sonic_the_Hedgehog_(1991_video_game)">Sonic The Hedgehog</a></p>
46+
<p> - <a href="https://en.wikipedia.org/wiki/Street_Fighter_II">Street Fighter ll</a></p>
47+
<p> - <a href="https://en.wikipedia.org/wiki/Pok%C3%A9mon_Ruby_and_Sapphire">Pokémon Ruby and Sapphire</a></p>
48+
<p> - <a href="https://en.wikipedia.org/wiki/Minecraft">Minecraft</a></p>
49+
</div>
50+
<div text>
51+
<section>
52+
<p style="float: left;" id="Photo"><img class="sliders slides-hidden EnjoymentV" src="VideoGameLogos/Crash_Bandicoot_Cover.png"></p>
53+
<p style="float: left;" id="Photo"><img class="sliders slides-hidden EnjoymentV" src="VideoGameLogos/Sonic.png"></p>
54+
</section>
55+
</div>
56+
</body>
57+
<script>
58+
addEventListener("load",() => {
59+
var index = 0;
60+
const slides = document.querySelectorAll(".slides");
61+
const classHide = "slides-hidden", count = slides.length;
62+
nextSlide();
63+
function nextSlide() {
64+
slides[(index ++) % count].classList.add(classHide);
65+
slides[index % count].classList.remove(classHide);
66+
setTimeout(nextSlide, 2000);
67+
}
68+
});
69+
addEventListener("load",() => {
70+
var index = 0;
71+
const slides = document.querySelectorAll(".sliders");
72+
const classHide = "slides-hidden", count = slides.length;
73+
nextSlide();
74+
function nextSlide() {
75+
slides[(index ++) % count].classList.add(classHide);
76+
slides[index % count].classList.remove(classHide);
77+
setTimeout(nextSlide, 2000);
78+
}
79+
});
80+
</script>
81+
</html>

‎MainPage.html

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<link rel="stylesheet" href="webpage.css">
4+
<header>
5+
<div class="Items">
6+
<div class="ItemsForBar">
7+
<p class="Item1OnBar">Achievements</p>
8+
</div>
9+
<div class="ItemsForBar">
10+
<p class="Item1OnBar">Goals</p>
11+
</div>
12+
<div class="ItemsForBar">
13+
<p class="Item1OnBar">Contact</p>
14+
</div>
15+
<div class="ItemsForBar">
16+
<p class="Item1OnBar">What Is Sapire Studing</p>
17+
</div>
18+
<div class="ItemsForBar">
19+
<p class="Item1OnBar"><a href="Enjoyments.html">Enjoyments</a></p>
20+
</div>
21+
</div>
22+
</header>
23+
<body>
24+
<div class="Welcome">
25+
<p><strong>Hello I am Sapire, a Senior In High School that's studying Computer Programming and dabbling a little bit with CryptoCurrency. As of Right now I know a few Coding Languages and use four IDE's. I am Running a Youtube Channel with over 7,000 Subscribers and my main Point now for the Channel is Making AI's that beats games as fast as possible. I have Future Goals that people say I can't complete but I'm ready to prove them wrong. My strengths is combining with ideas. The downfall of that is that I would have other people talk about ideas and I combine them but change them up to work together. A Few Projects I am currently working on is a game called Overseas and RoboCity. With overSeas i am the only developer for the game and with RodoCity i have a team of working working on the game. Our goal is to get the game out before summer starts. </strong></p>
26+
</div>
27+
<p style="float: left;" id="Photo"><img title="Right after (10 minutes) finishing my final High School 5K Cross Country Race" src="Sapire.png"></p>
28+
<div class="information">
29+
<p class="textt"><strong>PERSONAL INFORMATION</strong></p>
30+
<p class="informational"><strong>Name: Michael Wilson</strong></p>
31+
<p class="informational"><strong>Age: 18 Years Old</strong></p>
32+
<p class="informational"><strong>Email: [email protected]</strong></p>
33+
<p class="informational"><strong>Education: <a href="https://www.mpsaz.org/rmhs">High School Senoir</a></strong></p>
34+
<p class="informational"><strong>IDES:</strong></p>
35+
<p class="IDES"><strong>Pycharm</strong></p>
36+
<p class="IDES"><strong>Visual Studio (Code/2019)</strong></p>
37+
<p class="IDES"><strong>Roblox Studio</strong></p>
38+
<p class="informational"><strong>Languages:</strong></p>
39+
<p class="IDES"><strong>Python</strong></p>
40+
<p class="IDES"><strong>C#</strong></p>
41+
<p class="IDES"><strong>Lua</strong></p>
42+
<p class="IDES"><strong>HTML</strong></p>
43+
<p class="IDES"><strong>CSS</strong></p>
44+
</div>
45+
</body>
46+
</html>

‎Sapire.png

363 KB
Loading

‎SongsLogos/Am i a Psycho.png

128 KB
Loading

‎SongsLogos/ChillBill.png

140 KB
Loading

‎SongsLogos/ColossalConflict.png

75.2 KB
Loading

‎SongsLogos/NotLikeYou.png

128 KB
Loading

‎VideoGameLogos/CrashBandicoot.png

157 KB
Loading

‎VideoGameLogos/Crash_Bandicoot_Cover.png

96.6 KB
Loading

‎VideoGameLogos/Sonic.png

159 KB
Loading

‎webpage.css

+155
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
.slides-hidden { display : none; }
2+
3+
div.Header {
4+
border: 2px solid greenyellow;
5+
background-color: black;
6+
width: 101%;
7+
height: 10%;
8+
margin-left: -8px;
9+
margin-top: -8px;
10+
}
11+
p.WebPage_Name {
12+
text-align: center;
13+
font-size: x-large;
14+
background-color: greenyellow;
15+
width: 90%;
16+
margin-left: 5%;
17+
}
18+
19+
div.Items {
20+
width: 103%;
21+
margin-top: -9px;
22+
}
23+
24+
div.ItemsForBar {
25+
background-color: black;
26+
width: 20%;
27+
height: 2%;
28+
float: left;
29+
margin-left: -8px;
30+
color: white;
31+
font-size: large;
32+
}
33+
34+
div.ItemsForBar:hover {
35+
background-color: white;
36+
color: black;
37+
}
38+
39+
p.Item1OnBar {
40+
float: left;
41+
text-align: center;
42+
color: inherit;
43+
background-color: inherit;
44+
font-size: inherit;
45+
width: 100%;
46+
}
47+
48+
img {
49+
border: 2px solid black;
50+
box-shadow: 10px 10px 5px 2px lightblue;
51+
position: relative;
52+
transition: top ease 0.5s;
53+
margin-left: 23%;
54+
margin-top: 32%;
55+
width: 120%;
56+
height: 40%;
57+
}
58+
img:hover {
59+
top: -10px;
60+
}
61+
62+
.List {
63+
float: left;
64+
margin-top: 8%;
65+
margin-left: 10%;
66+
width: 26%;
67+
font-size: x-large;
68+
color:rgb(0, 30, 95);
69+
}
70+
71+
.List2 {
72+
float: left;
73+
margin-top: 8%;
74+
margin-left: 2%;
75+
width: 26%;
76+
font-size: x-large;
77+
color:rgb(0, 30, 95);
78+
}
79+
80+
div.information {
81+
float: left;
82+
margin-top: 8%;
83+
margin-left: 20%;
84+
width: 20%;
85+
height: 40%;
86+
}
87+
p.textt {
88+
text-align: left;
89+
color: rgb(0, 59, 107);
90+
font-size: x-large;
91+
}
92+
93+
p.informational {
94+
text-align: left;
95+
margin-left: 10%;
96+
}
97+
98+
p.IDES {
99+
text-align: left;
100+
margin-left: 20%;
101+
}
102+
103+
div.options {
104+
height: 2%;
105+
width: 100%;
106+
outline: 1px solid black;
107+
}
108+
109+
img.EnjoymentS {
110+
width: 130%;
111+
height: 130%;
112+
margin-top: 50%;
113+
margin-left: 10%;
114+
float: left;
115+
}
116+
117+
img.EnjoymentV {
118+
width: 400px;
119+
height: 400px;
120+
margin-top: -80%;
121+
margin-left: 100%;
122+
}
123+
124+
a:link {
125+
color: rgb(0, 0, 0);
126+
background-color: transparent;
127+
text-decoration: none;
128+
}
129+
130+
a:visited {
131+
color: rgb(51, 119, 57);
132+
background-color: transparent;
133+
text-decoration: none;
134+
}
135+
136+
a:hover {
137+
color: red;
138+
background-color: transparent;
139+
text-decoration: underline;
140+
}
141+
142+
a:active {
143+
color: rgb(0, 4, 255);
144+
background-color: transparent;
145+
text-decoration: underline;
146+
}
147+
148+
div.Welcome {
149+
float: left;
150+
margin-top: 8%;
151+
margin-left: 2%;
152+
width: 26%;
153+
font-size: x-large;
154+
color:rgb(0, 30, 95);
155+
}

0 commit comments

Comments
 (0)