Styling the homepage
This commit is contained in:
Joachim Nielandt
parent
6ae4b0d25a
commit
686f2773e0
@ -24,7 +24,6 @@
|
|||||||
"../node_modules/font-awesome/css/font-awesome.min.css"
|
"../node_modules/font-awesome/css/font-awesome.min.css"
|
||||||
],
|
],
|
||||||
"scripts": [
|
"scripts": [
|
||||||
"../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
|
|
||||||
],
|
],
|
||||||
"environmentSource": "environments/environment.ts",
|
"environmentSource": "environments/environment.ts",
|
||||||
"environments": {
|
"environments": {
|
||||||
|
|||||||
53
design/assets/avatar.svg
Normal file
53
design/assets/avatar.svg
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 482.9 482.9" style="enable-background:new 0 0 482.9 482.9;" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M239.7,260.2c0.5,0,1,0,1.6,0c0.2,0,0.4,0,0.6,0c0.3,0,0.7,0,1,0c29.3-0.5,53-10.8,70.5-30.5
|
||||||
|
c38.5-43.4,32.1-117.8,31.4-124.9c-2.5-53.3-27.7-78.8-48.5-90.7C280.8,5.2,262.7,0.4,242.5,0h-0.7c-0.1,0-0.3,0-0.4,0h-0.6
|
||||||
|
c-11.1,0-32.9,1.8-53.8,13.7c-21,11.9-46.6,37.4-49.1,91.1c-0.7,7.1-7.1,81.5,31.4,124.9C186.7,249.4,210.4,259.7,239.7,260.2z
|
||||||
|
M164.6,107.3c0-0.3,0.1-0.6,0.1-0.8c3.3-71.7,54.2-79.4,76-79.4h0.4c0.2,0,0.5,0,0.8,0c27,0.6,72.9,11.6,76,79.4
|
||||||
|
c0,0.3,0,0.6,0.1,0.8c0.1,0.7,7.1,68.7-24.7,104.5c-12.6,14.2-29.4,21.2-51.5,21.4c-0.2,0-0.3,0-0.5,0l0,0c-0.2,0-0.3,0-0.5,0
|
||||||
|
c-22-0.2-38.9-7.2-51.4-21.4C157.7,176.2,164.5,107.9,164.6,107.3z"/>
|
||||||
|
<path d="M446.8,383.6c0-0.1,0-0.2,0-0.3c0-0.8-0.1-1.6-0.1-2.5c-0.6-19.8-1.9-66.1-45.3-80.9c-0.3-0.1-0.7-0.2-1-0.3
|
||||||
|
c-45.1-11.5-82.6-37.5-83-37.8c-6.1-4.3-14.5-2.8-18.8,3.3c-4.3,6.1-2.8,14.5,3.3,18.8c1.7,1.2,41.5,28.9,91.3,41.7
|
||||||
|
c23.3,8.3,25.9,33.2,26.6,56c0,0.9,0,1.7,0.1,2.5c0.1,9-0.5,22.9-2.1,30.9c-16.2,9.2-79.7,41-176.3,41
|
||||||
|
c-96.2,0-160.1-31.9-176.4-41.1c-1.6-8-2.3-21.9-2.1-30.9c0-0.8,0.1-1.6,0.1-2.5c0.7-22.8,3.3-47.7,26.6-56
|
||||||
|
c49.8-12.8,89.6-40.6,91.3-41.7c6.1-4.3,7.6-12.7,3.3-18.8c-4.3-6.1-12.7-7.6-18.8-3.3c-0.4,0.3-37.7,26.3-83,37.8
|
||||||
|
c-0.4,0.1-0.7,0.2-1,0.3c-43.4,14.9-44.7,61.2-45.3,80.9c0,0.9,0,1.7-0.1,2.5c0,0.1,0,0.2,0,0.3c-0.1,5.2-0.2,31.9,5.1,45.3
|
||||||
|
c1,2.6,2.8,4.8,5.2,6.3c3,2,74.9,47.8,195.2,47.8s192.2-45.9,195.2-47.8c2.3-1.5,4.2-3.7,5.2-6.3
|
||||||
|
C447,415.5,446.9,388.8,446.8,383.6z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
563
design/drawing.svg
Normal file
563
design/drawing.svg
Normal file
@ -0,0 +1,563 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="210mm"
|
||||||
|
height="297mm"
|
||||||
|
viewBox="0 0 744.09448819 1052.3622047"
|
||||||
|
id="svg2"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="drawing.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.7"
|
||||||
|
inkscape:cx="723.7033"
|
||||||
|
inkscape:cy="764.63895"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:window-width="1440"
|
||||||
|
inkscape:window-height="836"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="27"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-nodes="true" />
|
||||||
|
<metadata
|
||||||
|
id="metadata7">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1">
|
||||||
|
<g
|
||||||
|
id="g4151"
|
||||||
|
transform="translate(60.689967,-62.629458)">
|
||||||
|
<text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text4139"
|
||||||
|
y="124.03202"
|
||||||
|
x="179.80716"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
y="124.03202"
|
||||||
|
x="179.80716"
|
||||||
|
id="tspan4141"
|
||||||
|
sodipodi:role="line">Joachim</tspan></text>
|
||||||
|
<text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text4143"
|
||||||
|
y="124.03202"
|
||||||
|
x="321.03418"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:90px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
|
||||||
|
y="124.03202"
|
||||||
|
x="321.03418"
|
||||||
|
id="tspan4145"
|
||||||
|
sodipodi:role="line">.</tspan></text>
|
||||||
|
<text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text4147"
|
||||||
|
y="124.03202"
|
||||||
|
x="340.27786"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:30px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
|
||||||
|
y="124.03202"
|
||||||
|
x="340.27786"
|
||||||
|
id="tspan4149"
|
||||||
|
sodipodi:role="line">Nielandt</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g3547"
|
||||||
|
transform="matrix(0.67026034,0,0,0.67026034,126.98448,5.2324395)"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
transform="matrix(0.07424266,0,0,0.07424266,307.41701,114.36646)"
|
||||||
|
id="g4273"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4207"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4209"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 387.79,439.815 c -5.824,-0.597 -11.093,3.755 -11.627,9.621 l -1.749,18.731 -117.184,-13.376 c -5.717,-0.704 -11.157,3.52 -11.819,9.387 -0.683,5.845 3.541,11.136 9.387,11.797 l 128,14.635 c 0.405,0.043 0.811,0.064 1.216,0.064 2.432,0 4.821,-0.832 6.72,-2.389 2.219,-1.792 3.627,-4.416 3.904,-7.275 l 2.773,-29.568 c 0.555,-5.867 -3.776,-11.073 -9.621,-11.627 z"
|
||||||
|
id="path4211"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4213"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4215"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="M 257.272,109.255 54.606,85.404 C 48.547,84.7 43.47,88.86 42.745,94.684 L 0.078,436.017 c -0.341,2.816 0.448,5.675 2.219,7.915 1.749,2.24 4.331,3.691 7.168,4.011 l 114.56,13.099 c 0.427,0.043 0.811,0.064 1.237,0.064 5.333,0 9.963,-4.011 10.581,-9.451 0.683,-5.845 -3.541,-11.136 -9.387,-11.797 L 22.606,427.975 62.627,107.826 254.776,130.439 c 6.101,0.789 11.179,-3.499 11.84,-9.344 0.704,-5.846 -3.498,-11.158 -9.344,-11.84 z"
|
||||||
|
id="path4217"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4219"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4221"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 370.211,99.143 c -4.16,-4.16 -10.923,-4.16 -15.083,0 l -53.333,53.333 c -4.16,4.16 -4.16,10.923 0,15.083 2.091,2.069 4.821,3.115 7.552,3.115 2.731,0 5.461,-1.045 7.531,-3.115 l 53.333,-53.333 c 4.16,-4.161 4.16,-10.923 0,-15.083 z"
|
||||||
|
id="path4223"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4225"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4227"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="M 511.928,436.039 469.262,94.705 c -0.725,-5.824 -6.101,-9.963 -11.84,-9.28 l -29.397,3.456 c -5.867,0.683 -10.048,5.995 -9.344,11.84 0.683,5.845 6.016,10.069 11.84,9.344 l 18.88,-2.219 40.021,320.107 -351.808,40.213 -30.016,-320.128 260.544,-30.635 c 5.867,-0.683 10.048,-5.995 9.344,-11.84 -0.683,-5.845 -6.101,-10.176 -11.84,-9.344 L 94.755,128.092 c -5.739,0.661 -9.899,5.803 -9.365,11.584 l 32,341.333 c 0.277,2.837 1.685,5.483 3.904,7.275 1.899,1.557 4.288,2.389 6.72,2.389 0.405,0 0.811,-0.021 1.195,-0.043 l 373.333,-42.667 c 2.837,-0.341 5.419,-1.771 7.168,-4.011 1.77,-2.239 2.581,-5.097 2.218,-7.913 z"
|
||||||
|
id="path4229"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4231"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4233"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 394.68,21.34 c -29.419,0 -53.333,23.936 -53.333,53.333 0,29.397 23.915,53.333 53.333,53.333 29.418,0 53.333,-23.936 53.333,-53.333 0,-29.397 -23.914,-53.333 -53.333,-53.333 z m 0,85.333 c -17.643,0 -32,-14.357 -32,-32 0,-17.643 14.357,-32 32,-32 17.643,0 32,14.357 32,32 0,17.643 -14.357,32 -32,32 z"
|
||||||
|
id="path4235"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4237"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4239"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4241"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4243"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4245"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4247"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4249"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4251"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4253"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4255"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4257"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4259"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4261"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4263"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4265"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.07425577,0,0,0.07425577,350.47043,115.69155)"
|
||||||
|
id="g4350"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4306"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g4308"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 239.7,260.2 c 0.5,0 1,0 1.6,0 0.2,0 0.4,0 0.6,0 0.3,0 0.7,0 1,0 29.3,-0.5 53,-10.8 70.5,-30.5 38.5,-43.4 32.1,-117.8 31.4,-124.9 C 342.3,51.5 317.1,26 296.3,14.1 280.8,5.2 262.7,0.4 242.5,0 l -0.7,0 c -0.1,0 -0.3,0 -0.4,0 l -0.6,0 c -11.1,0 -32.9,1.8 -53.8,13.7 -21,11.9 -46.6,37.4 -49.1,91.1 -0.7,7.1 -7.1,81.5 31.4,124.9 17.4,19.7 41.1,30 70.4,30.5 z M 164.6,107.3 c 0,-0.3 0.1,-0.6 0.1,-0.8 3.3,-71.7 54.2,-79.4 76,-79.4 l 0.4,0 c 0.2,0 0.5,0 0.8,0 27,0.6 72.9,11.6 76,79.4 0,0.3 0,0.6 0.1,0.8 0.1,0.7 7.1,68.7 -24.7,104.5 -12.6,14.2 -29.4,21.2 -51.5,21.4 -0.2,0 -0.3,0 -0.5,0 l 0,0 c -0.2,0 -0.3,0 -0.5,0 -22,-0.2 -38.9,-7.2 -51.4,-21.4 -31.7,-35.6 -24.9,-103.9 -24.8,-104.5 z"
|
||||||
|
id="path4310"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 446.8,383.6 c 0,-0.1 0,-0.2 0,-0.3 0,-0.8 -0.1,-1.6 -0.1,-2.5 -0.6,-19.8 -1.9,-66.1 -45.3,-80.9 -0.3,-0.1 -0.7,-0.2 -1,-0.3 -45.1,-11.5 -82.6,-37.5 -83,-37.8 -6.1,-4.3 -14.5,-2.8 -18.8,3.3 -4.3,6.1 -2.8,14.5 3.3,18.8 1.7,1.2 41.5,28.9 91.3,41.7 23.3,8.3 25.9,33.2 26.6,56 0,0.9 0,1.7 0.1,2.5 0.1,9 -0.5,22.9 -2.1,30.9 -16.2,9.2 -79.7,41 -176.3,41 C 145.3,456 81.4,424.1 65.1,414.9 63.5,406.9 62.8,393 63,384 c 0,-0.8 0.1,-1.6 0.1,-2.5 0.7,-22.8 3.3,-47.7 26.6,-56 49.8,-12.8 89.6,-40.6 91.3,-41.7 6.1,-4.3 7.6,-12.7 3.3,-18.8 -4.3,-6.1 -12.7,-7.6 -18.8,-3.3 -0.4,0.3 -37.7,26.3 -83,37.8 -0.4,0.1 -0.7,0.2 -1,0.3 -43.4,14.9 -44.7,61.2 -45.3,80.9 0,0.9 0,1.7 -0.1,2.5 0,0.1 0,0.2 0,0.3 -0.1,5.2 -0.2,31.9 5.1,45.3 1,2.6 2.8,4.8 5.2,6.3 3,2 74.9,47.8 195.2,47.8 120.3,0 192.2,-45.9 195.2,-47.8 2.3,-1.5 4.2,-3.7 5.2,-6.3 5,-13.3 4.9,-40 4.8,-45.2 z"
|
||||||
|
id="path4312"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4314"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4316"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4318"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4320"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4322"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4324"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4326"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4328"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4330"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4332"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4334"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4336"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4338"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4340"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g4342"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.07045726,0,0,0.07045726,388.64746,115.85948)"
|
||||||
|
id="g3527"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g3485"
|
||||||
|
style="fill:#666666">
|
||||||
|
<g
|
||||||
|
id="g3487"
|
||||||
|
style="fill:#666666">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
d="m 498.255,367.242 c -1.282,-2.428 -3.566,-4.171 -6.246,-4.766 -0.676,-0.15 -54.965,-12.124 -124.16,-21.685 -0.097,-0.315 -0.163,-0.633 -0.296,-0.942 -30.509,-71.187 -40.612,-71.187 -46.04,-71.187 -6.543,0 -39.05,6.681 -65.514,12.362 l 0,-68.518 c 0.396,0 0.79,-0.031 1.181,-0.081 9.069,2.416 18.274,3.608 27.404,3.608 27.67,0 54.63,-10.857 74.872,-31.098 28.057,-28.058 38.081,-69.018 26.159,-106.895 -0.917,-2.917 -3.201,-5.201 -6.118,-6.118 -37.874,-11.919 -78.834,-1.898 -106.895,26.159 -4.367,4.368 -8.243,9.078 -11.722,14.01 C 257.391,84.394 244.866,58.121 224.321,37.576 190.415,3.672 140.923,-8.438 95.152,5.969 c -2.916,0.917 -5.199,3.201 -6.117,6.117 -14.407,45.771 -2.294,95.265 31.61,129.171 24.462,24.462 57.034,37.577 90.473,37.577 8.705,0 17.468,-0.912 26.164,-2.723 l 0,108.977 c -3.626,0.796 -6.846,1.507 -9.476,2.09 -19.576,-3.777 -51.799,-7.913 -62.657,2.943 l -17.155,17.157 -25.982,8.66 C 90.459,326.457 79.646,373.081 78.462,378.639 67.745,372.156 57.169,364.449 47,355.298 c -1.718,-1.547 -3.948,-2.403 -6.261,-2.403 -20.724,0 -28.078,10.084 -28.078,18.718 0,2.695 0,7.713 19.672,30.533 7.6,8.815 23.622,26.455 45.545,45.548 C 111.56,477.03 161.686,512 209.204,512 c 54.75,0 93.893,-11.517 122.475,-19.927 15.477,-4.554 27.703,-8.15 36.631,-8.15 28.524,0 83.448,-9.099 85.771,-9.486 3.225,-0.538 5.936,-2.72 7.151,-5.757 l 37.437,-93.592 c 1.02,-2.549 0.868,-5.418 -0.414,-7.846 z M 285.84,111.319 c 21.934,-21.934 53.445,-30.484 83.276,-22.896 7.588,29.829 -0.962,61.342 -22.896,83.276 -20.068,20.069 -48.149,28.892 -75.629,24.442 7.598,-12.588 18.283,-27.044 27.031,-31.418 4.622,-2.311 6.496,-7.933 4.185,-12.557 -2.312,-4.621 -7.936,-6.496 -12.557,-4.185 -10.934,5.467 -21.248,18.034 -28.899,29.368 -1.218,-24.303 7.756,-48.297 25.489,-66.03 z m -91.186,-3.335 c 24.55,16.367 33.412,50.107 33.551,50.651 0.006,0.025 0.018,0.047 0.025,0.072 -34.297,5.418 -69.302,-5.642 -94.348,-30.687 -27.787,-27.786 -38.433,-67.837 -28.369,-105.574 37.734,-10.057 77.788,0.581 105.574,28.369 24.252,24.251 35.438,57.846 31.202,91.091 -5.412,-13.719 -16.755,-35.832 -37.253,-49.496 -4.305,-2.87 -10.114,-1.705 -12.979,2.596 -2.867,4.299 -1.705,10.111 2.597,12.978 z M 96.713,382.808 c 2.307,-11.536 12.412,-42.843 31.219,-49.112 l 28.077,-9.359 c 1.378,-0.46 2.63,-1.234 3.658,-2.261 l 18.569,-18.569 c 4.598,-2.83 27.287,-1.694 47.853,2.409 1.277,0.254 2.595,0.241 3.864,-0.041 37.204,-8.267 78.515,-16.861 89.418,-18.29 5.419,5.973 17.071,28.485 26.907,50.371 -10.859,-1.348 -21.964,-2.611 -33.192,-3.734 -92.975,-9.301 -146.489,-1.275 -159.049,23.845 -2.518,5.037 -2.354,10.528 0.451,15.066 7.747,12.536 35.26,17.198 101.511,17.198 9.436,0 13.812,2.484 14.693,4.611 0.783,1.887 -0.203,4.916 -2.3,7.185 -4.784,2.847 -36.333,11.951 -81.773,9.093 -25.613,-1.615 -58.975,-7.447 -92.25,-23.882 1.147,-1.227 1.99,-2.764 2.344,-4.53 z m 349.109,73.997 c -14.424,2.27 -55.41,8.399 -77.512,8.399 -11.626,0 -24.992,3.932 -41.914,8.911 -27.49,8.089 -65.138,19.166 -117.192,19.166 -40.47,0 -85.094,-30.767 -115.402,-56.577 -32.273,-27.483 -54.244,-54.18 -60.838,-64.024 1.271,-0.355 2.861,-0.658 4.476,-0.85 50.935,44.267 110.251,56.154 151.395,58.264 42.498,2.182 83.891,-5.82 92.501,-14.427 7.698,-7.699 10.371,-18.907 6.65,-27.889 -2.501,-6.038 -9.982,-16.166 -31.987,-16.166 -58.305,0 -77.615,-4.05 -83.789,-7.225 5.922,-6.71 31.474,-22.289 139.013,-11.54 72.654,7.266 140.337,20.36 165.932,25.622 l -31.333,78.336 z"
|
||||||
|
id="path3489"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g3491"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3493"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3495"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3497"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3499"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3501"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3503"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3505"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3507"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3509"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3511"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3513"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3515"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3517"
|
||||||
|
style="fill:#666666" />
|
||||||
|
<g
|
||||||
|
id="g3519"
|
||||||
|
style="fill:#666666" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<flowRoot
|
||||||
|
xml:space="preserve"
|
||||||
|
id="flowRoot3646"
|
||||||
|
style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:125%;letter-spacing:0px;word-spacing:0px"><flowRegion
|
||||||
|
id="flowRegion3648"><rect
|
||||||
|
id="rect3650"
|
||||||
|
width="488.91382"
|
||||||
|
height="303.04578"
|
||||||
|
x="2424.3662"
|
||||||
|
y="567.48901" /></flowRegion><flowPara
|
||||||
|
id="flowPara3652"></flowPara></flowRoot> <g
|
||||||
|
id="g3943">
|
||||||
|
<g
|
||||||
|
style="fill:#4d4d4d"
|
||||||
|
id="g3772-7"
|
||||||
|
transform="matrix(0.92947203,0,0,0.92947203,26.287452,474.93115)">
|
||||||
|
<flowRoot
|
||||||
|
xml:space="preserve"
|
||||||
|
id="flowRoot3654-1"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
transform="translate(-2265.0055,-375.0117)"><flowRegion
|
||||||
|
id="flowRegion3656-3"><rect
|
||||||
|
style="fill:#4d4d4d"
|
||||||
|
id="rect3658-3"
|
||||||
|
width="401.03055"
|
||||||
|
height="415.17267"
|
||||||
|
x="2436.488"
|
||||||
|
y="595.77325" /></flowRegion><flowPara
|
||||||
|
id="flowPara3660-3"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius ullamcorper tellus, eu ultrices nisi volutpat vitae. Fusce sapien dolor, pharetra vel odio non, venenatis rutrum dolor. Phasellus gravida hendrerit ante eu tristique. Sed ut purus eget augue aliquam venenatis. Donec rutrum justo ut convallis vulputate. Ut et tempor est. Aliquam erat volutpat. Proin gravida purus quis condimentum laoreet. Praesent molestie sit amet arcu gravida vehicula. Duis ullamcorper fermentum semper. Donec posuere metus in ante egestas feugiat. Phasellus felis eros, sollicitudin sit amet risus vitae, ornare ultrices dolor. </flowPara><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d"
|
||||||
|
id="flowPara3768-8" /><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d"
|
||||||
|
id="flowPara3770-5">Fusce eu aliquam dui, sit amet condimentum ipsum. In sodales iaculis porttitor. Nam tincidunt maximus sem ac egestas.Fusce congue purus nisi, at ornare orci egestas ac. Donec auctor non diam at ornare. Etiam tortor nisl, ullamcorper quis orci ac, vehicula facilisis eros. Integer vitae posuere odio. Etiam risus arcu, ornare et elit ut, commodo consectetur diam. Maecenas non imperdiet metus. Sed vehicula dui ut semper sollicitudin. Quisque id rhoncus purus. Duis ut convallis nisi, sed feugiat ante. Suspendisse nec quam imperdiet, sagittis ipsum auctor, volutpat arcu. </flowPara><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d"
|
||||||
|
id="flowPara3670-1" /><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d"
|
||||||
|
id="flowPara3672-0">Nunc in est tincidunt est sodales imperdiet. Praesent vitae enim dapibus, convallis orci ac, lacinia libero. Pellentesque nec vehicula felis.Proin at ultricies tortor, at tempor ipsum. Vestibulum sit amet magna at odio mollis facilisis a eget erat. Integer rutrum dapibus sapien, et ultricies ligula vulputate bibendum. Nulla at faucibus libero, vitae tempus ipsum. Mauris bibendum enim ac eros imperdiet posuere. Pellentesque purus nisi, sodales et condimentum faucibus, viverra a mauris. Aliquam erat volutpat. Sed sit amet est sed ipsum pellentesque pharetra. Proin odio sem, rhoncus quis quam vitae, rhoncus accumsan massa. Aenean venenatis euismod ante, et iaculis ante dictum ut. Donec convallis sit amet urna et condimentum. Nunc tincidunt ligula vitae quam dignissim sagittis. Curabitur mollis tincidunt velit in mollis. Nam consequat ante quis urna hendrerit sollicitudin. Pellentesque auctor urna a nunc sagittis maximus.</flowPara><flowPara
|
||||||
|
id="flowPara3662-8"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d" /><flowPara
|
||||||
|
id="flowPara3664-7"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d" /><flowPara
|
||||||
|
id="flowPara3666-6"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d" /><flowPara
|
||||||
|
id="flowPara3668-3"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start;fill:#4d4d4d" /></flowRoot> <text
|
||||||
|
xml:space="preserve"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
x="268.04333"
|
||||||
|
y="207.14891"
|
||||||
|
id="text3691-5"
|
||||||
|
sodipodi:linespacing="125%"><tspan
|
||||||
|
sodipodi:role="line"
|
||||||
|
id="tspan3693-0"
|
||||||
|
x="268.04333"
|
||||||
|
y="207.14891"
|
||||||
|
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';fill:#4d4d4d">Titel van de post</tspan></text>
|
||||||
|
<text
|
||||||
|
xml:space="preserve"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
x="171.21529"
|
||||||
|
y="207.14891"
|
||||||
|
id="text3691-0-8"
|
||||||
|
sodipodi:linespacing="125%"><tspan
|
||||||
|
sodipodi:role="line"
|
||||||
|
id="tspan3693-2-0"
|
||||||
|
x="171.21529"
|
||||||
|
y="207.14891"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';fill:#4d4d4d">12/02/1985</tspan></text>
|
||||||
|
<text
|
||||||
|
xml:space="preserve"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
x="572.25153"
|
||||||
|
y="207.14891"
|
||||||
|
id="text3691-0-6-4"
|
||||||
|
sodipodi:linespacing="125%"><tspan
|
||||||
|
sodipodi:role="line"
|
||||||
|
id="tspan3693-2-5-1"
|
||||||
|
x="572.25153"
|
||||||
|
y="207.14891"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:end;text-anchor:end;fill:#4d4d4d">(T)(P)</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="translate(0.56364909,44.446712)"
|
||||||
|
id="g3878">
|
||||||
|
<g
|
||||||
|
id="g3772"
|
||||||
|
transform="matrix(0.92947203,0,0,0.92947203,25.723792,-9.3132083)">
|
||||||
|
<flowRoot
|
||||||
|
transform="translate(-2265.0055,-375.0117)"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
id="flowRoot3654"
|
||||||
|
xml:space="preserve"><flowRegion
|
||||||
|
id="flowRegion3656"><rect
|
||||||
|
y="595.77325"
|
||||||
|
x="2436.488"
|
||||||
|
height="415.17267"
|
||||||
|
width="401.03055"
|
||||||
|
id="rect3658" /></flowRegion><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
|
||||||
|
id="flowPara3660">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius ullamcorper tellus, eu ultrices nisi volutpat vitae. Fusce sapien dolor, pharetra vel odio non, venenatis rutrum dolor. Phasellus gravida hendrerit ante eu tristique. Sed ut purus eget augue aliquam venenatis. Donec rutrum justo ut convallis vulputate. Ut et tempor est. Aliquam erat volutpat. Proin gravida purus quis condimentum laoreet. Praesent molestie sit amet arcu gravida vehicula. Duis ullamcorper fermentum semper. Donec posuere metus in ante egestas feugiat. Phasellus felis eros, sollicitudin sit amet risus vitae, ornare ultrices dolor. </flowPara><flowPara
|
||||||
|
id="flowPara3768"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"></flowPara><flowPara
|
||||||
|
id="flowPara3770"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start">Fusce eu aliquam dui, sit amet condimentum ipsum. In sodales iaculis porttitor. Nam tincidunt maximus sem ac egestas.Fusce congue purus nisi, at ornare orci egestas ac. Donec auctor non diam at ornare. Etiam tortor nisl, ullamcorper quis orci ac, vehicula facilisis eros. Integer vitae posuere odio. Etiam risus arcu, ornare et elit ut, commodo consectetur diam. Maecenas non imperdiet metus. Sed vehicula dui ut semper sollicitudin. Quisque id rhoncus purus. Duis ut convallis nisi, sed feugiat ante. Suspendisse nec quam imperdiet, sagittis ipsum auctor, volutpat arcu. </flowPara><flowPara
|
||||||
|
id="flowPara3670"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start" /><flowPara
|
||||||
|
id="flowPara3672"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start">Nunc in est tincidunt est sodales imperdiet. Praesent vitae enim dapibus, convallis orci ac, lacinia libero. Pellentesque nec vehicula felis.Proin at ultricies tortor, at tempor ipsum. Vestibulum sit amet magna at odio mollis facilisis a eget erat. Integer rutrum dapibus sapien, et ultricies ligula vulputate bibendum. Nulla at faucibus libero, vitae tempus ipsum. Mauris bibendum enim ac eros imperdiet posuere. Pellentesque purus nisi, sodales et condimentum faucibus, viverra a mauris. Aliquam erat volutpat. Sed sit amet est sed ipsum pellentesque pharetra. Proin odio sem, rhoncus quis quam vitae, rhoncus accumsan massa. Aenean venenatis euismod ante, et iaculis ante dictum ut. Donec convallis sit amet urna et condimentum. Nunc tincidunt ligula vitae quam dignissim sagittis. Curabitur mollis tincidunt velit in mollis. Nam consequat ante quis urna hendrerit sollicitudin. Pellentesque auctor urna a nunc sagittis maximus.</flowPara><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
|
||||||
|
id="flowPara3662" /><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
|
||||||
|
id="flowPara3664" /><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
|
||||||
|
id="flowPara3666" /><flowPara
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:justify;text-anchor:start"
|
||||||
|
id="flowPara3668" /></flowRoot> <text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text3691"
|
||||||
|
y="207.14891"
|
||||||
|
x="268.04333"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
|
||||||
|
y="207.14891"
|
||||||
|
x="268.04333"
|
||||||
|
id="tspan3693"
|
||||||
|
sodipodi:role="line">Titel van de post</tspan></text>
|
||||||
|
<text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text3691-0"
|
||||||
|
y="207.14891"
|
||||||
|
x="171.21529"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std'"
|
||||||
|
y="207.14891"
|
||||||
|
x="171.21529"
|
||||||
|
id="tspan3693-2"
|
||||||
|
sodipodi:role="line">12/02/1985</tspan></text>
|
||||||
|
<text
|
||||||
|
sodipodi:linespacing="125%"
|
||||||
|
id="text3691-0-6"
|
||||||
|
y="207.14891"
|
||||||
|
x="572.25153"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
xml:space="preserve"><tspan
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.5px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:end;text-anchor:end"
|
||||||
|
y="207.14891"
|
||||||
|
x="572.25153"
|
||||||
|
id="tspan3693-2-5"
|
||||||
|
sodipodi:role="line">(T)(P)</tspan></text>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 172.23101,198.27823 0,372.49376"
|
||||||
|
id="path3861"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 570.73618,198.27823 0,372.49376"
|
||||||
|
id="path3861-1"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 172.79466,107.23444 0,-77.30686"
|
||||||
|
id="path3901"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:#999999;fill-rule:evenodd;stroke:#000000;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 571.29983,107.23444 0,-77.30686"
|
||||||
|
id="path3901-3"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<text
|
||||||
|
xml:space="preserve"
|
||||||
|
style="font-style:normal;font-weight:normal;font-size:18.09488106px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
x="371.61295"
|
||||||
|
y="186.29254"
|
||||||
|
id="text3937-1"
|
||||||
|
sodipodi:linespacing="125%"><tspan
|
||||||
|
sodipodi:role="line"
|
||||||
|
id="tspan3939-2"
|
||||||
|
x="371.61295"
|
||||||
|
y="186.29254"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:35px;font-family:'Accanthis ADF Std';-inkscape-font-specification:'Accanthis ADF Std';text-align:center;text-anchor:middle">Posts</tspan></text>
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 184.91649,194.23762 374.26151,0"
|
||||||
|
id="path4004"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 184.91649,151.38048 374.26151,0"
|
||||||
|
id="path4004-2"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer2"
|
||||||
|
inkscape:label="top lines option 2"
|
||||||
|
style="display:none">
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 172.54212,129.57044 399.01024,0"
|
||||||
|
id="path4159-7"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 172.54212,74.927585 399.01024,0"
|
||||||
|
id="path4159-7-5"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 36 KiB |
@ -7,6 +7,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row below-name">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<!--the top menu... should be always visible, everywhere-->
|
<!--the top menu... should be always visible, everywhere-->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 centercontents" id="topmenubuttons">
|
<div class="col-md-12 centercontents" id="topmenubuttons">
|
||||||
@ -14,9 +18,9 @@
|
|||||||
<!-- <button type="button" class="btn btn-secondary">Left</button> -->
|
<!-- <button type="button" class="btn btn-secondary">Left</button> -->
|
||||||
<!-- <button type="button" class="btn btn-secondary">Middle</button> -->
|
<!-- <button type="button" class="btn btn-secondary">Middle</button> -->
|
||||||
<!-- <button type="button" class="btn btn-secondary">Right</button> -->
|
<!-- <button type="button" class="btn btn-secondary">Right</button> -->
|
||||||
<a routerLink="/home"><i title="Home" class="text-secondary fa fa-home fa-fw fa-2x" tooltip="Huis" aria-hidden="true"></i></a>
|
<a routerLink="/home"><i class="text-secondary fa fa-home fa-fw fa-2x" tooltip="Huis" placement="bottom" aria-hidden="true"></i></a>
|
||||||
<a routerLink="/posts"><i title="Posts" class="text-secondary fa fa-sticky-note fa-fw fa-2x" aria-hidden="true"></i></a>
|
<a routerLink="/posts"><i class="text-secondary fa fa-sticky-note fa-fw fa-2x" tooltip="Posts" placement="bottom" aria-hidden="true"></i></a>
|
||||||
<a routerLink="/cv"><i title="Curriculum Vitae" class="text-secondary fa fa-id-badge fa-fw fa-2x" aria-hidden="true"></i></a>
|
<a routerLink="/cv"><i class="text-secondary fa fa-id-badge fa-fw fa-2x" tooltip="Curriculum Vitae" placement="bottom" aria-hidden="true"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--row-->
|
<!--row-->
|
||||||
|
|||||||
@ -17,13 +17,14 @@
|
|||||||
font-size: 20pt;
|
font-size: 20pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topname {
|
|
||||||
border-bottom: 1pt solid black;
|
|
||||||
margin-bottom: 9pt;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenubuttons {
|
#topmenubuttons {
|
||||||
border-bottom: 1pt solid black;
|
border-bottom: 1pt solid black;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
margin-bottom: 11pt;
|
margin-bottom: 11pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//this is the row below the name, will use this for styling
|
||||||
|
.row.below-name {
|
||||||
|
border-bottom: 1px solid black;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
@ -4,7 +4,7 @@ declare var $: any;
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'app-root',
|
selector: 'app-root',
|
||||||
templateUrl: './app.component.html',
|
templateUrl: './app.component.html',
|
||||||
styleUrls: ['./app.component.css']
|
styleUrls: ['./app.component.scss']
|
||||||
})
|
})
|
||||||
export class AppComponent implements OnInit {
|
export class AppComponent implements OnInit {
|
||||||
title = 'Joachim Homepage';
|
title = 'Joachim Homepage';
|
||||||
|
|||||||
@ -12,6 +12,7 @@ import { CvComponent } from './components/cv/cv.component';
|
|||||||
import { PosttypepipePipe } from './pipes/posttypepipe.pipe';
|
import { PosttypepipePipe } from './pipes/posttypepipe.pipe';
|
||||||
|
|
||||||
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
||||||
|
import {SimpledatePipe} from './pipes/simpledate.pipe';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [
|
declarations: [
|
||||||
@ -20,7 +21,8 @@ import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
|||||||
PostsComponent,
|
PostsComponent,
|
||||||
PostComponent,
|
PostComponent,
|
||||||
CvComponent,
|
CvComponent,
|
||||||
PosttypepipePipe
|
PosttypepipePipe,
|
||||||
|
SimpledatePipe
|
||||||
],
|
],
|
||||||
imports: [
|
imports: [
|
||||||
BrowserModule,
|
BrowserModule,
|
||||||
|
|||||||
@ -1,7 +1,14 @@
|
|||||||
<div class="card">
|
<div class="post">
|
||||||
<div class="card-body">
|
<div class="post-header">
|
||||||
<h5 class="card-title">{{post.title}}</h5>
|
<div class="post-date">
|
||||||
<h6 class="card-subtitle mb-2 text-muted"><span class="badge badge-secondary">{{post.type}}</span> {{post.created_timestamp}}</h6>
|
{{post.created_timestamp | simpledate}}
|
||||||
<div class="card-text" #htmlcontainer></div>
|
</div>
|
||||||
|
<div class="post-title">
|
||||||
|
{{post.title}}
|
||||||
|
</div>
|
||||||
|
<div class="post-tags">
|
||||||
|
{{post.type}}(T)(P)
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="post-body" #htmlcontainer></div>
|
||||||
|
</div>
|
||||||
|
|||||||
@ -0,0 +1,41 @@
|
|||||||
|
//do the fonts
|
||||||
|
@import '../../../globals';
|
||||||
|
|
||||||
|
.post {
|
||||||
|
font-family: $mainFont !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
margin: 0px 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-title {
|
||||||
|
text-align: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
font-size: 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-date {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-tags {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-date, .post-tags {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
width: 100px;
|
||||||
|
//need this to align the bottom of the texts with the bottom of the title text
|
||||||
|
//margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-body {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
padding-left: 25px;
|
||||||
|
border-right: 1px solid black;
|
||||||
|
padding-right: 25px;
|
||||||
|
}
|
||||||
16
src/app/pipes/simpledate.pipe.ts
Normal file
16
src/app/pipes/simpledate.pipe.ts
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
import { Pipe, PipeTransform } from '@angular/core';
|
||||||
|
/*
|
||||||
|
* Raise the value exponentially
|
||||||
|
* Takes an exponent argument that defaults to 1.
|
||||||
|
* Usage:
|
||||||
|
* value | exponentialStrength:exponent
|
||||||
|
* Example:
|
||||||
|
* {{ 2 | exponentialStrength:10 }}
|
||||||
|
* formats to: 1024
|
||||||
|
*/
|
||||||
|
@Pipe({name: 'simpledate'})
|
||||||
|
export class SimpledatePipe implements PipeTransform {
|
||||||
|
transform(date: Date): string {
|
||||||
|
return date.toLocaleDateString();
|
||||||
|
}
|
||||||
|
}
|
||||||
6
src/globals.scss
Normal file
6
src/globals.scss
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/* This file is meant to be imported into other scss files */
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans');
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond');
|
||||||
|
|
||||||
|
//$mainFont: 'Cormorant Garamond', serif;
|
||||||
|
$mainFont: 'Quattrocento Sans', sans-serif;
|
||||||
@ -1 +1 @@
|
|||||||
/* You can add global styles to this file, and also import other style files */
|
/* You can add global styles to this file, and also import other style files */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user