1
0
Fork 0
forked from boyska/feedpanel

ui is bearable

This commit is contained in:
boyska 2018-11-13 15:50:39 +01:00
parent 96e03af79c
commit 762dc2305d

View file

@ -1,20 +1,44 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="{{.BaseURL}}static/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="{{.BaseURL}}static/css/bootstrap.min.css" />
<script src="{{.BaseURL}}static/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</head> </head>
<body> <body>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Grog</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{.User}}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="/logout.html">Logout</a>
<a class="dropdown-item" href="#">Profile</a>
</div>
</ul>
</div>
</nav>
<div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col-sm-4">
Hello, {{.User}} <!-- TODO: hai delle notizie non lette... -->
<p>Go to <a class="btn btn-primary" href="/tt-rss/">Feed Reader</a></p> <p>Go to <a class="btn btn-primary" href="/tt-rss/">Feed Reader</a></p>
</div> </div>
</div> </div>
<!-- IF hai uno spazio abilitato... --> <!-- IF hai uno spazio abilitato... -->
<div class="row row-pubblicazione"><!-- Il tuo spazio --> <div class="row row-pubblicazione"><!-- Il tuo spazio -->
<div class="col col-4"> <div class="col-sm-6">
<div class="card">
<h3>Feed che stai pubblicando nel tuo spazio</h3> <h3>Feed che stai pubblicando nel tuo spazio</h3>
<ul> <ul>
@ -25,7 +49,9 @@
<a class="btn btn-light">Aggiungi un nuovo feed</a> <a class="btn btn-light">Aggiungi un nuovo feed</a>
</div> </div>
<div class="col col-4"> </div>
<div class="col-sm-6">
<div class="card">
<h3>La tua lista dei feed è attualmente pubblica</h3> <h3>La tua lista dei feed è attualmente pubblica</h3>
Questo vuol dire che sul tuo spazio chiunque potrà vedere tutti i feed che stai seguendo. Questo vuol dire che sul tuo spazio chiunque potrà vedere tutti i feed che stai seguendo.
<a class="btn btn-small btn-info">Maggiori informazioni</a> <a class="btn btn-small btn-info">Maggiori informazioni</a>
@ -33,6 +59,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- TODO: move to static/ -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="{{.BaseURL}}static/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>