Merge branch 'develop'

web/src/components/AboutPage.vue

@@ -117,7 +117,7 @@
       </p>
       <div class="flex justify-center rounded-lg border bg-white my-6 bg-opacity-90 border-gray-300">
         <img
-          src="../assets/figures/version 4.png"
+          src="../assets/figures/version_4.png"
           class="object-contain md:w-2/5 lg:w-3/5  rounded-lg"
           alt="Driver, Client, Regulator illustration"
         >

web/src/components/LandingPage.vue

@@ -280,12 +280,12 @@
             <div class="border p-8 border-gray-300 rounded-lg">
               <div class="flex justify-center">
                 <img
-                  src="@/assets/figures/figure_1a-removebg-preview.png"
+                  src="@/assets/figures/Figure_1a_v2.png"
                   class="object-contain md:w-full lg:w-4/5 rounded-lg"
                   alt="Figure"
                 >
               </div>
-              <p class="text-xl p-4 mt-2 text-justify font-semibold">
+              <p class="text-xl p-4 mt-2 text-justify lg:text-3xl">
                 Schematic Workflow of CD-CODE. CD-CODE contains curated data
                 about 225 condensates and 10571 proteins which can be viewed by
                 users. Contributors can edit the existing data and add more
@@ -303,7 +303,7 @@
         <div class="border border-gray-300 rounded-lg">
           <a
             class="twitter-timeline"
-            data-height="800"
+            data-height="1000"
             href="https://twitter.com/agnestothp?ref_src=twsrc%5Etfw"
           >Tweets by agnestothp</a>
         </div>

web/src/components/Navigation/TheNavBar.vue

@@ -40,7 +40,7 @@
               flex
               items-center
               text-4xl
-              font-semibold
+              font-medium
               hover:text-pink-base
             "
           >Home</span>
@@ -60,7 +60,7 @@
               items-center
               hover:text-pink-base
               text-4xl
-              font-semibold
+              font-medium
             "
           >About</span>
         </router-link>
@@ -79,7 +79,7 @@
               items-center
               hover:text-pink-base
               text-4xl
-              font-semibold
+              font-medium
               leading-snug
             "
           >Proteins</span>
@@ -105,7 +105,7 @@
                 items-center
                 hover:text-pink-base
                 text-4xl
-                font-semibold
+                font-medium
                 leading-snug
               "
             >Condensates</span>
@@ -141,7 +141,7 @@
                     hover:text-pink-base
                     items-center
                     text-4xl
-                    font-semibold
+                    font-medium
                   "
                   :class="
                     $route.name === 'biomolecular' ? 'text-pink-base' : ''
@@ -164,7 +164,7 @@
                     flex
                     items-center
                     text-4xl
-                    font-semibold
+                    font-medium
                   "
                   :class="$route.name === 'synthetic' ? 'text-pink-base' : ''"
                 >Synthetic Condensates</span>
@@ -191,7 +191,7 @@
                     flex
                     items-center
                     text-4xl
-                    font-semibold
+                    font-medium
                   "
                   :class="
                     $route.name === 'addCondensate' ? 'text-pink-base' : ''
@@ -216,7 +216,7 @@
               flex
               items-center
               text-4xl
-              font-semibold
+              font-medium
             "
           >Statistics</span>
         </router-link>
@@ -235,7 +235,7 @@
               flex
               items-center
               text-4xl
-              font-semibold
+              font-medium
             "
           >Encyclopedia</span>
         </a>
@@ -254,7 +254,7 @@
               flex
               items-center
               text-4xl
-              font-semibold
+              font-medium
             "
           >Help</span>
         </router-link>