Skip to content
GitLab
Verified Commit 67800356 authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Update buttons on desktop version 

       Small and very small versions have to be updated
parent 3f77c283
Pipeline #1681 passed with stage
in 44 seconds
Hide whitespace changes
Inline Side-by-side
static/imgs/diaspora.svg 0 → 100644
View file @ 67800356
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 836 843" style="enable-background:new 0 0 836 843;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<g>
<path class="st0" d="M452.8,765.6c-23.3,0-46.7,0-70,0c-4.9-1.3-9.8-3.1-14.8-3.8c-243.8-35.4-369.4-322.1-227-522
c84-117.9,201.4-167.2,343.4-138.6c136.5,27.5,222.9,114.5,259.7,249.4c3.9,14.4,6.6,29.2,9.9,43.8c0,23.3,0,46.7,0,70
c-1.1,2.6-2.7,5.1-3.1,7.8c-22.6,145.2-116.3,248.8-257.6,284.5C479.9,760.1,466.3,762.6,452.8,765.6z M593.7,579
c-28.3-39.1-55.4-76.6-83.4-115.3c46.7-15.3,90.2-29.6,135.1-44.3c-11.9-36.7-23.3-71.8-35-107.8c-46,14.8-89.9,28.9-136.3,43.7
c0-49.3,0-95.1,0-141.8c-38.1,0-74.5,0-113.2,0c0,47,0,93.2,0,141.6c-46.7-15-90.7-29.1-135.7-43.6
c-11.9,36.9-23.1,71.7-34.8,107.8c45.2,14.9,89.1,29.3,135,44.4c-28.6,39.5-55.7,77-83.4,115.3c31.4,22.8,61.3,44.5,92,66.8
c28.4-39,55.4-76,83.9-115.1c28.7,39.4,56,76.8,83.9,115.1C533.1,623,562.7,601.5,593.7,579z"/>
</g>
</g>
</svg>
static/imgs/mastodon.svg 0 → 100644
View file @ 67800356
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 836 843" style="enable-background:new 0 0 836 843;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#FEFFFF;}
</style>
<g>
<g>
<path class="st0" d="M134.6,419.6c0-36,0-72.1,0-108.1c0.2-1.4,0.4-2.7,0.5-4.1c0.7-7.7,0.9-15.4,1.7-23.1
c2.2-20.2,6.5-39.8,13.8-58.7c10.8-27.9,26.9-52.2,49.6-71.8c11.2-9.7,23.4-17.4,37.5-22.4c11.1-3.9,22.4-7.3,33.8-10
c27.9-6.5,56.3-10,84.8-12.4c18.3-1.5,36.7-2.4,55.1-2.9c31.5-0.8,62.9,0.3,94.3,2.7c20.5,1.6,41,3.9,61.3,7.3
c17.7,3,35.1,6.8,52.2,12.4c12.6,4.1,24.6,9.2,35.4,17.1c18.6,13.6,33.5,30.4,45.4,50c12.3,20.4,20.2,42.4,24.9,65.7
c2.5,12.5,3.9,25.2,3.8,38c-0.2,24-0.1,47.9-0.1,71.9c0,2.1,0,4.2,0,6.2c-0.1,0.6-0.1,1.2-0.1,1.8c-0.2,13.2-1.3,26.3-2.3,39.4
c-1.6,20.4-4.2,40.7-7.2,61c-2.5,16.8-9.3,31.3-20.2,44.2c-5.8,6.8-12.1,13.1-19.1,18.7c-34.8,27.9-74.9,43.4-118.8,49.4
c-17.1,2.3-34.2,4.1-51.3,5.6c-20.5,1.8-41.1,3-61.7,2.7c-18-0.3-36-1.5-53.9-3.3c-14-1.4-27.9-3.1-41.8-5.3
c-15.2-2.3-30.2-5-45.2-8.4c-2.4-0.5-2.5-0.4-2.5,2.1c0.3,10.7,1.4,21.3,4.2,31.7c6.5,24.2,21.4,41,44.7,50.4
c9.2,3.7,18.8,6.1,28.6,7.7c10.1,1.7,20.2,2.6,30.4,3.2c16.6,1,33.2,1.5,49.9,0.5c23.5-1.4,46.6-5.1,69.4-10.8
c3.7-0.9,7.4-1.9,11.2-2.9c0.5,0.8,0.4,1.6,0.4,2.4c0.5,10.7,1,21.4,1.6,32c0.2,5,0.3,10.1,0.7,15.1c0.2,2.2-0.6,3.3-2.5,4
c-1.2,0.4-2.3,1.1-3.5,1.6c-27.7,11.8-56.9,18-86.7,21.3c-8.1,0.9-16.2,1.3-24.3,1.9c-3.2-0.2-6.3,0-9.5,0.4c-6.3,0-12.7,0-19,0
c-1.5-0.1-2.9-0.4-4.4-0.4c-14.9-0.4-29.8-1.7-44.6-3.7c-23.3-3-46.2-7.6-68.9-13.9c-23.7-6.6-45.1-17.5-63.9-33.4
c-18-15.4-31.9-34-42.8-54.9c-11.9-23-19.8-47.4-25.4-72.6c-6.2-27.6-9.6-55.5-11.8-83.7c-1.5-19.2-2.3-38.5-2.7-57.8
c0-1-0.1-2-0.1-3C135.4,420,135.2,419.6,134.6,419.6z M432.4,280.4c-0.5-0.8-1.1-1.6-1.5-2.4c-4.6-7.7-9.1-15.5-13.9-23.2
c-11.5-18.7-27.6-31.3-48.9-37.1c-13.4-3.7-27.1-4.4-40.9-3c-17.6,1.8-33.4,7.8-47.3,18.8c-15.9,12.6-26,29.1-31.9,48.3
c-4.5,14.7-6,29.8-6,45.1c0,54.3,0,108.7,0,163c0,0.7,0,1.4,0,2.1c-0.1,1.1,0.4,1.7,1.6,1.6c0.8,0,1.6,0,2.4,0c19.5,0,39,0,58.5,0
c4.5,0,4,0.2,4-4c0-51.8,0-103.5,0-155.3c0-3.6,0-7.1,0.2-10.7c0.5-7.4,1.7-14.7,4.7-21.6c5-11.6,13.6-18.7,25.9-21.4
c7.5-1.6,15.1-1.7,22.7-0.5c13.6,2.2,23.8,9.3,30.1,21.7c1.6,3.2,2.9,6.5,3.9,9.9c2.8,9.5,3.6,19.2,3.6,29.1c0,28,0,56,0,84
c0,0.8,0,1.6,0,2.4c0,2.5,0,2.5,2.4,2.6c0.6,0,1.2,0,1.8,0c11.7,0,23.4,0,35,0c8.1,0,16.2,0,24.4,0c2.3,0,2.3,0,2.4-2.2
c0-0.8,0-1.6,0-2.4c0-27.1,0-54.2,0-81.4c0-6.5,0.2-13.1,1.1-19.6c1-7.9,2.9-15.5,6.6-22.7c5.2-10,13-16.9,23.9-20
c10-2.9,20.1-3.1,30.2-0.6c11.5,2.8,19.6,9.9,24.3,20.8c0.9,2.1,1.7,4.2,2.3,6.4c2.2,7.9,2.8,16,2.8,24.1c0,52.4,0,104.7,0,157.1
c0,0.9,0,1.8,0,2.7c0,1.1,0.4,1.7,1.5,1.6c0.8,0,1.6,0,2.4,0c19.5,0,39,0,58.5,0c4.4,0,4,0.4,4-4c0-52.5,0-104.9,0-157.4
c0-8.1-0.1-16.2-0.9-24.3c-1.4-13.8-4.4-27.2-10.2-39.8c-11.5-25-30.1-42.1-56.6-50.1c-15.3-4.6-31-5.1-46.7-2.8
c-26.5,3.9-46.8,17.2-60.8,40.1c-4.6,7.5-9,15.1-13.6,22.7C433.8,278.8,433.5,279.8,432.4,280.4z"/>
</g>
<path class="st1" d="M428.6,743.5c0,0.1,0,0.3,0,0.4c-3.2,0-6.3,0-9.5,0C422.3,743.5,425.4,743.3,428.6,743.5z"/>
</g>
</svg>
static/style.css
View file @ 67800356
...@@ -105,6 +105,33 @@ a { ...@@ -105,6 +105,33 @@ a {
border: 1px solid #497ed5; border: 1px solid #497ed5;
} }
.share-button {
font-size: 20px;
height: 50px;
width: 50px;
padding-left: 0;
padding-right: 0;
}
.share-button > img {
height: 20px;
width: 20px;
}
div#actionButtons {
display: flex;
margin-top: 5px;
justify-content: flex-end;
}
div#actionButtons > noscript {
margin-right: auto;
}
div#actionButtons > noscript > button {
margin-left: 0;
}
#inputs { #inputs {
background-color: white; background-color: white;
} }
......
views/index.pug
View file @ 67800356
...@@ -116,31 +116,26 @@ html(lang=locale) ...@@ -116,31 +116,26 @@ html(lang=locale)
noscript noscript
img(src=protocol + "://" + host + "/" + subdir + "generate.png?" + imageParams alt="preview" width="600") img(src=protocol + "://" + host + "/" + subdir + "generate.png?" + imageParams alt="preview" width="600")
canvas(width="600" height="413")#output canvas(width="600" height="413")#output
noscript div#actionButtons
button(type="submit" formtarget="_self" formaction="" style="float: left").white-button noscript
button(type="submit" formtarget="_self" formaction="" style="float: left").white-button
span.text
=_('Actualiser') + ' '
span.fa.fa-refresh
button(type="submit" name="target" value="randomize" formaction="" formtarget="_self").randomize.white-button
span.fa.fa-random
button(type="submit" name="target" value="mastodon").blue-button.share-button
img(src="./imgs/mastodon.svg" width="20" height="20" alt="mamot")
button(type="submit" name="target" value="diaspora").blue-button.share-button
img(src="./imgs/diaspora.svg" width="20" height="20" alt="diaspora")
button(type="submit" name="target" value="twitter").blue-button.share-button
span.fa.fa-twitter
button(type="submit" name="target" value="facebook").blue-button.share-button
span.fa.fa-facebook-square
button(type="submit" name="target" value="download" formtarget="_self").white-button
span.text span.text
=_('Actualiser') + ' ' =_('Enregistrer') + ' '
span.fa.fa-refresh span.fa.fa-save
button(type="submit" name="target" value="randomize" formaction="" formtarget="_self").randomize.white-button
span.fa.fa-random
button(type="submit" name="target" value="mastodon").white-button
span.text
=_('Mamot') + ' '
button(type="submit" name="target" value="diaspora").white-button
span.text
=_('Diaspora*') + ' '
button(type="submit" name="target" value="twitter")#tweet-button.blue-button
span.text
=_('Tweet') + ' '
span.fa.fa-twitter
button(type="submit" name="target" value="facebook")#fb-button.blue-button
span.text
=_('Partager') + ' '
span.fa.fa-facebook-square
button(type="submit" name="target" value="download" formtarget="_self")#save-image.white-button
span.text
=_('Enregistrer') + ' '
span.fa.fa-save
#credits #credits
p p
strong= _('Site hébergé par') + ' ' strong= _('Site hébergé par') + ' '
......
Supports Markdown
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