From 60eccd4e8fd4f8e4a27a176981bbd00cb17bcb8b Mon Sep 17 00:00:00 2001 From: ADITYA-CODE-SOURCE Date: Sat, 31 Jan 2026 20:42:48 +0530 Subject: [PATCH 1/3] fix: resolve duplicate speakers keys and improve Windows Docker compatibility This PR addresses two major blockers encountered while setting up the local development environment on Windows 11 using the provided Docker script: 1. Docker Volume Mount Failure (Windows / Git Bash) - Added MSYS_NO_PATHCONV=1 to disable automatic path conversion - Added --user root to resolve volume mount permission issues 2. Build Failure: Duplicate Frontmatter Keys - Removed duplicate speakers: keys in 3 Markdown files: - content/en/events/2018/free-software-legal-licensing-workshop-2018.md - content/en/events/2018/yanking-the-chain-open-source.md - content/en/events/2017/open-source-summit-europe-2017.md Fixes #179 --- content/en/events/2017/open-source-summit-europe-2017.md | 1 - .../2018/free-software-legal-licensing-workshop-2018.md | 1 - content/en/events/2018/yanking-the-chain-open-source.md | 1 - docker_serve_local.sh | 4 ++++ 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/content/en/events/2017/open-source-summit-europe-2017.md b/content/en/events/2017/open-source-summit-europe-2017.md index c54ce16..4d39142 100644 --- a/content/en/events/2017/open-source-summit-europe-2017.md +++ b/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" diff --git a/content/en/events/2018/free-software-legal-licensing-workshop-2018.md b/content/en/events/2018/free-software-legal-licensing-workshop-2018.md index caf415c..bd7f96b 100644 --- a/content/en/events/2018/free-software-legal-licensing-workshop-2018.md +++ b/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" diff --git a/content/en/events/2018/yanking-the-chain-open-source.md b/content/en/events/2018/yanking-the-chain-open-source.md index 9c1c459..03e468b 100644 --- a/content/en/events/2018/yanking-the-chain-open-source.md +++ b/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" diff --git a/docker_serve_local.sh b/docker_serve_local.sh index e8f3e11..51ae335 100755 --- a/docker_serve_local.sh +++ b/docker_serve_local.sh @@ -1,5 +1,8 @@ #!/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 @@ -7,6 +10,7 @@ echo "Open local browser on port 1313" docker run \ -v $PWD:/src \ --rm \ + --user root \ --name sw360_website \ -p 1313:1313 \ "$@" \ From ffe17151e5e5977225688cfc91033d5ffddbea7f Mon Sep 17 00:00:00 2001 From: ADITYA-CODE-SOURCE Date: Sat, 31 Jan 2026 20:54:13 +0530 Subject: [PATCH 2/3] fix: resolve mobile layout overflow on small screens (Issue #178) Fixed horizontal overflow on mobile devices (320px width) caused by fixed-width images in the hero section. Changes made: - content/en/_index.html: Replaced fixed widths with responsive classes - Changed logo from width="400" to class="hero-logo" - Changed screenshot from width="500" to class="hero-screenshot" - assets/scss/_styles_project.scss: Added responsive CSS rules - Added .hero-logo class with max-width and media queries - Added .hero-screenshot class with max-width and media queries - Added responsive padding for mobile viewports The layout now adapts properly to small screens without horizontal overflow. Fixes #178 --- assets/scss/_styles_project.scss | 46 ++++++++++++++++++++++++++++++++ content/en/_index.html | 5 ++-- 2 files changed, 48 insertions(+), 3 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 6e56163..2a61355 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -166,3 +166,49 @@ 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 { + max-width: 100%; + height: auto; + width: 400px; // Default width for larger screens + + @media (max-width: 768px) { + width: 100%; + max-width: 300px; + } + + @media (max-width: 576px) { + width: 100%; + max-width: 280px; + } +} + +.hero-screenshot { + max-width: 100%; + height: auto; + width: 500px; // Default width for larger screens + + @media (max-width: 768px) { + width: 100%; + max-width: 400px; + } + + @media (max-width: 576px) { + width: 100%; + max-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; + } +} diff --git a/content/en/_index.html b/content/en/_index.html index 9bd29d2..18b8da9 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -7,15 +7,14 @@

- {{< figure src="/sw360/img/logos/logo_full.svg" width="400">}} + {{< figure src="/sw360/img/logos/logo_full.svg" class="hero-logo" >}}

Software supply chain management done right !

From 69ba14c1b72e6b2b6f017d98cf4336216d6c8f95 Mon Sep 17 00:00:00 2001 From: ADITYA-CODE-SOURCE Date: Mon, 2 Mar 2026 10:21:10 +0530 Subject: [PATCH 3/3] fix: improve CSS targeting for responsive hero images --- assets/scss/_styles_project.scss | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 2a61355..c6534a2 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -169,34 +169,38 @@ sections site wide to the original site's background svg. // Hero section responsive images - Fix for mobile overflow (Issue #178) .hero-logo { + width: 400px; max-width: 100%; - height: auto; - width: 400px; // Default width for larger screens + + img { + max-width: 100%; + height: auto; + } @media (max-width: 768px) { - width: 100%; - max-width: 300px; + width: 300px; } @media (max-width: 576px) { - width: 100%; - max-width: 280px; + width: 280px; } } .hero-screenshot { + width: 500px; max-width: 100%; - height: auto; - width: 500px; // Default width for larger screens + + img { + max-width: 100%; + height: auto; + } @media (max-width: 768px) { - width: 100%; - max-width: 400px; + width: 400px; } @media (max-width: 576px) { - width: 100%; - max-width: 300px; + width: 300px; } }