part1_1.htm
142 lines
| 5.1 KiB
| text/html
|
HtmlLexer
/ endgames-vn / part1_1.htm
| r8 | |||
| <!doctype html> | |||
| <html> | |||
| <head> | |||
| <link rel="stylesheet" href="vn.css"> | |||
| <link rel="stylesheet" href="scenes.css"> | |||
| <meta name="viewport" content="width=device-width, user-scalable=no"> | |||
| </head> | |||
| <body> | |||
| <div class="viewport"> | |||
| <div class="frame" id="frame_1"> | |||
| <div class="stage scene-splash"> | |||
| <div class="centered-white-text vertical-four-line"> | |||
| This is a 'kinetic visual novel'. To advance in the<br> | |||
| story, just click the screen. There are no decisions<br> | |||
| to make, items to collect, or minigames to play. | |||
| </div> | |||
| <div class="overlay screen-color-80"></div> | |||
| </div> | |||
| <div class="stage scene-black fade-in"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| ... | |||
| </div> | |||
| </div> | |||
| <a target="_self" class="framelink" href="#frame_2"></a> | |||
| </div> | |||
| <div class="frame" id="frame_2"> | |||
| <div class="stage scene-black"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| ... | |||
| </div> | |||
| </div> | |||
| <div class="stage scene-black fade-in"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| I'm dying. | |||
| </div> | |||
| </div> | |||
| <a target="_self" class="framelink" href="#frame_3"></a> | |||
| </div> | |||
| <div class="frame" id="frame_3"> | |||
| <div class="stage scene-black"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| I'm dying. | |||
| </div> | |||
| </div> | |||
| <div class="stage scene-black fade-in"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| I know this feeling. | |||
| </div> | |||
| </div> | |||
| <a target="_self" class="framelink" href="#frame_4"></a> | |||
| </div> | |||
| <div class="frame" id="frame_4"> | |||
| <div class="stage scene-black"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| I know this feeling. | |||
| </div> | |||
| </div> | |||
| <div class="stage scene-black fade-in"> | |||
| <div class="centered-white-text vertical-one-line"> | |||
| My heart... | |||
| </div> | |||
| </div> | |||
| <a target="_self" class="framelink" href="part1_2.htm#frame_5"></a> | |||
| </div> | |||
| </div> | |||
| <div id="preload"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_crouching_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_crouching_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_lungingclose_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_lunging_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_nonplussed_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pfront_nonplussed_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headdown_lookingaside_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headdown_lookingaside_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headdown_lookingfront_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headdown_lookingfront_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingaside_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingaside_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingfront_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingfront_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraightangry_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraight_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraight_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraightsadface_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraightwideeyed_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pleft_headstraight_lookingstraightwideeyed_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pright_lookingoff_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pright_lookingup_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pright_lookingup_m1.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pright_turning_m0.png" width="1" height="1"> | |||
| <img src="assets/character/pirogoeth/pirogoeth_pright_turning_m1.png" width="1" height="1"> | |||
| <img src="assets/background/market_empty.jpg" width="1" height="1"> | |||
| <img src="assets/background/market_busy.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackCamping.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackDancing.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackDarkBG.png" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackDomina.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackEscaping.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackFalling.jpg" width="1" height="1"> | |||
| <img src="assets/background/flashback/flashbackHunting.jpg" width="1" height="1"> | |||
| </div> | |||
| <audio autoplay="autoplay" loop="loop" src="assets/music/heartbeat5-tweaked.mp3" /> | |||
| </body> | |||
| </html> | |||
