From 1bd6063d66c3ed60255784c9e9bf36a84d6e044b Mon Sep 17 00:00:00 2001
From: "kload@kload.fr" <kload@kload.fr>
Date: Wed, 19 Mar 2014 12:07:44 +0100
Subject: [PATCH] Update index.md
---
index.md | 287 ++++++++++++++++++++++++++++++++++++++++++++++---------
1 file changed, 242 insertions(+), 45 deletions(-)
diff --git a/index.md b/index.md
index 5502fb71..7352f5a8 100644
--- a/index.md
+++ b/index.md
@@ -1,66 +1,264 @@
-#YunoHost <small>is a server operating system aiming to make self-hosting accessible to everyone.</small>
+<div class="teasing-part" style="
+ display: none;
+ background: #222;
+ color: #eee;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.45);
+ overflow: hidden">
-<br />
-
-<div style="width: 100%; height: 290px; overflow: hidden; border-radius: 5px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 5px 15px rgba(0,0,0,0.15);">
-<img style="width: 100%; min-width: 580px;" src="http://pix.toile-libre.org/upload/original/1388434791.jpg" />
+<div style="
+ position: absolute;
+ top: 7%;
+ width: 100%;
+ text-align: center;
+ text-align: center">
+<img src="http://pix.toile-libre.org/upload/original/1394644667.png" width="100"/>
</div>
<br />
-<div class="text-center" style="width: 23%; min-width: 130px; margin: 0 auto;">
-<a class="btn btn-primary btn-lg btn-block" style="font-size: 1.5em" href="/install">Install</a>
-<p class="text-muted text-center"><small>YunoHost v2 • beta3</small></p>
+<div style="
+ position: absolute;
+ top: 27%;
+ width: 100%;
+ text-align: center;
+ font-weight: bold;
+ margin: 50px auto 0">
+<p style="font-size: 3em; margin-bottom: 4%">
+<span class="yolo 1" style="color: #FF3399;">Self-hosting for you, mom</span>
+<span class="yolo 2" style="color: #6699FF;">Haters gonna host</span>
+<span class="yolo 3" style="color: #66FF33;">I host myself, b*tches</span>
+<span class="yolo 4" style="color: #00FFCC;">Go host yourself !</span>
+<span class="yolo 5" style="color: #FF5050;">Get off of my cloud</span>
+<span class="yolo 6" style="color: #FF0066;">Host me I'm famous</span>
+<span class="yolo 7" style="color: #3366FF;">Try Internet</span>
+<span class="yolo 8" style="color: #FFFFFF;">How I met your server</span>
+<span class="yolo 9" style="color: #CC66FF;">sudo internet --debug</span>
+<span class="yolo 10" style="color: #FF6600;">how_about_no@hotmail.com</span>
+</p>
+<button class="btn btn-primary btn-lg btn-block yolobtn" style="
+ min-width: 200px;
+ width: 20%;
+ margin: 0 auto;
+ color: #222;
+ font-size: 1.6em">What ?</button>
</div>
+
+<br />
+
+<div class="text-center hidden-xs" style="
+ width: 100%;
+ position: absolute;
+ top: 90%;
+ text-align: center;">
+<a style="color: #777" href="/news">Latest news</a> <span class="colored-bar">•</span> <a style="color: #777" href="https://ask.yunohost.org" target="_blank">FAQ</a> <span class="colored-bar">•</span> <a style="color: #777" href="/docs">Documentation</a>
+</div>
+
+</div>
+
+<div class="boring-part">
+
+<h1>YunoHost <small>is a server operating system aiming to make self-hosting accessible to everyone.</small></h1>
+
+<br />
+
+<div style="
+ width: 100%;
+ max-height: 290px;
+ overflow: hidden;
+ border-radius: 5px;
+ border: 1px solid rgba(0,0,0,0.15);
+ box-shadow: 0 5px 15px rgba(0,0,0,0.35);">
+
+<img style="width: 100%; min-width: 580px;" src="http://pix.toile-libre.org/upload/original/1394651972.jpg" />
+</div>
+
+
+<div class="text-center" style="
+ width: 23%;
+ min-width: 150px;
+ margin: 40px auto 0;">
+<a class="btn btn-primary btn-lg" style="min-width: 150px; font-size: 1.5em" href="/try">Try it</a>
+<p class="text-muted text-center"><small>YunoHost v2 • beta4</small></p>
+</div>
+
+<br />
+
<hr />
-<h3><blockquote>Features</blockquote></h3>
+<br />
+<br />
-By default, YunoHost provides a secure solution to manage your mail & instant messaging addresses with ease, while using nice interfaces.
+<div class="row">
+<div class="col-md-7">
+<h1>Install <small>your server with ease, you already have everything at home</small></h1>
+<p><br /><a href="/compatible_hardware">See the requirements</a></p>
+</div>
+<div class="col-md-4">
+<div style="
+ width: 100%;
+ max-height: 290px;
+ overflow: hidden;
+ border-radius: 5px;
+ border: 1px solid rgba(0,0,0,0.15);
+ box-shadow: 0 5px 15px rgba(0,0,0,0.35);">
-You will also be able to extend your server's capabilities by installing [**apps**](/apps) with one click.
-
-<h3><blockquote>Software</blockquote></h3>
-
-Based on [Debian GNU/Linux](http://www.debian.org/index.en.html) (wheezy), YunoHost comes with the following free software:
-
-* [Nginx](http://nginx.org/)
-* [Postfix](http://www.postfix.org/)
-* [Metronome](http://www.lightwitch.org/metronome)
-* [OpenLDAP](http://www.openldap.org/)
-* [Dovecot](http://www.dovecot.org/)
-* [dspam](http://nuclearelephant.com/)
-* [Amavis](http://amavis.org/)
-* [Bind](https://www.isc.org/downloads/bind/)
-* [Tahoe-LAFS](https://tahoe-lafs.org/trac/tahoe-lafs)
-* [SSOwat](https://github.com/Kloadut/SSOwat)
-
-YunoHost automatically configures all these of applications at installation, unifying their usage through a [web interface](/admin) or via the command-line interface called "[moulinette](/moulinette)".
-
-<h3><blockquote>Security</blockquote></h3>
-
-Every protocol used in YunoHost is secured by default. You will get a self-signed certificate automatically for every served domain.
-
-Moreover, all of the software used in YunoHost is composed of known free and open-source projects, meaning that they are less likely to be vulnerable to security flaws.
-
-A firewall is also deployed at installation, protecting you from undesirable and dangerous connections.
+<img style="width: 100%; min-width: 320px; max-width: 635px" src="http://pix.toile-libre.org/upload/original/1394722560.png" />
+</div>
+</div>
+</div>
-<br>
+<div class="clearfix"></div>
+<br />
+<br />
+<hr />
+<br />
+<br />
+
+<div class="row">
+<div class="col-md-4">
+<div style="
+ width: 100%;
+ max-height: 290px;
+ overflow: hidden;
+ border-radius: 5px;
+ border: 1px solid rgba(0,0,0,0.15);
+ box-shadow: 0 5px 15px rgba(0,0,0,0.35);">
+
+<img style="width: 100%; min-width: 580px; max-width: 635px" src="http://pix.toile-libre.org/upload/original/1394750292.jpg" />
+</div>
+</div>
+
+<div class="col-md-7 text-right">
+<h1>Enjoy <small>your apps and make your little corner of Internet</h1>
+<p><br /><a href="/apps">List of available apps</a></p>
+</div>
+</div>
+
+<div class="clearfix"></div>
+
+<br />
+<br />
+<hr />
+<br />
+<br />
+
+<div class="row">
+<div class="col-md-7">
+<h1>Manage <small>your server the way you like: via Web, mobile or command-line</small></h1>
+<p><br /><a href="/try">Try the administration</a></p>
+</div>
+<div class="col-md-4">
+<div style="
+ width: 100%;
+ max-height: 290px;
+ overflow: hidden;
+ border-radius: 5px;
+ border: 1px solid rgba(0,0,0,0.15);
+ box-shadow: 0 5px 15px rgba(0,0,0,0.35);">
+
+<img style="width: 100%; min-width: 310px; max-width: 635px" src="http://pix.toile-libre.org/upload/original/1394749958.jpg" />
+</div>
+</div>
+</div>
+
+
+<div class="clearfix"></div>
+<br />
+<br />
+<br />
+<hr />
+<br />
+<br />
+
+<div class="row">
+<div class="col-md-4">
+<div style="
+ width: 100%;
+ max-height: 290px;
+ overflow: hidden;
+ border-radius: 5px;
+ border: 1px solid rgba(0,0,0,0.15);
+ box-shadow: 0 5px 15px rgba(0,0,0,0.35);">
+<a class="btn btn-lg btn-block btn-primary" style="box-shadow: 0 5px 15px rgba(0,0,0,0.35);" href="/userdoc">User guide</a>
+<a class="btn btn-lg btn-block btn-info" style="box-shadow: 0 5px 15px rgba(0,0,0,0.35);" href="https://ask.yunohost.org/" target="_blank">Frequently asked questions</a>
+<a class="btn btn-lg btn-block btn-success" style="box-shadow: 0 5px 15px rgba(0,0,0,0.35);" href="/whatsyunohost">What is YunoHost ?</a>
+<a class="btn btn-lg btn-block btn-warning" style="box-shadow: 0 5px 15px rgba(0,0,0,0.35);" href="/contribute">How to contribute</a>
+<a class="btn btn-lg btn-block btn-danger" style="box-shadow: 0 5px 15px rgba(0,0,0,0.35);" href="/news">Latest news</a>
+</div>
+</div>
+
+<div class="col-md-7 text-right">
+<h1>Explore <small>what you can do with a server, and why it is important</small></h1>
+<p><br /><a href="/docs">Read the documentation</a></p>
+</div>
+</div>
+
+<div class="clearfix"></div>
+
+<br />
+<br />
+<hr />
+<br />
+<br />
<div class="text-center">
-<img style="width: 100px" src="http://pix.toile-libre.org/upload/original/1386012810.png" />
+<h1>Hey! We are humans!<br /><small> If you have questions, problems or if you are just an enthusiast, leave a message on our chatroom by clicking on the button below <span class="glyphicon glyphicon-share-alt"></span> </small></h1>
+</div>
+
+<br />
+<br />
+<br />
+<br />
+
+<div class="text-center">
+<!--<img style="width: 100px" src="http://pix.toile-libre.org/upload/original/1386012810.png" />-->
+<h5><small>2014 • Datalove <3</small></h5>
+</div>
-<p markdown="1">
-[Github](https://github.com/YunoHost) **/** [FAQ](https://ask.yunohost.org) **/** [Translate](https://translate.yunohost.org/) **/** [Old Wiki](http://wiki.yunohost.org)
-</p>
</div>
<script type="text/javascript">
+ jQuery('.teasing-part').css({
+ marginTop: '0',
+ display: 'block'
+ });
+ jQuery('.boring-part').css({
+ marginTop: jQuery(window).height() + 100
+ });
+ jQuery( window ).resize(function() {
+ jQuery('.boring-part').css({
+ marginTop: jQuery('.teasing-part').height() + 100
+ });
+ });
+ jQuery('.yolo').hide();
+ randomNumber = Math.floor((Math.random()*jQuery('.yolo').length)+1);
+ color = jQuery('.yolo.' + randomNumber).css('color');
+ jQuery('.yolo.' + randomNumber).fadeIn();
+ document.title = jQuery('.yolo.' + randomNumber).text();
+ jQuery('.colored-bar').css({
+ color: color,
+ fontWeight: 'bold',
+ padding: '1%'
+ });
+ jQuery('.yolobtn').css({
+ background: color,
+ borderColor: color
+ }).on('click', function() {
+ jQuery('html, body').animate({
+ scrollTop: jQuery(window).height() + 80
+ }, 500);
+ });
+ $(".actions").css('opacity', 0);
jQuery.ajaxSetup({cache: false});
- jQuery.getScript('https://doc.yunohost.org/mini/javascripts/mini.js', function() {
- HOST_BOSH = 'https://doc.yunohost.org/http-bind/';
+ jQuery.getScript('https://'+ location.host +'/mini/javascripts/mini.js', function() {
+ HOST_BOSH = 'https://'+ location.host +'/http-bind/';
JappixMini.launch({
connection: {
domain: 'anonymous.yunohost.org'
@@ -82,5 +280,4 @@ A firewall is also deployed at installation, protecting you from undesirable and
}
});
});
- $("#edit").hide();
-</script>
+</script>
\ No newline at end of file