DiVOC HS/ PTT: fix overflowing text

This commit is contained in:
Jannik Beyerstedt 2021-02-21 18:01:40 +01:00
parent 105c7af2c4
commit 70a9d72a61
2 changed files with 119 additions and 57 deletions

View file

@ -11,7 +11,7 @@
viewBox="0 0 1920 1080" viewBox="0 0 1920 1080"
version="1.1" version="1.1"
sodipodi:docname="divoc-hs-intro.svg" sodipodi:docname="divoc-hs-intro.svg"
inkscape:version="1.0.1 (c497b03c, 2020-09-10)"> inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata <metadata
id="metadata11764"> id="metadata11764">
<rdf:RDF> <rdf:RDF>
@ -141,10 +141,10 @@
height="168.38895" height="168.38895"
id="rect2903" /> id="rect2903" />
<rect <rect
x="69.551956" x="31.114563"
y="42.097237" y="197.67452"
width="1746.1201" width="1746.1201"
height="212.31648" height="350.31648"
id="rect11768-7-2" /> id="rect11768-7-2" />
<rect <rect
x="69.551956" x="69.551956"
@ -186,15 +186,15 @@
guidetolerance="10" guidetolerance="10"
inkscape:pageopacity="0" inkscape:pageopacity="0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:window-width="1959" inkscape:window-width="1920"
inkscape:window-height="1235" inkscape:window-height="1080"
id="namedview11760" id="namedview11760"
showgrid="false" showgrid="false"
inkscape:zoom="0.69791667" inkscape:zoom="0.69791667"
inkscape:cx="905.55224" inkscape:cx="930.86547"
inkscape:cy="540" inkscape:cy="597.31343"
inkscape:window-x="276" inkscape:window-x="0"
inkscape:window-y="90" inkscape:window-y="31"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="wave" inkscape:current-layer="wave"
inkscape:document-rotation="0" inkscape:document-rotation="0"
@ -204,7 +204,13 @@
<sodipodi:guide <sodipodi:guide
position="100.6673,869.51382" position="100.6673,869.51382"
orientation="1,0" orientation="1,0"
id="guide90" /> id="guide90"
inkscape:locked="false" />
<sodipodi:guide
position="103.16418,1166.3284"
orientation="1,0"
id="guide129"
inkscape:locked="false" />
</sodipodi:namedview> </sodipodi:namedview>
<linearGradient <linearGradient
id="gradient" id="gradient"
@ -544,36 +550,78 @@
style="fill:#444440;fill-opacity:1;stroke-width:1.41171" /> style="fill:#444440;fill-opacity:1;stroke-width:1.41171" />
</g> </g>
</g> </g>
<text
xml:space="preserve"
id="title"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-83);fill:#000000;fill-opacity:1;stroke:none;"
transform="translate(31.114563,21.963791)"><tspan
x="69.552734"
y="101.74472"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$title</tspan></tspan></text>
<text
xml:space="preserve"
id="subtitle"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-2);fill:#000000;fill-opacity:1;stroke:none;"
transform="translate(31.114563,197.67452)"><tspan
x="69.552734"
y="101.74472"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$subtitle</tspan></tspan></text>
<text <text
xml:space="preserve" xml:space="preserve"
id="id" id="id"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.66669999999999874px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-8-5-9);fill:#000000;fill-opacity:1;stroke:none;" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.66669999999999874px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-8-5-9);fill:#000000;fill-opacity:1;stroke:none;"
transform="translate(31.114563,926.83834)"><tspan transform="translate(31.114563,926.83834)"><tspan
x="69.552734" x="69.552734"
y="81.862392"><tspan y="81.862392"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.6667px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$id</tspan></tspan></text> id="tspan117"><tspan
<text style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.6667px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal"
id="tspan115">$id</tspan></tspan></text>
<flowRoot
xml:space="preserve"
id="flowRoot126"
style="fill:black;fill-opacity:1;stroke:none;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;letter-spacing:0px;word-spacing:0px"><flowRegion
id="flowRegion128"><rect
id="rect130"
width="357.84015"
height="49.031178"
x="100.6673"
y="250.38806" /></flowRegion><flowPara
id="flowPara132" /></flowRoot> <flowRoot
xml:space="preserve"
id="flowRoot134"
style="fill:black;fill-opacity:1;stroke:none;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;letter-spacing:0px;word-spacing:0px"><flowRegion
id="flowRegion136"><rect
id="rect138"
width="1723.3329"
height="248.19536"
x="100.6673"
y="248.95523" /></flowRegion><flowPara
id="flowPara140" /></flowRoot> <flowRoot
xml:space="preserve"
id="flowRoot150"
style="fill:black;fill-opacity:1;stroke:none;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;letter-spacing:0px;word-spacing:0px"><flowRegion
id="flowRegion152"><rect
id="rect154"
width="1703.6417"
height="169.07463"
x="103.16418"
y="75.582092" /></flowRegion><flowPara
id="flowPara156" /></flowRoot> <flowRoot
xml:space="preserve"
id="subtitle"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
transform="translate(-12)"><flowRegion
id="flowRegion132"><rect
id="rect134"
width="1755.2239"
height="319.52234"
x="111.76119"
y="254.68657" /></flowRegion><flowPara
id="flowPara136"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:53.33333206px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, '">$subtitle</flowPara></flowRoot> <flowRoot
xml:space="preserve"
id="title"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
id="flowRegion133"><rect
id="rect135"
width="1677.8507"
height="200.59702"
x="103.16418"
y="55.522392" /></flowRegion><flowPara
id="flowPara137"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, '">$title</flowPara></flowRoot> <flowRoot
xml:space="preserve" xml:space="preserve"
id="personnames" id="personnames"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-2-3);fill:#000000;fill-opacity:1;stroke:none;" style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
transform="translate(31.114563,375.34616)"><tspan id="flowRegion141"><rect
x="69.552734" id="rect143"
y="101.74472"><tspan width="1726.5671"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:64px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$personnames</tspan></tspan></text> height="216.35822"
</svg> x="103.16418"
y="577.07465" /></flowRegion><flowPara
id="flowPara145"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, '">$personnames</flowPara></flowRoot></svg>

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 62 KiB

