Hc website restructure

_config.yml

@@ -10,8 +10,7 @@ collections:
   scientific_leadership_team:
   strategy_operations_team:
   scientific_advisory_board:
-  platform_team:
-  genetics_team:
+  product_delivery_team:
   validation_lab_team:
   history_timeline:
   resources: 

_includes/executive_leadership_team.html

@@ -2,7 +2,7 @@
   <div class="col-lg-12">
     <h3 id="executive-leadership-team">Executive Leadership Team</h3>
     <p>
-      The Open Targets Executive Leadership Team (ELT) provides strategic direction for the partnership,
+      The Open Targets Executive Leadership Team provides strategic direction for the partnership,
       engages with potential new partners, and oversees the awarding of project grants.
     </p>
   </div>

_includes/navigation.html

@@ -13,33 +13,29 @@
             About
           </a>
           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
-            <a class="dropdown-item" href="/science">Science</a>
-            <a class="dropdown-item" href="/history">History</a>
             <a class="dropdown-item" href="/partners">Partners</a>
             <a class="dropdown-item" href="/people">Team</a>
-            <a class="dropdown-item" href="/news">News</a>
+            <a class="dropdown-item" href="/history">History</a>
+            <a class="dropdown-item" href="/branding">Branding</a>
           </div>
         </li>
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Research
           </a>
           <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+            <a class="dropdown-item" href="/science">Science overview</a>
             <a class="dropdown-item" href="/publications">Publications</a>
-            <a class="dropdown-item" href="/platform">Open Targets Platform</a>
-            <a class="dropdown-item" href="/genetics">Open Targets Genetics</a>
-            <a class="dropdown-item" href="/validation-lab">Open Targets Validation Lab</a>
-            <a class="dropdown-item" href="/resources">Other informatics tools</a>
           </div>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="/jobs">Jobs</a>
+          <a class="nav-link" href="/news">News</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="https://blog.opentargets.org/" target="_blank">Blog</a>
+          <a class="nav-link" href="/jobs">Jobs</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="https://community.opentargets.org/" target="_blank">Community</a>
+          <a class="nav-link" href="https://blog.opentargets.org/" target="_blank">Blog</a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="/contact">Contact</a>

_includes/product_delivery_team.html

@@ -0,0 +1,45 @@
+<div class="row">
+  <div class="col-lg-12">
+    <h3 id="product-team">Product Delivery Team</h3>
+    <p>
+      The Product Delivery Team is responsible for developing and maintaining our informatics resources and managing their delivery strategy. The team is composed of a diverse and experienced group of individuals with specialised skills in data science, bioinformatics, computer science, web development, statistical genetics, and stakeholder engagement.
+    </p>
+  </div>
+</div>
+<div class="row mb-5">
+  {% assign product_team = site.product_delivery_team | sort: 'last_name' %}
+  {% for person in product_team %}
+    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 py-3 d-flex">
+      <div class="card shadow-lg bg-white rounded align-self-stretch">
+        <a data-toggle="modal" href="#modal-{{ person.last_name }}">
+          <img class="card-img-top px-4 pt-4" src="/assets/img/people/{{ person.picture }}" alt="Photo of {{ person.first_name }} {{ person.last_name}}">
+        </a>
+        <div class="card-body text-center">
+          <h5 class="card-title">{{ person.first_name }} {{ person.last_name}}</h5>
+          <p class="card-subtitle mb-3">{{ person.role }}</p>
+          <div class="col-12">
+            <img src="/assets/img/logos/{{person.organisation_logo}}" class="img-fluid logo-small" />
+          </div>
+        </div>
+      </div>
+    </div>  
+    <!-- Modal with biography -->
+    <div class="modal fade" id="modal-{{ person.last_name}}" tabindex="-1" role="dialog" aria-labelledby="modal-{{ person.last_name }}Label" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content px-3 py-5">
+          <div class="text-center">
+            <h3>{{ person.first_name }} {{ person.last_name}}'s biography</h3>
+          </div>
+          <div class="modal-body">
+            <p>
+              {{ person.content }}
+            </p>
+          </div>
+          <div class="text-center">
+            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>

_includes/project_teams.html

@@ -2,9 +2,46 @@
   <div class="col-lg-12">
     <h3 id="projects-team">Project Teams</h3>
     <p>
-      Through our <a href="/science">experimental and informatics research programmes</a>, we have funded more that 90 research positions 
+      Through our <a href="/science">research programme</a>, we have funded more that 90 research positions 
       within the institutes that we work with and formed teams that engaged many more scientists across industry and academia to improve 
       target identification and prioritisation.
     </p>
