opensurvey/main/templates/main/home.html

323 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends 'base.html' %}
{% load static %}
{% load i18n %}
{% block intro %}
<section class="intro hp-intro">
<div class="intro-content intro-content--hp">
<h1>Covid-Open survey</h1>
{% if not request.user.is_authenticated %}
<p>
{% blocktrans %}
COVID-19 has turned our lives upside down. And while this virus continues to spread, millions around the world
are
taking positive action. From the comfort of your home, you too can join the global fight against this virus!
<strong>5 minutes a day.</strong> Thats all it takes to advance science.
{% endblocktrans %}
</p>
<p>
<strong>I want to help fight COVID-19!</strong>
</p>
<a class="button button--white" href="{{ request.openhumans_login_url }}">{% blocktrans %}Start the survey {% endblocktrans %}</a>
<a href="#content">{% blocktrans %}Or learn more before taking the survey.{% endblocktrans %}</a>
{% else %}
<p>
{% blocktrans %}
Thank you for taking part in this project! The team is grateful and eager for your participation.
{% endblocktrans %}
</p>
<p>
{% blocktrans %}
You can find your consent and email settings <a href="#settings">below.</a>
{% endblocktrans %}
</p>
{% endif %}
</div>
<div class="hp-intro__illustration">
<svg width="457" height="418" viewBox="0 0 457 418" xmlns="http://www.w3.org/2000/svg">
<title>Survey</title>
<desc>Ilustration of a survey sheet.</desc>
<defs>
<linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="a">
<stop stop-color="gray" stop-opacity=".25" offset="0%" />
<stop stop-color="gray" stop-opacity=".12" offset="54%" />
<stop stop-color="gray" stop-opacity=".1" offset="100%" />
</linearGradient>
<linearGradient x1="50%" y1="99.981618%" x2="50%" y2="0%" id="b">
<stop stop-color="gray" stop-opacity=".25" offset="0%" />
<stop stop-color="gray" stop-opacity=".12" offset="54%" />
<stop stop-color="gray" stop-opacity=".1" offset="100%" />
</linearGradient>
<linearGradient x1="50%" y1="100%" x2="50%" y2="-.024845%" id="c">
<stop stop-color="gray" stop-opacity=".25" offset="0%" />
<stop stop-color="gray" stop-opacity=".12" offset="54%" />
<stop stop-color="gray" stop-opacity=".1" offset="100%" />
</linearGradient>
</defs>
<g transform="translate(1)" fill="none" fill-rule="evenodd">
<path stroke="#163A40" fill="#FFF" fill-rule="nonzero" d="M128 31h202v280H128z" />
<path fill="url(#a)" fill-rule="nonzero" d="M180 24h100v25H180z" />
<path
d="M230 0c-7.732681 0-14 6.493015-14 14.5S222.267319 29 230 29s14-6.493015 14-14.5S237.732681 0 230 0zm0 22.864154c-3.363309.088915-6.444663-1.891606-7.793123-5.008981-1.34846-3.117376-.695229-6.750199 1.652101-9.187858 2.347331-2.437659 5.920852-3.194239 9.037876-1.913484 3.117024 1.280755 5.156214 4.343543 5.157363 7.746169.052778 4.556254-3.549254 8.296897-8.054217 8.364154z"
fill="url(#b)" fill-rule="nonzero" />
<path
d="M229.5 1c3.580423 0 7.0142 1.422317 9.545942 3.954058C241.577683 7.4858 243 10.919578 243 14.5c0 3.70519-1.492668 7.06175-3.909473 9.501148L279 24v23h-98V24l38.909473.001148C217.492668 21.56175 216 18.205191 216 14.5 216 7.044156 222.044156 1 229.5 1zm0 5.711538c-4.301449 0-7.788462 3.487014-7.788462 7.788462 0 4.301448 3.487013 7.788462 7.788462 7.788462s7.788462-3.487013 7.788462-7.788462c0-4.301448-3.487013-7.788462-7.788462-7.788462z"
stroke="#163A40" fill="#FFA318" fill-rule="nonzero" />
<path stroke="#163A40" fill="#35D78C" fill-rule="nonzero" d="M139 78h40v40h-40z" />
<path stroke="#163A40" fill="#FFA318" fill-rule="nonzero" d="M139 163h40v40h-40zM139 248h40v40h-40z" />
<path fill="#E0E0E0" fill-rule="nonzero"
d="M206 90h54v4h-54zM206 96h90v4h-90zM206 102h84v4h-84zM206 175h54v4h-54zM206 181h90v4h-90zM206 187h84v4h-84zM206 260h54v4h-54zM206 266h90v4h-90zM206 271h84v4h-84z" />
<path fill="url(#c)" fill-rule="nonzero"
d="M150.125 95.394783L157.625 102l10.625-15 3.75 3-14.375 18L147 96.6z" />
<path fill="#FFF" fill-rule="nonzero"
d="M151.625 96.2l6.3 5.657143L166.85 89l3.15 2.571429L157.925 107 149 97.228571zM151.625 181.2l6.3 5.657143L166.85 174l3.15 2.571429L157.925 192 149 182.228571zM151.625 266.2l6.3 5.657143L166.85 259l3.15 2.571429L157.925 277 149 267.228571z" />
<g stroke="#163A40" stroke-dasharray="11" stroke-width="5">
<path d="M424.5 171.5v-63M339.5 174.5h88" />
</g>
<path d="M119 96H49v67M160 322v38h105" stroke="#163A40" stroke-width="5" stroke-dasharray="12" />
<path stroke="#163A40" fill="#FFF" fill-rule="nonzero"
d="M455 100h-77V56.871972L416.238095 24 455 56.871972z" />
<path fill="#E0E0E0" fill-rule="nonzero" d="M379 57l37.741497 22L455 57" />
<path stroke="#979797" fill="#FAFAFA" fill-rule="nonzero" d="M416.764706 79.333333L394 94V39h45v27.971429z" />
<path fill="#F5F5F5" fill-rule="nonzero" d="M379 99h76l-76-42z" />
<path fill="#E0E0E0" fill-rule="nonzero" d="M400 46h32v2h-32zM400 50h32v2h-32z" />
<path fill="#F9A826" fill-rule="nonzero" d="M400 54h32v2h-32z" />
<path fill="#E0E0E0" fill-rule="nonzero" d="M400 59h32v2h-32z" />
<path fill="#F9A826" fill-rule="nonzero" d="M400 63h32v2h-32z" />
<path stroke="#163A40" d="M273 329h88v88h-88z" />
<path fill="#FFF" fill-rule="nonzero" d="M278 331h77v68h-77z" />
<path
d="M355 377.176471c-21.280479 0-38.5-5.447647-38.5-12.176471-21.280479 0-38.5 4.738235-38.5 10.588235V401h77v-23.823529z"
fill="#E0E0E0" fill-rule="nonzero" />
<circle fill="#FFA318" fill-rule="nonzero" cx="342" cy="346" r="8" />
<path stroke="#163A40" fill="#FFF" fill-rule="nonzero" d="M0 170h101v72H0z" />
<path
d="M53.5 189a19.652713 19.652713 0 00-2.52973.168649L53.5 208.5l-19.452568-1.296486C34.021082 207.630405 34 208.062568 34 208.5c0 10.769553 8.730447 19.5 19.5 19.5S73 219.269553 73 208.5 64.269553 189 53.5 189z"
fill="#E0E0E0" fill-rule="nonzero" />
<path d="M46.529125 186C37.524358 187.187466 30.605365 194.607353 30 203.725736L49 205l-2.470875-19z"
fill="#FFA318" fill-rule="nonzero" />
<path fill="#FFF" d="M454 57l-39 22 39 20z" />
</g>
</svg>
</div>
</section>
{% endblock intro %}
{% block main %}
<div class="u-hidden" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol viewBox="0 0 89 93" id="brain">
<title>Mental wellbeing</title>
<desc>A brain seen from above</desc>
<g fill="none" fill-rule="evenodd">
<path
d="M44.085106 4.331128c-.099239-.00055-.194073-.03983-.263127-.108982-.967876-.947996-4.79014-3.70241-15.12441-1.195819C16.309061 6.03155 1 20.266416 1 52.292255c0 32.025838 25.389438 38.815579 33.852584 38.815579 6.204255 0 8.275418-1.607861 8.937082-2.463297.068274-.092663.178044-.148132.29544-.14929"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M11.771277 44.703189c0-19.930047 5.898043-32.98472 13.33484-40.744775C13.540843 8.673724 1 23.123532 1 52.187809c0 32.112014 25.389438 38.920025 33.852584 38.920025 6.204255 0 8.275418-1.612187 8.937082-2.469925.068274-.092912.178044-.14853.29544-.149692v-4.93985c-9.623366-.748462-32.31383-8.487559-32.31383-38.845178z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M59.472644 3.026366c-10.33427-2.50659-14.156535.247823-15.12441 1.194325-.068796.069703-.163663.109533-.263128.110475V88.50122c.117396.001159.227167.056628.295441.149291.661664.849464 2.732827 2.457324 8.937082 2.457324 8.463146 0 33.852584-6.789738 33.852584-38.815562 0-32.025825-15.309062-46.260686-27.697569-49.265906z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M45.32192 4.220691c-.067352.069703-.160229.109533-.257607.110475V88.50122c.114933.001159.222402.056628.289243.149291.647783.849464 2.675495 2.457324 8.74959 2.457324 11.78068-.617525 22.417247-7.183249 28.171032-17.389372-23.049026 16.9415-26.664559-16.947472-26.664559-34.862346 0-15.26198 1.098218-33.760582 8.873122-34.29355-1.400003-.644803-2.857523-1.159087-4.353705-1.5362C50.011568.519776 46.26949 3.27419 45.32192 4.220691z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M26.228418 3.958414c3.341717.510248 5.878359 3.200936 6.11543 6.48681M12.19962 14.9117c10.758572 2.541425 7.930185 11.983553 7.930185 11.983553m-4.60339 5.882347s.285896-7.444125 9.173145-5.9553M1.979207 47.378506c5.82189-8.137918 18.13378-6.465967 21.191496 3.955808m-7.644288 5.264485c3.057715-5.9553 10.702003-7.444125 15.288576-1.488825M24.699561 38.7329c4.988662 0 10.702003 2.97765 10.702003 10.421775m9.173146-11.9106c-4.586573-1.488825-10.468088-.461535-12.524402 4.019828m.29354-23.374553c4.586574 1.488825 6.115431 8.93295 3.057716 13.399425m9.173146-5.9553c-2.398234-1.054234-5.131875-1.121336-7.581605-.186103M7.59623 74.4647c6.16894-.334986 11.24322-5.57416 11.24322-10.018303m-7.899608-.403472c7.644288-1.488825 11.399162 1.122574 12.23086 5.9553M38.732946 68.2295c-10.702004-1.488825-18.0818 12.56866-8.237485 21.899127m1.848389-30.552178c6.11543 1.488825 9.173146 10.421775 3.057715 16.377075m-8.67321-61.914276c.83072-1.87231 2.587594-3.200392 4.656199-3.51978s4.161169.414348 5.545869 1.944603m25.99058-8.505657c-3.341718.510248-5.87836 3.200936-6.115431 6.48681M76.949799 14.9117c-10.75857 2.541425-7.930184 11.983553-7.930184 11.983553m4.60339 5.882347s-.285896-7.444125-9.173146-5.9553m22.720354 20.556207c-5.82189-8.137918-18.13378-6.465967-21.191496 3.955808m7.644288 5.264485c-3.057715-5.9553-10.702003-7.444125-15.288576-1.488825m6.11543-16.377075c-4.988662 0-10.702003 2.97765-10.702003 10.421775m-9.173146-11.9106c4.586573-1.488825 10.468088-.461535 12.524402 4.019828m-.293541-23.374553c-4.586573 1.488825-6.11543 8.93295-3.057715 13.399425m-9.173146-5.9553c2.398234-1.054234 5.131874-1.121336 7.581605-.186103M81.554719 74.4647c-6.168941-.334986-11.24322-5.57416-11.24322-10.018303m7.89808-.403472c-7.64429-1.488825-11.399164 1.122574-12.230862 5.9553M50.416475 68.2295c10.702003-1.488825 18.0818 12.56866 8.237485 21.899127M56.80557 59.576449c-6.11543 1.488825-9.173146 10.421775-3.057715 16.377075m8.67321-61.914276c-.83072-1.87231-2.587594-3.200392-4.6562-3.51978-2.068605-.319388-4.161168.414348-5.545868 1.944603"
stroke="#163A40" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M44.085106 4.331166c-.099239-.00055-.194073-.039829-.263127-.108982-.967876-.947995-4.79014-3.702407-15.12441-1.195818C16.309061 6.031586 1 20.266447 1 52.292272c0 32.025824 25.389438 38.815562 33.852584 38.815562 6.204255 0 8.275418-1.60786 8.937082-2.463296.068274-.092663.178044-.148132.29544-.14929M59.472644 3.026366c-10.33427-2.50659-14.156535.247823-15.12441 1.194325-.068796.069703-.163663.109533-.263128.110475V88.50122c.117396.001159.227167.056628.295441.149291.661664.849464 2.732827 2.457324 8.937082 2.457324 8.463146 0 33.852584-6.789738 33.852584-38.815562 0-32.025825-15.309062-46.260686-27.697569-49.265906z"
stroke="#163A40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</g>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" id="bandaid">
<title>Bandaid</title>
<desc>A bandaid seen from above</desc>
<g transform="translate(-2 -2)" fill="none" fill-rule="evenodd">
<path
d="M6.272848 64.783183L64.7913 6.26473c3.204838-3.204838 8.400906-3.204838 11.605744 0l9.331064 9.331064c3.204837 3.204838 3.204837 8.400906 0 11.605744L27.209656 85.71999c-3.204838 3.204838-8.400906 3.204838-11.605744 0l-9.331064-9.331064c-3.204837-3.204837-3.204837-8.400906 0-11.605743z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M33.106067 42.225736l14.538199-14.538198c.585786-.585787 1.535534-.585787 2.12132 0l14.538199 14.538198c.585786.585787.585786 1.535534 0 2.12132l-14.538199 14.5382c-.585786.585786-1.535534.585786-2.12132 0l-14.538199-14.5382c-.585786-.585786-.585786-1.535533 0-2.12132z"
fill="#FFF" fill-rule="nonzero" opacity=".25" />
<path
d="M6.272848 64.783183L64.7913 6.26473c3.204838-3.204838 8.400906-3.204838 11.605744 0l9.331064 9.331064c3.204837 3.204838 3.204837 8.400906 0 11.605744L27.209656 85.71999c-3.204838 3.204838-8.400906 3.204838-11.605744 0l-9.331064-9.331064c-3.204837-3.204837-3.204837-8.400906 0-11.605743z"
stroke="#163A40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M46 66.961848l14.142983 14.142983c5.798155 5.764987 15.163693 5.764987 20.961848 0 5.764987-5.798155 5.764987-15.163693 0-20.961848L66.961848 46 46 66.961848z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M46 66.961848l14.142983 14.142983c5.798155 5.764987 15.163693 5.764987 20.961848 0 5.764987-5.798155 5.764987-15.163693 0-20.961848L66.961848 46 46 66.961848z"
fill="#163A40" fill-rule="nonzero" opacity=".2" />
<path
d="M25.038152 46L10.895169 31.857886c-5.764987-5.798354-5.764987-15.164214 0-20.962568 5.798155-5.765186 15.163693-5.765186 20.961848 0L46 25.038786 25.038152 46z"
fill="#35D78C" fill-rule="nonzero" />
<path fill="#163A40" fill-rule="nonzero" opacity=".2"
d="M20.653061 41.324675l20.671614-20.671614L46 25.328386 25.328386 46z" />
<path
d="M66.961848 45.999323l14.142983 14.143225c5.764987 5.798255 5.764987 15.163954 0 20.962208-5.798155 5.765087-15.163693 5.765087-20.961848 0L46 66.961531M25.038152 45.999323L10.895169 31.857452c-5.764987-5.798255-5.764987-15.163954 0-20.962208 5.798155-5.765087 15.163693-5.765087 20.961848 0L46 25.038469"
stroke="#163A40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M40.740147 61.959184l-10.69933-10.680056M51.19952 30.040816l10.759663 10.740272" stroke="#163A40"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<circle fill="#163A40" fill-rule="nonzero" opacity=".16" transform="rotate(-45 46.355824 36.069412)"
cx="46.355823" cy="36.069412" r="1.352941" />
<circle fill="#163A40" fill-rule="nonzero" opacity=".16" transform="rotate(-45 55.92478 45.635663)"
cx="55.92478" cy="45.635663" r="1.352941" />
<circle fill="#163A40" fill-rule="nonzero" opacity=".16" transform="rotate(-45 36.788616 45.637412)"
cx="36.788616" cy="45.637412" r="1.352941" />
<circle fill="#163A40" fill-rule="nonzero" opacity=".16" transform="rotate(-45 46.357176 45.636619)"
cx="46.357177" cy="45.636619" r="1.352941" />
<circle fill="#163A40" fill-rule="nonzero" opacity=".16" transform="rotate(-45 46.35622 55.203663)"
cx="46.35622" cy="55.203663" r="1.352941" />
<circle stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
transform="rotate(-45 46.355824 36.069412)" cx="46.355823" cy="36.069412" r="1.352941" />
<circle stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
transform="rotate(-45 55.92478 45.635663)" cx="55.92478" cy="45.635663" r="1.352941" />
<circle stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
transform="rotate(-45 36.788616 45.637412)" cx="36.788616" cy="45.637412" r="1.352941" />
<circle stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
transform="rotate(-45 46.357176 45.636619)" cx="46.357177" cy="45.636619" r="1.352941" />
<circle stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
transform="rotate(-45 46.35622 55.203663)" cx="46.35622" cy="55.203663" r="1.352941" />
</g>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 86" id="dropper">
<title>Dropper</title>
<desc>A medical dropper with a drop</desc>
<g fill="none" fill-rule="evenodd">
<path
d="M7.734638 68.530484c2.522502 2.992576 4.04951 6.693644 4.369463 10.590435.116078 2.843274-1.89967 5.331497-4.710914 5.815116-1.600957.244765-3.229244-.220017-4.458052-1.272517C1.706327 82.611018.999526 81.075746 1 79.460134c0-3.876745 2.900947-8.570374 4.509653-10.872884.25289-.357122.660032-.574105 1.098213-.585284.438181-.01118.85591.184758 1.126772.528518zm6.10448-8.308694l-.508014.502592c-.951183.948011-1.38491 2.29584-1.164572 3.618966.220337 1.323125 1.06762 2.458692 2.274983 3.049034 1.683277.781687 3.67845.41068 4.966309-.923495l.378927-.37383c3.690052-3.784275 8.380166-6.447301 13.526183-7.680107 1.807415-.391286 3.465327-1.289023 4.778927-2.587726L45 49H21.004038c-1.465395 4.252994-3.920866 8.098783-7.16492 11.22179z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M24.227987 41.980894c-1.31287 1.317611-2.22395 2.991661-2.62413 4.821661C21.437193 47.544399 21.235677 48.277719 21 49h24.054065L56 37.990164 42.100179 24 24.227987 41.980894z"
fill="#92E4CF" fill-rule="nonzero" />
<path
d="M77.058918 4.884709c-1.747668-2.265473-4.37254-3.670812-7.2139-3.862271-2.841359-.19146-5.628568.849195-7.660047 2.860017L42 24.024921 55.995548 38 75.91854 18.120097c3.624418-3.49742 4.112393-9.160922 1.140378-13.235388z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M77.065313 5.036591c-.286115-.366893-.597324-.713265-.93136-1.036591.370275 3.17398-.73595 6.342279-2.997943 8.586292L53.27865 32.367211 42.288051 43.310415l-6.95657 6.92887c-1.319913 1.315315-2.985165 2.224973-4.800619 2.622379-5.178737 1.249275-9.89903 3.950425-13.612925 7.789887l-.3812.37924c-1.101373 1.123588-2.70641 1.586479-4.23231 1.220594-.818867 2.03907.066467 4.368154 2.028884 5.337463 1.693377.793003 3.70052.416625 4.996107-.936865l.3812-.379241c3.713547-3.840489 8.433874-6.542632 13.612926-7.792696 1.81826-.39695 3.486118-1.307684 4.8076-2.625189l6.949588-6.92606 10.985012-10.943204 19.862946-19.779514c3.612479-3.480006 4.098846-9.115308 1.136622-13.169488z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M39.219801 20.85821l19.881652 19.798094M45.159779 48.59962l30.775326-30.621107c3.60441-3.468126 4.09023-9.08482 1.135338-13.125931-1.73781-2.246737-4.347875-3.640453-7.173206-3.83033-2.825331-.189876-5.596818.842173-7.616837 2.836365L24.308562 41.64607c-1.314453 1.305305-2.226634 2.96372-2.627298 4.77663a23.72274 23.72274 0 01-.604585 2.176921M7.759093 68.347316c2.531663 3.025858 4.064217 6.768088 4.38533 10.708217.1165 2.874897-1.906568 5.390793-4.72802 5.87979-1.60677.247488-3.24097-.222463-4.47424-1.28667C1.708891 82.584449.999523 81.032104 1 79.398522c0-3.91986 2.91148-8.66569 4.52603-10.993808.253808-.361094.662427-.58049 1.1022-.591794.439772-.011303.859018.186813 1.130863.534397zM13.734718 60.342578l-.509714.508002c-.95437.958215-1.38955 2.320552-1.168475 3.657919.221076 1.337367 1.071198 2.485157 2.282605 3.081854 1.688917.7901 3.690774.4151 4.982948-.933436l.380197-.377853c3.702414-3.825009 8.408242-6.516699 13.5715-7.762774 1.81347-.395497 3.476936-1.302898 4.794938-2.61558L45 49H20.923644c-1.470305 4.298772-3.934003 8.185956-7.188926 11.342578h0z"
stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</g>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 101" id="drugs">
<title>Drugs</title>
<desc>Two medication pills</desc>
<g transform="translate(1 1)" fill="none" fill-rule="evenodd">
<path
d="M56.065217 54.434783c-15.308152 0-27.71739 7.39076-27.71739 16.508152V81.94837c0 9.11739 12.409238 16.508152 27.71739 16.508152 15.308153 0 27.717392-7.390761 27.717392-16.508152V70.942935c0-9.117392-12.40924-16.508152-27.717392-16.508152z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M40.475 57.296196L68.833152 85.58587a33.629353 33.629353 0 004.809783-1.881522L45.544022 55.673913A36.629347 36.629347 0 0040.475 57.296196z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M56.065217 87.451087c-15.308152 0-27.71739-7.39076-27.71739-16.508152V81.94837c0 9.11739 12.409238 16.508152 27.71739 16.508152 15.308153 0 27.717392-7.390761 27.717392-16.508152V70.942935c0 9.117391-12.40924 16.508152-27.717392 16.508152z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M6.369565 45.325544c-6.720148 6.713294-7.683147 17.269763-2.288637 25.088201s15.605395 10.66523 24.266898 6.765603v-6.236413c0-8.455435 10.680978-15.415761 24.443478-16.382609v-.009783l.877174-.877173L25.84837 25.84674 6.369565 45.325543z"
fill="#92E4CF" fill-rule="nonzero" />
<path
d="M28.347826 77.179348v-6.236413c0-6.510326 6.342391-12.120652 15.536413-14.805979-14.183152.725544-25.319022 7.801631-25.319022 16.436414v6.236413c3.346347.294272 6.712586-.266768 9.78261-1.630435z"
fill="#163A40" fill-rule="nonzero" opacity=".16" />
<path
d="M73.152174 6.369565c-7.695901-7.655597-20.13073-7.655597-27.82663 0L25.84837 25.84674 53.675 53.67337l19.477174-19.477173c7.655597-7.695901 7.655597-20.13073 0-27.82663z"
fill="#35D78C" fill-rule="nonzero" />
<path
d="M9.630435 51.847283l19.478804-19.478805 19.477174-19.477174c7.6959-7.655597 20.13073-7.655597 27.82663 0a19.516308 19.516308 0 011.72663 2.010326c-.901924-3.22526-2.619636-6.163733-4.9875-8.532065-7.6959-7.655597-20.130729-7.655597-27.82663 0L25.84837 25.84674 6.369565 45.325544c-6.926171 6.973825-7.66243 17.982252-1.72663 25.816304-1.94938-6.860213-.042178-14.238386 4.9875-19.294565z"
fill="#FFF" fill-rule="nonzero" opacity=".4" />
<path
d="M59.326087 3.855435c-12.022826.229891-15.269022 11.654348-11.639674 12.63587 3.213587 1.20326 7.928804-.679892 11.639674-.233153 3.71087-.446739 8.427717 1.436413 11.639674.233152 3.629348-.981521.383152-12.405978-11.639674-12.63587z"
fill="#FFF" fill-rule="nonzero" opacity=".5" />
<path
d="M25.84837 25.84837l27.825 27.825m-.869022.877174l20.347826-20.354348c7.655597-7.695901 7.655597-20.13073 0-27.82663-7.695901-7.655598-20.13073-7.655598-27.82663 0L6.369565 45.325543c-7.655597 7.6959-7.655597 20.130729 0 27.82663 5.789905 5.755452 14.524317 7.355249 21.978261 4.025543M40.47174 57.292935l28.372826 28.302717M45.493478 55.62337l28.151087 28.082608"
stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M28.347826 70.942935V81.94837c0 9.11739 12.40924 16.508152 27.717391 16.508152 15.308153 0 27.717392-7.390761 27.717392-16.508152V70.942935"
stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<ellipse stroke="#163A40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" cx="56.065217"
cy="70.942935" rx="27.717391" ry="16.508152" />
</g>
</symbol>
</svg>
</div>
{% if not request.user.is_authenticated and not request.GET.oh_id %}
{% if request.GET.consent_withdrawn %}
<div class="alert alert-info">{% trans "Your consent has been withdrawn, you will not receive any more daily emails." %}
</div>
{% endif %}
<section id="content" class="questions">
<h2>
{% trans "We will ask you about:" %}
</h2>
<ul class="questions__list">
<li class="question-item">
<div class="question__icon">
<svg width="89" height="93" focusable="false" aria-hidden="true">
<use xlink:href="#bandaid" />
</svg>
</div>
<h3>{% trans "Your physical health" %}</h3>
</li>
<li class="question-item">
<div class="question__icon">
<svg width="88" height="88" focusable="false" aria-hidden="true">
<use xlink:href="#brain" />
</svg>
</div>
<h3>{% trans "Your mental wellbeing" %}</h3>
</li>
<li class="question-item">
<div class="question__icon">
<svg width="80" height="86" focusable="false" aria-hidden="true">
<use xlink:href="#dropper" />
</svg>
</div>
<h3>{% trans "Transmission properties of the virus" %}</h3>
</li>
<li class="question-item">
<div class="question__icon">
<svg width="86" height="101" focusable="false" aria-hidden="true">
<use xlink:href="#drugs" />
</svg>
</div>
<h3>{% trans "Medication repurposing" %}</h3>
</li>
</ul>
<a href="{{ request.openhumans_login_url }}" class="button button--orange questions__button">{% trans "Take the survey" %}</a>
</section>
<section class="approach">
<h2 class="approach__title">{% trans "Our approach" %}</h2>
<div class="approach__cards">
<div class="card">
<h3><a href="{% url "about" %}">{% trans "Citizen Science" %}</a></h3>
<p>
{% blocktrans %}
When it comes to science, we believe in harnessing the ingenuity of all citizens. We want you to contribute your
own survey items according to your research questions and interests.
{% endblocktrans %}
</p>
<a class="card__link" href="{% url "about" %}">{% trans "Become a Citizen Scientist" %}</a>
</div>
<div class="card">
<h3><a href="{% url "data" %}">{% trans "Shared Data, Shared Knowledge" %}</a></h3>
<p>
{% blocktrans %}
De-identified data will be made available to the scientific community, and will be distributed with any
publications that arise from this study.
{% endblocktrans %}
</p>
<a class="card__link" href="{% url "data" %}">{% trans "Access the data" %}</a>
</div>
</div>
</section>
{% else %}
{% include "main/includes/consent.html" %}
{% include "main/includes/daily_emails_activation.html" %}
{% endif %}
{% endblock main %}