-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·146 lines (143 loc) · 6.46 KB
/
index.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en" class="no-js">
<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; maximum-scale=1.0; user-scalable=0;"/>
<title>Fin GameWorks</title>
<meta name="description" content="Fin GameWorks, two-man indie game studio." />
<meta name="keywords" content="justzht,fingameworks,justin,fincher,sergiochan,justinfincher" />
<meta name="author" content="Justin Fincher" />
<link rel="shortcut icon" href="favicon.ico">
<!-- Feather Icons -->
<link rel="stylesheet" type="text/css" href="fonts/feather/style.css">
<!-- General demo styles & header -->
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<!-- Component styles -->
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<meta property="og:url" content="http://fingame.works/">
<meta property="og:type" content="website">
<meta property="og:title" content="Fin GameWorks">
<meta property="og:image" content="http://fingame.works/images/epoch-screenshot.jpg">
<meta property="og:description" content="Fin GameWorks, two-man indie game studio.">
<meta property="og:site_name" content="Fin GameWorks">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@fingameworks">
<meta name="twitter:creator" content="@justzht">
<meta name="twitter:url" content="http://fingame.works/">
<meta name="twitter:title" content="Fin GameWorks">
<meta name="twitter:description" content="Fin GameWorks, two-man indie game studio.">
<meta name="twitter:image" content="http://fingame.works/images/epoch-screenshot.jpg">
</head>
<body>
<!-- Main container -->
<div class="container">
<!-- Blueprint header -->
<header class="bp-header cf">
<span>Justin Fincher <span class="bp-icon bp-icon-about" data-content="Indie iOS & Unity Developer, crafting weird stuff at his FIN GAMEWORKS workshop."></span></span>
<h1>FIN GAMEWORKS</h1>
<nav>
</nav>
</header>
<!-- Grid -->
<section class="slider">
<div class="slide slide--current" data-content="content-1">
<div class="slide__mover">
<div class="zoomer flex-center">
<div class="preview">
<img src="images/icon/epoch.jpg" alt="EPOCH" />
<div class="zoomer__area zoomer__area--size-1"></div>
</div>
</div>
</div>
<h2 class="slide__title"><span>Procedrually</p>Generated Space</span> EPOCH GAME</h2>
</div>
<div class="slide slide" data-content="content-2">
<div class="slide__mover">
<div class="zoomer flex-center">
<div class="preview">
<img src="images/icon/lonely.jpg" alt="LONELY" />
<div class="zoomer__area zoomer__area--size-1"></div>
</div>
</div>
</div>
<h2 class="slide__title"><span>Procedrually Generated</p>Planet Tech Demo</span> LONELY PLANET</h2>
</div>
<div class="slide" data-content="content-3">
<div class="slide__mover">
<div class="zoomer flex-center">
<div class="preview">
<img src="images/icon/stillness.jpg" alt="STILLNESS" />
<div class="zoomer__area zoomer__area--size-1"></div>
</div>
</div>
</div>
<h2 class="slide__title"><span>Slient Movie Game</span> STILLNESS</h2>
</div>
<div class="slide" data-content="content-4">
<div class="slide__mover">
<div class="zoomer flex-center">
<div class="preview">
<img src="images/icon/eve.jpg" alt="EVE" />
<div class="zoomer__area zoomer__area--size-1"></div>
</div>
</div>
</div>
<h2 class="slide__title"><span>EVE Ship enthusiast</span> EVE Model Viewer</h2>
</div>
<nav class="slider__nav">
<button class="button button--nav-prev"><i class="icon icon--arrow-left"></i><span class="text-hidden">Previous product</span></button>
<button class="button button--zoom"><i class="icon icon--zoom"></i><span class="text-hidden">View details</span></button>
<button class="button button--nav-next"><i class="icon icon--arrow-right"></i><span class="text-hidden">Next product</span></button>
</nav>
</section>
<!-- /slider-->
<section class="content">
<div class="content__item" id="content-1">
<img class="content__item-img rounded-right" src="images/epoch-screenshot.jpg" alt="EPOCH" />
<div class="content__item-inner">
<h2>EPOCH GAME</h2>
<h3>Work in progress</h3>
<p>Procedrually generated outer-space, landable-planet, dog-fight, flagship ... just on your iPhone.</p>
<p><a href="http://www.justzht.com/">Follow development progress ⟶</a></p>
</div>
</div>
<div class="content__item" id="content-2">
<img class="content__item-img rounded-right" src="images/lonely-screenshot.jpg" alt="EPOCH" />
<div class="content__item-inner">
<h2>LONELY PLANET</h2>
<h3>Procedrually Generated Planets Tech Demo</h3>
<p>Using Epoch Core framework. Show off the current epoch game procedrually generation development state.</p>
<p><a href="https://itunes.apple.com/cn/app/lonely-planet-procedurally/id1177530091?mt=8">Download ⟶</a></p>
</div>
</div>
<div class="content__item" id="content-3">
<img class="content__item-img rounded-right" src="images/stillness-screenshot.jpeg" alt="Stillness" />
<div class="content__item-inner">
<h2>STILLNESS GAME</h2>
<h3>Slient Movie Inspired Game.</h3>
<p>Stillness is a tiny retro voyage game with metaphors for 8-bit game and silent movie style.</br>
Touch left or right side of your screen to move your ship.
Enjoy it :-)</p>
<p><a href="https://itunes.apple.com/us/app/stillness-a-tiny-retro-voyage/id1000194291?l=zh&ls=1&mt=8">Download ⟶</a></p>
</div>
</div>
<div class="content__item" id="content-4">
<img class="content__item-img rounded-right" src="images/eve-screenshot.jpg" alt="EVE MODEL" />
<div class="content__item-inner">
<h2>EVE SHIP MODEL VIEWER</h2>
<h3>All EVE Ships on your iPhone.</h3>
<p> Model Viewer for EVE-Online Ships / Stations / Stargates.</p>
<p><a href="https://itunes.apple.com/us/app/eve-model-viewer-for-gallente/id1009709088?l=zh&ls=1&mt=8">Download ⟶</a></p>
</div>
</div>
<button class="button button--close"><i class="icon icon--circle-cross"></i><span class="text-hidden">Close content</span></button>
</section>
</div>
<script src="js/classie.js"></script>
<script src="js/dynamics.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>