dbroqua/simple-images-upload
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Valid all HTML

Browse source
This commit is contained in:
Damien Broqua 2023-09-25 14:26:48 +02:00
parent e9052843a7
commit bd6d35e754
8 changed files with 101 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
sass/modal.scss
View file

@ -104,7 +104,7 @@
font-size: 1.5rem;
@include transition() {}
}
section {
.body {
background-color: var(--default-color);
flex-grow: 1;
flex-shrink: 1;

93
views/index.ejs
View file

@ -1,12 +1,99 @@
<!doctype html>
<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 %>">
<% 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('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>
</html>

12
views/pages/gallery.ejs
View file

@ -27,7 +27,7 @@
%>
</div>
<nav class="pagination" role="navigation" aria-label="Pagination">
<nav class="pagination" aria-label="Pagination">
<ul class="pagination-list">
<% if ( page.currentPage > 1 ) { %>
<li>
@ -79,16 +79,16 @@
<div>Détails d'une image</div>
<button aria-label="Fermer" class="close" onclick="closeModale()"></button>
</header>
<section>
<div class="body">
<div class="grid grid-cols-1 md:grid-cols-2 gap-16">
<div class="image-preview">
<img src="" id="previewImage" alt="Image">
<img src="/img/logo.png" id="previewImage" alt="Image">
</div>
<div>
<%- include('../partials/file-links', {file: {}, index: 0}) %></div>
<div>
<%- include('../partials/details', {file: {}, index: 0}) %>
</div>
</div>
</section>
</div>
<footer>
<button class="button is-primary" onclick="closeModale()">Fermer</button>
</footer>

7
views/pages/upload.ejs
View file

@ -11,8 +11,7 @@
class="custom-file-input"
id="image"
name="image"
aria-describedby="file"
/>
>
</div>
<button type="submit" class="button is-primary">Uploader</button>
@ -20,10 +19,10 @@
<% if ( page.upload ) { %>
<div class="grid gap-5 grid-cols-1 md:grid-cols-2">
<div class="image-preview">
<img src="<%= page.upload.smallFile %>" alt="Miniature" />
<img src="<%= page.upload.smallFile %>" alt="Miniature">
</div>
<div>
<%- include('../partials/file-links', {file: page.upload, index: 0}) %>
<%- include('../partials/details', {file: page.upload, index: 0}) %>
</div>
</div>
<% } %>

2
views/partials/file-links.ejs → views/partials/details.ejs
View file

@ -29,7 +29,7 @@
>
</div>
<div class="field">
<label for="bbcode-<%= index %>"BB Code</label>
<label for="bbcode-<%= index %>">BB Code</label>
<textarea
name="bbcode-<%= index %>"
id="bbcode-<%= index %>"

10
views/partials/footer.ejs
View file

@ -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>

10
views/partials/head.ejs
View file

@ -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>

70
views/partials/header.ejs
View file

@ -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>