Progress on design

This commit is contained in:
Ruben van de Ven 2019-02-04 13:49:30 +01:00
parent ba5939bfe0
commit 74470e61b3
11 changed files with 3402 additions and 95 deletions

238
www/drawing.svg Normal file
View file

@ -0,0 +1,238 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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:xlink="http://www.w3.org/1999/xlink"
id="svg954"
version="1.1"
viewBox="0 0 269.68921 171.03902"
height="171.03902mm"
width="269.68921mm">
<defs
id="defs948" />
<metadata
id="metadata951">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-479.74467,99.971886)"
id="layer1">
<path
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 707.56274,47.386401 c -39.08004,0 -26.35353,-98.175942 -59.54802,-98.175942"
id="path919" />
<path
id="path921"
d="m 707.56274,-67.970339 c -39.08004,0 -26.35353,17.180798 -59.54802,17.180798"
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 707.56274,-8.6440273 c -39.08004,0 -26.35353,-42.1455137 -59.54802,-42.1455137"
id="path923" />
<path
id="path836"
d="m 540.57238,-79.730199 c 70.83004,0 26.35353,98.17594 59.54801,98.17594"
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 540.57238,35.626541 c 39.08004,0 26.35352,-17.1808 59.54801,-17.1808"
id="path838" />
<path
id="path840"
d="m 540.57238,-23.699793 c 39.08004,0 26.35352,42.145534 59.54801,42.145534"
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<image
y="-98.78492"
x="488.05942"
id="image826"
xlink:href="data:image/png;base64,"
preserveAspectRatio="none"
height="51.730377"
width="51.730377" />
<use
height="100%"
width="100%"
transform="translate(-4.5528998e-7,57.022051)"
id="use828"
xlink:href="#image826"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="translate(-4.5528998e-7,58.005791)"
id="use830"
xlink:href="#use828"
y="0"
x="0" />
<image
width="49.769428"
height="49.769428"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,"
id="use834"
x="597.66241"
y="-20.339062" />
<image
width="53.440414"
height="53.440414"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,"
id="image910"
x="687.51868"
y="-99.971886" />
<image
y="-41.172611"
x="687.51868"
id="image913"
xlink:href="data:image/png;base64,"
preserveAspectRatio="none"
height="53.440414"
width="53.440414" />
<image
width="53.440414"
height="53.440414"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,"
id="image915"
x="687.51868"
y="17.626713" />
<image
width="49.769428"
height="51.32375"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,"
id="image917"
x="597.66241"
y="-82.246162" />
<text
id="text927"
y="63.765812"
x="542.91345"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:5.96850729px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.14921269"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:5.96850729px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.14921269"
y="63.765812"
x="542.91345"
id="tspan925">20 cases</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="541.38544"
y="1.2943537"
id="text931"><tspan
id="tspan929"
x="541.38544"
y="1.2943537"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">1.200</tspan><tspan
id="tspan939"
x="541.38544"
y="7.1525693"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">cases</tspan></text>
<text
id="text935"
y="-48.44733"
x="540.32709"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-48.44733"
x="540.32709"
id="tspan933">120 cases</tspan></text>
<path
id="path937"
d="M 540.57238,-79.730199 Z"
style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="603.58911"
y="37.606449"
id="text972"><tspan
id="tspan970"
x="603.58911"
y="37.606449"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">1.340 cases</tspan></text>
<text
id="text976"
y="-24.546719"
x="608.34381"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-24.546719"
x="608.34381"
id="tspan974">800 cases</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="479.47293"
y="-66.438972"
id="text1006"><tspan
id="tspan1004"
x="479.47293"
y="-66.438972"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">M</tspan></text>
<text
id="text1010"
y="-13.522312"
x="480.53125"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-13.522312"
x="480.53125"
id="tspan1008">F</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="481.06042"
y="44.686024"
id="text1014"><tspan
id="tspan1012"
x="481.06042"
y="44.686024"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">?</tspan></text>
<text
id="text1018"
y="-66.438972"
x="742.99786"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-66.438972"
x="742.99786"
id="tspan1016">M</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="744.05621"
y="-13.522312"
id="text1022"><tspan
id="tspan1020"
x="744.05621"
y="-13.522312"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">F</tspan></text>
<text
id="text1026"
y="44.686024"
x="744.58539"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="44.686024"
x="744.58539"
id="tspan1024">?</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -2,107 +2,269 @@
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Specimens of (involuntary) composite portraiture</title> <title>Specimens of (discriminatory) composite portraiture</title>
<style media="screen"> <link rel="stylesheet" href="styles.css">
html{
/* height: 100vh;
width: 100vw; */
}
body{
font-family: "CMU Serif";
border:solid 2px black;
margin: 20px;
width: calc(100vw - 44px);
height: calc(100vh - 44px);
/* box-sizing: border-box; */
transform: rotate(.2deg);
font-size: 25pt;
}
h1,h2{
font-family: "OSP-DIN";
text-align: center;
text-transform: uppercase;
border-bottom: solid 2px black;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 0;
font-weight: normal;
}
section#gender{
height: 45%;
border-bottom: solid 4px black;
}
section#ethnicity{
height: 48%;
border-bottom: solid 2px black;
}
h1{
font-size: 46pt;
}
.of{
font-size: 70%;
}
.star{
font-size: 40%;
display: inline-block;
position: relative;
top: -12px;
}
#gender h2{
letter-spacing: 5px;
}
#ethnicity h2{
letter-spacing: 2px;
}
#affdex{
position: absolute;
top: calc(100% - 18px);
right: 20px;
font-size: 14pt;
}
#graph{
display: flex;
flex-direction: row;
margin: 0 10px;
}
#graph > div{
width: 20%;
}
#graph .background{
border: solid 2px black;
height: 20px;
border-right:none;
}
#graph div:last-child .background{
border-right: solid 2px black;
}
#graph .cases{
text-align: center;
}
</style>
</head> </head>
<body> <body>
<h1>Specimens <span class='of'>of</span> (Involuntary) Composite Portraiture</h1> <h1>Specimens <span class='of'>of</span> Discriminatory Composite Portraiture</h1>
<section id='gender'> <section id='gender'>
<h2>Gender Differentiation<span class='star'>*</span></h2> <h2>Gender Differentiation<span class='star'>*</span></h2>
<div class='genders'> <div class='genders'>
test <svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg954"
version="1.1"
viewBox="0 0 269.68921 171.03902"
height="171.03902mm"
width="249.68921mm">
<defs
id="defs948" />
<g
transform="translate(-479.74467,99.971886)"
id="layer1">
<path
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 707.56274,47.386401 c -39.08004,0 -26.35353,-98.175942 -59.54802,-98.175942"
id="path919" />
<path
id="path921"
d="m 707.56274,-67.970339 c -39.08004,0 -26.35353,17.180798 -59.54802,17.180798"
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 707.56274,-8.6440273 c -39.08004,0 -26.35353,-42.1455137 -59.54802,-42.1455137"
id="path923" />
<path
id="path836"
d="m 540.57238,-79.730199 c 70.83004,0 26.35353,98.17594 59.54801,98.17594"
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 540.57238,35.626541 c 39.08004,0 26.35352,-17.1808 59.54801,-17.1808"
id="path838" />
<path
id="path840"
d="m 540.57238,-23.699793 c 39.08004,0 26.35352,42.145534 59.54801,42.145534"
style="fill:none;stroke:var(--primary-color);stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<image
y="-98.78492"
x="488.05942"
id="image826"
xlink:href="unknown_side-1000x1000-3.png"
preserveAspectRatio="none"
height="51.730377"
width="51.730377" />
<use
height="100%"
width="100%"
transform="translate(-4.5528998e-7,57.022051)"
id="use828"
xlink:href="#image826"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="translate(-4.5528998e-7,58.005791)"
id="use830"
xlink:href="#use828"
y="0"
x="0" />
<image
width="49.769428"
height="49.769428"
preserveAspectRatio="none"
xlink:href="unknown_side-1000x1000-3.png"
id="use834"
x="597.66241"
y="-20.339062" />
<image
width="53.440414"
height="53.440414"
preserveAspectRatio="none"
xlink:href="unknown_side-1000x1000-3.png"
id="image910"
x="687.51868"
y="-99.971886" />
<image
y="-41.172611"
x="687.51868"
id="image913"
xlink:href="unknown_side-1000x1000-3.png"
preserveAspectRatio="none"
height="53.440414"
width="53.440414" />
<image
width="53.440414"
height="53.440414"
preserveAspectRatio="none"
xlink:href="unknown_side-1000x1000-3.png"
id="image915"
x="687.51868"
y="17.626713" />
<image
width="49.769428"
height="51.32375"
preserveAspectRatio="none"
xlink:href="unknown_side-1000x1000-3.png"
id="image917"
x="597.66241"
y="-82.246162" />
<text
id="text927"
y="63.765812"
x="542.91345"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:5.96850729px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.14921269"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:5.96850729px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.14921269"
y="63.765812"
x="542.91345"
id="tspan925">20 cases</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="541.38544"
y="1.2943537"
id="text931"><tspan
id="tspan929"
x="541.38544"
y="1.2943537"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">1.200</tspan><tspan
id="tspan939"
x="541.38544"
y="7.1525693"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:0.80000001;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">cases</tspan></text>
<text
id="text935"
y="-48.44733"
x="540.32709"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-48.44733"
x="540.32709"
id="tspan933">120 cases</tspan></text>
<path
id="path937"
d="M 540.57238,-79.730199 Z"
style="fill:none;stroke:var(--primary-color);stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="603.58911"
y="37.606449"
id="text972"><tspan
id="tspan970"
x="603.58911"
y="37.606449"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">1.340 cases</tspan></text>
<text
id="text976"
y="-24.546719"
x="608.34381"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-24.546719"
x="608.34381"
id="tspan974">800 cases</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="479.47293"
y="-66.438972"
id="text1006"><tspan
id="tspan1004"
x="479.47293"
y="-66.438972"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">M</tspan></text>
<text
id="text1010"
y="-13.522312"
x="480.53125"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-13.522312"
x="480.53125"
id="tspan1008">F</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="481.06042"
y="44.686024"
id="text1014"><tspan
id="tspan1012"
x="481.06042"
y="44.686024"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">?</tspan></text>
<text
id="text1018"
y="-66.438972"
x="742.99786"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="-66.438972"
x="742.99786"
id="tspan1016">M</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
x="744.05621"
y="-13.522312"
id="text1022"><tspan
id="tspan1020"
x="744.05621"
y="-13.522312"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924">F</tspan></text>
<text
id="text1026"
y="44.686024"
x="744.58539"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;line-height:1.25;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:var(--primary-color);fill-opacity:1;stroke:none;stroke-width:0.18306924"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:7.32276964px;font-family:'CMU Serif';-inkscape-font-specification:'CMU Serif, Medium';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.18306924"
y="44.686024"
x="744.58539"
id="tspan1024">?</tspan></text>
</g>
</svg>
</div> </div>
</section> </section>
<section id='differences'>
<div class='gender'>
<h2>Distinctive traits</h2>
</div>
<div class='gender'>
<img src="unknown_side-1000x1000-3.png"><img src="unknown_side-1000x1000-3.png">
</div>
<div class='gender'>
<img src="unknown_side-1000x1000-3.png"><img src="unknown_side-1000x1000-3.png">
</div>
<div class='gender'>
<img src="unknown_side-1000x1000-3.png"><img src="unknown_side-1000x1000-3.png">
</div>
<section id='ethnicity'> </section>
<section id='graph'>
<div id='graph--male' data-width="30%">
<div class='wrap'><div class='background'></div></div>
<div class='cases'><span class='nr'>0</span> <span class='txt'>cases</span></div>
</div>
<div id='graph--female' data-width="30%">
<div class='wrap'><div class='background'></div></div>
<div class='cases'><span class='nr'>0</span> <span class='txt'>cases</span></div>
</div>
<div id='graph--unknown' data-width="30%">
<div class='wrap'><div class='background'></div></div>
<div class='cases'><span class='nr'>0</span> <span class='txt'>cases</span></div>
</div>
</section>
<!-- <section id='ethnicity'>
<h2>Reinforced Ethnical Stereotypes</h2> <h2>Reinforced Ethnical Stereotypes</h2>
<div id='graph'> <div id='graph'>
<div id='graph--black-african'> <div id='graph--black-african'>
@ -126,7 +288,12 @@
<div class='cases'><span class='nr'>0</span> <span class='txt'>cases</span></div> <div class='cases'><span class='nr'>0</span> <span class='txt'>cases</span></div>
</div> </div>
</div> </div>
</section> </section> -->
<div id='affdex'>* based on the 2017 edition of Affectiva's gender detection toolkit</div> <div id='affdex'>* according to the 2018 edition of Affectiva's gender detection toolkit</div>
<div id='signature'>
<!-- &mdash; -->
Ruben van de Ven
<!-- &mdash; -->
</div>
</body> </body>
</html> </html>

