Commit cee4298a authored by Luc Didry's avatar Luc Didry
Browse files

Allow to save, show, load, download and delete stickers in a gallery

parent f2fa3410
......@@ -17,3 +17,10 @@ canvas, #svg {
display: block !important;
}
}
.card {
float: left;
width: 33.333%;
padding: .75rem;
margin-bottom: 2rem;
border: 0;
}
.row,.buttons a{margin-top:1rem}.row.buttons{margin-top:0}canvas,#svg{margin-left:auto;margin-right:auto}@media print{nav.navbar,nav.sidebar,#settings,.controls{display:none!important}#canvas{display:block!important}}
\ No newline at end of file
.row,.buttons a{margin-top:1rem}.row.buttons{margin-top:0}canvas,#svg{margin-left:auto;margin-right:auto}@media print{nav.navbar,nav.sidebar,#settings,.controls{display:none!important}#canvas{display:block!important}}.card{float:left;width:33.333%;padding:.75rem;margin-bottom:2rem;border:0}
\ No newline at end of file
......@@ -28,6 +28,7 @@
<a class="dropdown-item" href="#" data-setting="set-fonts">Fonts</a>
<a class="dropdown-item" href="#" data-setting="set-positions">Positions</a>
<a class="dropdown-item" href="#" data-setting="set-img-size">Image size</a>
<a class="dropdown-item" href="#" data-setting="gallery">Gallery</a>
</div>
</li>
<li class="nav-item">
......@@ -85,11 +86,15 @@
<li class="nav-item">
<a class="nav-link" href="#" data-setting="set-img-size">Image size</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-setting="gallery">Gallery</a>
</li>
</ul>
</nav>
</div>
<main class="col ml-sm-auto col-md-10 pt-3">
<noscript>You need Javascript to use this tool!</noscript>
<div id="main-tool">
<div class="row text-center controls">
<div class="col-md-4 col-sm-12 form-group">
<label for="wemake">First line</label>
......@@ -105,18 +110,23 @@
</div>
</div>
<div class="row text-center buttons controls">
<div class="col-md-3 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="toggle-svg">Work with SVG</a>
</div>
<div class="col-md-3 col-sm-12">
<div class="col-md-6 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="download">Download</a>
</div>
<div class="col-md-3 col-sm-12">
<div class="col-md-6 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="reset">Reset to default</a>
</div>
<div class="col-md-3 col-sm-12">
</div>
<div class="row text-center buttons controls">
<div class="col-md-4 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="toggle-svg">Work with SVG</a>
</div>
<div class="col-md-4 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="print">Print</a>
</div>
<div class="col-md-4 col-sm-12">
<a class="btn btn-info btn-block" href="#" id="save">Save</a>
</div>
</div>
<div class="row text-center">
<div class="col-md-12 col-lg-6 d-none text-left" id="settings">
......@@ -469,6 +479,9 @@
</div>
</div>
</div>
</div>
<div id="gallery" class="d-none row">
</div>
</main>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
......
This diff is collapsed.
This diff is collapsed.
......@@ -65,5 +65,10 @@
"border-thickness": "Thickness",
"make-text-center": "Center text",
"print": "Print",
"bark": "Tree bark"
"bark": "Tree bark",
"save": "Save",
"gallery": "Gallery",
"sorry-no-gallery": "Sorry, but you haven't saved any image yet",
"load": "Load",
"delete": "Delete"
}
......@@ -65,5 +65,10 @@
"border-thickness": "Épaisseur",
"make-text-center": "Centrer le texte",
"print": "Imprimer",
"bark": "Écorce d'arbre"
"bark": "Écorce d'arbre",
"save": "Enregistrer",
"gallery": "Galerie",
"sorry-no-gallery": "Désolé, mais vous n’avez pas encore enregistré d’image",
"load": "Charger",
"delete": "Supprimer"
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment