Skip to content
This repository was archived by the owner on Aug 21, 2023. It is now read-only.

Commit abfd537

Browse files
committed
initial
1 parent ad6d13d commit abfd537

27 files changed

+8358
-0
lines changed
607 KB
Loading
2.09 MB
Binary file not shown.

Source Files/DamianWayneStock.jpg

772 KB
Loading

Source Files/DamianWayneStock.psd

1.5 MB
Binary file not shown.

Source Files/JakStock.jpg

181 KB
Loading

Source Files/JakStock.psd

2.98 MB
Binary file not shown.

Source Files/JonKentStock.jpg

979 KB
Loading

Source Files/JonKentStock.psd

3.97 MB
Binary file not shown.

Source Files/SpiderGirlStock.jpg

1.26 MB
Loading

Source Files/SpiderGirlStock.psd

2.46 MB
Binary file not shown.

Source Files/SpiderGirlStock2.psd

4.37 MB
Binary file not shown.

Source Files/ahoverchecked.png

163 KB
Loading

content/bg.svg

+7,471
Loading

content/jquery-3.3.1.min.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

content/main.css

+618
Large diffs are not rendered by default.

content/main.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
$(document).ready(function () {
2+
console.log('Document is ready')
3+
$('nav a').click(function (event) {
4+
console.log('A nav item was clicked')
5+
event.preventDefault()
6+
7+
let sectionScroll = $(this).attr('href')
8+
9+
console.log(sectionScroll)
10+
11+
let distanceToScroll = $(sectionScroll).offset().top
12+
13+
console.log(distanceToScroll)
14+
15+
$('html,body').animate({
16+
scrollTop: distanceToScroll
17+
}, 500)
18+
})
19+
20+
21+
22+
})
342 KB
Loading
233 KB
Loading
444 KB
Loading

content/navicons/ahoverchecked2.png

225 KB
Loading

content/navicons/connor-a.png

102 KB
Loading

content/navicons/damian-a.png

94.3 KB
Loading

content/navicons/jak-a.png

119 KB
Loading

content/navicons/jon-a.png

107 KB
Loading
560 KB
Loading

content/navicons/spider-a.png

269 KB
Loading

index.html

