-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (153 loc) · 5.56 KB
/
index.html
File metadata and controls
165 lines (153 loc) · 5.56 KB
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE HTML>
<html>
<head>
<title>Project F</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper" class="wrapper">
<div id="header">
<!-- Logo -->
<div id="logo">
<p><img style='height:250px;' src='logo/white_on_nothing.png'/></p>
<h1>Project <i>F</i></h1>
</div>
<!-- Nav -->
<!--
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li>
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Magna veroeros</a></li>
<li><a href="#">Etiam nisl</a></li>
<li>
<a href="#">Sed consequat</a>
<ul>
<li><a href="#">Lorem dolor</a></li>
<li><a href="#">Amet consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam nisl</a></li>
<li><a href="#">Sed feugiat</a></li>
</ul>
</li>
<li><a href="#">Nisl tempus</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
-->
</div>
</div>
<!-- Intro -->
<div id="intro-wrapper" class="wrapper style1">
<section id="intro" class="container">
<div class="demo-window">
<div class="content">
<iframe style="width:100%; height:100%;" src="F.LF/game/game.html?demo_display"></iframe>
</div>
</div>
</section>
<ul class="actions actions-centered">
<li><a href="F.LF/game/game.html" target="_blank" class="button style1 big">Play</a></li>
</ul>
</div>
<!-- Main -->
<div class="wrapper style2">
<div class="title">About</div>
<div id="main" class="container">
<!-- Features -->
<section id="features">
<header class="style1">
<h2>Project F & F.LF</h2>
<p>Project F is an effort to create a powerful and hackable game engine for the 2D fighter (Beat 'em up) genre.</p>
<p>F.LF is a clean room implementation of the classic fighter game <a href="http://www.littlefighter.com" target="_blank">Little Fighter 2</a>, which is well known for its hackability that enabled huge opportunities in spriting and data changing. F.LF is our first step to the continuation of the LF2 legend.</p>
</header>
<div class="feature-list">
<div class="row">
<div class="12u">
<section>
<h3 class="icon fa-gamepad">Rich game mechanics</h3>
<p>Punch & dash. Catch & throw. Defend & dodge. Weapons, blasts & super moves. Design your characters by writing data files.</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-magic">Carefully designed</h3>
<p>with clear specification. Be amazed by F.LF's resemblance to LF2.</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-html5">HTML5</h3>
<p>Cross platform and works across desktop and mobile.</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-gears">Full featured</h3>
<p>Graphics. Sound. Keyboard & touch. AI. Multiplayer.</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-cc">Open Source</h3>
<p>Freedom to the community. GPLv3 Licensed.</p>
</section>
</div>
</div>
</div>
<ul class="actions actions-centered">
<li><a href="F.LF" class="button style1 big">Learn More</a></li>
</ul>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper" class="wrapper">
<!--
<div class="title">The Rest Of It</div>
<div id="footer" class="container">
<header class="style1">
<h2>Ipsum sapien elementum portitor?</h2>
<p>
Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.
Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
</p>
</header>
</div>
-->
<div id="copyright">
<p><b>Project <i>F</i></b><br>
<img style="width:100px; margin-top: 15px;" src="logo/ProjectF.png"/><br></p>
<ul>
<li>© Project F (2011-2021)</li><li>Template by <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
<!--
Escape Velocity by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<!--<script src="assets/js/jquery.dropotron.min.js"></script>-->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>