tartiflette/www/template_unlistedapps.html
2017-09-02 03:00:10 +02:00

99 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Yunohost Pull Requests Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="skins/eden.css" media="screen">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<style>
.navbar-holder-dark{
padding: 20px 20px 200px 20px;
background: #333333;
}
.container {
width:1250px;
}
.column-app-name {
width:230px;
text-align:center;
}
.column-app-description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
}
.column-app-updated {
width:170px;
}
</style>
</head>
<body>
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<h1>Unlisted YunoHost apps</h1>
</div>
</div>
<div class="row">
<div class="col-md-10">
<table id="theApplist" class="table table-striped table-responsive">
<thead>
<tr>
<th></th>
<th>Description</th>
<th>Updated</th>
</tr>
</thead>
<tbody>
{% for app in data.unlisted_apps %}
<tr>
<td class="column-app-name">
<a class="btn btn-info" href="{{ app.url }}" style="font-size:1em">{{ app.name }}</a>
</td>
<td class="column-app-description"><strong>{{ app.description }}</strong></td>
<td class="column-app-updated">{{ app.updated_days_ago }} days ago</td>
{% endfor %}
</tbody>
</table>
</div>
</div>
<footer>
<div class="row">
<div class="col-lg-12">
<hr/>
<p>CSS Skin/boilerplate/whatever you call it : <a href="http://scripteden.com/download/eden-ui-bootstrap-3-skin/" rel="nofollow">Eden UI</a>. Generated with <a href="https://github.com/YunoHost/tartiflette">Tartiflette</a>!</p>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>