+245
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,245 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
5+
6+
7+
<head>
8+
9+
<!-- Written by JAMES LEWANDOWSKI for Maryville University Web Design II-->
10+
<title>Superhero Children</title>
11+
<link rel="stylesheet" href="https://use.typekit.net/kqw2udd.css">
12+
<link rel="stylesheet" href="content/main.css">
13+
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
14+
<meta charset="UTF-8">
15+
16+
</head>
17+
18+
<body>
19+
<div class="sidebarl"></div>
20+
<div class="sidebarr"></div>
21+
22+
23+
<nav>
24+
25+
<ul>
26+
27+
<li><a href="#section-1" class="jonnav"><img src="content/navicons/jon-ahoverchecked.png"></a></li>
28+
<li><a href="#section-2" class="damiannav"><img src="content/navicons/ahoverchecked2.png"></a></li>
29+
<li><a href="#section-3" class="jaknav"><img src="content/navicons/Jak-ahoverchecked.png"></a></li>
30+
<li><a href="#section-4" class="connornav"><img src="content/navicons/Connor-ahoverchecked.png"></a></li>
31+
<li><a href="#section-5" class="spidernav"><img src="content/navicons/Spider-ahoverchecked.png"></a></li>
32+
33+
34+
</ul>
35+
36+
</nav>
37+
38+
<div class="wrapper">
39+
<section id="children">
40+
<header>
41+
<h1>CHILDREN OF SUPERHEROES</h1>
42+
</header>
43+
44+
<section id="section-1">
45+
<div class="jon" id="flip">
46+
<div class="jonimg"></div>
47+
<ul class="text-flip">
48+
<li>
49+
<p>Jonathan Kent </p>
50+
</li>
51+
<li>
52+
<p>Superman Convergence vol. 2 </p>
53+
</li>
54+
<li>
55+
<p>Clark Kent (Superman) & Lois Lane </p>
56+
</li>
57+
<li>
58+
<p>Super hearing, invulnerability, superhuman strength, flying and heat vision. </p>
59+
</li>
60+
<li>
61+
<p>Born while his parents were trapped under a dome for nine months, Jon grows up in a small
62+
California home where he lives a normal childs life. Upon accidentally killing his family
63+
cat and a hawk he realizes his strength and soon becomes Superboy. </p>
64+
</li>
65+
</ul>
66+
67+
<ul class="titles-flip">
68+
<li><b>Name</b>
69+
</li>
70+
<li><b>Appearance</b>
71+
</li>
72+
<li><b>Child of</b>
73+
</li>
74+
<li><b>Superpower</b>
75+
</li>
76+
<li><b>Background</b>
77+
</li>
78+
</ul>
79+
80+
81+
</div>
82+
</section>
83+
84+
<section id="section-2">
85+
<div class="damian" id="noflip">
86+
87+
<ul class="titles">
88+
<li><b>Name</b>
89+
</li>
90+
<li><b>Appearance</b>
91+
</li>
92+
<li><b>Child of</b>
93+
</li>
94+
<li><b>Superpower</b>
95+
</li>
96+
<li><b>Background</b>
97+
</li>
98+
</ul>
99+
100+
<ul class="text">
101+
<li>
102+
<p>Damian Wayne </p>
103+
</li>
104+
<li>
105+
<p>Batman vol. 655 </p>
106+
</li>
107+
<li>
108+
<p>Bruce Wayne (Batman) & Talia al Ghul </p>
109+
</li>
110+
<li>
111+
<p>Martial Arts </p>
112+
</li>
113+
<li>
114+
<p>Damian Wayne grew up training vigorosly under Ra's al Ghul in the League of Assassins. He
115+
grows a desire to help his father on his war on crime and wants Bruce's attention. Leading
116+
to him becoming the newest Robin. </p>
117+
</li>
118+
</ul>
119+
</div>
120+
</section>
121+
122+
<section id="section-3">
123+
<div class="jakjak" id="flip">
124+
<ul class="text-flip">
125+
<li>
126+
<p>Jack Jack Parr </p>
127+
</li>
128+
<li>
129+
<p>The Incredibles </p>
130+
</li>
131+
<li>
132+
<p>Bob Parr (Mr. Incredible & Helen Parr (Elastigirl) </p>
133+
</li>
134+
<li>
135+
<p>Unknown (Several) </p>
136+
</li>
137+
<li>
138+
<p>Jack Jack, still a toddler, has grown up living a normal babies life until the end of the
139+
Incredible's 1 where he shows several powers as he falls towards the ground with the enemy.
140+
In Incredibles 2 his powers grow and he obtains his very own super suit. </p>
141+
</li>
142+
</ul>
143+
144+
<ul class="titles-flip">
145+
<li><b>Name</b>
146+
</li>
147+
<li><b>Appearance</b>
148+
</li>
149+
<li><b>Child of</b>
150+
</li>
151+
<li><b>Superpower</b>
152+
</li>
153+
<li><b>Name</b>
154+
</li>
155+
</ul>
156+
157+
158+
</div>
159+
</section>
160+
161+
<section id="section-4">
162+
<div class="connor" id="noflip">
163+
164+
<ul class="titles">
165+
<li><b>Name</b>
166+
</li>
167+
<li><b>Appearance</b>
168+
</li>
169+
<li><b>Child of</b>
170+
</li>
171+
<li><b>Superpower</b>
172+
</li>
173+
<li><b>Name</b>
174+
</li>
175+
</ul>
176+
177+
<ul class="text">
178+
<li>
179+
<p>Connor Queen </p>
180+
</li>
181+
<li>
182+
<p>Green Arrow vol. 2 </p>
183+
</li>
184+
<li>
185+
<p>Sandra Hawke & Oliver Queen (The Green Arrow) </p>
186+
</li>
187+
<li>
188+
<p>Archer </p>
189+
</li>
190+
<li>
191+
<p>Connor Queen (or Connor Hawke) has a confusing timeline in which he started out as a student who Oliver Queen met. In the New 52 series of comics it is introduced that Connor Hawke lives in an alternative reality where he is the son of the Green Arrow. </p>
192+
</li>
193+
</ul>
194+
</div>
195+
</section>
196+
197+
<section id="section-5">
198+
<div class="spider" id="flip">
199+
<ul class="text-flip">
200+
<li>
201+
<p>May Parker </p>
202+
</li>
203+
<li>
204+
<p>What If vol. 2 #105 </p>
205+
</li>
206+
<li>
207+
<p>Peter Parker (Spiderman) & Mary Jane Parker </p>
208+
</li>
209+
<li>
210+
<p>Spider Powers </p>
211+
</li>
212+
<li>
213+
<p>May started showing that she inherited Peters spider powers at a young age and took Ben Reilly's Spider-Man costume to take up crime fighting. Her parents advised against, but eventually helped her. </p>
214+
</li>
215+
</ul>
216+
217+
<ul class="titles-flip">
218+
<li><b>Name</b>
219+
</li>
220+
<li><b>Appearance</b>
221+
</li>
222+
<li><b>Child of</b>
223+
</li>
224+
<li><b>Superpower</b>
225+
</li>
226+
<li><b>Name</b>
227+
</li>
228+
</ul>
229+
230+
231+
</div>
232+
</section>
233+
234+
</section>
235+
</div>
236+
<footer>
237+
<p>Created by James Lewandowski. | Free Vector Background Design by: Vecteezy.com</p>
238+
</footer>
239+
240+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
241+
<script type="text/javascript" src="content/main.js"></script>
242+
</body>
243+
244+
245+
</html>

0 commit comments

Comments
 (0)