43
www/lines.svg Normal file
View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
id="svg7623"
version="1.1"
viewBox="0 0 59.548019 116.38292"
height="116.38292mm"
width="59.548019mm">
<defs
id="defs7617" />
<metadata
id="metadata7620">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(679.89306,124.0486)"
id="layer1">
<path
id="path836"
d="m -679.89306,-123.53551 c 70.83005,0 26.35353,98.175937 59.54802,98.175937"
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -679.89306,-8.1787728 c 39.08005,0 26.35353,-17.1808002 59.54802,-17.1808002"
id="path838" />
<path
id="path840"
d="m -679.89306,-67.505107 c 39.08005,0 26.35353,42.145534 59.54802,42.145534"
style="fill:none;stroke:#000000;stroke-width:1.02617979;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

158
www/styles.css Normal file
View file

@ -0,0 +1,158 @@
:root {
--primary-color: white;
--secundary-color: black;
}
html{
/* filter: invert(1); */
background: var(--secundary-color);
}
body{
font-family: "CMU Serif";
border: solid 6px var(--primary-color);
margin-top: 20px;
width: 1010px;
height: 1800px;
transform: rotate(-.1deg);
font-size: 25pt;
margin-left: 20px;
color: var(--primary-color);
}
h1,h2{
font-family: "OSP-DIN";
text-align: center;
text-transform: uppercase;
border-bottom: solid 2px var(--primary-color);
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
padding-top: 0;
font-weight: normal;
}
h2{
font-size: 40pt;
padding: 20px 0 20px 0;
}
section#gender{
height: 44%;
border-bottom: solid 4px var(--primary-color);
}
h1{
/* font-size: 82pt; */
font-size: 80pt;
margin: 9px 0 0 0;
padding-bottom: 4px;
}
.of{
font-size: 70%;
}
.star{
font-size: 40%;
display: inline-block;
position: relative;
top: -12px;
}
.genders{
text-align: center;
}
#gender h2{
letter-spacing: 2px;
}
#ethnicity h2{
/* letter-spacing: 2px; */
}
#affdex{
position: absolute;
top: calc(100% - 18px);
right: 5px;
font-size: 10pt;
}
#signature{
position: absolute;
top: calc(100% + 18px);
left: 5px;
right: 5px;
font-size: 11pt;
font-weight: bold;
text-align: right;
}
#graph{
display: flex;
flex-direction: row;
margin: 0 20px;
padding-top: 50px;
clear:both;
}
#graph > div{
width: 33%;
}
#graph .wrap{
border: solid 2px var(--primary-color);
height: 60px;
border-right:none;
}
#graph div:last-child .wrap{
border-right: solid 2px var(--primary-color);
}
#graph .wrap .background{
height: 100%;
width:100%;
box-sizing: border-box;
/* background-color: red; */
background-image:url('texture-cross.png');
background-size: 12px;
filter:invert(1);
/* create inverted primary color border, as to separate texture from edge */
border: solid 3px var(--primary-color);
}
#graph > div:nth-child(2) .wrap .background{
background-image:url('texture-diagonal.png');
background-size: 12px;
}
#graph > div:nth-child(3) .wrap .background{
background-image:url('texture-ball.png');
background-size: 12px;
}
#graph .cases{
text-align: center;
}
#differences{
border-bottom: solid 4px var(--primary-color);
padding-bottom: 50px;
}
#differences::after{
content: '';
clear:both;
display: block;
}
#differences .gender {
width: 50%;
margin: 50px 0 0 0;
float:left;
text-align: center;
}
#differences .gender img{
width: 180px;
height: 180px;
border: solid 2px var(--primary-color);
}
#differences .gender h2{
border-bottom: none;
margin-top: 40px;
}

BIN
www/texture-ball.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

853
www/texture-ball.svg Normal file
View file

@ -0,0 +1,853 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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:xlink="http://www.w3.org/1999/xlink"
id="svg5537"
version="1.1"
viewBox="0 0 30.616072 30.616072"
height="30.616072mm"
width="30.616072mm">
<defs
id="defs5531" />
<metadata
id="metadata5534">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-6.8035712,-9.7380943)"
id="layer1">
<g
id="g6102">
<rect
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.58217442;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="rect6306"
width="15.3"
height="15.3"
x="22.119642"
y="9.7380943" />
<rect
y="25.054167"
x="6.8035712"
height="15.3"
width="15.3"
id="rect6304"
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.58217442;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294" />
<circle
r="6"
style="fill:#000000;fill-opacity:0.84313725;stroke:none;stroke-width:1.15578747;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="path6095"
cx="14.428872"
cy="32.615479" />
<circle
r="6"
style="fill:#000000;fill-opacity:0.84313725;stroke:none;stroke-width:1.29772627;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="path6097"
cx="29.939419"
cy="17.350611" />
</g>
<use
height="100%"
width="100%"
id="use6106"
transform="translate(0,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6108"
transform="translate(0,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6110"
transform="translate(0,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6112"
transform="translate(0,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6114"
transform="translate(0,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6116"
transform="translate(0,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6118"
transform="translate(0,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6120"
transform="translate(0,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6122"
transform="translate(0,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6124"
transform="translate(30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6126"
transform="translate(30.616071,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6128"
transform="translate(30.616071,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6130"
transform="translate(30.616071,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6132"
transform="translate(30.616071,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6134"
transform="translate(30.616071,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6136"
transform="translate(30.616071,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6138"
transform="translate(30.616071,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6140"
transform="translate(30.616071,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6142"
transform="translate(30.616071,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6144"
transform="translate(61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6146"
transform="translate(61.232142,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6148"
transform="translate(61.232142,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6150"
transform="translate(61.232142,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6152"
transform="translate(61.232142,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6154"
transform="translate(61.232142,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6156"
transform="translate(61.232142,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6158"
transform="translate(61.232142,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6160"
transform="translate(61.232142,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6162"
transform="translate(61.232142,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6164"
transform="translate(91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6166"
transform="translate(91.848213,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6168"
transform="translate(91.848213,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6170"
transform="translate(91.848213,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6172"
transform="translate(91.848213,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6174"
transform="translate(91.848213,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6176"
transform="translate(91.848213,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6178"
transform="translate(91.848213,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6180"
transform="translate(91.848213,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6182"
transform="translate(91.848213,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6184"
transform="translate(122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6186"
transform="translate(122.46428,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6188"
transform="translate(122.46428,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6190"
transform="translate(122.46428,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6192"
transform="translate(122.46428,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6194"
transform="translate(122.46428,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6196"
transform="translate(122.46428,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6198"
transform="translate(122.46428,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6200"
transform="translate(122.46428,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6202"
transform="translate(122.46428,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6204"
transform="translate(153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6206"
transform="translate(153.08035,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6208"
transform="translate(153.08035,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6210"
transform="translate(153.08035,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6212"
transform="translate(153.08035,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6214"
transform="translate(153.08035,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6216"
transform="translate(153.08035,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6218"
transform="translate(153.08035,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6220"
transform="translate(153.08035,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6222"
transform="translate(153.08035,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6224"
transform="translate(183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6226"
transform="translate(183.69643,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6228"
transform="translate(183.69643,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6230"
transform="translate(183.69643,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6232"
transform="translate(183.69643,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6234"
transform="translate(183.69643,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6236"
transform="translate(183.69643,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6238"
transform="translate(183.69643,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6240"
transform="translate(183.69643,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6242"
transform="translate(183.69643,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6244"
transform="translate(214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6246"
transform="translate(214.3125,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6248"
transform="translate(214.3125,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6250"
transform="translate(214.3125,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6252"
transform="translate(214.3125,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6254"
transform="translate(214.3125,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6256"
transform="translate(214.3125,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6258"
transform="translate(214.3125,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6260"
transform="translate(214.3125,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6262"
transform="translate(214.3125,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6264"
transform="translate(244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6266"
transform="translate(244.92857,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6268"
transform="translate(244.92857,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6270"
transform="translate(244.92857,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6272"
transform="translate(244.92857,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6274"
transform="translate(244.92857,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6276"
transform="translate(244.92857,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6278"
transform="translate(244.92857,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6280"
transform="translate(244.92857,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6282"
transform="translate(244.92857,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6284"
transform="translate(275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6286"
transform="translate(275.54464,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6288"
transform="translate(275.54464,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6290"
transform="translate(275.54464,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6292"
transform="translate(275.54464,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6294"
transform="translate(275.54464,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6296"
transform="translate(275.54464,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6298"
transform="translate(275.54464,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6300"
transform="translate(275.54464,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6302"
transform="translate(275.54464,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

