VoltEuropa/profile.volt.link
VoltEuropa/profile.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/profile-picture-generator.git synced 2024-12-22 15:55:08 +00:00
Code Activity

translated the header image / logo

Browse source
This commit is contained in:
thomasrosen 2021-01-23 22:09:14 +01:00
parent 9d145f63bf
commit 8bf08eed92
6 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.css
View file

@ -40,6 +40,12 @@ footer{
padding: 10vmin;
}
h1{
font-size: calc(10px + 10vmin);
line-height: 0.9;
margin-top: 2vmin;
}
h2{
margin: 10vh 0 2vh 0;
font-size: calc(10px + 4vmin);
@ -58,7 +64,7 @@ a:hover{
}
.HeaderImage{
height: calc(10px + 30vmin);
height: calc(10px + 20vmin);
max-width: 100%;
}

5
src/App.js
View file

@ -5,7 +5,7 @@ import mergeImages from 'merge-images'
import FrameChooser from './FrameChooser.js'
import HashtagChooser from './HashtagChooser.js'
import Editor from './Editor.js'
import HeaderImage from './HeaderImage.svg'
import VoltLogoPurple from './VoltLogoPurple.svg'
import purpleBG from './purpleBG.png'
import empty_1x1 from './empty_1x1.png'
@ -284,7 +284,8 @@ function App({ getString }) {
return (
<div className="App" {...getRootProps()}>
<img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
<img src={VoltLogoPurple} className="HeaderImage" alt={getString('alt_volt_logo')} />
<h1><Localized id="title_profile_generator" /></h1>
<div className={isDragActive ? 'droparea active' : 'droparea'}>
<Localized id="title_drop_photo_here" />

1
src/HeaderImage.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 141 KiB

6
src/VoltLogoPurple.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="201" height="84" viewBox="0 0 201 84" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M177.134 56.7643V34.9565H193.283V20.3506H177.134V0.664734L159.57 3.44812V57.0031C159.57 61.0083 159.938 64.6643 160.691 67.9622C161.435 71.26 162.749 74.0709 164.641 76.3858C166.524 78.7007 169.041 80.5104 172.183 81.8056C175.324 83.1009 179.293 83.7531 184.088 83.7531C187.864 83.7531 191.042 83.4408 193.632 82.8069C196.223 82.1823 198.584 81.429 200.706 80.5655L198.225 66.8966C196.572 67.5304 194.753 68.0173 192.741 68.3664C190.739 68.7154 188.791 68.8991 186.908 68.8991C182.977 68.8991 180.368 67.7968 179.072 65.6013C177.777 63.4059 177.134 60.4571 177.134 56.7643Z" fill="white"/>
<path d="M50.898 82.3384C54.1315 75.5131 57.3282 68.4031 60.4699 61.0175C63.6115 53.6318 66.597 46.3289 69.4263 39.0994C72.2557 31.8699 74.8553 24.962 77.2437 18.3756C79.6229 11.7707 81.7266 5.87326 83.5546 0.664734L63.979 0.664734C62.4449 5.42314 60.7363 10.5214 58.8715 15.9688C56.9975 21.4253 55.096 26.8635 53.1578 32.2741C51.2195 37.6939 49.3363 42.8749 47.5175 47.8354C45.6986 52.7959 44.0176 57.0674 42.4835 60.65C40.8576 57.0399 39.1489 52.7592 37.376 47.7987C35.5939 42.8382 33.7383 37.648 31.8001 32.2374C29.8618 26.8268 27.9511 21.3886 26.0771 15.9412C24.2031 10.4847 22.5037 5.39558 20.9788 0.664734L0.705078 0.664734C2.44125 5.8457 4.49894 11.7432 6.88733 18.348C9.27572 24.9528 11.8846 31.8608 14.7323 39.081C17.58 46.3013 20.5838 53.6043 23.7438 60.9807C26.9039 68.3572 30.1098 75.4764 33.3617 82.3384H50.898Z" fill="white"/>
<path d="M153.773 0.664734L136.209 3.44812V82.3384H153.773V0.664734Z" fill="white"/>
<path d="M131.305 52.1621C131.305 34.5891 117.057 20.3415 99.4841 20.3415C92.2362 20.3415 85.5579 22.7666 80.2116 26.836C78.7235 30.8136 77.1618 34.8923 75.5175 39.0811C73.1475 45.1256 70.6764 51.2343 68.0859 57.389C70.5937 72.4818 83.6931 83.9828 99.4841 83.9828C117.057 83.9828 131.305 69.7352 131.305 52.1621ZM115.376 52.1621C115.376 60.8614 108.321 67.9163 99.6218 67.9163C90.9226 67.9163 83.8677 60.8614 83.8677 52.1621C83.8677 43.4629 90.9226 36.408 99.6218 36.408C108.321 36.408 115.376 43.4629 115.376 52.1621Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

3
src/locales/de.ftl
View file

@ -1,4 +1,7 @@
alt_volt_logo = Volt Logo
title_profile_generator = Profil Rahmen
title_drop_photo_here = Leg hier dein Foto ab ...
title_choose_photo = Wähl Dein Foto:
text_choose_photo_info = Das Foto wird nicht gespeichert und verlässt nie Deinen Computer.

3
src/locales/en.ftl
View file

@ -1,4 +1,7 @@
alt_volt_logo = Volt Logo
title_profile_generator = Profile Frames
title_drop_photo_here = Drop your photo here ...
title_choose_photo = Choose your Photo:
text_choose_photo_info = The photo is not saved and never leaves your computer.