furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ Site > Add illustrations

Browse Source
This commit is contained in:
brunosimon
2017-12-31 11:34:45 +01:00
parent 831129192a
commit 3246748331
14 changed files with 1492 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/index.html
+43 -3
View File
@@ -63,15 +63,41 @@
<h4 class="title">No setup for your audience</h4>
<p class="paragraph">It all happens on their web browser! All they have to do is visit a URL.</p>
</div>
<div class="illustration"></div>
<div class="illustration aliens">
<div class="element background"></div>
<div class="element guy-2 levitation-2"></div>
<div class="element guy-1 levitation-1"></div>
<div class="element ship"></div>
<div class="system">
<div class="circle index-1"></div>
<div class="circle index-2"></div>
<div class="circle index-3"></div>
<div class="disc index-1"><div class="inner"></div></div>
<div class="disc index-2"><div class="inner"></div></div>
<div class="disc index-3"><div class="inner"></div></div>
</div>
</div>
</div>
<div class="info right">
<div class="illustration"></div>
<div class="text">
<h4 class="title">Transparent for you</h4>
<p class="paragraph">Once Keppler is launched, you can forget about it. Just code as you would normally do,and your changes will automatically be pushed to your audience, on LAN.</p>
</div>
<div class="illustration computer">
<div class="element background"></div>
<div class="element laptop levitation-3"></div>
<div class="system">
<div class="circle index-1"></div>
<div class="circle index-2"></div>
<div class="circle index-3"></div>
<div class="disc index-1"><div class="inner"></div></div>
<div class="disc index-2"><div class="inner"></div></div>
<div class="disc index-3"><div class="inner"></div></div>
</div>
</div>
</div>
<div class="info">
@@ -79,7 +105,21 @@
<h4 class="title">Resource sharing made easy</h4>
<p class="paragraph">Your audience can download the resources used in the project directly on Keppler. No need to host your files anywhere!</p>
</div>
<div class="illustration"></div>
<div class="illustration astronaut">
<div class="element background"></div>
<div class="element guy levitation-3"></div>
<div class="element green-book levitation-2"></div>
<div class="element red-book levitation-1"></div>
<div class="system">
<div class="circle index-1"></div>
<div class="circle index-2"></div>
<div class="circle index-3"></div>
<div class="disc index-1"><div class="inner"></div></div>
<div class="disc index-2"><div class="inner"></div></div>
<div class="disc index-3"><div class="inner"></div></div>
</div>
</div>
</div>
</section>