Skip to content

Commit

Permalink
used HTML5 elements
Browse files Browse the repository at this point in the history
  • Loading branch information
@Pendrokar
Pendrokar committed Jul 19, 2019
1 parent 6a9fcf3 commit 1442037
Showing 1 changed file with 44 additions and 37 deletions.
81 changes: 44 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
<!DOCTYPE html>
<html xml:lang="en" lang="en">
<head>
<title>la magias</title>
<title>la .magias.</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="This is the teaser homepage for a video game that I have been prototyping since 2012. In this game the player is able to create and cast magic spells using the Lojban constructed language." />

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css" type="text/css" media="screen" />
Expand All @@ -13,82 +14,88 @@
</head>

<body>
<div class="wrapper">
<section class="wrapper">
<div class="container">
<div class="scroll">
<div class="scroll-top">
<div class="shadow"></div>
<div class="scroll-header">
<div class="scroll-top">
<div class="shadow"></div>
</div>
</div>
<div class="scroll-view">
<div class="scroll-content">
<main class="scroll-content" role="main">
<!-- variety paper background using scale() is hard on performance -->
<!-- <div class="page type-1"></div>
<div class="page type-2"></div> -->
<h1 class="title">Magia</h1>
<h2 class="minor-push">Finally, the words of magic will have a meaning behind them.</h2>

<div class="cipher h1">DAMN YOU DEVELOPER/BOT/COPY PASTER, HOW DARE YOU NOT READ THIS TEXT IN ITS INTENDED FONT!</div>
<div class="cipher h1">DAMN YOU DEVELOPER/BOT/COPY PASTER, HOW DARE YOU NOT READ THIS TEXT IN ITS INTENDED FONT!?!</div>

<h3 class="cipher minor-push">Status - Postponed (Too ambitious for a first commercial game project)</h3>

<h2 id="incantation" class="underline">Incantation</h2>
<iframe id="playerIncantation" class="player" width="480" height="360" src="https://www.youtube.com/embed/YGarOF1mSkw?autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;end=163&amp;iv_load_policy=3&amp;loop=0&amp;modestbranding=1&amp;playerapiid=playerIncantation&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;start=140"></iframe>
<p class="quote">
"Now, Master Merlin. There are three <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/SpellConstruction">classes of magic</a>, three stages of progression to full wizard status.<br />
The first, and lowest stage is wizard by <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/MagicalIncantation">incantation</a>. Abracadabra! Dove and chalk!" - "Frik" in "Merlin" TV mini-series (1998)
</p>
<blockquote class="quote">
<q>Now, Master <b>Merlin</b>, there are three <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/SpellConstruction">classes of magic</a>, three stages of progression to full wizard status.<br />
The first, and lowest stage is wizard by <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/MagicalIncantation">incantation</a>. <strong>Abracadabra! Dove and chalk!</strong></q>
<footer>- <cite><b>Frik</b> in <em>Merlin</em> TV mini-series</cite> (<time>1998</time>)</footer>
</blockquote>
<iframe id="playerIncantationReferences" class="player" width="480" height="360" src="https://www.youtube.com/embed/videoseries?listType=playlist&amp;list=PLNS9FVjtN-TO2O4gS-ZluqfyzEe3K_UFP&amp;autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;end=95&amp;iv_load_policy=3&amp;loop=1&amp;modestbranding=1&amp;playerapiid=playerIncantationReferences&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;start=51"></iframe>
<p class="major-push">
"All this magic stuff needs new terminology because it's not what people are being told it is at all."" - Grant Morrison‎, in <a href="http://www.popimage.com/content/grant20044.html" class="noicon">"Grant Morrison: Master &amp; Commander" by Christopher Butcher, Part 4 : Highway X</a>
</p>
<blockquote class="major-push">
<q>All this magic stuff needs new terminology because it's not what people are being told it is at all.</q>
<footer>- <cite>Grant Morrison‎, in "Grant Morrison: Master &amp; Commander"</cite> by Christopher Butcher, Part 4 : Highway X</footer>
</blockquote>

<h2 class="cipher">What is this?</h2>

<p class="cipher">This is the homepage for a video game that I have been prototyping since 2012. In this game the player is able to create and cast magic spells using the Lojban constructed language.</p>
<article class="cipher" role="description">This is the teaser homepage for a video game that I have been prototyping since 2012. In this game the player is able to create and cast magic spells using the Lojban constructed language.</article>