View file

@ -11,7 +11,7 @@
viewBox="0 0 1920 1080" viewBox="0 0 1920 1080"
version="1.1" version="1.1"
sodipodi:docname="divoc-ptt-intro.svg" sodipodi:docname="divoc-ptt-intro.svg"
inkscape:version="1.0.1 (c497b03c, 2020-09-10)"> inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata <metadata
id="metadata11764"> id="metadata11764">
<rdf:RDF> <rdf:RDF>
@ -78,15 +78,15 @@
guidetolerance="10" guidetolerance="10"
inkscape:pageopacity="0" inkscape:pageopacity="0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:window-width="1959" inkscape:window-width="1920"
inkscape:window-height="1235" inkscape:window-height="1080"
id="namedview11760" id="namedview11760"
showgrid="false" showgrid="false"
inkscape:zoom="0.54635417" inkscape:zoom="0.54635417"
inkscape:cx="945.35748" inkscape:cx="803.22785"
inkscape:cy="712.04957" inkscape:cy="712.04957"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="23" inkscape:window-y="31"
inkscape:window-maximized="0" inkscape:window-maximized="0"
inkscape:current-layer="wave" inkscape:current-layer="wave"
inkscape:document-rotation="0" inkscape:document-rotation="0"
@ -96,7 +96,13 @@
<sodipodi:guide <sodipodi:guide
position="100.6673,869.51382" position="100.6673,869.51382"
orientation="1,0" orientation="1,0"
id="guide90" /> id="guide90"
inkscape:locked="false" />
<sodipodi:guide
position="104.32793,1332.469"
orientation="1,0"
id="guide70"
inkscape:locked="false" />
</sodipodi:namedview> </sodipodi:namedview>
<linearGradient <linearGradient
id="gradient" id="gradient"
@ -393,27 +399,35 @@
class="bar" class="bar"
id="rect11757" /> id="rect11757" />
</g> </g>
<text
xml:space="preserve"
id="title"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66670000000000584px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768);fill:#000000;fill-opacity:1;stroke:none;"
transform="translate(31.114566,21.963775)"><tspan
x="69.552734"
y="111.68592"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.6667px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$title</tspan></tspan></text>
<text <text
xml:space="preserve" xml:space="preserve"
id="personnames" id="personnames"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66670000000000584px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7);fill:#000000;fill-opacity:1;stroke:none;" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66670227px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;white-space:pre;shape-inside:url(#rect11768-7);fill:#000000;fill-opacity:1;stroke:none"
transform="translate(31.114566,197.6745)"><tspan x="31.114567"
x="69.552734" y="355.6745"><tspan
y="111.68592"><tspan>$personnames</tspan></tspan></text> x="100.6673"
y="467.36041"
id="tspan61"><tspan
id="tspan59">$personnames</tspan></tspan></text>
<text <text
xml:space="preserve" xml:space="preserve"
id="id" id="id"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.66669999999999874px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-8-5);fill:#000000;fill-opacity:1;stroke:none;" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.66669999999999874px;line-height:1.25;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;white-space:pre;shape-inside:url(#rect11768-7-8-5);fill:#000000;fill-opacity:1;stroke:none;"
transform="translate(31.114566,926.83832)"><tspan transform="translate(31.114566,926.83832)"><tspan
x="69.552734" x="69.552734"
y="81.862392"><tspan y="81.862392"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.6667px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal">$id</tspan></tspan></text> id="tspan66"><tspan
</svg> style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.6667px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal"
id="tspan64">$id</tspan></tspan></text>
<flowRoot
xml:space="preserve"
id="title"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
id="flowRegion74"><rect
id="rect76"
width="1742.4595"
height="307.49286"
x="104.32793"
y="75.157295" /></flowRegion><flowPara
id="flowPara78"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;font-family:'Archivo Black';-inkscape-font-specification:'Archivo Black, '">$title</flowPara></flowRoot></svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB