Commit 082e8b5f authored by sarah's avatar sarah

implement changes on the landing page

parent 5b8f95b6
......@@ -24,9 +24,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.31830048"
inkscape:cx="17348.092"
inkscape:cy="-16719.776"
inkscape:zoom="0.11253621"
inkscape:cx="15100.333"
inkscape:cy="1249.3259"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
......@@ -2115,6 +2115,134 @@
x="16880.338"
y="18120.781" />
</clipPath>
<inkscape:path-effect
is_visible="true"
id="path-effect3118-0"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect3115-4"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect3112-6"
effect="spiro" />
<inkscape:path-effect
is_visible="true"
id="path-effect3109-2"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect3106-6"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect3103-7"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect3100-5"
effect="spiro" />
<inkscape:path-effect
is_visible="true"
id="path-effect3097-6"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect3094-9"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect3091-8"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect3088-7"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect2689-2"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect2713-8"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect2737-2"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect2757-9"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect2761-9"
effect="spiro" />
<inkscape:path-effect
is_visible="true"
id="path-effect3079-6"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect3076-0"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect3073-2"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect3070-7"
effect="spiro" />
<inkscape:path-effect
is_visible="true"
id="path-effect3067-6"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect3064-1"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect3061-3"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect3058-2"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect6478"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect6480"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect6482"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect6484"
is_visible="true" />
<inkscape:path-effect
is_visible="true"
id="path-effect6486"
effect="spiro" />
<inkscape:path-effect
is_visible="true"
id="path-effect1802-6"
effect="spiro" />
<inkscape:path-effect
effect="spiro"
id="path-effect1806-2"
is_visible="true" />
<inkscape:path-effect
effect="spiro"
id="path-effect3049-5"
is_visible="true" />
</defs>
<metadata
id="metadata7">
......@@ -2124,7 +2252,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
......@@ -26742,6 +26870,277 @@
height="581.69214"
x="18312.859"
y="18696.479" />
<g
transform="translate(-5407.5242,3879.6954)"
id="g3291-1"
inkscape:export-filename="/home/smagnan/Work/osp/work.contour/site-sketch/img/accordeon.png"
inkscape:export-xdpi="469"
inkscape:export-ydpi="469">
<path
sodipodi:nodetypes="cc"
inkscape:original-d="M 19332.11,2228.4889 V 4031.3164"
inkscape:path-effect="#path-effect3118-0"
inkscape:connector-curvature="0"
id="path3229-5"
d="M 19332.11,2228.4889 V 4031.3164"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19342.894,2230.9616 v 1796.973"
id="path3231-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3115-4"
inkscape:original-d="m 19342.894,2230.9616 v 1796.973" />
<path
inkscape:original-d="m 19350.894,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459"
inkscape:path-effect="#path-effect3112-6"
inkscape:connector-curvature="0"
id="path3233-9"
d="M 19350.894,2225.4582 V 4033.2041"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:original-d="m 19358.894,2230.9616 v 1796.973"
inkscape:path-effect="#path-effect3109-2"
inkscape:connector-curvature="0"
id="path3235-1"
d="m 19358.894,2230.9616 v 1796.973"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 19366.894,2225.4582 V 4033.2041"
id="path3237-4"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3106-6"
inkscape:original-d="m 19366.894,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459" />
<path
sodipodi:nodetypes="cc"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19373.68,2230.9616 v 1797.104"
id="path3239-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3103-7"
inkscape:original-d="m 19373.68,2230.9616 v 1797.104" />
<path
inkscape:original-d="m 19381.68,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459"
inkscape:path-effect="#path-effect3100-5"
inkscape:connector-curvature="0"
id="path3241-1"
d="M 19381.68,2225.4582 V 4033.2041"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:original-d="M 19388.602,2230.9616 V 4027.6725"
inkscape:path-effect="#path-effect3097-6"
inkscape:connector-curvature="0"
id="path3243-0"
d="M 19388.602,2230.9616 V 4027.6725"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 19396.602,2225.4582 V 4033.2041"
id="path3245-7"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3094-9"
inkscape:original-d="m 19396.602,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459" />
<path
sodipodi:nodetypes="cc"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19403.132,2230.9616 v 1797.104"
id="path3247-5"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3091-8"
inkscape:original-d="m 19403.132,2230.9616 v 1797.104" />
<path
inkscape:original-d="m 19411.132,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459"
inkscape:path-effect="#path-effect3088-7"
inkscape:connector-curvature="0"
id="path3249-8"
d="M 19411.132,2225.4582 V 4033.2041"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<g
transform="translate(0,60)"
id="g3261-7"
style="fill:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none">
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19332.11,2168.6695 c -0.135,-0.9211 0.193,-1.8981 0.856,-2.5518 0.662,-0.6536 1.644,-0.9677 2.563,-0.8202 0.796,0.1278 1.512,0.5764 2.098,1.1307 0.586,0.5543 1.059,1.2147 1.543,1.8605 0.483,0.6458 0.987,1.2877 1.618,1.7893 0.632,0.5016 1.41,0.8571 2.217,0.8459 0.833,-0.012 1.623,-0.4128 2.254,-0.9563 0.632,-0.5435 1.127,-1.2245 1.616,-1.8992 0.488,-0.6747 0.982,-1.3564 1.612,-1.9019 0.63,-0.5454 1.417,-0.9504 2.25,-0.9673 0.823,-0.017 1.618,0.3473 2.26,0.8622 0.642,0.5149 1.151,1.1744 1.639,1.8374 0.488,0.663 0.965,1.3409 1.561,1.9089 0.595,0.5679 1.327,1.0261 2.141,1.1499 0.736,0.112 1.512,-0.065 2.127,-0.4842 0.616,-0.4196 1.063,-1.0777 1.228,-1.8039"
id="path3251-0"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect2689-2"
inkscape:original-d="m 19332.11,2168.6695 c 4.64,-1.1118 -2.291,-4.4838 3.419,-3.372 5.711,1.1118 5.335,6.1823 7.476,5.6264 2.141,-0.5559 3.448,-6.2806 7.732,-5.7247 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
sodipodi:nodetypes="cssssc" />
<path
sodipodi:nodetypes="cssssc"
inkscape:original-d="m 19361.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
inkscape:path-effect="#path-effect2713-8"
inkscape:connector-curvature="0"
id="path3253-4"
d="m 19361.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19391.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
id="path3255-8"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect2737-2"
inkscape:original-d="m 19391.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
sodipodi:nodetypes="cssssc" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19421.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
id="path3257-0"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect2757-9"
inkscape:original-d="m 19421.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
sodipodi:nodetypes="cssssc" />
<path
sodipodi:nodetypes="cssssc"
inkscape:original-d="m 19451.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
inkscape:path-effect="#path-effect2761-9"
inkscape:connector-curvature="0"
id="path3259-4"
d="m 19451.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<path
sodipodi:nodetypes="cc"
inkscape:original-d="m 19418.642,2230.9616 v 1796.842"
inkscape:path-effect="#path-effect3079-6"
inkscape:connector-curvature="0"
id="path3263-2"
d="m 19418.642,2230.9616 v 1796.842"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 19426.642,2225.4582 V 4033.2041"
id="path3265-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3076-0"
inkscape:original-d="m 19426.642,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459" />
<path
sodipodi:nodetypes="cc"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19433.328,2230.9616 v 1797.104"
id="path3267-6"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3073-2"
inkscape:original-d="m 19433.328,2230.9616 v 1797.104" />
<path
inkscape:original-d="m 19441.328,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459"
inkscape:path-effect="#path-effect3070-7"
inkscape:connector-curvature="0"
id="path3269-1"
d="M 19441.328,2225.4582 V 4033.2041"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:original-d="m 19447.956,2230.9616 v 1796.973"
inkscape:path-effect="#path-effect3067-6"
inkscape:connector-curvature="0"
id="path3271-0"
d="m 19447.956,2230.9616 v 1796.973"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 19455.956,2225.4582 V 4033.2041"
id="path3273-4"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3064-1"
inkscape:original-d="m 19455.956,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459" />
<path
sodipodi:nodetypes="cc"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19463.172,2230.9616 v 1797.104"
id="path3275-2"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect3061-3"
inkscape:original-d="m 19463.172,2230.9616 v 1797.104" />
<path
inkscape:original-d="m 19471.172,2225.4582 c 0,602.581 0,1205.1629 0,1807.7459"
inkscape:path-effect="#path-effect3058-2"
inkscape:connector-curvature="0"
id="path3277-2"
d="M 19471.172,2225.4582 V 4033.2041"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<g
transform="matrix(1,0,0,-1,0,6198.6049)"
id="g3289-2"
style="fill:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none">
<path
sodipodi:nodetypes="cssssc"
inkscape:original-d="m 19332.11,2168.6695 c 4.64,-1.1118 -2.291,-4.4838 3.419,-3.372 5.711,1.1118 5.335,6.1823 7.476,5.6264 2.141,-0.5559 3.448,-6.2806 7.732,-5.7247 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
inkscape:path-effect="#path-effect2689-2"
inkscape:connector-curvature="0"
id="path3279-0"
d="m 19332.11,2168.6695 c -0.135,-0.9211 0.193,-1.8981 0.856,-2.5518 0.662,-0.6536 1.644,-0.9677 2.563,-0.8202 0.796,0.1278 1.512,0.5764 2.098,1.1307 0.586,0.5543 1.059,1.2147 1.543,1.8605 0.483,0.6458 0.987,1.2877 1.618,1.7893 0.632,0.5016 1.41,0.8571 2.217,0.8459 0.833,-0.012 1.623,-0.4128 2.254,-0.9563 0.632,-0.5435 1.127,-1.2245 1.616,-1.8992 0.488,-0.6747 0.982,-1.3564 1.612,-1.9019 0.63,-0.5454 1.417,-0.9504 2.25,-0.9673 0.823,-0.017 1.618,0.3473 2.26,0.8622 0.642,0.5149 1.151,1.1744 1.639,1.8374 0.488,0.663 0.965,1.3409 1.561,1.9089 0.595,0.5679 1.327,1.0261 2.141,1.1499 0.736,0.112 1.512,-0.065 2.127,-0.4842 0.616,-0.4196 1.063,-1.0777 1.228,-1.8039"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19361.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
id="path3281-5"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect2713-8"
inkscape:original-d="m 19361.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
sodipodi:nodetypes="cssssc" />
<path
sodipodi:nodetypes="cssssc"
inkscape:original-d="m 19391.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
inkscape:path-effect="#path-effect2737-2"
inkscape:connector-curvature="0"
id="path3283-5"
d="m 19391.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="cssssc"
inkscape:original-d="m 19421.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
inkscape:path-effect="#path-effect2757-9"
inkscape:connector-curvature="0"
id="path3285-2"
d="m 19421.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19451.693,2168.6695 c 0.146,-1.2099 0.91,-2.3286 1.984,-2.9054 1.074,-0.5767 2.428,-0.5959 3.518,-0.05 0.635,0.3182 1.17,0.8078 1.639,1.3413 0.469,0.5335 0.879,1.1151 1.327,1.6668 0.447,0.5517 0.938,1.079 1.53,1.4704 0.593,0.3914 1.299,0.6405 2.008,0.5925 0.775,-0.053 1.492,-0.4546 2.064,-0.98 0.572,-0.5254 1.016,-1.1712 1.456,-1.8112 0.44,-0.6399 0.884,-1.2859 1.455,-1.8118 0.571,-0.526 1.288,-0.929 2.063,-0.9829 0.824,-0.057 1.637,0.2868 2.288,0.7948 0.651,0.508 1.161,1.1713 1.644,1.8407 0.484,0.6694 0.951,1.3571 1.539,1.937 0.588,0.5798 1.315,1.0526 2.13,1.1859 0.737,0.1206 1.518,-0.053 2.135,-0.4733 0.617,-0.4208 1.063,-1.0846 1.22,-1.8148"
id="path3287-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect2761-9"
inkscape:original-d="m 19451.693,2168.6695 c 4.64,-1.1118 -0.208,-4.0672 5.502,-2.9554 5.711,1.1118 4.363,5.6269 6.504,5.071 2.141,-0.5559 2.754,-6.1418 7.038,-5.5859 4.283,0.5559 5.103,5.2025 7.601,5.7584 2.499,0.5559 3.355,-2.2881 3.355,-2.2881"
sodipodi:nodetypes="cssssc" />
</g>
</g>
<g
transform="translate(-5169.0062,-2607.066)"
id="g5081-4">
<g
id="g5075-4">
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19512.702,2217.7379 c 3.398,2.6371 7.113,4.8661 11.039,6.6238 5.189,2.3233 10.748,3.8198 16.402,4.4159"
id="path1800-9"
inkscape:path-effect="#path-effect1802-6"
inkscape:original-d="m 19512.702,2217.7379 c 0,0 2.838,-0.9464 11.039,6.6238 8.201,7.5701 16.402,4.4159 16.402,4.4159"
inkscape:connector-curvature="0"
sodipodi:nodetypes="csc" />
<path
sodipodi:nodetypes="csc"
inkscape:connector-curvature="0"
inkscape:original-d="m 19512.702,2239.8173 c 0,0 2.838,0.9464 11.039,-6.6238 8.201,-7.5701 16.402,-4.4159 16.402,-4.4159"
inkscape:path-effect="#path-effect1806-2"
id="path1804-9"
d="m 19512.702,2239.8173 c 3.398,-2.6371 7.113,-4.8661 11.039,-6.6238 5.189,-2.3233 10.748,-3.8198 16.402,-4.4159"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
<path
sodipodi:nodetypes="cc"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19540.143,2228.7776 h -59.188"
id="path3047-3"
inkscape:path-effect="#path-effect3049-5"
inkscape:original-d="m 19540.143,2228.7776 h -59.188"
inkscape:connector-curvature="0" />
</g>
</g>
<g
style="display:none"
......@@ -11,10 +11,7 @@
display: inline;
} */
body {
margin: 10px;
/* width: 200px;
height: 15px; */
overflow-x: hidden;
position: relative;
}
......@@ -22,29 +19,32 @@
</head>
<body>
<!-- <div class="corner" style="height:20px"> <img src="corner.svg"> </div>
<div class="corner" style=" "> <img src="corner.svg"> </div>
<div class="corner" style="height:60px"> <img src="corner.svg"> </div> -->
<nav id="menu">
<ul>
<li><a><img src="logo.png"/></a></li>
<li><a>Programme</a></li>
<li><a>Venue</a></li>
<li><a>Contributors</a></li>
<li><a>About</a></li>
</ul>
</nav>
<main>
<aside class="timeline">
<figure class="logo">
<aside id="left">
<nav id="menu">
<div class="logo">
<a><img src="contour9-logo.png"/></a>
</div>
<ul>
<li><a>Programme</a></li>
<li><a>Venue</a></li>
<li><a>Contributors</a></li>
<li><a>About</a></li>
</ul>
</nav>
<div id="timeline">
<figure class="">
<object id="timeline" data="timeline/timeline.svg" type="image/svg+xml" style=""></object>
</figure>
</div>
</aside>
</aside>
<main>
<div id="container">
</div>
<aside class="time-travel" id="last-crescent">
<p>Last crescent</p>
<span class="full-moon"><a href="">Full moon</a></span>
<span class="first-crescent"><a href="">First crescent</a></span>
<span class="last-crescent"><a href="">Last crescent</a></span>
</aside>
<aside class="cycle content" id="full-moon">
<section class="content-day">
......@@ -82,7 +82,7 @@
</span>
</div>
<div id="zennegat-flotation-school" class="event">
<!-- <figure class="preview"><img src="http://www.mluciacruzcorreia.com/content/3-works/1-the-voice-of-natu/fotovoiceofnature2.jpg"></figure> -->
<figure class="preview"><img src="img/cloud/Maria Lucia Cruz Correia/common-dreams.jpg"></figure>
<p class="date">Friday 17 May</p>
<p class="hour">18:00 - 20:00</p><p class="venue">Zennegat</p>
<p class="type">Presentation from Flotation School</p><p class="contributor">Maria Lucia Cruz Correira</p>
......@@ -116,6 +116,7 @@
<p class="date">Saturday 18 May</p>
</div>
<div id="nona-lecture-workshop-léopold-lambert" class="event">
<figure class="preview"><img src="img/cloud/Léopold Lambert/TheFunambulistToxicAtmospheres1.JPG"></figure>
<p class="date">Saturday 18 May</p>
<p class="hour">11:00 - 13:00</p><p class="venue">Nona - old foyer/cafe</p>
<p class="type">Lecture workshop</p><p class="contributor">Léopold Lambert</p>
......@@ -187,6 +188,7 @@
</span>
</div>
<div id="nona-film-screening-daniela-ortiz" class="event">
<figure class="preview"><img src="img/cloud/Daniela Ortiz/Still_3.png"></figure>
<p class="date">Saturday 18 May</p>
<p class="hour">20:30</p><p class="venue">Nona - old theater</p>
<p class="type">Film screening</p><p class="contributor">Daniela Ortiz</p>
......@@ -236,6 +238,9 @@
</span>
</div>
</article>
<div class="last-crescent"><a href="">Last <br/>crescent&nbsp;</a></div>
<div class="accordeon"><a href="">&nbsp;</a></div>
</section>
<section class="content-continious">
<div id="thomas-more-installation-cadine-navarro" class="event">
......
/home/smagnan/Work/osp/osp.cloud/osp.work.contour/program-content/COMM CONTENT ONLINE PLATFORM
\ No newline at end of file
......@@ -5,16 +5,16 @@
font-style: normal;
}
@font-face {
/* @font-face {
font-family: Syne;
src: url("fonts/Syne-Bold.ttf");
src: url("fonts/webfonts/Syne-Regular.woff");
font-weight: regular;
font-style: normal;
}
} */
@font-face {
font-family: Syne;
src: url("fonts/Syne-Extra.ttf");
src: url("fonts/webfonts/Syne-Extra.woff");
font-weight: bold;
font-style: normal;
}
......@@ -71,9 +71,11 @@
}
:root {
--rose: #f037af;
--vert: #008e00;
--orange: #d45500;
--blue-moon: #445fff;
--goldy: #ca9c73;
--green-moon: #8ec0b8;
--yellow-moon: #fff30e;
--pink: #f66758;
}
body {
......@@ -81,12 +83,9 @@ body {
font-size: 1.2em;
line-height: 1.3em;
color: black;
/* background-color: yellow; */
/* background-image:url("https://loeildelaphotographie.com/wp-content/uploads/2013/05/original_laura_2-jpg.jpg20140604-13248-1gys00n.jpg"); */
/* text-align: center; */
padding: 20px;
/* overflow: hidden; */
overflow: hidden;
margin: 0px;
}
/* width */
......@@ -96,7 +95,7 @@ body {
/* Track */
::-webkit-scrollbar-track {
background: #d6d6d6;;
background: #d6d6d6;
}
/* Handle */
......@@ -115,57 +114,62 @@ p{
display: inline;
margin: 0;
}
a {
text-decoration: none;
color: inherit;
}
figure {
margin: 0;
padding: 0;
}
a:hover{
text-decoration: underline;
}
#left {
width: 33%;
}
#menu {
background-color: #fff200;
margin:0 !important;
margin: 0 !important;
height: auto;
position: fixed;
left: 0;
top: 0pt;
width: 100%;
z-index:1000;
border-bottom: 3px solid black;
padding: 5px 5px 0px 0px;
width: 34%;
z-index: 1000;
padding: 20px;
}
#menu .logo {
display: inline-block;
vertical-align: top;
width: 54%;
}
#menu img {
/*height: 10%;*/
width: 180px;
width: 86%;
margin: 0;
padding: 0;
}
#menu ul {
display: flex;
list-style-type: none;
display: inline-block;
}
#menu li {
flex: 0 0 auto;
padding-left: 20px;
padding-right: 20px;
}
#menu li:last-child {
/*margin-left: auto;*/
}
#menu a{
text-decoration: none;
/*color: black;*/
font-family: 'Syne';
/*text-transform: uppercase;*/
font-weight: bold;
font-size: 0.9em;
letter-spacing: 0.03em;
}
#menu a:hover{
text-decoration: underline;
}
#intro {
max-width: 800px;
margin: 4em 4em;
......@@ -178,10 +182,6 @@ p{
.date {
font-family: 'Syne';
font-weight: bold;
/*text-transform: uppercase;*/
/* color: #d45500; */
}
.event p.date {
display: none;
......@@ -192,10 +192,6 @@ p{
font-weight: bold;
}
.type {
/* font-family: 'Yaldevi-jaffna';
font-size: 1em;
text-transform: uppercase; */
font-family: 'LM';
font-style: italic;
font-size: 1.2em;
......@@ -204,16 +200,8 @@ font-size: 1.2em;
.venue {
font-family: 'Lack';
/* font-family: 'Tulpen One'; */
/* text-transform: uppercase; */
/* font-size: .8em; */
/* color:#008e00; */
}
/* .type {
font-family: 'Lack';
} */
.contributor {
font-family: 'Lack';
/* color:#f037af; */
......@@ -234,45 +222,41 @@ section {
display: block;
}
/* section::after {
display: inline-flex;
width: 10px;
height: 1em;
content: ' ';
font-family: 'Dauphine';
} */
section.content-day {
flex: 1 0 66%;
display: flex;
flex-direction: row;
padding-top: 40px;
display: flex;
flex-direction: row;
padding-top: 30px;
top: 0;
background-image: linear-gradient(to right, white, var(--blue-moon));
border-left: 2px solid black;
}
section.content-continious {
flex: 1 0 66%;
position: sticky;
top: 50px;
position: absolute;
top: 80px;
display: flex;
flex-direction: row;
bottom: 17px;
background-image: linear-gradient(to right, var(--orange), white);
background-image: linear-gradient(to right, white 40%, var(--blue-moon));
border-bottom: 2px solid black;