diff --git a/web/static/website/css/moss-styles.css b/web/static/website/css/moss-styles.css new file mode 100644 index 0000000..07f8c73 --- /dev/null +++ b/web/static/website/css/moss-styles.css @@ -0,0 +1,82 @@ +html { + background-color: #E3ECDE; + background-image: url("../images/background.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center bottom; + background-attachment: fixed; +} + +body { + background-color: transparent; + + font-family: "Goudy Bookletter 1911", serif; + font-weight: 400; + font-style: normal; +} + +h1,h2,h3 { + font-family: "Merienda", serif; + font-optical-sizing: auto; + font-weight: 700; + font-style: bold; +} + +h1 { + color: #B63F31; + /* color: #423222; */ + text-shadow: 5px 5px 10px #E3ECDE; + font-size: 5.0vw; + /* text-align: justify; */ + text-align: center; + line-height: 80%; + -webkit-text-stroke: 1px black; +} + +/* h1:after { */ +/* content: ""; */ +/* display: inline-block; */ +/* width: 100%; */ +/* } */ + +p.buttons { + text-align: center; + bottom: 5%; + left:50%; + margin-left:-150px; + position: absolute; +} + +a.playbutton { + box-shadow: 0px 1px 10px 5px #E3ECDE; + background: linear-gradient(to bottom, #7D9D3C 5%, #405122 100%); + background-color: rgba(0, 0, 0, 0); + background-color: #7D9D3C; + border-radius: 12px; + border: 1px solid #405122; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: Arial; + font-size: 24px; + padding: 14px 37px; + text-decoration: none; + text-shadow: 0px 1px 0px #283966; + margin: auto; +} + +#scrolled-instructions { + display: none; + /* display: none; */ + /* position: fixed; */ + /* top: 10%; */ + /* left: 10%; */ + max-width: 700px; + padding: 50px; + margin-left: 70px; + + background-image: url("../images/parchment-paper.png"); + background-repeat: no-repeat; + /* background-size: cover; */ + background-size:100% 100%; +} diff --git a/web/static/website/images/background.jpg b/web/static/website/images/background.jpg new file mode 100644 index 0000000..2490356 Binary files /dev/null and b/web/static/website/images/background.jpg differ diff --git a/web/static/website/images/parchment-paper.png b/web/static/website/images/parchment-paper.png new file mode 100644 index 0000000..d235945 Binary files /dev/null and b/web/static/website/images/parchment-paper.png differ diff --git a/web/templates/website/index.html b/web/templates/website/index.html new file mode 100644 index 0000000..84fe84c --- /dev/null +++ b/web/templates/website/index.html @@ -0,0 +1,84 @@ +{% load static sekizai_tags %} + + + + + + Sitting on Moss & Jumping in Puddles + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Sitting on Moss
&
Jumping in Puddles

+ +
+

+ In a nutshell, this is a storybook game. You read a bit of a story, and like a + choose your own adventure book, you do + something to move your story along. +

+

+ Technically, this is a MUD-like game, where many people can jump + into this text adventure games, and explore my cozy, little environment. +

+

+ To play, follow these steps ... +

+
    +
  1. Click the Enter a cozy world... button.
    2. +
  2. When two windows appear, click the lower one to enter some commands.
    3. +
  3. Type create, then a space, followed by some username, another space, and a password. Don't bother getting creative with the username. The password? Go nuts.
    4. +
  4. + Type the following (replacing the text on the right side of the = symbol): + 
    +          name self = Rambler
+          desc self = A frumpy, but spry person with large ears and dark blue cloak.
+
    + When someone types, look rambler, they will see + the desc line. Make sense? +
    5. +
  5. When you return, type connect followed by the original username and password you typed the first time.
    6. +
+

+ If you are ready to join me, + + close this window + ... +

+ {% if webclient_enabled %} + +

+ Enter a cozy world... +         + Wait, what is this? +

+ + {% endif %} + +