A text-based bookmark manager rendered in a web page
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

280 lines
13 KiB

<!DOCTYPE html>
<html lang="">
<head>
<title>YunoHost • index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="_assets/favicon.ico">
<link rel="stylesheet" type="text/css" href="_css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="_css/hl.css">
<link rel="stylesheet" type="text/css" href="_css/agate.css">
<link rel="stylesheet" type="text/css" href="_css/fonts.css">
<link rel="stylesheet" type="text/css" href="_css/style.css">
<!-- Always define js console -->
<script type="text/javascript">if (typeof console === "undefined" || typeof console.log === "undefined") {console = {};console.log = function () {};}</script>
<script type="text/javascript" src="_js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="_js/sammy-latest.min.js"></script>
<script type="text/javascript" src="_js/sammy.storage.js"></script>
<script type="text/javascript" src="_js/highlight.min.js"></script>
<script type="text/javascript" src="_js/marked.js"></script>
<script type="text/javascript" src="_js/bootstrap.min.js"></script>
<script type="text/javascript" src="_js/app.js"></script>
</head>
<body>
<div id="wrapper">
<div id="win" class="alert alert-success" style="display: none" data-i18n="modificationSaved"></div>
<div id="fail" class="alert alert-danger" style="display: none" data-i18n="modificationFailed"></div>
<div id="form" style="display: none">
<textarea cols="80" rows="40"></textarea>
</div>
<div id="logo"><a href="/" data-toggle="tooltip" data-placement="auto bottom" title="Index"><img src="_assets/logo.png"></a></div>
<div id="content">
<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: #6699FF;">Haters gonna host</span>
<span class="yolo 2" style="color: #66FF33;">I host myself, Yo!</span>
<span class="yolo 3" style="color: #00FFCC;">Go host yourself!</span>
<span class="yolo 4" style="color: #FF5050;">Get off of my cloud</span>
<span class="yolo 5" style="color: #FF0066;">Host me I’m famous</span>
<span class="yolo 6" style="color: #3366FF;">Try Internet</span>
<span class="yolo 7" style="color: #FFFFFF;">How I met your server</span>
<span class="yolo 8" style="color: #FF6600;">john@doe.org</span>
<span class="yolo 9" style="color: #FF5050;">dude, Y U NO Host?!</span>
<span class="yolo 10" style="color: #66FF33;">Keep calm and host yourself</span>
<span class="yolo 11" style="color: #3366FF;">Be the cloud you want to see in the world</span>
</p>
<button class="btn btn-primary btn-lg btn-block yolobtn">What?</button>
</div>
<div class="main-links hidden-xs">
<a href="/whatsyunohost">About</a> <span class="colored-bar">•</span>
<a href="https://forum.yunohost.org/c/announcement" target="_blank">Latest news</a> <span class="colored-bar">•</span>
<a href="/docs">Documentation</a> <span class="colored-bar">•</span>
<a href="https://donate.yunohost.org/">Donate</a>
</div>
</div>
<!-- teasing-part -->
<div class="boring-part">
<h1><small>With</small> YunoHost<small>, you can easily manage a server for your friends, association or enterprise.</small> <a href="/whatsyunohost" style="font-size:0.6em;">Learn more</a></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">Try it</a>
<a class="btn btn-success btn-lg" href="/install">Get started</a>
<h2 style="margin-top: 0"><small><a href="https://forum.yunohost.org/c/announcement">Latest news</a></small></h2>
</div>
<div class="row cf">
<div class="col-md-7 text-right">
<h1>Setup <small>your server with ease, you already have everything at home</small></h1>
<p><br /><a href="/hardware">See the requirements</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/webadmin.png" />
</div>
</div>
<div class="col-md-7">
<h1>Manage <small>your server from a clean and simple web interface</small></h1>
<p><br /><a href="/try">Try the administration</a></p>
</div>
</div>
<hr />
<div class="row cf">
<div class="col-md-7 text-right">
<h1>Install <small>applications to build your little corner of Internet</small></h1>
<p><br /><a href="/apps">Browse the app catalog</a></p>
</div>
<div class="col-md-4">
<div class="feature-pic">
<img src="/_images/home_enjoy.jpg" />
</div>
</div>
</div>
<hr />
<div class="row cf">
<div class="text-center">
<h1>Hey! We are humans!<br />
<small>If you have questions, issues or if you are just an enthusiast, come and leave a message on our forum or chatroom!</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>
<a class="btn btn-lg btn-block btn-danger btn-support" href="/help"><span class="glyphicon glyphicon-comment"></span> Forum and chat</a>
<a class="btn btn-lg btn-block btn-success" href="/contribute"><span class="glyphicon glyphicon-heart"></span> Get involved</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> Donate</a>
</div>
</div>
</div>
<hr />
<div class="row cf">
<div class="text-center">
<h1>They support us &lt;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>
</p>
</div>
</div>
</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);
});
</script>
</div>
</div>
<footer class="cf">
<span class="javascriptDisclaimer">Some features and pages on this website requires Javascript to be enabled.</br></br></span>
@YunoHost on
• <a rel="me" href="https://mastodon.social/@yunohost">Mastodon</a>
• <a href="https://twitter.com/yunohost">Twitter</a>
• <a href="/docs">Documentation</a>
• Datalove <span class="glyphicon glyphicon-heart"></span>
</footer>
<div class="actions" style="display: none">
<a class="btn btn-default" id="edit">
<span class="glyphicon glyphicon-pencil"></span>&nbsp; <span data-i18n="edit"></span>
</a>
<a class="btn btn-default" id="preview">
<span class="glyphicon glyphicon-eye-open"></span>&nbsp; <span data-i18n="preview"></span>
</a>
<button type="button" class="btn btn-primary" id="send" data-toggle="modal" data-target="#sendModal">
<span class="glyphicon glyphicon-ok"></span>&nbsp; <span data-i18n="send"></span>
</button>
<a class="btn btn-danger" id="back">
<span class="glyphicon glyphicon-ban-circle"></span>&nbsp; <span data-i18n="revert"></span>
</a>
</div>
<div class="languages" style="display: none">
<div class="btn-group dropup">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-globe"></span>&nbsp; <span data-i18n="languages"></span> &nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
</ul>
</div>
<a class="btn btn-default" id="help" target="_blank" href="/help">
<span class="glyphicon glyphicon-comment"></span>&nbsp; <span data-i18n="needhelp"></span>
</a>
</div>
<!-- Modal -->
<div class="modal fade" id="sendModal" tabindex="-1" role="dialog" aria-labelledby="sendModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 class="modal-title text-center" id="sendModalLabel" data-i18n="sendModifications"></h3>
</div>
<form class="form-horizontal" method="POST" role="form">
<div class="modal-body">
<div class="form-group">
<label for="email" class="col-sm-4 control-label">
<span data-i18n="email"></span>
<span class="glyphicon glyphicon-question-sign" data-i18n="[title]whyEmail" title=""></span>
</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="email" name="email" placeholder="john@doe.org" required>
</div>
</div>
<div class="form-group">
<label for="descr" class="col-sm-4 control-label" data-i18n="description"></label>
<div class="col-sm-8">
<textarea maxlength="150" rows="2" class="form-control" id="descr" name="descr" data-i18n="[placeholder]tellUsWhatYouDid"></textarea>
</div>
</div>
<div class="text-center">
<button type="button" class="btn btn-primary" id="reallysend">
<span class="glyphicon glyphicon-send"></span>&nbsp;
<span data-i18n="sendChanges"></span>
</button>
</div>
</div>
<div id="sendFail" class="alert alert-danger text-center" style="width:90%; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em;display: none"></div>
<div class="alert alert-info text-center" style="width:90%; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em;">
<span class="glyphicon glyphicon-info-sign"></span>&nbsp;<span data-i18n="considerUsingGithub"></span></div>
<div class="alert alert-warning text-center" style="width:90%; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em;">We currently have some issue with our email system so you might not receive the email asking you for confirmation. Yet we'll still receive your patch and merge it eventually if it is relevant. Feel free to ping us on the <a href="/chat_rooms">chat</a> if you are impatient ;) !</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>