<h2 id="gestures">Gestures</h2>
<iframe id="playerGestures" class="player" width="480" height="360" src="https://www.youtube.com/embed/YGarOF1mSkw?autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;end=174&amp;iv_load_policy=3&amp;loop=0&amp;modestbranding=1&amp;playerapiid=playerGestures&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;start=162"></iframe>
<p class="quote">
"The second stage wizards are hand wizards. Whose magic is performed by <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/MagicalGesture">gestures</a> of the hands, and fingers." - "Frik" in "Merlin" TV mini-series (1998)
</p>
<blockquote class="quote">
<q>The second stage wizards are hand wizards. Whose magic is performed by <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/MagicalGesture">gestures</a> of the hands, and fingers.</q>
<footer>- <cite><b>Frik</b> in <em>Merlin</em> TV mini-series</cite> (<time>1998</time>)</footer>
</blockquote>
<iframe id="playerGesturesReferences" class="player" width="480" height="360" src="https://www.youtube.com/embed/videoseries?listType=playlist&amp;list=PLNS9FVjtN-TMn26aEc1ljcMuiYyRTJjnZ&amp;autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;end=120&amp;iv_load_policy=3&amp;loop=1&amp;modestbranding=1&amp;playerapiid=playerGesturesReferences&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;start=41"></iframe>
<p class="major-push">"Too much magic could wrap time and space around itself, and that wasn't good news for the kind of person who had grown used to things like effects following things like causes." - Terry Pratchett, in Sourcery (1988).</p>
<blockquote class="major-push">
<q>Too much magic could wrap time and space around itself, and that wasn't good news for the kind of person who had grown used to things like effects following things like causes.</q>
<footer>- <cite>Terry Pratchett, in Sourcery</cite> (1988)</footer>
</blockquote>

<h2 class="cipher">What is everything after this?</h2>

<p class="cipher minor-push">Nothing. Just stuff that fills the void of this homepage. Often magic has these three different ways of casting magic spells. Though at present we can only convey the first class by typing or using a microphone.</p>

<h2 id="will" class="underline">Will</h2>
<iframe id="playerWill" class="player" width="480" height="360" src="https://www.youtube.com/embed/YGarOF1mSkw?autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;iv_load_policy=3&amp;loop=0&amp;modestbranding=1&amp;playerapiid=playerWill&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;start=174"></iframe>
<p class="quote">
"The third and highest stage of wizardry, the supreme exponents, are wizards of pure thought. Who need no words, nor gestures but by their <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/SimplifiedSpellcasting">will</a> alone test the heavens. Of course, only the most supremely gifted personages become wizards of the third stage." - "Frik" in "Merlin" TV mini-series (1998)
</p>
<blockquote class="quote">
<q>The third and highest stage of wizardry, the supreme exponents, are wizards of pure thought. Who need no words, nor gestures but by their <a href="https://tvtropes.org/pmwiki/pmwiki.php/Main/SimplifiedSpellcasting">will</a> alone test the heavens. Of course, only the most supremely gifted personages become wizards of the third stage.</q>
<footer>- <cite><b>Frik</b> in <em>Merlin</em> TV mini-series</cite> (<time>1998</time>)</footer>
</blockquote>
<iframe id="playerWillReferences" class="player" width="480" height="360" src="https://www.youtube.com/embed/videoseries?listType=playlist&amp;list=PLNS9FVjtN-TMUv46ylLG_2fTRNDNxqLtV&amp;autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=0&amp;enablejsapi=1&amp;iv_load_policy=3&amp;loop=1&amp;modestbranding=1&amp;playerapiid=playerWillReferences&amp;playsinline=1&amp;rel=0&amp;showinfo=0"></iframe>
<p>"The power of Thought, the magic of the Mind!" - Lord Byron, in The Corsair (1813)</p>
<blockquote>
<q>The power of Thought, the magic of the Mind!</q>
<footer>- <cite>Lord Byron, in The Corsair</cite> (1813)</footer>
</blockquote>

<h1>Prototype</h1>

<iframe id="prototypeVideo" width="480" height="360" src="https://www.youtube.com/embed/8MicHA_oVWk?autohide=0&amp;autoplay=0&amp;cc_load_policy=1&amp;controls=1&amp;enablejsapi=1&amp;iv_load_policy=3&amp;loop=1&amp;modestbranding=1&amp;playerapiid=playerWillReferences&amp;playsinline=1&amp;rel=0&amp;showinfo=0" allowfullscreen></iframe>
</div>
</main>
</div>
<div class="scroll-bottom">
<div class="shadow"></div>
<div class="scroll-footer">
<div class="scroll-bottom">
<div class="shadow"></div>
</div>
</div>
</div>
</div>
<div class="push"></div>
</div>

<div class="footer">
<div>
<a href="http://validator.w3.org/check?uri=referer" class="noicon">
<img src="http://www.w3.org/Icons/valid-xhtml10.gif" alt="Valid XHTML 1.0 Strict" height="31" width="88" />
</a>
<a href="http://jigsaw.w3.org/css-validator/?uri=referer" class="noicon">
<img src="http://jigsaw.w3.org/css-validator/images/vcss.gif" alt="Valid CSS!" height="31" width="88" />
</a>
</div>
</div>
</section>

<footer class="footer">
</footer>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/systemjs/0.21.5/system.js"></script>
<script type="text/javascript">
Expand Down

0 comments on commit 1442037

Please sign in to comment.