mirror of
https://github.com/YunoHost/doc.git
synced 2024-09-03 20:06:26 +02:00
174 lines
6.6 KiB
Markdown
174 lines
6.6 KiB
Markdown
|
<div class="teasing-part">
|
|||
|
|
|||
|
<div class="home-logo">
|
|||
|
<img src="/_images/ynh_logo_white_300dpi.png" width="100"/>
|
|||
|
</div>
|
|||
|
|
|||
|
<div class="punchline">
|
|||
|
<p>
|
|||
|
<span class="yolo 1" style="color: #FF3399;">Ven a l’ostal, soi albergat en çò d’una amiga</span>
|
|||
|
<span class="yolo 2" style="color: #FF0066;">S’alberguèron e aguèron un molon d’enfants</span>
|
|||
|
<span class="yolo 3" style="color: #3366FF;">Internet, lectura e escritura</span>
|
|||
|
<span class="yolo 4" style="color: #FFFFFF;">monssur@michu.fr</span>
|
|||
|
<span class="yolo 5" style="color: #CC66FF;">Ai pas res a rescondre</span>
|
|||
|
<span class="yolo 6" style="color: #FF6600;">How I met your server</span>
|
|||
|
</p>
|
|||
|
<button class="btn btn-primary btn-lg btn-block yolobtn">Perdon ?</button>
|
|||
|
</div>
|
|||
|
|
|||
|
<div class="main-links hidden-xs">
|
|||
|
<a href="/whatsyunohost">A prepaus</a> <span class="colored-bar">•</span>
|
|||
|
<a href="https://forum.yunohost.org/c/announcement" target="_blank">Darrièras novèlas</a> <span class="colored-bar">•</span>
|
|||
|
<a href="/docs">Documentacion</a>
|
|||
|
</div>
|
|||
|
|
|||
|
</div><!-- teasing-part -->
|
|||
|
|
|||
|
<div class="boring-part" markdown="1">
|
|||
|
|
|||
|
<h1>YunoHost <small> es una aisina que vos permet d’installar e d’utilizar facilament vòstre pròpri servidor.</small></h1>
|
|||
|
|
|||
|
<div class="home-panel">
|
|||
|
<img src="/_images/home_panel.jpg" />
|
|||
|
</div>
|
|||
|
|
|||
|
<div class="call-to-action">
|
|||
|
<a class="btn btn-primary btn-lg" href="/try">Ensajar</a>
|
|||
|
<a class="btn btn-success btn-lg" href="/install">Installar</a>
|
|||
|
<h2 style="margin-top: 0"><small><a href="https://forum.yunohost.org/c/announcement">Latest news</a></small></h2>
|
|||
|
</div>
|
|||
|
|
|||
|
<hr />
|
|||
|
|
|||
|
<div class="row cf">
|
|||
|
<div class="col-md-7">
|
|||
|
<h1>Installatz <small>vòstre servidor simplament, avètz ja tot çò que cal a l’ostal</small></h1>
|
|||
|
<p><a href="/hardware">Far veire los requistes</a></p>
|
|||
|
</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">
|
|||
|
<img src="/_images/home_enjoy.jpg" />
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="col-md-7 text-right">
|
|||
|
<h1>Profitatz <small>de vòstras aplicacions web e fabricatz vòstre canton d’Internet</small></h1>
|
|||
|
<p><br /><a href="/apps">Lista de las aplicacions disponiblas</a></p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<hr />
|
|||
|
|
|||
|
<div class="row cf">
|
|||
|
<div class="col-md-7">
|
|||
|
<h1>Gerissètz <small>vòstre servidor coma volgatz : via web, mobil o en linha de comanda</small></h1>
|
|||
|
<p><br /><a href="/try">Ensajar l’interfàcia d’administracion</a></p>
|
|||
|
</div>
|
|||
|
<div class="col-md-4">
|
|||
|
<div class="feature-pic">
|
|||
|
<img src="/_images/home_manage.jpg" />
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<hr />
|
|||
|
|
|||
|
<div class="row cf">
|
|||
|
<div class="col-md-4 button-list">
|
|||
|
|
|||
|
<a class="btn btn-lg btn-block btn-primary" href="/whatsyunohost">Qu’es aquò YunoHost ?</a>
|
|||
|
<a class="btn btn-lg btn-block btn-info" href="/docs">Documentacion</a>
|
|||
|
<a class="btn btn-lg btn-block btn-success" href="/contribute">Cossí contribuir</a>
|
|||
|
<a class="btn btn-lg btn-block btn-warning" href="https://forum.yunohost.org" target="_blank">Forum</a>
|
|||
|
<a class="btn btn-lg btn-block btn-default" href="/chat_rooms" target="_blank">Salas de discussions</a>
|
|||
|
<a class="btn btn-lg btn-block btn-danger" href="https://forum.yunohost.org/c/announcement">Darrièras novèlas</a>
|
|||
|
<a class="btn btn-lg btn-block btn-danger btn-support" href="/help">Assisténcia</a>
|
|||
|
|
|||
|
</div>
|
|||
|
<div class="col-md-7 text-right">
|
|||
|
<h1>Exploratz <small>las possibilitats de vòstre servidor, e aprenètz perque es important</small></h1>
|
|||
|
<p><br /><a href="/docs">Legir la documentacion</a></p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<hr />
|
|||
|
|
|||
|
<div class="text-center">
|
|||
|
<h1>Ou ! Sèm umans !<br /><small> S’avètz una question, un problèma, o que sètz simplament interessat, venètz dire « Bonjorn » dins nòstra sala de discussion en clicar lo boton aval <span class="glyphicon glyphicon-share-alt"></span> </small></h1>
|
|||
|
|
|||
|
<p class="liberapay">
|
|||
|
<a href="https://liberapay.com/YunoHost" target="_blank"><img src="/_images/liberapay_logo.svg" alt="Donation button" title="Liberapay" /></a>
|
|||
|
</p>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
<hr />
|
|||
|
|
|||
|
<div class="row cf">
|
|||
|
<div class="text-center">
|
|||
|
<h1>They support us <3<br />
|
|||
|
<small>We are thankful for our sponsors <br/>providing us with infrastructure and grants!</small>
|
|||
|
</h1>
|
|||
|
<p style="margin-left:auto;margin-right:auto;">
|
|||
|
<a style="padding: 5px;" href="https://nlnet.nl"><img src="/_images/logo_nlnet.png" width="150px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://www.ngi.eu"><img src="/_images/logo_ngi.png" width="130px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://www.codelutin.com"><img src="/_images/logo_codelutin.png" width="100px"/></a>
|
|||
|
</p>
|
|||
|
<p style="margin-left:auto;margin-right:auto;">
|
|||
|
<a style="padding: 5px;" href="https://www.globenet.org"><img src="/_images/logo_globenet.png" width="150px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://www.gitoyen.net"><img src="/_images/logo_gitoyen.png" width="150px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://tetaneutral.net"><img src="/_images/logo_tetaneutral.png" width="90px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://ldn-fai.net"><img src="/_images/logo_ldn.png" width="120px"/></a>
|
|||
|
<a style="padding: 5px;" href="https://www.nbs-system.com"><img src="/_images/logo_nbs.png" width="130px"/></a>
|
|||
|
</p>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
</div><!-- boring-part -->
|
|||
|
|
|||
|
<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);
|
|||
|
});
|
|||
|
|
|||
|
</script>
|
|||
|
|
|||
|
|