fix(Website): Hotfix of new introduced bug with previous commit

frankkramer-lab · May 23, 2022 · 2584e78 · 2584e78
1 parent 546c07b
commit 2584e78
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 8 deletions.
diff --git a/docs/theme_override/home.html b/docs/theme_override/home.html
@@ -20,7 +20,7 @@ <h1> AUCMEDI: a framework for <b>Au</b>tomated <b>C</b>lassification of <b>Med</
 </section>
 
 
-<section class="tx-container-2">
+<section class="tx-container-3">
 <!-- Main site box descriptions - row#1 -->
     <div class="top-hr">
         <div class="feature-item">
@@ -35,14 +35,14 @@ <h2>
                 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M85 250.5c-87 174.2-84.1 165.9-84.1 181.5C.0035 476.1 57.25 512 128 512s128-35.88 128-79.1c0-16.12 1.375-8.752-85.12-181.5C153.3 215.3 102.8 215.1 85 250.5zM55.96 416l71.98-143.1l72.15 143.1H55.96zM554.9 122.5c-17.62-35.25-68.08-35.37-85.83 0c-87 174.2-85.04 165.9-85.04 181.5c0 44.12 57.25 79.1 128 79.1s127.1-35.87 127.1-79.1C639.1 287.9 641.4 295.3 554.9 122.5zM439.1 288l72.04-143.1l72.08 143.1H439.1zM495.1 448h-143.1V153.3c20.83-9.117 36.72-26.93 43.78-48.77l126.3-42.11c16.77-5.594 25.83-23.72 20.23-40.48c-5.578-16.73-23.62-25.86-40.48-20.23l-113.3 37.76c-13.94-23.49-39.29-39.41-68.58-39.41c-44.18 0-79.1 35.82-79.1 80c0 2.961 .5587 5.771 .8712 8.648L117.9 129.7C101.1 135.3 92.05 153.4 97.64 170.1c4.469 13.41 16.95 21.88 30.36 21.88c3.344 0 6.768-.5186 10.13-1.644L273.8 145.1C278.2 148.3 282.1 151.1 288 153.3V496C288 504.8 295.2 512 304 512h223.1c8.838 0 16-7.164 16-15.1C543.1 469.5 522.5 448 495.1 448z"/></svg>
                 Class Imbalance
             </h2>
-            <p>Efficient methods against class imbalances using class weights and modern loss functions such as focal loss.</p>
+            <p>Efficient methods against small dataset biases as well as class imbalances using class weights and modern loss functions such as focal loss.</p>
         </div>
         <div class="feature-item">
             <h2>
                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M448 80V128C448 172.2 347.7 208 224 208C100.3 208 0 172.2 0 128V80C0 35.82 100.3 0 224 0C347.7 0 448 35.82 448 80zM393.2 214.7C413.1 207.3 433.1 197.8 448 186.1V288C448 332.2 347.7 368 224 368C100.3 368 0 332.2 0 288V186.1C14.93 197.8 34.02 207.3 54.85 214.7C99.66 230.7 159.5 240 224 240C288.5 240 348.3 230.7 393.2 214.7V214.7zM54.85 374.7C99.66 390.7 159.5 400 224 400C288.5 400 348.3 390.7 393.2 374.7C413.1 367.3 433.1 357.8 448 346.1V432C448 476.2 347.7 512 224 512C100.3 512 0 476.2 0 432V346.1C14.93 357.8 34.02 367.3 54.85 374.7z"/></svg>
-                Small Datasets
+                Build for Medical Data
             </h2>
-            <p>Extensive data augmentation for biomedical images based on Albumentations and batchgenerators.</p>
+            <p>Incorporation of clinical metadata and extensive data augmentation for biomedical images based on Albumentations and batchgenerators.</p>
         </div>
     </div>
 
@@ -98,9 +98,9 @@ <h2>
 </section>
 
 <!-- Main site AUCMEDI Overview -->
-<section class="tx-container-3">
+<section class="tx-container-4">
   <!-- Hero image -->
-  <div class="tx-hero__image-3">
+  <div class="tx-hero__image-4">
       <img
               src="../images/aucmedi.modules.png"
               alt=""

diff --git a/docs/theme_override/page-style.html b/docs/theme_override/page-style.html
@@ -55,16 +55,61 @@
     }
 
     .tx-container-2 {
+        padding: 0rem;
+        background-color: white;
+        margin-bottom: 0px;
+    }
+
+    .tx-hero__image-2 {
+        max-width: 35%;
+        max-height: 100%;
+        order: 1;
+        padding-right: 3rem;
+        padding-left: 3rem;
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+
+    .tx-hero__content-2 {
+        margin-left: 50px;
+        justify-content: left;
+        font-weight: 300;
+        padding: 0 0px;
+        padding-bottom: 40px;
+        word-break: break-word;
+        color: black;
+    }
+
+    .tx-hero__content-2 h1 {
+        margin-top: 50px;
+        font-weight: 600;
+        font-size: 36px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        line-height: normal;
+        color: black;
+    }
+
+    .tx-hero__content-2 p {
+        font-size: 17px;
+        line-height: 1.8em;
+        text-rendering: optimizeLegibility;
+        color: black;
+        display: block;
+    }
+
+    .tx-container-3 {
         height: auto;
         padding-bottom: 2.5rem;
     }
 
-    .tx-container-3 {
+    .tx-container-4 {
         height: auto;
         background: linear-gradient(to bottom, #2a978d, #FFFFFF 99%, #fff 99%);
     }
 
-    .tx-hero__image-3 {
+    .tx-hero__image-4 {
         max-width: 100%;
         max-height: 100%;
         order: 1;
@@ -93,6 +138,11 @@
             font-size: 1.1rem;
         }
 
+        .tx-hero__content-2 {
+            margin-left: 20px;
+            margin-right: 20px;
+        }
+
         .md-typeset .md-button {
             font-size: 14px;
         }