+    <p>
+     One such team is the Validation Lab, which aids the translation of targets identified from our projects to drug discovery through in silico triage, orthogonal verification and mechanistic investigation. The Validation Lab is supported by our partners to ensure close connections with their interests and to increase the changes of target adoption in their drug discovery pipelines. 
+    </p>
   </div>
-</div>
+</div>
+    <div class="row mb-5">
+      {% assign validation_lab_team = site.validation_lab_team | sort: 'last_name' %}
+      {% for person in validation_lab_team %}
+        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 py-3 d-flex">
+          <div class="card shadow-lg p-4 bg-white rounded align-self-stretch">
+            <a data-toggle="modal" href="#modal-{{ person.last_name }}">
+              <img class="card-img-top" src="/assets/img/people/{{ person.picture }}" alt="Photo of {{ person.first_name }} {{ person.last_name}}">
+            </a>
+            <div class="card-body text-center">
+              <h5 class="card-title">{{ person.first_name }} {{ person.last_name}}</h5>
+              <p class="card-subtitle mb-3 line-height-3em">{{ person.role }}</p>
+            </div>
+          </div>
+        </div>  
+        <!-- Modal with biography -->
+        <div class="modal fade" id="modal-{{ person.last_name}}" tabindex="-1" role="dialog" aria-labelledby="modal-{{ person.last_name }}Label" aria-hidden="true">
+          <div class="modal-dialog" role="document">
+            <div class="modal-content px-3 py-5">
+              <div class="text-center">
+                <h3>{{ person.first_name }} {{ person.last_name}}'s biography</h3>
+              </div>
+              <div class="modal-body">
+                <p>
+                  {{ person.content }}
+                </p>
+              </div>
+              <div class="text-center">
+                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      {% endfor %}
+    </div>

_includes/scientific_advisory_board.html

@@ -1,6 +1,9 @@
 <div class="row">
   <div class="col-lg-12">
     <h3 id="scientific-advisory-board">Scientific Advisory Board (SAB)</h3>
+    <p>
+      The Scientific Advisory Board are a group of well-known individuals from academia and industry that make recommendations to further the success of our partnership.
+    </p>
   </div>
 </div>
 <div class="row">
@@ -16,4 +19,4 @@ <h5 class="mb-1">{{ person.first_name }} {{ person.last_name }}</h5>
       {% endfor %}
     </ul>
   </div>
-</div>
+</div>

index.html

@@ -13,11 +13,8 @@
             <div class="w-75 text-white">
               <img src="assets/img/ot-logo-white.png" style="width:200px;" alt="Open Targets helix logo and wordmark in white" class="mb-2"/>
                 <h2 class="mt-2">
-                  <b>Developing safe and effective drugs is difficult and expensive</b>
+                  <b>Delivering pre-competitive insights for systematic drug target selection</b>
                 </h2>
-                <h3 style="font-size:22px">
-                  We are dedicated to changing this with innovative experimental and informatics approaches
-                </h3> 
             </div>
         </div>
       </div>
@@ -62,70 +59,6 @@ <h2 class="mb-4">Open Targets Genetics</h2>
   </div>
 </header>
 
-<section class="py-5 my-5">
-  <div class="container">
-    <div class="row mb-3">
-      <div class="col-lg-12">
-        <p>
-          Open Targets is an innovative, large-scale, multi-year, public-private 
-          partnership that uses human genetics and genomics data for systematic drug 
-          target identification and prioritisation.
-        </p>
-        <p>
-          Visit the <a href="https://platform.opentargets.org">Open Targets Platform</a>
-          which integrates public domain data to enable target identification and 
-          prioritisation, or <a href="https://genetics.opentargets.org/">Open Targets 
-          Genetics</a> which identifies targets based on GWAS and functional 
-          genomics. We complement data integration with large scale systematic experimental approaches 
-          to support target identification, prioritisation and validation. Check out 
-          <a href="/publications">our latest papers</a> describing our experimental target 
-          identification approaches in oncology, neurodegeneration, and immunity and inflammation. 
-        </p>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-12 text-center">
-        <a href="https://platform.opentargets.org" class="btn btn-primary">
-          <b>Find targets for a given disease</b><br /><small>Visit the Open Targets Platform</small>
-        </a>
-        <a href="https://genetics.opentargets.org/" class="ml-md-4 mt-2 mt-sm-2 mt-md-0 btn btn-primary">
-          <b>Discover genetic evidence for targets</b><br /><small>Visit Open Targets Genetics</small>
-        </a>
-        <a href="/publications" class="ml-md-4 mt-2 mt-sm-2 mt-md-0 btn btn-primary">
-          <b>Explore our research projects</b><br /><small>Read our publications</small>
-        </a>
-      </div>
-    </div>    
-  </div>
-</section>
-
-<div class="container">
-  <hr />
-</div>
-
-<section class="py-5 my-5">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-12">
-        <h2 class="text-center mb-5">News</h2>
-      </div>
-      {% assign all_news = site.news | sort: 'date' | reverse %}
-      {% for news_item in all_news limit:1 %}
-        {% include news_item.html %}
-      {% endfor %} 
-      <div class="col-lg-12 mt-5">
-        <p class="text-center">
-          <a href="/news">Read more news about Open Targets</a>
-        </a>
-      </div>
-    </div>
-  </div>
-</section>
-
-<div class="container">
-  <hr />
-</div>
-
 <section class="py-5 my-5">
   <div class="container">
     <div class="row">
