cosmos/index.html

<!DOCTYPE HTML>
<html lang="de">
<head>
  <meta name="viewport" content="width=device-width, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
  <title>genossinnen und genossen! am 30.11. laden neingeist, starbug und martin ein.</title>

  <script src='vendor/quintus-v0.1.5/quintus-all.min.js'></script>
  <script async src="vendor/jquery-v1.9.1/jquery.min.js"></script>

  <script src='platformer.min.js'></script>

  <style type="text/css">
    body { padding:0px; margin:0px; background-color: #e33838; }
    #loading {
      font-family: 'silkscreennormal';
      color: white;
    }
    .blink {
      animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to { visibility: hidden; }
    }
    #einladung {
      font-family: 'silkscreennormal';
      position: absolute;
      top: 0;
      width: 70%;
      padding: 5%;
      margin: 5% 10% 5% 10%;
      text-align: left;
      z-index: 100;
      background: rgba(0, 0, 0, 0.8);
      color: white;

      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
    }
    #juri {
      float: right;
      margin: 20px;
    }
    @font-face {
      font-family: 'silkscreennormal';
      src: url('font/slkscr-webfont.eot');
      src: url('font/slkscr-webfont.eot?#iefix') format('embedded-opentype'),
           url('font/slkscr-webfont.woff') format('woff'),
           url('font/slkscr-webfont.ttf') format('truetype'),
           url('font/slkscr-webfont.svg#silkscreennormal') format('svg');
      font-weight: normal;
      font-style: normal;
    }
  </style>
</head>
<body>

<div id="loading" lang="en">
  loading<span class="blink">...</span>
</div>

<div style="display: none" id="einladung">

  <img alt="juri gagarin" src="images/crushed/yuri-gagarin1.png" id="juri" width="200" height="180" />

  <p>liebe genossinnen und genossen,<br/>
  cosmonautinnen und cosmonauten.</p>

  <p>in letzter zeit war viel von der entwicklung des diesjaehrigen festaktes von
  starbug, neingeist und martin die rede. fuer uns versteht sich von selbst, dass die
  erforschung des weltalls ein teil der abgestimmten politik unseres buendnisses
  zur friedenssicherung ist. dies nochmals deutlich zu machen, entspricht den
  erfordernissen unserer zeit.</p>

  <p><strong>am 30. november 2013</strong> moechten wir gemeinsam <strong>bei
  entropia, steinstrasse 23</strong> abheben (und einen heben).</p>

  <p>cosmonautinnen und cosmonauten aller laender, vereinigt euch!</p>

  <hr/>

  <p>"alles, was ich bis heute in meinem leben erfahren und getan habe, war nur
  die vorbereitung fuer diesen einen moment" - juri gagarin</p>
</div>

</body>
</html>
initial commit - quintus example platformer 2013-11-24 20:50:08 +01:00			`<!DOCTYPE HTML>`
use css hyphenation 2013-11-27 09:29:22 +01:00			`<html lang="de">`
initial commit - quintus example platformer 2013-11-24 20:50:08 +01:00			`<head>`
use quintus from the cdn, less bugs 2013-11-24 23:40:16 +01:00			`<meta name="viewport" content="width=device-width, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>`
add martin in title 2013-11-25 12:58:38 +01:00			`<title>genossinnen und genossen! am 30.11. laden neingeist, starbug und martin ein.</title>`
initial commit - quintus example platformer 2013-11-24 20:50:08 +01:00
use self-hosted libs 2013-11-25 19:06:08 +01:00			`<script src='vendor/quintus-v0.1.5/quintus-all.min.js'></script>`
try to load some scripts asynchronously 2013-11-25 19:47:53 +01:00			`<script async src="vendor/jquery-v1.9.1/jquery.min.js"></script>`
display text when player wins 2013-11-25 00:54:44 +01:00
minify platformer.js 2013-11-27 09:45:27 +01:00			`<script src='platformer.min.js'></script>`
use quintus from the cdn, less bugs 2013-11-24 23:40:16 +01:00
improve font 2013-11-25 01:03:33 +01:00			`<style type="text/css">`
inline font css (to improve speed) 2013-11-25 19:28:48 +01:00			`body { padding:0px; margin:0px; background-color: #e33838; }`
style loading 2013-11-25 20:53:00 +01:00			`#loading {`
			`font-family: 'silkscreennormal';`
			`color: white;`
			`}`
