Skip to content

Commit 724b5b0

Browse files
committed
welcome page
1 parent 4fa8f1c commit 724b5b0

File tree

8 files changed

+377
-249
lines changed

8 files changed

+377
-249
lines changed

assets/css/style.css

Lines changed: 74 additions & 181 deletions
Large diffs are not rendered by default.

content/en/welcome.md

Lines changed: 81 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -2,49 +2,90 @@
22
title: "Welcome"
33

44
url: "/welcome/"
5-
---
65

6+
layout: blocks
77

8-
## Harmony event signup
8+
blocks:
9+
- block: welcome
10+
logo: /images/logo-light.svg
11+
subheading: |-
12+
Harmony is an open source tool which uses AI to help researchers use text data in areas such as mental health. Harmony is a web tool and a Python and R library. Researchers use Harmony to combine (harmonise) questions in questionnaires, where different wording is used, such as "I feel anxious" and "feeling nervous". We are also developing a discovery platform which lets researchers discover datasets.
13+
button:
14+
text: Find Out More About Harmony
15+
url: "/"
16+
size: large
17+
style: outline
18+
heading: Join our Community
19+
copy: |-
20+
Connect with our community of researchers, developers, AI enthusiasts and designers and become part of our AI for Good mission. Fill out the form below to receive updates, collaborate, and explore opportunities with Harmony.
21+
connect:
22+
heading: More ways to connect
23+
cards:
24+
- heading: AI Challenges
25+
copy: Contribute to real-world AI and coding challenges.
26+
button:
27+
text: Learn more
28+
url: https://harmonydata.ac.uk/challenges/
29+
icon: sparkles
30+
- heading: Discord Community
31+
copy: Join discussions with fellow researchers and developers.
32+
button:
33+
text: Join
34+
url: https://discord.com/invite/harmonydata
35+
icon: discord-2
36+
- heading: GitHub
37+
copy: Access our latest code, tools, and contributions. Become a certified contributor
38+
button:
39+
text: Join
40+
url: https://github.com/harmonydata/harmony
41+
icon: github
42+
- heading: Connect with us on Socials
43+
social:
44+
- text: LinkedIn
45+
url: https://www.linkedin.com/company/harmonydata/about/?viewAsMember=true
46+
- text: Bluesky
47+
url: https://bsky.app/profile/harmonydata.bsky.social
48+
icon: users
49+
950

