75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
{% load static sekizai_tags %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Sitting on Moss & Jumping in Puddles</title>
|
|
<meta name="description" content="My cozy escape from the world." />
|
|
|
|
<!-- title -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap" rel="stylesheet">
|
|
|
|
<!-- rest of the words -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Merienda:wght@300..900&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static "website/css/website.css" %}" />
|
|
<style rel="stylesheet" type="text/css" >
|
|
{% include "website/custom.css" %}
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="shortcut icon" href="/img/dragon-head.svg" />
|
|
<link rel="icon" href="/img/dragon.svg" />
|
|
<link rel="me" href="https://pdx.sh/@howard" />
|
|
<meta http-equiv="X-Clacks-Overhead" content="Darol Allen" />
|
|
<meta http-equiv="X-Clacks-Overhead" content="George Vanecek" />
|
|
<meta http-equiv="X-Clacks-Overhead" content="Rick Cooper" />
|
|
<meta http-equiv="X-Clacks-Overhead" content="Terry Pratchett" />
|
|
</head>
|
|
<body>
|
|
</head>
|
|
<body>
|
|
<h1>Sitting on Moss <br/>&<br/> Jumping in Puddles</h1>
|
|
|
|
<div id="scrolled-instructions">
|
|
<p>
|
|
This is a storybook game. You read a bit of a story, and like a
|
|
<em>choose your own adventure</em> book, you
|
|
<strong><em>do</em></strong> something to
|
|
<em>move your story along</em>.
|
|
</p>
|
|
<p>
|
|
Technically, this is a <a href="">MUD</a>-like game, where many
|
|
people can jump into this <em>text adventure games</em>, and
|
|
explore my cozy, little environment.
|
|
</p>
|
|
<p>
|
|
View this game as a respite from the cacophony of our world, as
|
|
you role play (pretend to be) a storybook character in an
|
|
idyllic setting.
|
|
</p>
|
|
<p>
|
|
When you are ready to join me,
|
|
<a href="#"
|
|
onclick="document.getElementById('scrolled-instructions').style.display='none'">
|
|
close this window
|
|
</a>...
|
|
</div>
|
|
{% if webclient_enabled %}
|
|
|
|
<p class="buttons">
|
|
<a href="/cozy{% url 'webclient:index' %}"
|
|
class="playbutton" id="play">Enter a cozy world...</a>
|
|
|
|
<a href="#" onclick="document.getElementById('scrolled-instructions').style.display='block'"
|
|
class="playbutton" id="instructions">Wait, what is this?</a>
|
|
</p>
|
|
|
|
{% endif %}
|
|
</body>
|
|
</html>
|