blink 2013-11-25 20:59:00 +01:00			`.blink {`
			`animation: blink 1s steps(5, start) infinite;`
			`}`
			`@keyframes blink {`
			`to { visibility: hidden; }`
			`}`
better invite 2013-11-25 01:35:42 +01:00			`#einladung {`
			`font-family: 'silkscreennormal';`
			`position: absolute;`
css hell 2013-11-25 11:55:28 +01:00			`top: 0;`
better invite 2013-11-25 01:35:42 +01:00			`width: 70%;`
			`padding: 5%;`
css hell 2013-11-25 11:55:28 +01:00			`margin: 5% 10% 5% 10%;`
left-align and hyphenate invite text 2013-11-25 11:31:48 +01:00			`text-align: left;`
better invite 2013-11-25 01:35:42 +01:00			`z-index: 100;`
make invite more readable by using a darker background 2013-11-25 11:13:23 +01:00			`background: rgba(0, 0, 0, 0.8);`
better invite 2013-11-25 01:35:42 +01:00			`color: white;`
use css hyphenation 2013-11-27 09:29:22 +01:00
			`-webkit-hyphens: auto;`
			`-moz-hyphens: auto;`
			`hyphens: auto;`
better invite 2013-11-25 01:35:42 +01:00			`}`
better invite text 2013-11-25 02:26:22 +01:00			`#juri {`
			`float: right;`
hopefully fix css now... 2013-11-25 12:33:03 +01:00			`margin: 20px;`
better invite text 2013-11-25 02:26:22 +01:00			`}`
inline font css (to improve speed) 2013-11-25 19:28:48 +01:00			`@font-face {`
			`font-family: 'silkscreennormal';`
			`src: url('font/slkscr-webfont.eot');`
			`src: url('font/slkscr-webfont.eot?#iefix') format('embedded-opentype'),`
			`url('font/slkscr-webfont.woff') format('woff'),`
			`url('font/slkscr-webfont.ttf') format('truetype'),`
			`url('font/slkscr-webfont.svg#silkscreennormal') format('svg');`
			`font-weight: normal;`
			`font-style: normal;`
			`}`
use quintus from the cdn, less bugs 2013-11-24 23:40:16 +01:00			`</style>`
initial commit - quintus example platformer 2013-11-24 20:50:08 +01:00			`</head>`
			`<body>`
display text when player wins 2013-11-25 00:54:44 +01:00
use css hyphenation 2013-11-27 09:29:22 +01:00			`<div id="loading" lang="en">`
blink 2013-11-25 20:59:00 +01:00			`loading<span class="blink">...</span>`
add a ladebalken 2013-11-25 20:48:07 +01:00			`</div>`

use css hyphenation 2013-11-27 09:29:22 +01:00			`<div style="display: none" id="einladung">`
better invite text 2013-11-25 02:26:22 +01:00
yuri is juri in german 2013-11-27 10:05:39 +01:00			`<img alt="juri gagarin" src="images/crushed/yuri-gagarin1.png" id="juri" width="200" height="180" />`
better invite text 2013-11-25 02:26:22 +01:00
			`<p>liebe genossinnen und genossen,<br/>`
			`cosmonautinnen und cosmonauten.</p>`

lowercase text 2013-11-27 09:21:59 +01:00			`<p>in letzter zeit war viel von der entwicklung des diesjaehrigen festaktes von`
			`starbug, neingeist und martin die rede. fuer uns versteht sich von selbst, dass die`
			`erforschung des weltalls ein teil der abgestimmten politik unseres buendnisses`
			`zur friedenssicherung ist. dies nochmals deutlich zu machen, entspricht den`
			`erfordernissen unserer zeit.</p>`
better invite text 2013-11-25 02:26:22 +01:00
			`<p><strong>am 30. november 2013</strong> moechten wir gemeinsam <strong>bei`
			`entropia, steinstrasse 23</strong> abheben (und einen heben).</p>`

			`<p>cosmonautinnen und cosmonauten aller laender, vereinigt euch!</p>`

			`<hr/>`

lowercase text 2013-11-27 09:21:59 +01:00			`<p>"alles, was ich bis heute in meinem leben erfahren und getan habe, war nur`
use normal - for gagarin quote 2013-11-27 09:29:41 +01:00			`die vorbereitung fuer diesen einen moment" - juri gagarin</p>`
display text when player wins 2013-11-25 00:54:44 +01:00			`</div>`

initial commit - quintus example platformer 2013-11-24 20:50:08 +01:00			`</body>`
			`</html>`