diff --git a/pages/index.vue b/pages/index.vue
index 2946130bb5efb8d23a32da61ebba7c15809f6303..bf7d4a62160c1dce9523db0bd2d525552e0e04ec 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,130 +1,28 @@
<template>
<v-row justify="center" align="center">
<v-col cols="12">
- <v-btn color="primary" outlined to="/compound/1"> Compound Example</v-btn>
- <v-btn color="primary" outlined to="/compound/browse">
- Browse Compounds
- </v-btn>
- <v-btn color="primary" outlined to="/target/CHEMBL1075317">
- Target Example</v-btn
- >
- <v-btn color="primary" outlined to="/target/browse">
- Browse Targets</v-btn
- >
- <h1>Lorem ipsum</h1>
- <p class="text-justify">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum
- pharetra lorem nec ultrices. Nulla condimentum luctus tellus ut iaculis.
- Morbi feugiat mattis libero id imperdiet. Nulla nec leo dictum,
- imperdiet sem at, aliquet leo. Duis in tempor magna. In hac habitasse
- platea dictumst. Quisque facilisis nulla a bibendum suscipit. Duis nec
- ex volutpat libero laoreet tincidunt ut quis nunc. Vivamus eu sapien non
- leo mattis malesuada vel ac turpis. Suspendisse at lorem congue,
- pellentesque urna et, commodo eros. In hac habitasse platea dictumst.
- Pellentesque feugiat aliquam libero eu faucibus. Nunc quis varius neque.
- Donec a turpis at nulla fringilla accumsan at vel nisl.
- </p>
- <h2>Orci varius</h2>
- <p class="text-justify">
- Orci varius natoque penatibus et magnis dis parturient montes, nascetur
- ridiculus mus. Donec et varius diam. Quisque ligula dolor, placerat a
- pretium eget, mollis sit amet risus. Pellentesque sagittis quam est, et
- elementum mi blandit non. Etiam nec urna sit amet magna viverra
- venenatis nec id nibh. Nullam condimentum enim volutpat, cursus metus
- vel, vestibulum elit. Vivamus ac dictum nibh.
- </p>
- <h3>Mauris dignissim</h3>
- <p class="text-justify">
- Mauris dignissim enim tincidunt magna pulvinar, ac gravida est rhoncus.
- Sed dictum commodo quam, et congue tortor vulputate vel. Proin fermentum
- libero vel fringilla finibus. Nullam nisi nunc, maximus nec tincidunt
- et, molestie placerat nulla. Maecenas sodales quam odio, ac porta tellus
- volutpat ac. Proin ut molestie tortor. In et vestibulum velit. Mauris ac
- orci ut mauris facilisis iaculis ut id augue. Duis egestas, est eget
- convallis pharetra, purus lectus efficitur sapien, quis malesuada nunc
- augue finibus mauris. Praesent eu mattis tellus. Sed mattis vitae nisi
- molestie feugiat. Quisque semper massa eu tortor euismod consectetur.
- Etiam nibh sapien, congue et dapibus eget, aliquet vitae nunc.
- </p>
- <p class="text-justify">
- Nam ut eleifend metus, nec interdum nulla. Nam volutpat lectus nec lacus
- rhoncus, at consectetur mi volutpat. Donec sodales libero a diam congue
- facilisis. Nulla id velit dui. Mauris eu orci eu elit molestie commodo.
- Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
- inceptos himenaeos. Duis nec nulla ultricies, feugiat mi ut, pharetra
- dui. Vivamus sollicitudin nisi congue, scelerisque diam sit amet,
- imperdiet sem. Etiam justo nunc, eleifend eu pretium ut, condimentum sit
- amet leo. Cras luctus arcu mauris, at dapibus purus malesuada nec.
- Pellentesque ante mauris, pharetra id sagittis ut, tincidunt ac nibh.
- </p>
- <p class="text-justify">
- Proin sit amet lobortis sapien. Mauris venenatis id nulla et aliquet.
- Nulla interdum, dui consectetur finibus volutpat, lectus dolor tempus
- justo, vel iaculis ipsum lacus nec turpis. Aenean fringilla, ex eget
- fringilla efficitur, magna lacus venenatis eros, vitae blandit velit
- ante sit amet arcu. Ut nulla tortor, consequat eu erat nec, venenatis
- mollis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Vestibulum ac odio at orci porttitor malesuada ac ac dui. In efficitur
- sit amet ex a condimentum. Sed aliquam dignissim ligula eu elementum.
- Nunc nulla ipsum, scelerisque nec interdum luctus, lobortis quis arcu.
- Praesent quam risus, viverra a lacus ac, consectetur elementum dolor.
- Duis enim diam, vestibulum in enim eu, lacinia vulputate metus. Etiam
- sed ultrices felis.
- </p>
- <p class="text-justify">
- Aliquam cursus eu risus eu dignissim. Praesent sit amet nulla rhoncus
- turpis lacinia tempus in id ex. Nullam porta quam a eros semper, sed
- euismod diam finibus. Sed vitae venenatis purus, quis pellentesque
- turpis. Donec in suscipit quam, iaculis lacinia est. Vivamus in lectus
- vitae ipsum bibendum dictum. Aenean mollis velit in nisl euismod, a
- condimentum neque dictum.
- </p>
- <p class="text-justify">
- Vivamus blandit lorem quis dui sollicitudin euismod. Quisque sit amet
- ipsum non velit iaculis finibus non sit amet eros. Nullam convallis
- placerat mollis. Pellentesque interdum ipsum efficitur lorem tristique,
- sit amet interdum ligula imperdiet. In viverra varius nisl eget varius.
- Cras vehicula sit amet justo vitae varius. Aenean tincidunt, velit ac
- tincidunt laoreet, velit augue gravida nibh, sit amet dignissim ante
- felis eget massa. Vestibulum at metus congue lorem rutrum luctus
- sollicitudin ut lectus. Aenean ultrices felis condimentum tortor mattis
- sodales. Fusce tortor augue, porta sit amet tincidunt ac, tempus vitae
- augue. Etiam rutrum, nulla ac ultricies rhoncus, velit dolor volutpat
- massa, eu mattis purus leo a odio. Integer dignissim urna quis elit
- posuere, et lacinia ligula volutpat. Lorem ipsum dolor sit amet,
- consectetur adipiscing elit.
- </p>
- <p class="text-justify">
- Sed vel est purus. Curabitur nisi felis, venenatis sed nulla vel,
- consectetur maximus quam. Vestibulum fermentum varius sapien. Vestibulum
- eu dui pretium, ultrices erat ut, lacinia nibh. Aliquam viverra quis
- odio vitae vestibulum. Fusce interdum sapien vitae leo pharetra luctus.
- Nam efficitur augue sed neque cursus ultricies. Sed mollis faucibus erat
- sed tempor. Phasellus accumsan imperdiet lacus. Nam sed faucibus nulla.
- Donec in orci euismod, pretium augue et, bibendum diam. Quisque turpis
- urna, ultrices vel elementum non, aliquam a velit.
- </p>
+ <div class="d-flex justify-center">
+ <div class="text-h4 font-weight-light text-center">
+ Welcome to the EUbOPEN Portal
+ </div>
+ </div>
+ </v-col>
+ <v-col cols="12" md="6">
<p class="text-justify">
- Sed tincidunt dapibus sem quis gravida. Suspendisse tristique blandit
- nulla. Duis sollicitudin justo tempor dolor posuere elementum. Etiam
- vitae maximus justo. Morbi condimentum, eros nec fringilla vulputate,
- massa velit sodales nunc, eget accumsan mi sem id justo. Donec non nibh
- ultrices, pulvinar nisl in, tempus diam. Class aptent taciti sociosqu ad
- litora torquent per conubia nostra, per inceptos himenaeos. Orci varius
- natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Ut sed mollis urna, posuere lacinia ligula. Fusce ultricies lacus
- neque. Donec suscipit, nisi at pretium aliquam, nibh erat blandit diam,
- eu pellentesque sapien justo nec purus.
+ The EUbOPEN consortium is an Innovative Medicines Initiative (IMI)
+ funded project to enable and unlock biology in the open.
</p>
<p class="text-justify">
- Maecenas dapibus faucibus commodo. Sed eros magna, lobortis quis
- interdum sit amet, ultricies ac sem. In sed velit at mi porta fermentum.
- Ut non porta quam. Nulla ullamcorper, velit id efficitur venenatis, arcu
- felis varius mauris, non venenatis lacus erat in leo. In mi diam,
- hendrerit at fringilla non, sagittis id orci. Morbi finibus cursus est,
- id condimentum odio accumsan ut.
+ The EUbOPEN Portal is a comprehensive tool that allows searching among
+ an open access chemogenomic library comprising about 5,000 well
+ annotated compounds covering roughly 1,000 different proteins.
</p>
</v-col>
+ <v-col cols="12" md="6">
+ <v-img
+ :src="require('~/static/img/placeholders/visualisationPlaceholder.png')"
+ ></v-img>
+ </v-col>
</v-row>
</template>
diff --git a/static/img/placeholders/visualisationPlaceholder.png b/static/img/placeholders/visualisationPlaceholder.png
new file mode 100644
index 0000000000000000000000000000000000000000..d34ef4ed755d995b79be6a59ef645b8d5225e42e
Binary files /dev/null and b/static/img/placeholders/visualisationPlaceholder.png differ