2016-03-22 15:08:42 +01:00
< div class = "teasing-part" >
< div class = "home-logo" >
2018-08-26 12:43:06 +02:00
< img src = "/images/ynh_logo_white_300dpi.png" width = "100" / >
2016-03-22 15:08:42 +01:00
< / div >
< div class = "punchline" >
< p >
< span class = "yolo 1" style = "color: #FF3399 ;" > Viens chez moi, je suis hébergé chez une copine</ span >
2018-10-22 11:37:55 +02:00
< span class = "yolo 2" style = "color: #FF0066 ;" > Ils s’ hébergèrent et eurent beaucoup d’ enfants</ span >
< span class = "yolo 3" style = "color: #3366FF ;" > Internet, lecture et écriture</ span >
< span class = "yolo 4" style = "color: #FFFFFF ;" > monsieur@michu.fr</ span >
< span class = "yolo 5" style = "color: #CC66FF ;" > J’ ai rien à cacher</ span >
< span class = "yolo 6" style = "color: #FF6600 ;" > How I met your server</ span >
2016-03-22 15:08:42 +01:00
< / p >
< button class = "btn btn-primary btn-lg btn-block yolobtn" > Pardon ?< / button >
< / div >
< div class = "main-links hidden-xs" >
2020-03-28 06:54:10 +01:00
< a href = "/whatsyunohost" > À propos< / a > < span class = "colored-bar" > •< / span >
2016-03-22 15:08:42 +01:00
< a href = "https://forum.yunohost.org/c/announcement" target = "_blank" > Dernières nouvelles< / a > < span class = "colored-bar" > •< / span >
2020-03-28 06:54:10 +01:00
< a href = "/docs" > Documentation< / a > < span class = "colored-bar" > •< / span >
2019-10-01 22:04:40 +02:00
< a href = "https://donate.yunohost.org/" > Faire un don< / a >
2016-03-22 15:08:42 +01:00
< / div >
< / div > <!-- teasing - part -->
2013-11-17 16:47:44 +01:00
2014-03-19 12:06:43 +01:00
< div class = "boring-part" markdown = "1" >
2019-11-03 07:36:04 +01:00
< h1 > < small > Avec< / small > YunoHost< small > , gère facilement un serveur pour tes amis, ton asso, ton entreprise.< / small > < a href = "/whatsyunohost" style = "font-size:0.6em;" > En savoir plus< / a > < / small > < / h1 >
2016-03-22 15:08:42 +01:00
< div class = "home-panel" >
< img src = "/images/home_panel.jpg" / >
< / div >
< div class = "call-to-action" >
2020-03-28 06:54:10 +01:00
< a class = "btn btn-primary btn-lg" href = "/try" > Essayer< / a >
< a class = "btn btn-success btn-lg" href = "/install" > Installer< / a >
2019-10-03 15:19:20 +02:00
< h2 style = "margin-top: 0" > < small > < a href = "https://forum.yunohost.org/c/announcement" > Dernières nouvelles< / a > < / small > < / h2 >
2016-03-22 15:08:42 +01:00
< / div >
< hr / >
< div class = "row cf" >
2019-10-03 15:19:20 +02:00
< div class = "col-md-7 text-right" >
2016-03-22 15:08:42 +01:00
< h1 > Installez < small > votre serveur simplement, vous avez déjà tout ce qu’ il faut à la maison< / small > < / h1 >
2020-03-28 06:54:10 +01:00
< p > < a href = "/hardware" > Voir les prérequis< / a > < / p >
2016-03-22 15:08:42 +01:00
< / div >
< div class = "col-md-4" >
< div class = "feature-pic" >
< img src = "/images/home_install.png" / >
< / div >
< / div >
< / div >
< hr / >
< div class = "row cf" >
< div class = "col-md-4" >
< div class = "feature-pic" >
2019-10-05 15:46:31 +02:00
< img src = "/images/webadmin_fr.png" / >
2016-03-22 15:08:42 +01:00
< / div >
< / div >
2019-10-03 15:19:20 +02:00
< div class = "col-md-7" >
< h1 > Gérez < small > votre serveur depuis une interface web simple et propre< / small > < / h1 >
2020-03-28 06:54:10 +01:00
< p > < br / > < a href = "/try" > Essayez l’ interface d’ administration< / a > < / p >
2016-03-22 15:08:42 +01:00
< / div >
< / div >
< hr / >
< div class = "row cf" >
2019-10-03 15:19:20 +02:00
< div class = "col-md-7 text-right" >
< h1 > Construisez < small > votre petit bout d'Internet en ajoutant des applications en quelques clics< / small > < / h1 >
2019-10-18 01:05:14 +02:00
< p > < br / > < a href = "/apps" > Parcourir le catalogue d'applications< / a > < / p >
2016-03-22 15:08:42 +01:00
< / div >
< div class = "col-md-4" >
< div class = "feature-pic" >
2019-10-03 15:19:20 +02:00
< img src = "/images/home_enjoy.jpg" / >
2016-03-22 15:08:42 +01:00
< / div >
< / div >
< / div >
< hr / >
< div class = "row cf" >
2019-10-03 15:19:20 +02:00
< div class = "text-center" >
< h1 > Hey ! Nous sommes humains !< br / >
< small > Si vous avez une question, un problème, ou que vous êtes tout simplement intéressé, passez dire « Bonjour » sur notre forum ou le chat!< / small > < / h1 >
< div class = "col-md-4 col-md-offset-4 button-list" >
< a class = "btn btn-lg btn-block btn-info" href = "/docs" > < span class = "glyphicon glyphicon-book" > < / span > Documentation< / a >
2020-03-28 06:54:10 +01:00
< a class = "btn btn-lg btn-block btn-danger btn-support" href = "/help" > < span class = "glyphicon glyphicon-comment" > < / span > Forum et chat< / a >
2019-10-03 15:19:20 +02:00
< a class = "btn btn-lg btn-block btn-success" href = "/contribute" > < span class = "glyphicon glyphicon-heart" > < / span > Contribuer< / a >
< a class = "btn btn-lg btn-block btn-primary" href = "https://donate.yunohost.org/" style = "background-color: #ffd236 ; border-color: #ffd236 ;" >< span class = "glyphicon glyphicon-usd" ></ span > Faire un don</ a >
< / div >
2016-03-22 15:08:42 +01:00
< / div >
< / div > <!-- boring - part -->
2013-12-31 15:52:14 +01:00
< script type = "text/javascript" >
2014-03-19 12:06:43 +01:00
jQuery('.teasing-part').css({
2014-03-19 17:03:30 +01:00
marginTop: '0',
display: 'block'
2014-03-19 12:06:43 +01:00
});
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);
});
2016-03-22 16:54:58 +01:00
2016-03-22 21:33:58 +01:00
< / script >