cweickhmann / neuer-jef-eud-logo-generator Goto Github PK
View Code? Open in Web Editor NEWWIP of the logo generator for JEF and EUD
License: GNU General Public License v3.0
WIP of the logo generator for JEF and EUD
License: GNU General Public License v3.0
The current idea is to embed the generator simply by adding an empty <div>
element with the proper id
and load the required JS file.
logo-generator.js
), pablo.js
must be loaded. This should be improved by letting logo-generator.js
load pablo.js
by a call.<script>
tags without large changes to its default configuration. This may be similar with other CMS, e.g. TYPO3. Writing a backend-plugin for all of them does not seem to be a solution... Other options?The SVGs shipped in the ZIP archive do only refer to a font name ("Roboto Light" in case of the EUD logo). Unless that font is installed on the target system, the SVG will not be rendered correctly.
As of now, rsvg-convert
requires fonts to be installed in a font-directory, either for the whole system or for the user. At all-inkl.de this was not an issue since the user font directory was available ($WEBROOT/.fonts
, although I remember that it was not easy to find out about that) but with schlundtech.de (where EUD is currently hosted) this seems to be less obvious.
Search for other solutions like in issue #10, that do not depend on a somewhat global path but would accept a font location that can be set freely by the developers.
TODO: Embed correct font for proper drop-down symbols, thus replacing the "v" that is currently used.
Currently, upon exceeding the right text boundary, a dashed line and grey area is shown. There is no further explanation as to why that is and that it'll not show up in the rendered results.
In connection with issue #7, this could be fixed by an 'alert' icon with an explanation note.
TODO: Fix the button colours to something more beautiful and functional.
The button should be easily readable, responsive (hover colour should actually indicate hovering and upon deactivation should be noticeably greyed out).
The "Hinweis"/"Note" is static HTML, lacking any styling at this point. It was intended to be shown as a hovering note, bubble or upon clicking/hovering a help icon. This has not yet been implemented.
...
When entering too wide text in the EUD logo mode, the marker elements (dashed line + rectangle) are not rendered (or not placed within ViewBox) when viewing in Firefox on MacOS X.
TODO 1: Set submit button to inactive while browser is waiting for ZIP to be received.
TODO 2: Add a loading feedback (e.g. animation).
While rsvg-convert
seems to be available on quite a few webhosting services, it may not be around on all of them, nor may it support all the features wanted (cf. #3).
Search for php-native SVG renderers that can produce vector output (PDF) and raster output (e.g. PNG).
rsvg-convert
seems to ignore certain font-related properties (or interpret them differently from Inkscape).
The width of text lines is considerably larger in the rsvg-convert
-rendered files than in the browser- or Inkscape-rendering.
Unclear. Maybe file a bug with the rsvg
team?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.