-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-closed_in.html
97 lines (90 loc) · 4.73 KB
/
portfolio-closed_in.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 lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Andy Loesch - Front-End Dev</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="logo">
<img src="img/devandytop.jpg" alt="">
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav-list">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="index.html#services" class="nav-link">What I focus on</a></li>
<li class="nav-item"><a href="index.html#about" class="nav-link">About Me</a></li>
<li class="nav-item"><a href="index.html#work" class="nav-link">My Work</a></li>
</ul>
</nav>
</header>
<section class="intro">
<h1 class="section-title section-title-intro">2009<strong>Closed In</strong>
</h1>
<p class="section-subtitle section-subtitle-intro">Flash Game</p>
<img src="img/portfolio-closed_in.jpg" alt="" class="intro-img">
</section>
<div class="portfolio-item-individual">
<p>“CLOSED IN” is a short game where you find yourself in some kind of abandoned underground bunker after falling down a strange shaft.
Explore it, survive it and find out what it’s all about.</p>
<img src="img/portfolio-closed_inlaborplan2.jpg" alt="">
<p>Flash Game. Coding, Game Design, Art(Vector and Bitmap) & Sound Design by Me.</p>
<p>Comment By googoolyeye 12.Jun, 2009:
<cite>
At first glance, I thought this was a bad Don't Look Back remake, but now...
Closed In is an amazing and beautiful game. The graphics are so vivid and immerse.
Even though there isn't much of a story, I was sucked into it, imagining up my own
tale as to why this poor fellow is in there. The controls are easy and simplistic,
and they are responsive, causing little frustration. The game is fairly hard to
not have any checkpoints, making you restart every time you die, but that bothers
me little, as I'm too busy just looking and appreciating the game itself, rather
than the gameplay. The gameplay is great, simple and easy to learn, but not very
easy to beat... My one suggestion: add some music. I believe if you put in some
creepy or dark music, the game will truly show its colors to the rest of the
world. 5/5 Bravo!
</cite>
</p>
<p> Since Adobe Flash is no longer supported by the web, the game can no longer be viewed on a website. But I
can offer a Standalone Version to <a href="res/Closed_In.zip">DOWNLOAD</a> [2.4mb][WIN executable only] </p>
<p> Try running the game online with remote Ruffle <a href="/play/play_closed_in.html">HERE</a></p>
</div>
<section class="section-center">
<a href="index.html" class="btn">Back to Home</a>
</section>
<footer class="footer">
<p>Contact Me:</p>
<!-- <a href="mailto:gude@no-fate.net" class="footer-link"> -->
<h3>gude@no-fate.net</h3>
<!-- </a> -->
<ul class="social-list">
<li class="social-list-item">
<a href="#" class="social-list-link">
<i class="fab fa-github"></i> github</a>
</li>
<li class="social-list-item">
<a href="#" class="social-list-link">
<i class="fab fa-twitter"></i> twitter</a>
</li>
<li class="social-list-item">
<a href="#" class="social-list-link">
<i class="fab fa-xing"></i> xing</a>
</li>
<li class="social-list-item">
<a href="#" class="social-list-link">
<i class="fas fa-music"></i> no fate net</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>