aboutsummaryrefslogtreecommitdiff
path: root/website/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'website/index.html')
-rw-r--r--website/index.html34
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>
88Don'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>