refact(assets) : wip clean icons

This commit is contained in:
mrflos 2023-03-05 10:19:34 +03:00
parent 11de8fe068
commit e1a7947473
2085 changed files with 8569 additions and 3526 deletions

View file

@ -1,57 +1,59 @@
extends layout
block header
div#create-card.post-it-actions
a.add-post-it.add-white-card(href="#", data-color="white")
i.fa.fa-fw.fa-lg.fa-plus-circle(title='Ajouter une note blanche')
img(alt="blanc", src="images/white-card.png")
a.add-post-it.add-yellow-card(href="#", data-color="yellow")
i.fa.fa-fw.fa-lg.fa-plus-circle(title='Ajouter une note jaune')
img(alt="jaune", src="images/yellow-card.png")
a.add-post-it.add-green-card(href="#", data-color="green")
i.fa.fa-fw.fa-lg.fa-plus-circle(title='Ajouter une note verte')
img(alt="vert", src="images/green-card.png")
a.add-post-it.add-blue-card(href="#", data-color="blue")
i.fa.fa-fw.fa-lg.fa-plus-circle(title='Ajouter une note bleu')
img(alt="bleu", src="images/blue-card.png")
div.stickers
div.sticker#sticker-red(title='Glisser-déposer la pastille rouge')
div.sticker#sticker-blue(title='Glisser-déposer la pastille bleue')
div.sticker#sticker-yellow(title='Glisser-déposer la pastille jaune')
div.sticker#sticker-green(title='Glisser-déposer la pastille verte')
div.sticker#sticker-pink(title='Glisser-déposer la pastille rose')
div.sticker#sticker-lightblue(title='Glisser-déposer la pastille bleu clair')
div.sticker#sticker-orange(title='Glisser-déposer la pastille orange')
div.sticker#sticker-purple(title='Glisser-déposer la pastille violette')
br
div.sticker#sticker-gold(title='Glisser-déposer une étoile dorée')
div.sticker#sticker-bluestar(title='Glisser-déposer une étoile bleue')
div.sticker#sticker-silverstar(title='Glisser-déposer une étoile argentée')
div.sticker#sticker-redstar(title='Glisser-déposer une étoile rouge')
div.sticker#nosticker(title='Supprimer les pastilles ou les étoiles d\'une note')
div.actions
a#smallify(href="#size", title="Changer la taille des post-it")
i.fa.fa-fw.fa-lg.fa-search-plus
a#full-page(href="#fullscreen", aria-hidden="true", title="Plein écran")
i.fa.fa-fw.fa-lg.fa-expand
a.toggle-nav(href="#share",aria-hidden="true", title="Partager le tableau")
i.fa.fa-fw.fa-lg.fa-share-alt
a.toggle-nav(href="#settings", aria-hidden="true", title="Options")
i.fa.fa-fw.fa-lg.fa-cog
div#create-card.post-it-actions
a.add-post-it.mini-card.white(href="#", data-color="white", title='Ajouter une note blanche')
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z")
a.add-post-it.mini-card.yellow(href="#", data-color="yellow", title='Ajouter une note jaune')
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z")
a.add-post-it.mini-card.green(href="#", data-color="green", title='Ajouter une note verte')
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z")
a.add-post-it.mini-card.blue(href="#", data-color="blue", title='Ajouter une note bleu')
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z")
a.add-post-it.mini-card.pink(href="#", data-color="pink", title='Ajouter une note rose')
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z")
div.stickers(style="display:none")
div.sticker#sticker-red(title='Glisser-déposer la pastille rouge')
div.sticker#sticker-blue(title='Glisser-déposer la pastille bleue')
div.sticker#sticker-yellow(title='Glisser-déposer la pastille jaune')
div.sticker#sticker-green(title='Glisser-déposer la pastille verte')
div.sticker#sticker-pink(title='Glisser-déposer la pastille rose')
div.sticker#sticker-lightblue(title='Glisser-déposer la pastille bleu clair')
div.sticker#sticker-orange(title='Glisser-déposer la pastille orange')
div.sticker#sticker-purple(title='Glisser-déposer la pastille violette')
br
div.sticker#sticker-gold(title='Glisser-déposer une étoile dorée')
div.sticker#sticker-bluestar(title='Glisser-déposer une étoile bleue')
div.sticker#sticker-silverstar(title='Glisser-déposer une étoile argentée')
div.sticker#sticker-redstar(title='Glisser-déposer une étoile rouge')
div.sticker#nosticker(title='Supprimer les pastilles ou les étoiles d\'une note')
div.actions
a#smallify(href="#size", title="Changer la taille des post-it")
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-zoom-in" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z")
path(d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z")
path(fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z")
a#full-page(href="#fullscreen", aria-hidden="true", title="Plein écran")
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16")
path(fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z")
a.toggle-nav(href="#share",aria-hidden="true", title="Partager le tableau")
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16")
path(d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z")
a.toggle-nav(href="#settings", aria-hidden="true", title="Options")
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16")
path(d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z")
block body
div.container
div.board-container
div.board-outline
div#board
div#board-doodles
table#board-table.board-table
tr
td#icon-col(width='1%')
image#add-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/plus_alt_32x32.png' alt='Ajouter une colonne')
image#delete-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/minus_alt_32x32.png' alt='Supprimer une colonne')
div.names
p <i class="fa fa-fw fa-lg fa-users"></i> connectés :
input#yourname-input
span.you-text (vous)
ul#names-ul
div.container
div.board-container
div.board-outline
div#board
table#board-table.board-table
tr
td#icon-col(width='1%')
image#add-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/plus_alt_32x32.png' alt='Ajouter une colonne')
image#delete-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/minus_alt_32x32.png' alt='Supprimer une colonne')

View file

@ -1,106 +1,110 @@
doctype html
html(lang="fr")
head
link(href="css/font-awesome.min.css", rel="stylesheet")
link(href="bootstrap-icons/font/bootstrap-icons.css", rel="stylesheet")
link(rel="stylesheet", type="text/css", href="css/style.css")
link(rel="stylesheet" title="cardsize", href="css/bigcards.css", type="text/css", media="all")
if locals.faviconUrl
link(rel="icon", type="image/png", href=locals.faviconUrl)
else
link(rel="icon", type="image/png", href="/images/favicon.png")
title= locals.pageTitle
body
div#site-wrapper
div#site-canvas
div#site-menu
a.toggle-nav.pull-right.close-link(href="#") Fermer&nbsp;&nbsp;
i.fa.fa-times
div#share
div.copy
h2 Partager le tableau
h3 par lien
div.form-inline
div.input-group
input.replace-url.form-control(disabled='disabled')
div.input-group-addon
a.copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
h3 en iframe HTML
div.form-inline
div.input-group
textarea.share-iframe.form-control(disabled='disabled', name="html-widget", cols="30", rows="3")
&lt;iframe src="{{replace-url}}" width="100%" height="600" frameborder="0"&gt;&lt;/iframe&gt;
div.input-group-addon
a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
div.export
h2 Exporter le tableau
button#export-txt.btn.btn-primary Format texte
button#export-csv.btn.btn-primary Format CSV
button#export-json.btn.btn-primary Format JSON (pour import dans Post-it)
head
link(rel="stylesheet", type="text/css", href="typeface-inter/Inter Web/inter.css")
link(rel="stylesheet", type="text/css", href="css/style.css")
if locals.faviconUrl
link(rel="icon", type="image/png", href=locals.faviconUrl)
else
link(rel="icon", type="image/png", href="/images/favicon.png")
title= locals.pageTitle
body
div#site-wrapper
div#site-canvas
div#site-menu
a.toggle-nav.pull-right.close-link(href="#") Fermer&nbsp;&nbsp;
svg(xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16")
path(d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z")
div#share
div.copy
h2 Partager le tableau
h3 par lien
div.form-inline
div.input-group
input.replace-url.form-control(disabled='disabled')
div.input-group-addon
a.copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
h3 en iframe HTML
div.form-inline
div.input-group
textarea.share-iframe.form-control(disabled='disabled', name="html-widget", cols="30", rows="3")
| &lt;iframe src="{{replace-url}}" width="100%" height="600" frameborder="0"&gt;&lt;/iframe&gt;
div.input-group-addon
a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
div.export
h2 Exporter le tableau
button#export-txt.btn.btn-primary Format texte
button#export-csv.btn.btn-primary Format CSV
button#export-json.btn.btn-primary Format JSON (pour import dans Post-it)
div.names
p <i class="fa fa-fw fa-lg fa-users"></i> connectés :
input#yourname-input
span.you-text (vous)
ul#names-ul
div#settings
h2 Image de fond
div.backgrounds
img.bg(src="images/backgrounds/lagune.jpg", alt="lagune")
img.bg(src="images/backgrounds/canoe.jpg", alt="canoe")
img.bg(src="images/backgrounds/ciel.jpg", alt="ciel")
img.bg(src="images/backgrounds/contreplaque.jpg", alt="contreplaque")
img.bg(src="images/backgrounds/muscaris.jpg", alt="muscaris")
img.bg(src="images/backgrounds/nuagesoir.jpg", alt="nuagesoir")
img.bg(src="images/backgrounds/osier.jpg", alt="osier")
img.bg(src="images/backgrounds/planches.jpg", alt="planches")
img.bg(src="images/backgrounds/ardoise.jpg", alt="ardoise")
img.bg(src="images/backgrounds/clouds.jpg", alt="clouds")
img.bg(src="images/backgrounds/crab.jpg", alt="crab")
img.bg(src="images/backgrounds/ecorces.jpg", alt="ecorces")
img.bg(src="images/backgrounds/kiwi.jpg", alt="kiwi")
img.bg(src="images/backgrounds/plants.jpg", alt="plants")
img.bg(src="images/backgrounds/straw.jpg", alt="straw")
img.bg(src="images/backgrounds/textile.jpg", alt="textile")
img.bg(src="images/backgrounds/trees.jpg", alt="trees")
img.bg(src="images/backgrounds/yellow-bamboos.jpg", alt="yellow-bamboos")
input.bgurl.form-control(type="url", placeholder="URL vers image de fond", name="bgurl")
div.revisions
h2 Révisions
button#create-revision.btn.btn-primary Créer une révision
div
ul#revisions-list
div.import
h2 Importer un tableau
div.form-inline
div.form-group
label(for="import-input") Fichier JSON à importer
input(type="file")#import-input.form-control
button#import-file.btn.btn-primary Importer
div#header-bar(data-url=locals.headerBarUrl)
header.container.main-header
div.title
a(href="/", title="Retour à la page d'accueil")
if locals.logoUrl
img.logo(src=locals.logoUrl, alt="logo Post-it")
else
img.logo(src="images/logo-Post-it.svg", alt="logo Post-it")
if (locals.home === true)
div.base-line Organiser ses idées collectivement
if (locals.demo === true)
div.base-line Tableau de démonstration.<br />Ny mettez rien dimportant !
block header
main
block body
div.clearfix
footer.container
block footer
div.credits Logiciel libre basé sur <a href="https://framagit.org/framasoft/framemo">Framemo</a> et <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> - <a href="https://framagit.org/colibris/framemo">Code source</a>
script(src="/reload/reload.js")
script(src="lib/jquery.min.js")
script(src="lib/jquery-ui.min.js")
script(src="lib/jquery.ui.touch-punch.min.js")
script(src="lib/jquery.jeditable.js")
script(src="lib/jquery.blockUI.js")
script(src="lib/marked.min.js")
script(src="lib/moment-with-locales.min.js")
script(src="socket.io/socket.io.js")
script(src="script.js")
div#settings
h2 Image de fond
div.backgrounds
img.bg(src="images/backgrounds/lagune.jpg", alt="lagune")
img.bg(src="images/backgrounds/canoe.jpg", alt="canoe")
img.bg(src="images/backgrounds/ciel.jpg", alt="ciel")
img.bg(src="images/backgrounds/contreplaque.jpg", alt="contreplaque")
img.bg(src="images/backgrounds/muscaris.jpg", alt="muscaris")
img.bg(src="images/backgrounds/nuagesoir.jpg", alt="nuagesoir")
img.bg(src="images/backgrounds/osier.jpg", alt="osier")
img.bg(src="images/backgrounds/planches.jpg", alt="planches")
img.bg(src="images/backgrounds/ardoise.jpg", alt="ardoise")
img.bg(src="images/backgrounds/clouds.jpg", alt="clouds")
img.bg(src="images/backgrounds/crab.jpg", alt="crab")
img.bg(src="images/backgrounds/ecorces.jpg", alt="ecorces")
img.bg(src="images/backgrounds/kiwi.jpg", alt="kiwi")
img.bg(src="images/backgrounds/plants.jpg", alt="plants")
img.bg(src="images/backgrounds/straw.jpg", alt="straw")
img.bg(src="images/backgrounds/textile.jpg", alt="textile")
img.bg(src="images/backgrounds/trees.jpg", alt="trees")
img.bg(src="images/backgrounds/yellow-bamboos.jpg", alt="yellow-bamboos")
input.bgurl.form-control(type="url", placeholder="URL vers image de fond", name="bgurl")
div.revisions
h2 Révisions
button#create-revision.btn.btn-primary Créer une révision
div
ul#revisions-list
div.import
h2 Importer un tableau
div.form-inline
div.form-group
label(for="import-input") Fichier JSON à importer
input(type="file")#import-input.form-control
button#import-file.btn.btn-primary Importer
div.credits Logiciel libre basé sur <a href="https://framagit.org/framasoft/framemo">Framemo</a> et <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> - <a href="https://framagit.org/colibris/framemo">Code source</a>
div#header-bar(data-url=locals.headerBarUrl)
header.container.main-header
div.title
a(href="/", title="Retour à la page d'accueil")
if locals.logoUrl
img.logo(src=locals.logoUrl, alt="logo Post-it")
else
span.logo-title Post-it
if (locals.home === true)
div.base-line Organiser ses idées collectivement
if (locals.demo === true)
div.base-line Tableau de démonstration.<br />Ny mettez rien dimportant !
block header
main
block body
div.clearfix
footer.container
block footer
script(src="/reload/reload.js")
script(src="lib/jquery.min.js")
script(src="lib/jquery-ui.min.js")
script(src="lib/jquery.ui.touch-punch.min.js")
script(src="lib/jquery.jeditable.js")
script(src="lib/jquery.blockUI.js")
script(src="lib/marked.min.js")
script(src="lib/moment-with-locales.min.js")
script(src="socket.io/socket.io.js")
script(src="script.js")