2016-01-07 13:27:57 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2016-01-15 03:06:03 +02:00
< title > Salet showcase< / title >
2016-01-07 13:27:57 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link href = 'https://fonts.googleapis.com/css?family=PT+Sans:400,400italic|PT+Sans+Caption' rel = 'stylesheet' type = 'text/css' >
< link rel = "stylesheet" href = "css/main.css" >
< / head >
< body >
< div id = "page" class = "container" >
2016-01-15 03:06:03 +02:00
< div class = "row" >
< div id = "title" class = "title" >
< div class = "label" >
< h1 > Salet< / h1 >
< h2 > A general cybertext IF engine< / h2 >
< noscript >
< p class = "noscript_message" > This game requires Javascript.< / p >
< / noscript >
< / div >
< / div >
< / div >
2016-01-07 13:27:57 +02:00
< div id = "content_wrapper" class = "row" >
2016-01-15 03:06:03 +02:00
< div id = "intro" class = "content" >
< section >
2016-01-18 12:29:14 +02:00
<!-- For the accessibility reasons, you really should begin your game here.
Write a short intro the player will read while the Javascript is loading and executing.
It has to be HTML but that shouldn't be a BIG problem if you're reading this.
On the other hand this means the first intro passages will be non-interactive. -->
2016-01-15 10:10:12 +02:00
< p > < em > Salet< / em > is an offspring of Undum and Raconteur.< / p >
< p > The project is still a work-in-progress. This "game" will show you some of the new features.< / p >
< p > It's supposed to be relatively painless for the author without sacrificing the reader's experience.
For example, the game still loads while you're reading this.< / p >
2016-01-16 08:26:25 +02:00
< p > < em > Salet< / em > is < em > not< / em > a library or a framework you can slap something on.
It's more a game you can hack into your game. (Like Undum, yeah.)< / p >
< p > There are no either cool editor or clear instructions.
You'll have to copy the source code and edit the CoffeeScript files in the < code > game< / code > folder.
Then < em > compile< / em > them.< / p >
2016-01-16 18:24:23 +02:00
< p > This is neither a technical documentation nor UI tutorial, this is a < em > game.< / em >
2016-01-16 08:26:25 +02:00
You're supposed to note all the cool and curious features yourself.
2016-01-16 18:24:23 +02:00
If you want some technical info, there are the < a href = "http://git.oreolek.ru/oreolek/salet" > source code< / a > and a < a href = "http://git.oreolek.ru/oreolek/salet/wikis/home" > wiki.< / a > < / p >
2016-01-16 08:26:25 +02:00
< p > I'm just here to point out that you are playing this in the web browser, online.
And you don't need to learn < em > The Complete Javascript, Volumes I-III< / em > to write in this style.< / p >
< p > So let me show you... The World.< / p >
2016-01-15 03:06:03 +02:00
< noscript > You need to turn on Javascript to play this game.< / noscript >
< / section >
< / div >
< div id = "content" class = "content" >
2016-01-07 13:27:57 +02:00
< / div >
< a name = "end_of_content" > < / a >
< / div >
< div id = "tools_wrapper" class = "row" >
< div class = 'ways' >
2016-02-11 07:19:03 +02:00
< small class = "text-muted" id = "ways_hint" > Click these links to explore other rooms< / small >
< ul class = "nav nav-pills" id = "ways" >
< / ul >
2016-01-07 13:27:57 +02:00
< / div >
2016-01-15 03:06:03 +02:00
< / div > <!-- End of div.tools_wrapper -->
2016-01-07 13:27:57 +02:00
< div class = "row" >
< div id = "legal" >
< div id = "footleft" >
2016-01-15 03:06:03 +02:00
< p > The game was written by < em > (you should put your name here)< / em > < / p >
< p > Approximate play time: not measured.< / p >
< p > Written using < a href = "http://git.oreolek.ru/oreolek/salet" target = "_blank" > Salet< / a > .< / p >
< p > Betatesting credit: none yet< / p >
2016-01-07 13:27:57 +02:00
< / div >
< div id = "footright" >
2016-02-16 08:18:11 +02:00
< p class = 'buttons' >
< button id = "erase" class = "btn btn-outline-danger" > Restart< / button >
< / p >
< p > < a href = "./LICENSE.txt" > < img src = "img/mit.png" alt = "This program is licensed under MIT license." > < / a > < / p >
2016-01-07 13:27:57 +02:00
< / div >
< / div >
< / div >
< / div > <!-- End of div.page -->
2016-01-15 03:06:03 +02:00
<!-- CDN JS Libraries -->
< script type = "text/javascript" src = "//cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js" > < / script >
< script type = "text/javascript" src = "//code.jquery.com/jquery-2.2.0.min.js" > < / script >
< script type = "text/javascript" src = "game/bundle.js" > < / script >
2016-01-07 13:27:57 +02:00
< / body >
< / html >