@@ -151,7 +84,7 @@ <h2 class="text-center mb-5">Our Partners</h2>
       </div>
       <div class="col-lg-3 col-md-6 col-sm-6 col-6 py-2 d-flex justify-content-center">
         <a href="https://www.gsk.com" target="_blank">
-          <img src="assets/img/logos/gsk.png" class="img-fluid"/>
+          <img src="assets/img/logos/gsk_signal.png" class="img-fluid"/>
         </a>
       </div>
       <div class="col-lg-3 col-md-6 col-sm-6 col-6 py-2 d-flex justify-content-center">
@@ -182,6 +115,29 @@ <h2 class="text-center mb-5">Our Partners</h2>
   <hr />
 </div>
 
+<section class="py-5 my-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h2 class="text-center mb-5">News</h2>
+      </div>
+      {% assign all_news = site.news | sort: 'date' | reverse %}
+      {% for news_item in all_news limit:1 %}
+        {% include news_item.html %}
+      {% endfor %} 
+      <div class="col-lg-12 mt-5">
+        <p class="text-center">
+          <a href="/news">Read more news about Open Targets</a>
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<div class="container">
+  <hr />
+</div>
+
 <section class="py-5 my-5">
   <div class="container">
     <div class="row">
@@ -215,10 +171,10 @@ <h5 class="card-title">A systematic approach</h5>
                       </span>
                     </div>
                     <div class="card-body text-center">
-                      <h5 class="card-title">Rapid publication</h5>
+                      <h5 class="card-title">Open Exchange of Ideas</h5>
                       <p class="card-text">
-                        We are committed to rapid publication and making data, methods and results 
-                        publicly available as soon as possible
+                        We are committed to making our data, methods and results 
+                        publicly available as soon as possible to foster an open exchange of ideas
                       </p>
                       <div class="text-center">
                           <a href="/publications" class="btn btn-primary">Our latest publications</a>
@@ -234,7 +190,7 @@ <h5 class="card-title">Rapid publication</h5>
                       </span>
                     </div>
                     <div class="card-body text-center">
-                      <h5 class="card-title">Open collaboration</h5>
+                      <h5 class="card-title">Multidisciplinary collaboration</h5>
                       <p class="card-text">
                         We believe in non-exclusive partnerships that foster the free exchange 
                         of ideas, expertise, and data
@@ -251,20 +207,15 @@ <h5 class="card-title">Open collaboration</h5>
   </div>
 </section>
 
-
 <div class="container">
   <hr />
 </div>
 
+
 <section class="py-5 my-5">
   <div class="container">
     <div class="row">
-      <div class="col-lg-12">
-        <h2 class="text-center mb-5">Follow Us</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-6 py-3">
+      <div class="col-lg-12 py-3">
         <div class="news-section-header">
           <h4 class="text-center">
             <a href="https://blog.opentargets.org/" target="_blank">
@@ -291,29 +242,6 @@ <h4 class="text-center">
           </div>
         </div>
       </div>
-      <div class="col-lg-6 py-3">
-        <div class="news-section-header">
-          <h4 class="text-center">
-            <a href="https://twitter.com/opentargets" target="_blank">
-              <i class="fab fa-twitter-square"></i>
-              Twitter
-            </a>
-          </h4>
-        </div>
-        <hr />
-        <div class="news-section-content">
-          <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-          <a 
-            class="twitter-timeline" 
-            data-lang="en" 
-            data-height="400" 
-            data-theme="light" 
-            data-chrome="noborders noheader nofooter" 
-            href="https://twitter.com/opentargets">
-            Tweets by @opentargets
-          </a> 
-        </div>  
-      </div>
     </div>
   </div>
 </section>