diff options
Diffstat (limited to 'website/index.html')
| -rw-r--r-- | website/index.html | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/website/index.html b/website/index.html index e7b58fa..23f72be 100644 --- a/website/index.html +++ b/website/index.html | |||
| @@ -54,27 +54,27 @@ | |||
| 54 | <div class="pure-g"> | 54 | <div class="pure-g"> |
| 55 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 55 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
| 56 | 56 | ||
| 57 | <h3 class="content-subhead"><i class="fa fa-rocket"></i> Get Started Quickly </h3> | 57 | <h3 class="content-subhead"><i class="fa fa-superscript"></i> Meet a friend </h3> |
| 58 | <p> | 58 | <p> |
| 59 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 59 | He will guide you gladly... at one necessary but not sufficient condition. |
| 60 | </p> | 60 | </p> |
| 61 | </div> | 61 | </div> |
| 62 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 62 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
| 63 | <h3 class="content-subhead"><i class="fa fa-mobile"></i> Responsive Layouts </h3> | 63 | <h3 class="content-subhead"><i class="fa fa-save"></i> Obtain the program </h3> |
| 64 | <p> | 64 | <p> |
| 65 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 65 | The legend says that a sage made a special program, a long time ago. |
| 66 | </p> | 66 | </p> |
| 67 | </div> | 67 | </div> |
| 68 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 68 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
| 69 | <h3 class="content-subhead"><i class="fa fa-th-large"></i> Modular </h3> | 69 | <h3 class="content-subhead"><i class="fa fa-suitcase"></i> Find the device </h3> |
| 70 | <p> | 70 | <p> |
| 71 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 71 | It's impressive to see what they made using a "micro"controller and some adhesive tape. |
| 72 | </p> | 72 | </p> |
| 73 | </div> | 73 | </div> |
| 74 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | 74 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> |
| 75 | <h3 class="content-subhead"><i class="fa fa-check-square-o"></i> Plays Nice </h3> | 75 | <h3 class="content-subhead"><i class="fa fa-terminal"></i> Reboot everything </h3> |
| 76 | <p> | 76 | <p> |
| 77 | Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. | 77 | Connect everything, press the button, save the world, and we're done. |
| 78 | </p> | 78 | </p> |
| 79 | </div> | 79 | </div> |
| 80 | </div> | 80 | </div> |
| @@ -82,13 +82,18 @@ | |||
| 82 | 82 | ||
| 83 | <div class="ribbon l-box-lrg pure-g"> | 83 | <div class="ribbon l-box-lrg pure-g"> |
| 84 | <a id="help" class="anchor"></a> | 84 | <a id="help" class="anchor"></a> |
| 85 | <div class="l-box-lrg is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5"> | 85 | <div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5"> |
| 86 | <img class="pure-img-responsive" alt="File Icons" width="300" src="//placehold.it/300x300"> | 86 | <h2 class="content-head content-head-ribbon">I'm lost!</h2> |
| 87 | <pre> | ||
| 88 | Don't <span style="color: #dd514c;">panic()</span>; | ||
| 89 | <span style="color: rgb(128, 88, 165);">Throw</span> an <span style="color: #0e90d2;">Exception</span> and <span style="color: #5eb95e">try</span> with the | ||
| 90 | </pre> | ||
| 91 | <p> | ||
| 92 | <a href="#map" class="pure-button">Game map</a> | ||
| 93 | </p> | ||
| 87 | </div> | 94 | </div> |
| 88 | <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5"> | 95 | <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5"> |
| 89 | 96 | <h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2> | |
| 90 | <h2 class="content-head content-head-ribbon">Need some help?</h2> | ||
| 91 | |||
| 92 | <p> | 97 | <p> |
| 93 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | 98 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
| 94 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | 99 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
| @@ -96,9 +101,6 @@ | |||
| 96 | consequat. Duis aute irure dolor. | 101 | consequat. Duis aute irure dolor. |
| 97 | </p> | 102 | </p> |
| 98 | 103 | ||
| 99 | <p> | ||
| 100 | <a href="#map" class="pure-button">Where am I? Open the map!</a> | ||
| 101 | </p> | ||
| 102 | </div> | 104 | </div> |
| 103 | 105 | ||
| 104 | </div> | 106 | </div> |