Merge pull request #22 from CompOnco/footerfix

Footerfix

Author: aedin

.DS_Store

@@ -32,6 +32,7 @@ body {
   color: var(--text-primary);
   margin: 0;
   padding: 0;
+  
 }
 
 /* Hero section */
@@ -83,6 +84,9 @@ body {
   box-shadow: var(--shadow);
   padding: 2rem;
   margin-bottom: 2rem;
+  width: auto;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .content-section h2 {
@@ -96,12 +100,43 @@ body {
   color: var(--text-secondary);
   line-height: 1.7;
   margin-bottom: 1.5rem;
+  text-align: left;
+  width: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+
 }
 
 .content-section p:last-child {
   margin-bottom: 0;
 }
 
+.genomic-text-section p {
+  color: var(--text-secondary);
+  line-height: 1.7;
+  margin-bottom: 1.5rem;
+  text-align: justify;
+  hyphens: auto;
+  -webkit-hyphens: auto;
+  -ms-hyphens: auto;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-justify: inter-word;
+}
+
+/* Mobile adjustments for the genomic text */
+@media (max-width: 768px) {
+  .genomic-text-section p {
+    text-align: left;
+    hyphens: none;
+    -webkit-hyphens: none;
+    -ms-hyphens: none;
+  }
+  
+  .genomic-text-section {
+    padding: 1.5rem;
+  }
+}
 /* Intro statement */
 .intro-statement {
   background: var(--card-bg);
@@ -308,7 +343,7 @@ a:hover {
 ```
 
 ```{=html}
-<div class="content-section">
+<div class="content-section genomic-text-section">
   <p>In Ireland, <a href="https://www.hrb.ie/news/news-story/article/hrb-supports-genomic-data-infrastructure-gdi-in-ireland/">the programme is jointly funded by the European Commission and the Health Research Board</a>. The overall programme is designed to support the European 1+ Million Genomes (1+MG) Initiative.</p>
   
   <p>Specifically, GDI will drive the development, deployment, and operation of sustainable data-access infrastructures within each participating country, including the legal frameworks, operational procedures, and ethics principles required to foster and maintain citizens' trust in cross-border access to highly sensitive personal data.</p>

Projects/GDI.qmd

@@ -133,6 +133,10 @@ h1.title {
   background-color: var(--card-bg);
   border-radius: var(--radius);
   box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .logo {
@@ -161,7 +165,7 @@ h1.title {
   align-items: center;
   justify-content: center;
   padding: 0.8rem 1.5rem;
-  border-radius: 50px; /* Fully rounded button */
+  border-radius: 50px;
   background-color: var(--secondary-color);
   color: white !important;
   text-decoration: none;
@@ -188,6 +192,9 @@ h1.title {
   border-radius: var(--radius);
   box-shadow: var(--shadow);
   transition: var(--transition);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .funding-wrapper:hover {
@@ -221,9 +228,23 @@ h1.title {
 }
 
 /* Responsive adjustments */
-@media (min-width: 768px) {
+@media (max-width: 767px) {
   .social-links {
-    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+    margin: 4rem auto; 
+    max-width: 90%; 
+  }
+  
+  .social-button {
+    width: 80%;
+
+  }
+  
+  /* Add some space between button rows */
+  .social-links a:nth-child(odd) {
+    margin-bottom: 0.5rem;
   }
 }
 
@@ -240,17 +261,58 @@ h1.title {
     min-width: 130px;
     padding: 0.7rem 1.2rem;
   }
+
+  /* Mobile-specific adjustments */
+  .social-links {
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+  }
+  
+  .social-button {
+    width: 100%;
+    max-width: 220px;
+  }
+  
+  /* eHealth Hub logo */
+  .logo-wrapper .logo {
+    max-width: 120px;
+    margin-bottom: 0.5rem;
+  }
+  
+  /* NSRP logo */
+  .funding-logo {
+    max-width: 250px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  /* Logo wrapper */
+  .logo-wrapper {
+    padding: 1rem 0.5rem;
+    margin: 2rem 0;
+  }
+  
+  /* Funding wrapper */
+  .funding-wrapper {
+    padding: 1.5rem 0.5rem;
+  }
 }
 </style>
 ```
 
+```{=html}
+<div style="text-align: center; margin: 1rem 0 2rem 0;">
+  <img src="../contents/logo/eHealthHub_logo.png" style="max-width: 150px; height: auto;">
+</div>
+
 ## About the eHealth Hub {.section-title}
 
 ```{=html}
 <div class="about-section">
   <p>We lead the all-island eHealth Hub for Cancer, an all-island partnership on the island of Ireland that is building software and data platforms using best practice open science international health data standards to unlock and share health data, to grow clinical cancer research and improve cancer care.</p>
 </div>
-```
+
 
 ::: {.content-section}
 ## Our Mission
@@ -266,9 +328,6 @@ Our work focuses on:
 - Supporting evidence-based improvements in cancer care
 :::
 
-::: {.logo-wrapper}
-![](../contents/logo/eHealthHub_logo.png){.logo}
-:::
 
 ::: {.content-section}
 ## Connecting Communities

Projects/eHealthHub.qmd

@@ -83,11 +83,11 @@ website:
     left:
       - text: "© 2023 Culhane Lab | University of Limerick"
     center: |
-      ![](contents/logo/LDCRC_Logo_fixed.jpg "Limerick Digital Cancer Research Center"){height="40"}
-      ![](contents/logo/bioconductor_logo_cmyk.png "Bioconductor"){height="40"}
-      ![](contents/logo/eHealthHub_logo.png "eHealthHub For Cancer"){height="40"}
-      ![](contents/logo/Elixir_logo-3927606181.png "ELIXIR"){height="40"}
-      ![](contents/logo/OHDSI.jpeg "OHDSI Real World Data"){height="40"}
+      ![](/contents/logo/LDCRC_Logo_fixed.jpg "Limerick Digital Cancer Research Center"){height="40"}
+      ![](/contents/logo/bioconductor_logo_cmyk.png "Bioconductor"){height="40"}
+      ![](/contents/logo/eHealthHub_logo.png "eHealthHub For Cancer"){height="40"}
+      ![](/contents/logo/Elixir_logo-3927606181.png "ELIXIR"){height="40"}
+      ![](/contents/logo/OHDSI.jpeg "OHDSI Real World Data"){height="40"}
     right: |
       [Privacy Policy](#) | [Terms of Use](#)