fix: resolve mobile layout overflow on small screens (Issue #178)

assets/scss/_styles_project.scss

@@ -166,3 +166,53 @@ sections site wide to the original site's background svg.
   margin-left: auto; /* Push this element to the right */
   margin-right: 20px; /* Or your desired right margin */
 }
+
+// Hero section responsive images - Fix for mobile overflow (Issue #178)
+.hero-logo {
+  width: 400px;
+  max-width: 100%;
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  @media (max-width: 768px) {
+    width: 300px;
+  }
+
+  @media (max-width: 576px) {
+    width: 280px;
+  }
+}
+
+.hero-screenshot {
+  width: 500px;
+  max-width: 100%;
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  @media (max-width: 768px) {
+    width: 400px;
+  }
+
+  @media (max-width: 576px) {
+    width: 300px;
+  }
+}
+
+// Ensure hero section doesn't overflow on mobile
+.td-cover-block {
+  .row {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  @media (max-width: 576px) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}

content/en/_index.html

@@ -7,15 +7,14 @@
 <div class="row align-items-center">
   <div class="col-lg-6">
     <h4>
-      {{< figure src="/sw360/img/logos/logo_full.svg" width="400">}}
+      {{< figure src="/sw360/img/logos/logo_full.svg" class="hero-logo" >}}
       <p class="display-2 mb-0">
         Software supply chain management done right !
       </p>
     </h4>
   </div>
   <div class="col-lg-6 mt-5 mt-lg-3 d-sm-block" style="display: none">
-    {{< figure src="/sw360/img/sw360screenshots/sw360screenshot-home.png"
-    width="500" >}}
+    {{< figure src="/sw360/img/sw360screenshots/sw360screenshot-home.png" class="hero-screenshot" >}}
   </div>
 </div>
 

content/en/events/2017/open-source-summit-europe-2017.md

@@ -7,7 +7,6 @@ id: open-source-summit-europe-2017
 format: talk
 tags:
   - talk
-speakers:
 speakers:
   - name: "Michael C. Jaeger"
     affiliation: "Project Lead, Siemens AG"

content/en/events/2018/free-software-legal-licensing-workshop-2018.md

@@ -7,7 +7,6 @@ id: free-software-legal-licensing-workshop-2018
 format: talk
 tags:
   - talk
-speakers:
 speakers:
   - name: "Michael C. Jaeger"
     affiliation: "Project Lead, Siemens AG"

content/en/events/2018/yanking-the-chain-open-source.md

@@ -7,7 +7,6 @@ id: yanking-the-chain-open-source-software-compliance
 format: talk
 tags:
   - talk
-speakers:
 speakers:
   - name: "Michael C. Jaeger"
     affiliation: "Project Lead, Siemens AG"

docker_serve_local.sh

@@ -1,12 +1,16 @@
 #!/bin/bash
 
+# Disable path conversion for Windows Git Bash
+export MSYS_NO_PATHCONV=1
+
 echo "Create a template dir to allow Hugo properly clone the modules"
 mkdir -p themes/docsy
 
 echo "Open local browser on port 1313"
 docker run \
     -v $PWD:/src \
     --rm \
+    --user root \
     --name sw360_website \
     -p 1313:1313 \
     "$@" \