Valid all HTML
This commit is contained in:
parent
e9052843a7
commit
bd6d35e754
8 changed files with 101 additions and 105 deletions
|
|
@ -104,7 +104,7 @@
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
@include transition() {}
|
@include transition() {}
|
||||||
}
|
}
|
||||||
section {
|
.body {
|
||||||
background-color: var(--default-color);
|
background-color: var(--default-color);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,99 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<%- include('partials/head', {page: page, user: user, baseUrl: baseUrl}); %>
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<title><% if (page.title) { %><%= page.title %> <% } else { %> DarKou - Simple Gallery <% } %></title>
|
||||||
|
<link rel="icon" type="image/png" href="favicon.png">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
<script src="/js/main.js"></script>
|
||||||
|
</head>
|
||||||
<body class="<%= pagename %>">
|
<body class="<%= pagename %>">
|
||||||
<% if ( user ) { %>
|
<% if ( user ) { %>
|
||||||
<%- include('partials/header', {page: page, user: user, baseUrl: baseUrl}); %>
|
<nav class="navbar" aria-label="Navigation principale">
|
||||||
|
<div class="navbar-brand">
|
||||||
|
<a class="navbar-item" href="/">
|
||||||
|
<img src="/img/logo.png" alt="Logo Simple Gallery">
|
||||||
|
<span>Simple Gallery</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a role="button" class="navbar-burger" aria-label="Afficher le menu" aria-expanded="false" data-target="navbar">
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-menu">
|
||||||
|
<% if ( user ) { %>
|
||||||
|
<div class="navbar-start">
|
||||||
|
<div class="navbar-item">
|
||||||
|
<div class="buttons">
|
||||||
|
<a class="button is-primary" href="/upload">
|
||||||
|
<span>
|
||||||
|
Ajouter une image
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<div class="navbar-end">
|
||||||
|
<% if ( user ) { %>
|
||||||
|
<div class="navbar-item has-dropdown">
|
||||||
|
<a class="navbar-link">
|
||||||
|
<span>
|
||||||
|
<%= user.username %>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="navbar-dropdown">
|
||||||
|
<a class="navbar-item" href="/mon-compte">
|
||||||
|
Mon compte
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
<a class="navbar-item" href="/gallery">
|
||||||
|
Mes images
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<% } %>
|
||||||
|
<div class="navbar-item">
|
||||||
|
<div class="buttons">
|
||||||
|
<% if ( !user ) { %>
|
||||||
|
<a class="button is-primary" href="/connexion">
|
||||||
|
<strong>Connexion</strong>
|
||||||
|
</a>
|
||||||
|
<% } else { %>
|
||||||
|
<a class="button is-danger" href="/se-deconnecter">
|
||||||
|
Déconnexion
|
||||||
|
</a>
|
||||||
|
<% } %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div id="toastr">
|
||||||
|
<button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
<%- include(viewname, {page: page, params: params, query: query, user: user, DateTime: DateTime}) %>
|
<%- include(viewname, {page: page, params: params, query: query, user: user, DateTime: DateTime}) %>
|
||||||
<%- include('partials/footer', {page: page, query: query, user: user}); %>
|
|
||||||
|
<footer class="footer layout-hero">
|
||||||
|
<p>
|
||||||
|
<strong>Simple Images Upload</strong> par <a href="https://www.darkou.link" target="_blank" rel="noopener noreferrer">DarKou</a>.
|
||||||
|
<br>
|
||||||
|
Le code source est sous licence <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC-BY-NC-SA-4.0</a> et disponible sur <a href="https://git.darkou.fr/dbroqua/simple-images-upload" target="_blank">git.darkou.fr</a>.
|
||||||
|
<br>
|
||||||
|
Codé comme de la <span role="img" aria-label="m*rde">💩</span> à Bordeaux.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
%>
|
%>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav class="pagination" role="navigation" aria-label="Pagination">
|
<nav class="pagination" aria-label="Pagination">
|
||||||
<ul class="pagination-list">
|
<ul class="pagination-list">
|
||||||
<% if ( page.currentPage > 1 ) { %>
|
<% if ( page.currentPage > 1 ) { %>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -79,16 +79,16 @@
|
||||||
<div>Détails d'une image</div>
|
<div>Détails d'une image</div>
|
||||||
<button aria-label="Fermer" class="close" onclick="closeModale()"></button>
|
<button aria-label="Fermer" class="close" onclick="closeModale()"></button>
|
||||||
</header>
|
</header>
|
||||||
<section>
|
<div class="body">
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-16">
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-16">
|
||||||
<div class="image-preview">
|
<div class="image-preview">
|
||||||
<img src="" id="previewImage" alt="Image">
|
<img src="/img/logo.png" id="previewImage" alt="Image">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<%- include('../partials/file-links', {file: {}, index: 0}) %></div>
|
<%- include('../partials/details', {file: {}, index: 0}) %>
|
||||||
<div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<button class="button is-primary" onclick="closeModale()">Fermer</button>
|
<button class="button is-primary" onclick="closeModale()">Fermer</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,7 @@
|
||||||
class="custom-file-input"
|
class="custom-file-input"
|
||||||
id="image"
|
id="image"
|
||||||
name="image"
|
name="image"
|
||||||
aria-describedby="file"
|
>
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="submit" class="button is-primary">Uploader</button>
|
<button type="submit" class="button is-primary">Uploader</button>
|
||||||
|
|
@ -20,10 +19,10 @@
|
||||||
<% if ( page.upload ) { %>
|
<% if ( page.upload ) { %>
|
||||||
<div class="grid gap-5 grid-cols-1 md:grid-cols-2">
|
<div class="grid gap-5 grid-cols-1 md:grid-cols-2">
|
||||||
<div class="image-preview">
|
<div class="image-preview">
|
||||||
<img src="<%= page.upload.smallFile %>" alt="Miniature" />
|
<img src="<%= page.upload.smallFile %>" alt="Miniature">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<%- include('../partials/file-links', {file: page.upload, index: 0}) %>
|
<%- include('../partials/details', {file: page.upload, index: 0}) %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label for="bbcode-<%= index %>"BB Code</label>
|
<label for="bbcode-<%= index %>">BB Code</label>
|
||||||
<textarea
|
<textarea
|
||||||
name="bbcode-<%= index %>"
|
name="bbcode-<%= index %>"
|
||||||
id="bbcode-<%= index %>"
|
id="bbcode-<%= index %>"
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
<footer class="footer layout-hero">
|
|
||||||
<p>
|
|
||||||
<strong>Simple Images Upload</strong> par <a href="https://www.darkou.link" target="_blank" rel="noopener noreferrer">DarKou</a>.
|
|
||||||
<br />
|
|
||||||
Le code source est sous licence <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC-BY-NC-SA-4.0</a> et disponible sur <a href="https://git.darkou.fr/dbroqua/simple-images-upload" target="_blank">git.darkou.fr</a>.
|
|
||||||
<br />
|
|
||||||
Codé comme de la <span role="img" aria-label="m*rde">💩</span> à Bordeaux.
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
<script type="text/javascript" src="/js/main.js"></script>
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
<head>
|
|
||||||
<!-- Required meta tags -->
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<title><% if (page.title) { %><%= page.title %> <% } else { %> DarKou - Simple Gallery <% } %></title>
|
|
||||||
<link rel="icon" type="image/png" href="favicon.png" />
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/main.css" />
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,70 +0,0 @@
|
||||||
<nav class="navbar" aria-label="Navigation principale">
|
|
||||||
<div class="navbar-brand">
|
|
||||||
<a class="navbar-item" href="/">
|
|
||||||
<img src="/img/logo.png" alt="Logo Simple Gallery">
|
|
||||||
<span>Simple Gallery</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a role="button" class="navbar-burger" aria-label="Afficher le menu" aria-expanded="false" data-target="navbar">
|
|
||||||
<span aria-hidden="true"></span>
|
|
||||||
<span aria-hidden="true"></span>
|
|
||||||
<span aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="navbar" class="navbar-menu">
|
|
||||||
<% if ( user ) { %>
|
|
||||||
<div class="navbar-start">
|
|
||||||
<div class="navbar-item">
|
|
||||||
<div class="buttons">
|
|
||||||
<a class="button is-primary" href="/upload">
|
|
||||||
<span>
|
|
||||||
Ajouter une image
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<% } %>
|
|
||||||
|
|
||||||
<div class="navbar-end">
|
|
||||||
<% if ( user ) { %>
|
|
||||||
<div class="navbar-item has-dropdown">
|
|
||||||
<a class="navbar-link">
|
|
||||||
<span>
|
|
||||||
<%= user.username %>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="navbar-dropdown">
|
|
||||||
<a class="navbar-item" href="/mon-compte">
|
|
||||||
Mon compte
|
|
||||||
</a>
|
|
||||||
<hr />
|
|
||||||
<a class="navbar-item" href="/gallery">
|
|
||||||
Mes images
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<% } %>
|
|
||||||
<div class="navbar-item">
|
|
||||||
<div class="buttons">
|
|
||||||
<% if ( !user ) { %>
|
|
||||||
<a class="button is-primary" href="/connexion">
|
|
||||||
<strong>Connexion</strong>
|
|
||||||
</a>
|
|
||||||
<% } else { %>
|
|
||||||
<a class="button is-danger" href="/se-deconnecter">
|
|
||||||
Déconnexion
|
|
||||||
</a>
|
|
||||||
<% } %>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div id="toastr">
|
|
||||||
<button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
Loading…
Reference in a new issue