10-
{{< htmlcode >}}
11-
<div id="mc_embed_shell">
12-
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
13-
<style type="text/css">
14-
#mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}
15-
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
16-
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
17-
</style><style type="text/css">
18-
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
19-
#mergeRow-gdpr {margin-top: 20px;}
20-
#mergeRow-gdpr fieldset label {font-weight: normal;}
21-
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
22-
</style>
23-
<div id="mc_embed_signup">
24-
<form action="https://harmonydata.us21.list-manage.com/subscribe/post?u=6c600b2de0b9678055c62637f&amp;id=32eadfb37e&amp;v_id=408&amp;f_id=000483e6f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
25-
<div id="mc_embed_signup_scroll"><h2>Subscribe</h2>
26-
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
27-
<div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div><div class="mc-field-group"><label for="mce-FNAME">First Name <span class="asterisk">*</span></label><input type="text" name="FNAME" class="required text" id="mce-FNAME" required="" value=""></div><div class="mc-field-group"><label for="mce-LNAME">Last Name <span class="asterisk">*</span></label><input type="text" name="LNAME" class="required text" id="mce-LNAME" required="" value=""></div><div class="mc-field-group"><label for="mce-MMERGE11">Job Title </label><input type="text" name="MMERGE11" class=" text" id="mce-MMERGE11" value=""></div><div class="mc-field-group"><label for="mce-MMERGE6">Discord Tag </label><input type="text" name="MMERGE6" class=" text" id="mce-MMERGE6" value=""></div><div class="mc-field-group"><label for="mce-MMERGE10">Github </label><input type="text" name="MMERGE10" class=" text" id="mce-MMERGE10" value=""></div><div class="mc-field-group input-group"><strong>Which sector do you work in? </strong><ul><li><input type="checkbox" name="group[11838][16384]" id="mce-group[11838]-11838-0" value=""><label for="mce-group[11838]-11838-0">Academic</label></li><li><input type="checkbox" name="group[11838][32768]" id="mce-group[11838]-11838-1" value=""><label for="mce-group[11838]-11838-1">Government</label></li><li><input type="checkbox" name="group[11838][65536]" id="mce-group[11838]-11838-2" value=""><label for="mce-group[11838]-11838-2">Student</label></li><li><input type="checkbox" name="group[11838][131072]" id="mce-group[11838]-11838-3" value=""><label for="mce-group[11838]-11838-3">Industry</label></li><li><input type="checkbox" name="group[11838][262144]" id="mce-group[11838]-11838-4" value=""><label for="mce-group[11838]-11838-4">Third-Sector</label></li><li><input type="checkbox" name="group[11838][524288]" id="mce-group[11838]-11838-5" value=""><label for="mce-group[11838]-11838-5">Other</label></li></ul></div><div class="mc-field-group input-group"><strong>I am interested in </strong><ul><li><input type="checkbox" name="group[11837][64]" id="mce-group[11837]-11837-0" value=""><label for="mce-group[11837]-11837-0">Harmony for Research</label></li><li><input type="checkbox" name="group[11837][128]" id="mce-group[11837]-11837-1" value=""><label for="mce-group[11837]-11837-1">Harmony for other purposes</label></li><li><input type="checkbox" name="group[11837][256]" id="mce-group[11837]-11837-2" value=""><label for="mce-group[11837]-11837-2">Co-Design Activities</label></li><li><input type="checkbox" name="group[11837][512]" id="mce-group[11837]-11837-3" value=""><label for="mce-group[11837]-11837-3">Hackathons</label></li><li><input type="checkbox" name="group[11837][1024]" id="mce-group[11837]-11837-4" value=""><label for="mce-group[11837]-11837-4">AI Challenges</label></li><li><input type="checkbox" name="group[11837][2048]" id="mce-group[11837]-11837-5" value=""><label for="mce-group[11837]-11837-5">Development</label></li><li><input type="checkbox" name="group[11837][4096]" id="mce-group[11837]-11837-6" value=""><label for="mce-group[11837]-11837-6">Research Collaboration</label></li><li><input type="checkbox" name="group[11837][8192]" id="mce-group[11837]-11837-7" value=""><label for="mce-group[11837]-11837-7">Everything</label></li></ul></div><div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group"><div class="content__gdpr"><label>Marketing Permissions</label><p>Please confirm that you agree for us to contact you via email.</p><fieldset class="mc_fieldset gdprRequired mc-field-group" name="interestgroup_field"><label class="checkbox subfield" for="gdpr97683"><input type="checkbox" id="gdpr_97683" name="gdpr[97683]" class="gdpr" value="Y"><span>Yes, that's fine.</span></label></fieldset><p>You can unsubscribe at any time by clicking the link in the footer of all our emails. We will not share your contact details with any third-parties.</p></div><div class="content__gdprLegal"><p>We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. <a href="https://mailchimp.com/legal/terms">Learn more</a> about Mailchimp's privacy practices.</p></div></div>
28-
<div hidden=""><input type="hidden" name="tags" value="3003175"></div>
29-
<div id="mce-responses" class="clear foot">
30-
<div class="response" id="mce-error-response" style="display: none;"></div>
31-
<div class="response" id="mce-success-response" style="display: none;"></div>
32-
</div>
33-
<div aria-hidden="true" style="position: absolute; left: -5000px;">
34-
/* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
35-
<input type="text" name="b_6c600b2de0b9678055c62637f_32eadfb37e" tabindex="-1" value="">
36-
</div>
37-
<div class="optionalParent">
38-
<div class="clear foot">
39-
<input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
40-
<p style="margin: 0px auto;"><a href="http://eepurl.com/iRn2e6" title="Mailchimp - email marketing made easy and fun"><span style="display: inline-block; background-color: transparent; border-radius: 4px;"><img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;"></span></a></p>
41-
</div>
42-
</div>
43-
</div>
44-
</form>
45-
</div>
46-
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[11]='MMERGE11';ftypes[11]='text';fnames[6]='MMERGE6';ftypes[6]='text';fnames[10]='MMERGE10';ftypes[10]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[7]='MMERGE7';ftypes[7]='text';fnames[8]='MMERGE8';ftypes[8]='text';fnames[9]='MMERGE9';ftypes[9]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>
51+
# - block: content
4752

53+
- block: logos-2
54+
# padding: top
55+
heading: "Our Partners"
56+
copy: |-
57+
Harmony is a collaboration project between [Ulster University](https://ulster.ac.uk/), [University College London](https://ucl.ac.uk/), the [Universidade Federal de Santa Maria](https://www.ufsm.br/), and [Fast Data Science](http://fastdatascience.com/). Harmony has been funded by the [Economic and Social Research Council (ESRC)](https://www.ukri.org/councils/esrc/) and by [Wellcome](https://wellcome.org/) as part of the [Wellcome Data Prize in Mental Health](https://wellcome.org/grant-funding/schemes/wellcome-mental-health-data-prize).
58+
logos:
59+
- alt: ucl
60+
image: /images/clients/client-2.png
61+
url: https://www.ucl.ac.uk/
62+
- alt: "CLS"
63+
image: /images/cls_logo_red.svg
64+
url: https://cls.ucl.ac.uk/
65+
- alt: ulster
66+
image: /images/clients/client-1.png
67+
url: https://www.ulster.ac.uk/
68+
- alt: ufsm
69+
image: /images/clients/client-3.png
70+
url: https://www.ufsm.br/
71+
- alt: ukllc
72+
image: /images/ukllc.svg
73+
url: https://ukllc.ac.uk/
74+
- alt: "Mental Health Catalogue"
75+
image: /images/mental_health_catalogue.png
76+
url: https://www.cataloguementalhealth.ac.uk/
77+
- alt: datamind
78+
image: /images/datamind.svg
79+
url: https://datamind.org.uk
80+
- alt: fastdatascience
81+
image: /images/clients/client-4.png
82+
url: https://fastdatascience.com/
83+
- alt: wellcome
84+
image: /images/clients/wellcome.gif
85+
url: https://wellcome.org/
86+
- alt: "UKRI ESRC"
87+
image: /images/ukri_esrc.png
88+
url: https://www.ukri.org/councils/esrc/
4889

90+
---
4991

50-
{{</ htmlcode >}}
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{{ partial "block-open.html" . }}
2+
<div class="">
3+
{{ if or .superheading .heading .subheading }}
4+
<div class="max-w-4xl mx-auto text-center space-y-4 lg:space-y-5">
5+
{{ partial "components/superheading.html" . }}
6+
{{ partial "components/h2.html" . }}
7+
{{ partial "components/subheading.html" . }}
8+
{{ with .copy }}
9+
<div class="max-w-none prose sm:prose-lg prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline">{{ . | markdownify }}</div>
10+
{{ end }}
11+
</div>
12+
{{ end }}
13+
<div class="max-w-5xl mx-auto flex flex-wrap justify-center items-center mt-6 lg:mt-10">
14+
{{ range .logos }}
15+
<div class="w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5 p-8">
16+
{{ if .url }}
17+
<a href="{{ .url }}"{{ if in .url "http" }} target="_blank" rel="noopener noreferrer"{{ end }}>
18+
{{ partial "components/image-responsive" (dict "src" (.image | relURL) "alt" .alt "class" "mx-auto" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 640 1024 2048)) }}
19+
</a>
20+
{{ else }}
21+
{{ partial "components/image-responsive" (dict "src" (.image | relURL) "alt" .alt "class" "mx-auto" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 640 1024 2048)) }}
22+
{{ end }}
23+
</div>
24+
{{ end }}
25+
</div>
26+
</div>
27+
{{ partial "block-close.html" . }}

0 commit comments

Comments
 (0)