BIN
www/texture-cross.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

995
www/texture-cross.svg Normal file
View file

@ -0,0 +1,995 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="30.616072mm"
height="30.616072mm"
viewBox="0 0 30.616072 30.616072"
version="1.1"
id="svg5537"
inkscape:export-filename="/home/ruben/Documents/Projecten/2018/Felienne/specimens_of_composite_portraiture/www/texture-cross.png"
inkscape:export-xdpi="150.16296"
inkscape:export-ydpi="150.16296"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="texture-cross.svg">
<defs
id="defs5531" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="11.147757"
inkscape:cy="106.43855"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="3840"
inkscape:window-height="2126"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="1" />
<metadata
id="metadata5534">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-6.8035712,-9.7380943)">
<g
id="g6102"
inkscape:tile-cx="22.111607"
inkscape:tile-cy="25.04613"
inkscape:tile-w="30.616071"
inkscape:tile-h="30.616071"
inkscape:tile-x0="6.8035711"
inkscape:tile-y0="9.7380941">
<rect
y="20.957304"
x="9.8004599"
height="12.190846"
width="12.190846"
id="rect6306"
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.46386918;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
transform="rotate(-15)" />
<rect
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.46386918;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="rect6304"
width="12.190846"
height="12.190846"
x="-2.4031916"
y="33.160957"
transform="rotate(-15)" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92822564;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="rect6365"
width="4.8262367"
height="51.447872"
x="31.553371"
y="-31.588327"
transform="rotate(45)" />
<rect
transform="rotate(135)"
y="-63.139465"
x="-0.38724831"
height="53.715744"
width="4.8262334"
id="rect7581"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92822564;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
inkscape:export-xdpi="150"
inkscape:export-ydpi="150" />
</g>
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,30.616071)"
id="use6106"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,61.232142)"
id="use6108"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,91.848213)"
id="use6110"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,122.46428)"
id="use6112"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,153.08035)"
id="use6114"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,183.69643)"
id="use6116"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0,214.3125)"
id="use6118"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(1.0368515,-62.268993)"
id="use6120"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(0.00326227,-29.719644)"
id="use6122"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071)"
id="use6124"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,30.616071)"
id="use6126"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,61.232142)"
id="use6128"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,91.848213)"
id="use6130"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,122.46428)"
id="use6132"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,153.08035)"
id="use6134"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,183.69643)"
id="use6136"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.616071,214.3125)"
id="use6138"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(31.652923,-62.268993)"
id="use6140"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(30.552516,-29.719644)"
id="use6142"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142)"
id="use6144"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,30.616071)"
id="use6146"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,61.232142)"
id="use6148"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,91.848213)"
id="use6150"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,122.46428)"
id="use6152"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,153.08035)"
id="use6154"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,183.69643)"
id="use6156"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(61.232142,214.3125)"
id="use6158"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(62.268994,-62.268993)"
id="use6160"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(62.268994,-31.652923)"
id="use6162"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213)"
id="use6164"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,30.616071)"
id="use6166"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,61.232142)"
id="use6168"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,91.848213)"
id="use6170"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,122.46428)"
id="use6172"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,153.08035)"
id="use6174"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,183.69643)"
id="use6176"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(91.848213,214.3125)"
id="use6178"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(-30.616072,0.01607323)"
id="use6180"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(92.885065,-31.652923)"
id="use6182"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428)"
id="use6184"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,30.616071)"
id="use6186"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,61.232142)"
id="use6188"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,91.848213)"
id="use6190"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,122.46428)"
id="use6192"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,153.08035)"
id="use6194"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,183.69643)"
id="use6196"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,214.3125)"
id="use6198"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(122.46428,244.92857)"
id="use6200"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(-122.46429,30.632147)"
id="use6202"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035)"
id="use6204"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,30.616071)"
id="use6206"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,61.232142)"
id="use6208"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,91.848213)"
id="use6210"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,122.46428)"
id="use6212"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,153.08035)"
id="use6214"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,183.69643)"
id="use6216"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,214.3125)"
id="use6218"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(153.08035,244.92857)"
id="use6220"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(-91.848224,30.632147)"
id="use6222"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643)"
id="use6224"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,30.616071)"
id="use6226"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,61.232142)"
id="use6228"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,91.848213)"
id="use6230"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,122.46428)"
id="use6232"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,153.08035)"
id="use6234"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,183.69643)"
id="use6236"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,214.3125)"
id="use6238"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(183.69643,244.92857)"
id="use6240"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(-61.232144,30.632147)"
id="use6242"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125)"
id="use6244"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,30.616071)"
id="use6246"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,61.232142)"
id="use6248"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,91.848213)"
id="use6250"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,122.46428)"
id="use6252"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,153.08035)"
id="use6254"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,183.69643)"
id="use6256"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,214.3125)"
id="use6258"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(214.3125,244.92857)"
id="use6260"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(-30.616074,30.632147)"
id="use6262"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857)"
id="use6264"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,30.616071)"
id="use6266"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,61.232142)"
id="use6268"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,91.848213)"
id="use6270"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,122.46428)"
id="use6272"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,153.08035)"
id="use6274"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,183.69643)"
id="use6276"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,214.3125)"
id="use6278"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,244.92857)"
id="use6280"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(244.92857,275.54464)"
id="use6282"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464)"
id="use6284"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,30.616071)"
id="use6286"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,61.232142)"
id="use6288"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,91.848213)"
id="use6290"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,122.46428)"
id="use6292"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,153.08035)"
id="use6294"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,183.69643)"
id="use6296"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,214.3125)"
id="use6298"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,244.92857)"
id="use6300"
width="100%"
height="100%" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g6102"
xlink:href="#g6102"
transform="translate(275.54464,275.54464)"
id="use6302"
width="100%"
height="100%" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 24 KiB

