source/View/Templates/Pages/Administration/landing.html.twig line 1

Open in your IDE?
  1. {% extends "Layouts/corporate.html.twig" %}
  3. {% block javascripts %}
  4.     {{ encore_entry_script_tags("landing") }}
  5. {% endblock %}
  7. {% block body %}
  8.     <main class="mx-24 mt-12">
  9.         <h1 class="text-3xl font-semibold text-zpid-purple-700 max-w-prose">
  10.             DataWiz &mdash; the data management tool for researching psychologists
  11.         </h1>
  13.         <p class="mt-4 text-lg max-w-prose">
  14.             Here's how DataWiz helps you during the whole research process:
  15.         </p>
  17.         <div class="flex flex-col">
  18.             <h2 class="px-2 py-1 mt-8 text-2xl font-semibold leading-relaxed bg-gray-100 text-zpid-purple">
  19.                 Data documentation
  20.             </h2>
  21.             <div class="flex mt-4">
  22.                 <img src="{{ asset('build/images/rdm_teaser.jpg') }}"
  23.                      alt="DataWiz codebook editor"
  24.                      class="order-2 w-1/2 mb-4 ml-4 rounded shadow-xl"
  25.                      width="575" height="259"/>
  26.                 <div class="order-1 w-1/2">
  27.                     <p class="leading-snug">
  28.                         Years of experience with the research data center
  29.                         PsychData have shown that data management is most
  30.                         effective when it is instated early, preferably
  31.                         concomitant with the research process.
  32.                     </p>
  33.                     <ul class="mt-4 leading-snug list-disc list-inside">
  34.                         <li class="mt-2 ml-2">Document your studies</li>
  35.                         <li class="mt-2 ml-2">Add and edit codebooks</li>
  36.                         <li class="mt-2 ml-2">Upload materials</li>
  37.                         <li class="mt-2 ml-2">Export in open data formats</li>
  38.                     </ul>
  39.                 </div>
  40.             </div>
  41.             <button class="self-center mt-12 mb-8 text-xl Button Button_primary Button_primary_go Button_standalone !px-8 !py-2"
  42.                     onclick="location.href='{{ path("Security-login") }}';">
  43.                 Start using DataWiz - it's free!
  44.             </button>
  45.         </div>
  47.         <div class="relative mt-12 mb-6">
  48.             <h2 class="px-2 py-1 text-2xl font-semibold leading-relaxed bg-gray-100 text-zpid-purple">
  49.                 Ethics application forms
  50.             </h2>
  51.             <span class="absolute px-2 border border-gray-300 top-2.5 right-2 bg-yellow-50">
  52.                     Coming soon!
  53.                 </span>
  54.             <div class="flex mt-4">
  55.                 {# <img src="https://via.placeholder.com/550x300.png/DDCCCC/999999/?text=Ethics+Product+Teaser" alt="Ethics-Dummy-Teaser" class="order-2 mb-4 ml-4"> #}
  56.                 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAEsBAMAAAAFk2WOAAAAG1BMVEXdzMyZmZmhn5/Mv7/UxcW7srKqpaWyrKzDuLhfqn85AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADjklEQVR42u3YT1PaQBjH8Q1E4chGDB4TR6vHINP2GjRqj2CdntmxL4C0dnqFQ9u33Wd3IxLQOtOZHmK/n0MqTx6Zya/7LyoFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADw17TVkx9avefuR5ONWpBsdoXua3T2qjKJqky2krG34z9mEr26TKKRyJ7PJCqKt3rxUiZqNDrbG43yV5LJwz8+jZ3JE/eXsxczeXbuvYJMnry/uX78H5lMddzqvYvu3ZNdp3f2cpI/3JdikNxMwi+xlLrmNEhsmyRjO6fVcuMzkZ6FXKI7+6N8ny+oaOe4cZnc6JPWgeww9snadrEMU62P1sZJcKonQ633ZCJpvawycZ3yq2uZSM+BOnfLrVyj3BdUtNxv5NzRdxfpRJ6sNSjKpDPIrwZr60kQHWfp/bV80rfvdZWJ66zPnfT+MlLTz6qcqfI+NHNfUPrwY9P2YrfvyBQYzuTJhjO127dPGK32nUwFsepKg1l0Jam0ysR11jKxd6cLk6ugp1Lb4gtKz1QjM5EhPrYPW2aqexr0lSrWzifBnurIxBnOd+U6rTJxnbVMJCI1nv9QNhOdqzD3BdWsk4uMg6Jwc6fvpkNPGVve1V9r51h5RpeDHUg+Omk2W/tOq18UYxkTF6V8zyBbFXRz92KXSer2j1Q/7jvVMmsbesFaJulWJoEdVknb2KPxuZZ9xxceehqbif8/7ZZ2k9nOZNUmV72Vydi9KQyjb2fy6ZdMyvHDq0Pzx4kdIj/jeia7G3NnnPjO2jhxm4+ZVCuumflC4zMxmdrZ68yVHzCPmVRrrCw7Q5fJMHGdG+uJJLFIXTjf3bByhcZnMp3Lo9lnieqZVHuxHL7KxCZTJq6zlklH7i7nEuZSxpvsyIkvNC0T/16s81UmwX5hZp04ux7UM1H+zJZmbS1HOtXVieu0e+4qk1DfftCZWVzqvirvwnLuCw3LxJ1P+srEq0y6UsjtH0SONjKpzvaxKZNQn6TTxHXKr66dY6da79vj/ye3vMrZ3hWamcnZ4HFDse+CtXfAKpPQxHLiaJuBfLhK5U3Qd54N1jLpmjdykEtP24eZfwd0hYZlAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/3G/yxn+S5+/GmQAAAABJRU5ErkJggg=="
  57.                      alt="Ethics-Dummy-Teaser"
  58.                      class="order-1 w-1/2 mb-4 mr-4"/>
  59.                 <div class="order-2 w-1/2">
  60.                     <p class="leading-snug">
  61.                         Intro text about ethics application forms goes here
  62.                     </p>
  63.                     <ul class="mt-4 leading-snug list-disc list-inside">
  64.                         <li class="mt-2 ml-2">
  65.                             Write ethics approval applications
  66.                         </li>
  67.                         <li class="mt-2 ml-2">Get help while doing so</li>
  68.                     </ul>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </main>
  73. {% endblock %}