Re: [SFD-discuss] SFD-discuss Digest, Vol 98, Issue 13
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 Hi Fred, the Inkscape website is back online again. What exactly would you need help with? (giving an Inkscape workshop on SFD ;-) ) I never heard about any display bug (well, those fonts are not available on my system, so the images look broken, because the texts don't fit, but beyond that...?) What needs to be done? Regards, Maren
Date: Sat, 27 Aug 2016 17:21:50 +0700 From: Frederic Muller - DFF <fred@digitalfreedomfoundation.org> I'm trying to look at this again (as the svg is on the wiki and I was hoping the display bug we had back then had been fixed). Looking at the internet didn't really help me so far and the Inkscape site is giving me a 502 https://inkscape.org/en/learn/animation/ .
Does anybody feel familiar enough to get us started again?
Thanks a lot.
Fred
-----BEGIN PGP SIGNATURE----- Version: GnuPG v2.0.22 (GNU/Linux) iQIcBAEBAgAGBQJXwgGHAAoJELavtZto4hQPIQMP/jyDaImTFjNIcHHDbDMRJfot OzewZX6v3Cf3Nt8IJMmsnQxb+RA/FW7DSJTXTjLFvuhQwqYx5j2vrAL7VD/S/Zk/ Q3PTJDlQl0z2DDpxae336+8enXMlAh80eEwoCdgdW6yyhPovB8XxAnwQte3Sd3bk VFX0hoNArieMNEHSgIwoqJTGcvbqNczewy3ZxOIuXbKUpj71w2yUMuzqvFZTpVwG okinhVw+S6gXtXoc1VTVRxp0VJl54eQXXGD2cSJiHzXPJQfOKQPRPQTob4Fbt918 6bBR9DcZzve+ypaUqHiF2VCr4n5OPd8tJY9f9yq6WDlAKRuM/bylBfBL5uoVq+ai NO0RDGmoZuJgvlE7C4YLYe2nd6Zc7RWyUJ/1ghLnaZX0oHObnqVlmarQWhwJIJGL 8XY9kq3XPkWzCUu1J0QudZpA+KkFd/AWCsu26219p7CxsAozrzMyO6AW/Yk0I18R MDFPmNw1eujDCiPiwobSWEPcTlm+C7P9OXg8R9rqr9ektdEaf6Ig981cW506YbYL kew6cyQOQxxvqsg8ob3Jz37g87TRrxPxH1RNFd0Y0i+35eL+63YuyvZAQYP/yGLf 2ajB/wCRmh89jIWBxDlYDeRd8Lfw2F0VtokneLXk1/35EgpNGaTjNN0GYrY1u8xw y3mDpDCDyRo6T6CCmCEq =GiEX -----END PGP SIGNATURE-----
Hi! Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off. That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor. So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website. The date changing every year requires us to remake the graphics and therefore know a bit of the local language. If we had the text in text files I believe this could be simpler to manage. For example today we have 15 translations which we cannot publish because we are unable to edit the file in each particular language. Well I hope I was clear enough. If you have some hints we'll really appreciate. Thank you. Fred On 08/28/2016 04:09 AM, Maren Hachmann wrote:
Hi Fred,
the Inkscape website is back online again.
What exactly would you need help with? (giving an Inkscape workshop on SFD ;-) )
I never heard about any display bug (well, those fonts are not available on my system, so the images look broken, because the texts don't fit, but beyond that...?)
What needs to be done?
Regards, Maren
Date: Sat, 27 Aug 2016 17:21:50 +0700 From: Frederic Muller - DFF <fred@digitalfreedomfoundation.org> I'm trying to look at this again (as the svg is on the wiki and I was hoping the display bug we had back then had been fixed). Looking at the internet didn't really help me so far and the Inkscape site is giving me a 502 https://inkscape.org/en/learn/animation/ .
Does anybody feel familiar enough to get us started again?
Thanks a lot.
Fred
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 Hi Fred, Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- - Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- - That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- - You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki. That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know. img tags will *not* work. So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking. Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension. That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files. We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png. Do you have any preferences? Or would you just like to have it work easily? What I would do is: - - modify the SVG image - - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - - only have them translate those few strings, then ask them to upload the changed SVG file - - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - - have you continue serving the png images using the working script you have It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-) What do you think? (If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself). Regards, Maren -----BEGIN PGP SIGNATURE----- Version: GnuPG v2.0.22 (GNU/Linux) iQIcBAEBAgAGBQJXwxA4AAoJELavtZto4hQPTssP/2lpvPYnBl/fQSmVBeBr+W0R LTOBSRnzPjcAYQK0lGSwUsi2NehiTPHA0K80dE2kKsERIBd9EAZE2CKPJmdj1N+Q NmUqV0x0JZbNBvHjEkupL/V9PZUaocj6Gs4/gj5Gzs6Y4f7Oi/8J+0j8t/FQhah3 /1XftWppe9kugO/Qjkc2QslTsE1z2L1xfoUPQ2pf35MDzlsdzHxLLUO2KQyBcdoz eZ5KVTro8+65vBbHO48mFvKBbVWm9DKTAIflkIOt67CDqcd/ApW1Km28v8VIEhuc 8BSpZ/1DH7rjmscfYn+M4iNOIWyo1fNBC49bAiXNKhlvS3BRDkd5LG/c4gshLabo Q79ltKATl4ioYcIPX+iy9EBkdIq/lQH1YUybYEEbuBO13dV3shtQUMuOHOCjA2cv RME5hs7T9KPwk5fCmXCNHqT4UHDTUtOxxbW9F/SdQh3kQwRR9PtdxEthdWdHnId2 bpyMx7pOWWJSYVdCjU0VBZ/bBe5uSTJEYnDQqNsBTzMfKw/9GGkVJBySlw8ooxFl Sbv1l9TTtASFyHLG8QJlnCaQa/DC0uonNYvF32UYc9HSt0ee6JFmiC9fddh1CY/U fWJDQuEChk8g+oz8a53ansPqgj3tObV3doGmqi4vj4lSi4sE8CFrzTwHWIxhGk+6 bwLFg8TEB/05eD12yB7E =3vAo -----END PGP SIGNATURE-----
Hi! Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-) I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to. So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language. Is this possible? Thank you. Fred On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
Hi Fred, yes, this should be possible, using the inkscape-generator extension that is available in Ubuntu repositories (example files that can serve as instructions here: https://inkscape.org/~Moini/%E2%98%85example-files-for-generator-extension) and the export-objects extension ( https://gitlab.com/su-v/inx-exportobjects). Both extensions may need to be adjusted (if you want to use Inkscape 1.0 at some point, they have to be), and a script would need to be written to wrap them. I'm busy currently with our Kielux event, so cannot help you with it before this year's SFD. For the next one, I think I could. (or even an extension could be made from these two, as a combo) Maren Am 19.09.19 um 11:49 schrieb Frederic Muller - DFF:
Hi!
Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-)
I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to.
So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language.
Is this possible?
Thank you.
Fred
On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
Wow Excellent! So don't worry it's not going to be for this SFD! Now I've downloaded and install ink-generator and played with the sample file: everything works. I'm currently using inkscape v. 0.92 (Fedora) so no issue with using v1.0 yet. I am not sure why I would need the export object extension though. Is it because we have move than 1 design in the same file? The way I look at it as we have a few languages we'll have all the "numbered" countdown file in the same svg/csv for all languages (actually they don't change anymore until we change the whole countdown design). Then we have 3 files to edit and export per language each year. They are actually 1 file with 3 different texts. Only Spanish has a text size change in 1 image because the text is too long. Maybe I could add font size as a parameter (though it switches from 1 line to 2 smaller lines - maybe something we can improve). Again I'd have 1 svg/csv pair to generate those 3 images x translations. So we'd end up 2 svg/csv, using on 1 pair in fact, except if we change the countdown design. And then we (I ;-) ) manually upload the 3 images in the wiki. Please correct me if I missed anything! Thank you very much. Fred On 9/19/19 5:16 PM, Maren Hachmann wrote:
Hi Fred,
yes, this should be possible, using the inkscape-generator extension that is available in Ubuntu repositories (example files that can serve as instructions here: https://inkscape.org/~Moini/%E2%98%85example-files-for-generator-extension) and the export-objects extension ( https://gitlab.com/su-v/inx-exportobjects).
Both extensions may need to be adjusted (if you want to use Inkscape 1.0 at some point, they have to be), and a script would need to be written to wrap them.
I'm busy currently with our Kielux event, so cannot help you with it before this year's SFD. For the next one, I think I could.
(or even an extension could be made from these two, as a combo)
Maren
Am 19.09.19 um 11:49 schrieb Frederic Muller - DFF:
Hi!
Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-)
I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to.
So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language.
Is this possible?
Thank you.
Fred
On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
Hi Fred, glad it works! That extension is really very useful. The only thing it can't do is to adjust the width of the text automatically, not sure if that's a problem. Using centered text helps to alleviate the issue. I didn't remember that the generator extension would also do the exporting to the format you'd need, that's why I added the export extension to the mix - good that it's not needed :) Is there still anything left for me to do? (I could probably add functionality to query the text object's width and to scale it down to the desired max width. Always wanted to put that in anyway...) Maren Am 19.09.19 um 13:00 schrieb Frederic Muller - DFF:
Wow Excellent!
So don't worry it's not going to be for this SFD! Now I've downloaded and install ink-generator and played with the sample file: everything works.
I'm currently using inkscape v. 0.92 (Fedora) so no issue with using v1.0 yet.
I am not sure why I would need the export object extension though. Is it because we have move than 1 design in the same file?
The way I look at it as we have a few languages we'll have all the "numbered" countdown file in the same svg/csv for all languages (actually they don't change anymore until we change the whole countdown design).
Then we have 3 files to edit and export per language each year. They are actually 1 file with 3 different texts. Only Spanish has a text size change in 1 image because the text is too long. Maybe I could add font size as a parameter (though it switches from 1 line to 2 smaller lines - maybe something we can improve). Again I'd have 1 svg/csv pair to generate those 3 images x translations.
So we'd end up 2 svg/csv, using on 1 pair in fact, except if we change the countdown design.
And then we (I ;-) ) manually upload the 3 images in the wiki.
Please correct me if I missed anything!
Thank you very much.
Fred
On 9/19/19 5:16 PM, Maren Hachmann wrote:
Hi Fred,
yes, this should be possible, using the inkscape-generator extension that is available in Ubuntu repositories (example files that can serve as instructions here: https://inkscape.org/~Moini/%E2%98%85example-files-for-generator-extension) and the export-objects extension ( https://gitlab.com/su-v/inx-exportobjects).
Both extensions may need to be adjusted (if you want to use Inkscape 1.0 at some point, they have to be), and a script would need to be written to wrap them.
I'm busy currently with our Kielux event, so cannot help you with it before this year's SFD. For the next one, I think I could.
(or even an extension could be made from these two, as a combo)
Maren
Am 19.09.19 um 11:49 schrieb Frederic Muller - DFF:
Hi!
Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-)
I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to.
So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language.
Is this possible?
Thank you.
Fred
On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
Hey! I hope you had a great SFD. mine is still in the making here (public holidays conflict). So after playing with the extension I had issues, some which I fixed (like finding the text size in pixel - which is not the value displayed in Inkscape), some which I didn't unfortunately. Still trying to figure out how to insert a comma in some of the text. Apparently the current csv import doesn't support that. I emailed the extension creator but didn't get any response yet. It seems I would need to replace the csv interpreter code to allow comma to be accepted. And since now you have time I am still a bit confused about the other alternative which was having a script inside the SVG file and making it run from SFD's servers. What am I missing? Thank you. Fred On 9/24/19 8:23 PM, Maren Hachmann wrote:
Hi Fred,
glad it works! That extension is really very useful.
The only thing it can't do is to adjust the width of the text automatically, not sure if that's a problem. Using centered text helps to alleviate the issue.
I didn't remember that the generator extension would also do the exporting to the format you'd need, that's why I added the export extension to the mix - good that it's not needed :)
Is there still anything left for me to do? (I could probably add functionality to query the text object's width and to scale it down to the desired max width. Always wanted to put that in anyway...)
Maren
Am 19.09.19 um 13:00 schrieb Frederic Muller - DFF:
Wow Excellent!
So don't worry it's not going to be for this SFD! Now I've downloaded and install ink-generator and played with the sample file: everything works.
I'm currently using inkscape v. 0.92 (Fedora) so no issue with using v1.0 yet.
I am not sure why I would need the export object extension though. Is it because we have move than 1 design in the same file?
The way I look at it as we have a few languages we'll have all the "numbered" countdown file in the same svg/csv for all languages (actually they don't change anymore until we change the whole countdown design).
Then we have 3 files to edit and export per language each year. They are actually 1 file with 3 different texts. Only Spanish has a text size change in 1 image because the text is too long. Maybe I could add font size as a parameter (though it switches from 1 line to 2 smaller lines - maybe something we can improve). Again I'd have 1 svg/csv pair to generate those 3 images x translations.
So we'd end up 2 svg/csv, using on 1 pair in fact, except if we change the countdown design.
And then we (I ;-) ) manually upload the 3 images in the wiki.
Please correct me if I missed anything!
Thank you very much.
Fred
On 9/19/19 5:16 PM, Maren Hachmann wrote:
Hi Fred,
yes, this should be possible, using the inkscape-generator extension that is available in Ubuntu repositories (example files that can serve as instructions here: https://inkscape.org/~Moini/%E2%98%85example-files-for-generator-extension) and the export-objects extension ( https://gitlab.com/su-v/inx-exportobjects).
Both extensions may need to be adjusted (if you want to use Inkscape 1.0 at some point, they have to be), and a script would need to be written to wrap them.
I'm busy currently with our Kielux event, so cannot help you with it before this year's SFD. For the next one, I think I could.
(or even an extension could be made from these two, as a combo)
Maren
Am 19.09.19 um 11:49 schrieb Frederic Muller - DFF:
Hi!
Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-)
I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to.
So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language.
Is this possible?
Thank you.
Fred
On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF:
Thank you for the answer. We actually discuss with the topic at length with Alexandro and maybe others 3 years ago. There was a small bug in the display of the SVG between Inkscape and the rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
That's about as much as I remember. I can't even remember how to edit the file now if it's not using a text editor.
- That I can do ;-)
So back to what we want is actually replacing the current PNG files for our countdown with SVG file(s). We believe this would help us better manage translations and re-editing the file year after year. So it should be able to display the SFD countdown image (we have the SVG source so that should be ok) and deduct 1 day everyday as we get closer to SFD. Also the current availability of the files make it possible for people to chose the SFD date based on their timezone. So it is pretty simple to just copy & paste the code and insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
Hi Fred, yes, SFD was good in Kiel :) Took me a bit to recover from all the work (we're organizing a whole conference, not 'only' SFD), but now I can test away with the generator extension. I don't have an issue with the commas, though. I put the text in quotation marks, and then it works (with a single comma per replaced text, it fails for the row when there are more). Is there more than one comma in the items? If so, we can switch to using semicolons or some other unused character, and drop the commahack. Not sure what you're missing about the SVG file with Javascript included - what exactly are you confused about? An example of a similar type of file (SVG + JS in an embed tag) is here: https://vektorrascheln.de/ iframe or object should work, too. But on some sites, CSP headers won't allow loading this kind of image from a different domain. A static image of the png/svg/jpg kind is certainly easier to use and embed on all kinds of websites, and it seems to be easy to generate now. Kind Regards Maren Am 24.09.19 um 17:50 schrieb Frederic Muller - DFF:
Hey!
I hope you had a great SFD. mine is still in the making here (public holidays conflict).
So after playing with the extension I had issues, some which I fixed (like finding the text size in pixel - which is not the value displayed in Inkscape), some which I didn't unfortunately. Still trying to figure out how to insert a comma in some of the text. Apparently the current csv import doesn't support that. I emailed the extension creator but didn't get any response yet. It seems I would need to replace the csv interpreter code to allow comma to be accepted.
And since now you have time I am still a bit confused about the other alternative which was having a script inside the SVG file and making it run from SFD's servers. What am I missing?
Thank you.
Fred
On 9/24/19 8:23 PM, Maren Hachmann wrote:
Hi Fred,
glad it works! That extension is really very useful.
The only thing it can't do is to adjust the width of the text automatically, not sure if that's a problem. Using centered text helps to alleviate the issue.
I didn't remember that the generator extension would also do the exporting to the format you'd need, that's why I added the export extension to the mix - good that it's not needed :)
Is there still anything left for me to do? (I could probably add functionality to query the text object's width and to scale it down to the desired max width. Always wanted to put that in anyway...)
Maren
Am 19.09.19 um 13:00 schrieb Frederic Muller - DFF:
Wow Excellent!
So don't worry it's not going to be for this SFD! Now I've downloaded and install ink-generator and played with the sample file: everything works.
I'm currently using inkscape v. 0.92 (Fedora) so no issue with using v1.0 yet.
I am not sure why I would need the export object extension though. Is it because we have move than 1 design in the same file?
The way I look at it as we have a few languages we'll have all the "numbered" countdown file in the same svg/csv for all languages (actually they don't change anymore until we change the whole countdown design).
Then we have 3 files to edit and export per language each year. They are actually 1 file with 3 different texts. Only Spanish has a text size change in 1 image because the text is too long. Maybe I could add font size as a parameter (though it switches from 1 line to 2 smaller lines - maybe something we can improve). Again I'd have 1 svg/csv pair to generate those 3 images x translations.
So we'd end up 2 svg/csv, using on 1 pair in fact, except if we change the countdown design.
And then we (I ;-) ) manually upload the 3 images in the wiki.
Please correct me if I missed anything!
Thank you very much.
Fred
On 9/19/19 5:16 PM, Maren Hachmann wrote:
Hi Fred,
yes, this should be possible, using the inkscape-generator extension that is available in Ubuntu repositories (example files that can serve as instructions here: https://inkscape.org/~Moini/%E2%98%85example-files-for-generator-extension) and the export-objects extension ( https://gitlab.com/su-v/inx-exportobjects).
Both extensions may need to be adjusted (if you want to use Inkscape 1.0 at some point, they have to be), and a script would need to be written to wrap them.
I'm busy currently with our Kielux event, so cannot help you with it before this year's SFD. For the next one, I think I could.
(or even an extension could be made from these two, as a combo)
Maren
Am 19.09.19 um 11:49 schrieb Frederic Muller - DFF:
Hi!
Thank you for all your explanation. Reading again your email it is a lot of choices to make ;-)
I initially thought it was possible to include everything inside the SVG image and that people could just reference it as they do with the png file today. From my recent searches it seems not, and JS is always needed and causes issues you're referring to.
So with that in mind I'd rather go for a script that takes the initial design, pick a language (from?) and generate 100 or 300 png files with the right name for each language.
Is this possible?
Thank you.
Fred
On 8/28/16 11:24 PM, Maren Hachmann wrote:
Hi Fred,
Am 28.08.2016 um 06:48 schrieb Frederic Muller - DFF: > Thank you for the answer. We actually discuss with the topic at > length with Alexandro and maybe others 3 years ago. There was a > small bug in the display of the SVG between Inkscape and the > rendering engine making the text slightly off.
- Rendering engine? You mean the browser?
> That's about as much as I remember. I can't even remember how to > edit the file now if it's not using a text editor.
- That I can do ;-)
> So back to what we want is actually replacing the current PNG files > for our countdown with SVG file(s). We believe this would help us > better manage translations and re-editing the file year after year. > So it should be able to display the SFD countdown image (we have > the SVG source so that should be ok) and deduct 1 day everyday as > we get closer to SFD. Also the current availability of the files > make it possible for people to chose the SFD date based on their > timezone. So it is pretty simple to just copy & paste the code and > insert it in a blog or website.
- You want the thing to work client-side, right? Not via a script that serves the image-of-the-day from the sfd website? That's what I gather from the unfinished SVG file in the Wiki.
That's actually the hard part for including in a blog. You need to use iframe, embed or object tags, or paste the source of the image directly into the html to get the counter js to work, if it's included in the SVG image, as far as I know.
img tags will *not* work.
So would the iframe thing be desirable? I'm not sure if everyone can include one on their blog, that's why I'm asking.
Or would it be more practical to create those 60 svg (or even better, png) files automatically and have them work like the pngs currently? That's easy to do with Inkscape and either some own scripting or a preexisting Inkscape extension.
That's a solution which would work for everyone, but would still require that a script be run on your server (which requires a gui if one uses Inkscape for it... :/) or on the translators' local machines to create the single svg/png files.
We should also make sure to either use a font that is readily available for everyone, to convert the text to paths in the process (using Inkscape), or to include/link to the font file when using an SVG, or just to use a png.
Do you have any preferences? Or would you just like to have it work easily?
What I would do is: - modify the SVG image - add instructions for translators into the svg file, ask them to install the necessary fonts, so they can adapt the size of their texts correctly - only have them translate those few strings, then ask them to upload the changed SVG file - provide instructions how to generate the pngs automatically, using Inkscape (with gui) and a csv file for the dates on a computer where the required fonts are installed - have you continue serving the png images using the working script you have
It's less sophisticated, and less automatical, than the js version, but makes work easy for translators and works for all kinds of blogs. Even when you visit them using IE ;-)
What do you think?
(If you prefer the other option, I would also prepare the file for the iframe/embed/object option, only my javascript foo is weak - I can tell you the steps that need to be performed / the ids that would need to be adapted, but can't write it myself).
Regards, Maren
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
_______________________________________________ SFD-discuss mailing list SFD-discuss@sf-day.org http://mail.sf-day.org/lists/listinfo/sfd-discuss
participants (2)
-
Frederic Muller - DFF -
Maren Hachmann