BIN
www/texture-diagonal.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,004 B

853
www/texture-diagonal.svg Normal file
View file

@ -0,0 +1,853 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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:xlink="http://www.w3.org/1999/xlink"
id="svg5537"
version="1.1"
viewBox="0 0 30.616072 30.616072"
height="30.616072mm"
width="30.616072mm">
<defs
id="defs5531" />
<metadata
id="metadata5534">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-6.8035712,-9.7380943)"
id="layer1">
<g
id="g6102">
<rect
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.58217442;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="rect6306"
width="15.3"
height="15.3"
x="22.119642"
y="9.7380943" />
<rect
y="25.054167"
x="6.8035712"
height="15.3"
width="15.3"
id="rect6304"
style="fill:none;fill-opacity:0.84313725;stroke:none;stroke-width:0.58217442;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294" />
<circle
r="6"
style="fill:#000000;fill-opacity:0.84313725;stroke:none;stroke-width:1.15578747;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="path6095"
cx="14.428872"
cy="32.615479" />
<circle
r="6"
style="fill:#000000;fill-opacity:0.84313725;stroke:none;stroke-width:1.29772627;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.48235294"
id="path6097"
cx="29.939419"
cy="17.350611" />
</g>
<use
height="100%"
width="100%"
id="use6106"
transform="translate(0,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6108"
transform="translate(0,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6110"
transform="translate(0,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6112"
transform="translate(0,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6114"
transform="translate(0,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6116"
transform="translate(0,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6118"
transform="translate(0,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6120"
transform="translate(0,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6122"
transform="translate(0,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6124"
transform="translate(30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6126"
transform="translate(30.616071,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6128"
transform="translate(30.616071,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6130"
transform="translate(30.616071,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6132"
transform="translate(30.616071,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6134"
transform="translate(30.616071,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6136"
transform="translate(30.616071,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6138"
transform="translate(30.616071,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6140"
transform="translate(30.616071,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6142"
transform="translate(30.616071,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6144"
transform="translate(61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6146"
transform="translate(61.232142,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6148"
transform="translate(61.232142,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6150"
transform="translate(61.232142,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6152"
transform="translate(61.232142,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6154"
transform="translate(61.232142,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6156"
transform="translate(61.232142,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6158"
transform="translate(61.232142,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6160"
transform="translate(61.232142,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6162"
transform="translate(61.232142,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6164"
transform="translate(91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6166"
transform="translate(91.848213,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6168"
transform="translate(91.848213,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6170"
transform="translate(91.848213,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6172"
transform="translate(91.848213,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6174"
transform="translate(91.848213,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6176"
transform="translate(91.848213,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6178"
transform="translate(91.848213,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6180"
transform="translate(91.848213,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6182"
transform="translate(91.848213,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6184"
transform="translate(122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6186"
transform="translate(122.46428,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6188"
transform="translate(122.46428,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6190"
transform="translate(122.46428,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6192"
transform="translate(122.46428,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6194"
transform="translate(122.46428,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6196"
transform="translate(122.46428,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6198"
transform="translate(122.46428,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6200"
transform="translate(122.46428,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6202"
transform="translate(122.46428,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6204"
transform="translate(153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6206"
transform="translate(153.08035,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6208"
transform="translate(153.08035,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6210"
transform="translate(153.08035,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6212"
transform="translate(153.08035,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6214"
transform="translate(153.08035,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6216"
transform="translate(153.08035,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6218"
transform="translate(153.08035,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6220"
transform="translate(153.08035,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6222"
transform="translate(153.08035,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6224"
transform="translate(183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6226"
transform="translate(183.69643,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6228"
transform="translate(183.69643,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6230"
transform="translate(183.69643,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6232"
transform="translate(183.69643,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6234"
transform="translate(183.69643,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6236"
transform="translate(183.69643,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6238"
transform="translate(183.69643,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6240"
transform="translate(183.69643,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6242"
transform="translate(183.69643,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6244"
transform="translate(214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6246"
transform="translate(214.3125,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6248"
transform="translate(214.3125,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6250"
transform="translate(214.3125,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6252"
transform="translate(214.3125,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6254"
transform="translate(214.3125,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6256"
transform="translate(214.3125,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6258"
transform="translate(214.3125,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6260"
transform="translate(214.3125,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6262"
transform="translate(214.3125,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6264"
transform="translate(244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6266"
transform="translate(244.92857,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6268"
transform="translate(244.92857,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6270"
transform="translate(244.92857,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6272"
transform="translate(244.92857,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6274"
transform="translate(244.92857,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6276"
transform="translate(244.92857,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6278"
transform="translate(244.92857,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6280"
transform="translate(244.92857,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6282"
transform="translate(244.92857,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6284"
transform="translate(275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6286"
transform="translate(275.54464,30.616071)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6288"
transform="translate(275.54464,61.232142)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6290"
transform="translate(275.54464,91.848213)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6292"
transform="translate(275.54464,122.46428)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6294"
transform="translate(275.54464,153.08035)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6296"
transform="translate(275.54464,183.69643)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6298"
transform="translate(275.54464,214.3125)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6300"
transform="translate(275.54464,244.92857)"
xlink:href="#g6102"
y="0"
x="0" />
<use
height="100%"
width="100%"
id="use6302"
transform="translate(275.54464,275.54464)"
xlink:href="#g6102"
y="0"
x="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 915 KiB