-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-promotion.html
97 lines (97 loc) · 5.85 KB
/
project-promotion.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
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<title>Marcel van Duijn | Game Developer & Digital Artist | Netherlands</title>
<meta name="description" content="Marcel van Duijn - Game Developer / Digital Artist from the Netherlands. - Thank you for visiting my Portfolio / Showcase website! - Cannon Climbing Game">
<link rel="icon" href="Files/Icons/WebsiteLogo.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="progressbar"></div>
<div id="scrollPath"></div>
<header>
<h1>Marcel van Duijn - Promotion Page</h1>
<nav>
<br>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-me.html">About Me</a></li>
<li><a href="game-development.html">Game Development</a>
<ul class="dropdown">
<li><a href="game-deep-sea-arena.html">> Deep Sea Arena</a></li>
<li><a href="game-rock-paper-scissors.html">> Rock Paper Scissors</a></li>
<li><a href="game-cannon-climbing.html">> Cannon Climbing</a></li>
<li><a href="project-unity-tools.html">> Unity Tools</a></li>
<li><a href="project-archive.html">> Project Archive</a></li>
</ul>
</li>
<li><a href="art-3d.html">Art/3D</a>
<ul class="dropdown">
<li><a href="modeling3d.html">> 3D Modeling</a></li>
<li><a href="renders-simulations-vfx.html">> Renders / Simulations</a></li>
<li><a href="substance-painter-designer.html">> Substance Painter/Designer</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
<div class="content-container">
<div class="terminal-container">
<div class="back-button"><a href="gamedev.html">< Back</a></div>
<center>
<p>
<iframe src="https://store.steampowered.com/widget/2257800/" frameborder="0" width="646" height="190"></iframe>
</p>
</center>
<p>
<iframe width="100%" height="480px" src="https://www.youtube.com/embed/laCT1IA_LIE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<br>
<a href="https://store.steampowered.com/app/2257800/Cannon_Climbing/" target="_blank">Cannon Climbing on Steam</a>
</p>
<div>
<br>
<h2 class="terminal-title>About This Game:</h2>
<img src="Files/Gifs/CannonClimbing_Gif1.gif" alt="Cannon Climbing Gif 1" class="capsule-image">
<h2 class="terminal-title">Cannon Climbing</h2>
<p class="terminal-text">
<br>
Cannon Climbing is a thrilling precision platformer where you play as a cannon shooting your way to new heights. Ascend a massive test chamber filled with unique obstacles and Outmaneuver laser-wielding robots along the way. Use your knockback to gain momentum and reach new heights, but beware - one wrong move and you'll be sent back to the bottom. Can you conquer the ultimate test of skill and make it to the top?
Wishlist now and find out!
</p>
<br>
<br>
<center><img src="Files/Gifs/CannonClimbing_Gif2.gif" alt="Cannon Climbing Gif 2" class="capsule-image"></center>
<h2 class="terminal-title">Features:</h2>
<p class="terminal-text">
<br>
<ul class="nav-terminal list">
<li>Play as a cannon and use shooting to propel yourself to new heights</li>
<li>Ascend a massive test chamber filled with different themed levels</li>
<li>Dodge enemy robots and their laser attacks</li>
<li>Use knockback from shooting to gain momentum and reach new heights</li>
<li>Challenging gameplay that tests your skills</li>
<li>Multiple achievements to unlock</li>
<li>Steam Leaderboards to compete with other players</li>
<li>Connect to twitch</li>
</ul>
</p>
<br>
<br>
<center><img src="Files/Gifs/CannonClimbing_Gif3.gif" alt="Cannon Climbing Gif 3" class="capsule-image"></center>
</div>
</div>
</div>
</section>
<footer class="footer">
<p>© 2024 Marcel van Duijn (MarcelvanDuijnDev). All rights reserved. | Social Media: <a href="https://twitter.com/MarcelvanDuijn_" target="_blank">Twitter</a>, <a href="https://www.linkedin.com/in/marcel-van-duijn/" target="_blank">Linkedin</a>, <a href="https://sketchfab.com/MarcelvanDuijn" target="_blank">Sketchfab</a>, <a href="https://www.youtube.com/channel/UCifUu8rDfr-ljsMx8bUVGrg" target="_blank">Youtube</a>, <a href="https://www.artstation.com/marcelvanduijn"> Artstation </a>, <a href="https://www.instagram.com/marcelvanduijn_" target="_blank"> Instagram </a>, <a href="https://github.com/MarcelvanDuijnDev" target="_blank"> GitHub </a>, Thank you for visiting!</p>
</footer>
<script type="text/javascript">
let progress = document.getElementById('progressbar');
let totalHeight = document.body.scrollHeight - window.innerHeight;
window.onscroll = function(){
let progressHeight = (window.pageYOffset / totalHeight) * 100;
progress.style.height = progressHeight + "%";
}
</body>
</html>