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' >
< h2 > Other rooms< / h2 >
< div id = "ways" > < / div >
< / div >
2016-01-15 03:06:03 +02:00
< div class = "menu" >
< ul class = "nav nav-pills" >
< li class = "nav-item" >
< span class = "nav-link disabled" id = "inventory" > Inventory< / span >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" data-toggle = "dropdown" href = "#" role = "button" aria-haspopup = "true" aria-expanded = "false" > System< / a >
< div class = "dropdown-menu" >
2016-01-15 03:59:46 +02:00
< a class = "dropdown-item disabled" id = "save" href = "#" > Save< / a >
< a class = "dropdown-item disabled" id = "load" href = "#" > Load< / a >
< a class = "dropdown-item disabled" id = "erase" href = "#" > Restart< / a >
2016-01-15 03:06:03 +02:00
< div class = "dropdown-divider" > < / div >
2016-01-15 03:59:46 +02:00
< a class = "dropdown-item disabled" id = "undo" href = "#" > Undo (non-fuctioning)< / a >
2016-01-15 03:06:03 +02:00
< / div >
< / li >
< / 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" >
< a href = "./LICENSE.txt" > < img src = "img/mit.png" alt = "This program is licensed under MIT license." > < / a >
< / div >
< / div >
< / div >
< / div > <!-- End of div.page -->
2016-01-15 03:06:03 +02:00
< div id = "ui_library" >
< div id = "quality" class = "quality" >
< span class = "name" data-attr = "name" > < / span >
< span class = "value" data-attr = "value" > < / span >
< / div >
< div id = "quality_group" class = "quality_group" >
< h2 data-attr = "title" > < / h2 >
< div class = "qualities_in_group" >
< / div >
< / div >
< hr id = "turn_separator" >
< / div >
< div id = "content_library" > < / div >
<!-- 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 >
2016-01-15 03:31:04 +02:00
< script type = "text/javascript" src = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" > < / script >
2016-01-15 03:06:03 +02:00
< script type = "text/javascript" src = "game/bundle.js" > < / script >
2016-01-07 13:27:57 +02:00
< / body >
< / html >