Is your feature request related to a problem? Please describe.
This feature allows saving logo settings to work later by exporting and importing logo settings.

Describe the solution you'd like

• A button allows exporting current settings.
• A file selector allows importing saved settings

Describe alternatives you've considered

• Employing a textarea and not a generated file.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Hi,

Thanks for all your fine work on this!

Could you possibly add a "Reverse: On|Off" toggle switch under the Global configuration options to have the icon appear at the end of the Logo (instead of the beginning) for the Horizontal Layout, and bottom (instead of the top) for the Vertical Layout? That would give the user two more logo layout options with hopefully not that many changes to the code.

Thank you!

Is your feature request related to a problem? Please describe.
Refactor render logo for improving maintenability.

Describe the solution you'd like
Refactor functions for horizontal and vertical logo render in order to reduce complexity.

Describe alternatives you've considered
😞

Is your feature request related to a problem? Please describe.
This feature allows customizing more the logo including letter spacing in all layout for accent and main text.

Describe the solution you'd like

• Adding an input rage for control letter spacing with default value 0 for main and accent and preserve it visible in all layouts
• Listen to the input range for updates

Describe alternatives you've considered
😞

Is your feature request related to a problem? Please describe.
This feature allows having a more intuitive GUI.

Describe the solution you'd like

1. Change button to a toggle for style and font weight.

Describe alternatives you've considered

1. Change button text when updated.

Additional context

• Toogle bootstrap lib : https://www.bootstraptoggle.com/

Describe the bug
When you update the selected icon, the initial selected icon is not removed.

To Reproduce
Steps to reproduce the behavior:

1. Change selected icon

Expected behavior
the selected icon is displayed and the logo and favicon are rendered

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Google Chrome
• Version 103.0.5060.53

Describe the bug
In vertical layout, when you export logo in SVG, accent text letter spacing is not considered.

To Reproduce
Steps to reproduce the behavior:

1. Set the vertical layout.
2. Fill the form. At least, set an accent text and a custom letter spacing.
3. Select export format SVG.
4. Press download logo button.

Expected behavior
The logo in SVG format is download with the letter spacing of the accent text.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Google Chrome
• Version 102.0.5005.115

Is your feature request related to a problem? Please describe.
This feature will divide the form layout in blocks per component and a global block for giving more order to the logo configuration.

Describe the solution you'd like

• Create a block for each component and a global block
• Blocks could be collapsable

Describe alternatives you've considered

• Same but with auto collapse

Is your feature request related to a problem? Please describe.
Yes, I encountered an issue related to the generated SVG files. While the generated SVG works perfectly in-browser, it appears to import fonts via URL, which causes problems when attempting to utilize these SVG files in desktop applications.

Here is an example of the SVG code:

<?xml version="1.0" standalone="no"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="114" height="114"><style>
@import url("https://fonts.googleapis.com/css?family=Montez|Lobster|Josefin+Sans|Shadows+Into+Light|Pacifico|Amatic+SC:700|Orbitron:400,900|Rokkitt|Righteous|Dancing+Script:700|Bangers|Chewy|Sigmar+One|Architects+Daughter|Abril+Fatface|Covered+By+Your+Grace|Kaushan+Script|Gloria+Hallelujah|Satisfy|Lobster+Two:700|Comfortaa:700|Cinzel|Courgette|Annie+Use+Your+Telescope|Baloo|Bowlby+One+SC|Bungee+Inline|Cabin+Sketch|Caveat|Contrail+One|Damion|Economica|Fascinate+Inline|Faster+One|Fredericka+the+Great|Gabriela|Just+Another+Hand|Kodchasan|Love+Ya+Like+A+Sister|Megrim|Monoton|Mouse+Memoirs|Podkova|Pompiere|Quicksand|Reenie+Beanie|Rokkitt|Six+Caps|Source+Sans+Pro|Special+Elite|Spicy+Rice|VT323|Wire+One");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css");
</style>
<defs/><g><text fill="#645785" stroke="none" font-family="&quot;Font Awesome 6 Free&quot;" font-size="100px" font-style="normal" font-weight="900" text-decoration="normal" x="7" y="57" text-anchor="start" dominant-baseline="central"></text></g></svg>

Describe the solution you'd like
While I'm aware that a solution might be complex and don't suggest anything specific, I think it's worth investigating potential approaches to make these SVGs more versatile.

Describe alternatives you've considered
At the moment, I don't see any easy alternative solutions that can bypass this issue. The core problem is with the font-importing mechanism, which inherently requires internet access and a browser to process the imported URLs.

Additional context
Lastly, I just wanted to commend the author on creating an excellent SVG generation tool! It's a great idea and has been well implemented. Despite the issue I encountered, I found the tool very useful and it has been a positive experience using it :)

Describe the bug
The logo baseline is bad calculated in the first render and when you swift layout at horizontal layout.

To Reproduce
Steps to reproduce the behavior:

1. Type a character in Main Tex

or:

1. Configure a logo in vertical layout
2. Swift layout to horizontal

Expected behavior
The baseline is well calculated

Desktop (please complete the following information):

• OS: windows 10
• Browser Google Chrome
• Version 102.0.5005.115

Hello,

on the online demo here

a large empty space appears above the logo when you type in the "main text" box.

Hi @creecros ,

What do you think about splitting JS in 3 files for improving readability and keep the project easy to maintain?

I think a refactor with:

• defaults.js: with the default parameters, ihm/libs configuration and redefining var with a speaking name.
• listeners.js: with the declarations of all the listeners.
• functions.js: with all app functions.

Describe the bug
The accent text with custom letter spacing is not aligned center.

To Reproduce
Steps to reproduce the behavior:

1. Set the vertical layout.
2. Fill the form. At least, set an accent text (with 2-3 letters is more clear) and a custom letter spacing (with big one is more clear).

Expected behavior
The accent text is aligned center.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Google Chrome
• Version 102.0.5005.115