-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathchallenge6.html
89 lines (85 loc) · 3.46 KB
/
challenge6.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en-US">
<head>
<title>Stop Motion Challenge</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Shaun C-B">
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="scblogo.ico">
</head>
<!--Body of website-->
<body onresize="changeText()" onload="changeText()">
<!--Header///////////////////////////////////////////////-->
<header>
<h1><span id="title1">SC-B</span>
<span id="title2"> Lockdown Videos</span></h1>
<p id="subtitle">Showcase of videos made for the PB Tech Video Challenge</p>
</header>
<!--Left navivation bar//////////////////////////////////-->
<aside>
<ul>
<li><a href="index.html">Home</a></li>
<hr>
<li><a href="challenge1.html">Steady Hands Challenge</a></li>
<li><a href="challenge2.html">Inventor Challenge</a></li>
<li><a href="challenge3.html">Camouflage Challenge</a></li>
<li><a href="challenge4.html">Simulation Challenge</a></li>
<li><a href="challenge5.html">Floor is Lava Challenge</a></li>
<li class="current_page"><a href="challenge6.html">Stop Motion Challenge</a></li>
<hr>
<li><a href="bts.html">Behind the Scenes</a></li>
<li><a href="prizes.html">Prizes we won</a></li>
</ul>
</aside>
<!--Main section of text/////////////////////////////////-->
<section>
<h1>Blue vs Read</h1>
<p>Task: Show something awesome using either slow motion or stop motion</p>
<p>I got my first camera in 2014 and taught myself stop motion using Lego Hero
Factory figures. Since then I've dabbled with it occasionaly, but this is
the first propper 15fps video I've ever made. The stop motion consists of
over 600 frames, which took more than 8 hours to film and edit.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/bkVg3z0bU7w"
frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>The hard work paid off in the end as our video was the winning entry. To see
a timelapse of filming this and a video of my first ever stop motion, click on the
behind the scenes page. Also check out the prizes page to see what we won.</p>
</section>
<!--Footer for contact details////////////////////////////-->
<footer>
<nav>
<span class="bottom_nav_elements">Find me on:</span>
<a href="https://www.youtube.com/channel/UC77SO-bVkzyRYwldn13wtnQ"
target="_blank" class="bottom_nav_elements">
<img class="icon" id="yt_logo" src="yt_white.png" alt="Youtube Channel"
onmouseover="changeIconYT()" onmouseleave="changeIconYT()"></a>
<a href="https://www.instagram.com/_shauncb_/" target="_blank"
class="bottom_nav_elements">
<img class="icon" id="ig_logo" src="instagram_white.png" alt="instagram Page"
onmouseover="changeIconIG()" onmouseleave="changeIconIG()"></a>
</nav>
<script>
var picYT = "yt_white.png";
function changeIconYT() {
if (picYT == "yt_white.png") {
picYT = "yt_colour.png";
} else {
picYT = "yt_white.png";
}
document.getElementById('yt_logo').src = picYT;
}
</script>
<script>
var picIG = "instagram_white.png";
function changeIconIG() {
if (picIG == "instagram_white.png") {
picIG = "instagram_colour.png";
} else {
picIG = "instagram_white.png";
}
document.getElementById('ig_logo').src = picIG;
}
</script>
</footer>
</body>