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' >
2016-12-27 10:16:16 +02:00
< link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" >
2016-01-07 13:27:57 +02:00
< link rel = "stylesheet" href = "css/main.css" >
< / head >
< body >
2016-11-15 11:44:47 +02:00
< div id = "page" >
< div class = "fixed container" >
< div id = "tools_wrapper" class = "row" >
< div class = 'ways' >
< small class = "text-muted" id = "ways_hint" > Click these links to explore other rooms< / small >
< ul class = "nav nav-pills" id = "ways" >
< / ul >
< / div >
< div class = "buttons" >
< a href = "inventory" > < button id = "inventory" class = "btn btn-outline-primary" > Inventory< / button > < / a >
2016-12-07 13:36:56 +02:00
< button id = "night" class = "btn btn-outline-primary" > Night mode< / button >
2016-11-15 11:44:47 +02:00
< button id = "erase" class = "btn btn-outline-danger" > Restart< / button >
< / div >
< / div > <!-- End of div.tools_wrapper -->
< / div >
< div 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-11-15 11:48:01 +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 = "https://salet.su" > 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 >
2016-03-20 15:46:40 +02:00
< div id = "legal" class = "row" >
< div id = "footleft" >
2016-06-28 08:21:11 +03:00
< p >
If you want to know how this game was made, check out < a
href="https://git.oreolek.ru/oreolek/salet" target="_blank">the
source code.< / a >
< / p >
2016-03-20 15:46:40 +02:00
< / div >
< div id = "footright" >
2016-01-07 13:27:57 +02:00
< / div >
< / div >
2016-11-15 11:44:47 +02:00
< / div >
2016-01-07 13:27:57 +02:00
< / div > <!-- End of div.page -->
2016-01-15 03:06:03 +02:00
<!-- CDN JS Libraries -->
2016-12-27 10:16:16 +02:00
< script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js" crossorigin = "anonymous" > < / script >
< script type = "text/javascript" src = "https://code.jquery.com/jquery-3.1.1.min.js" crossorigin = "anonymous" > < / script >
< script type = "text/javascript" src = "game/salet.min.js" > < / script >
2016-01-15 03:06:03 +02:00
2016-12-27 10:16:16 +02:00
< script type = "text/javascript" defer = "defer" src = "game/main.js" > < / script >
2016-01-07 13:27:57 +02:00
< / body >
< / html >