{"id":26327,"url":"https://patchwork.libcamera.org/api/1.1/patches/26327/?format=json","web_url":"https://patchwork.libcamera.org/patch/26327/","project":{"id":1,"url":"https://patchwork.libcamera.org/api/1.1/projects/1/?format=json","name":"libcamera","link_name":"libcamera","list_id":"libcamera_core","list_email":"libcamera-devel@lists.libcamera.org","web_url":"","scm_url":"","webscm_url":""},"msgid":"<20260324160528.951575-3-simonparri@ganzeria.com>","date":"2026-03-24T16:05:30","name":"[libcamera.org] Fix hero image pushing text off-screen on the landing page","commit_ref":null,"pull_url":null,"state":"new","archived":false,"hash":"707beb60a1abf668d6be3b046cd2caccde5c67ea","submitter":{"id":263,"url":"https://patchwork.libcamera.org/api/1.1/people/263/?format=json","name":"Simon Parri","email":"simonparri@ganzeria.com"},"delegate":null,"mbox":"https://patchwork.libcamera.org/patch/26327/mbox/","series":[{"id":5843,"url":"https://patchwork.libcamera.org/api/1.1/series/5843/?format=json","web_url":"https://patchwork.libcamera.org/project/libcamera/list/?series=5843","date":"2026-03-24T16:05:30","name":"[libcamera.org] Fix hero image pushing text off-screen on the landing page","version":1,"mbox":"https://patchwork.libcamera.org/series/5843/mbox/"}],"comments":"https://patchwork.libcamera.org/api/patches/26327/comments/","check":"pending","checks":"https://patchwork.libcamera.org/api/patches/26327/checks/","tags":{},"headers":{"Return-Path":"","X-Original-To":"parsemail@patchwork.libcamera.org","Delivered-To":"parsemail@patchwork.libcamera.org","Received":["from lancelot.ideasonboard.com (lancelot.ideasonboard.com\n\t[92.243.16.209])\n\tby patchwork.libcamera.org (Postfix) with ESMTPS id 5ADF2BD87C\n\tfor ;\n\tTue, 24 Mar 2026 16:06:42 +0000 (UTC)","from lancelot.ideasonboard.com (localhost [IPv6:::1])\n\tby lancelot.ideasonboard.com (Postfix) with ESMTP id AC64C6279E;\n\tTue, 24 Mar 2026 17:06:41 +0100 (CET)","from omta002.uswest2.a.cloudfilter.net\n\t(omta002.uswest2.a.cloudfilter.net [35.164.127.225])\n\tby lancelot.ideasonboard.com (Postfix) with ESMTPS id 2D83962791\n\tfor ;\n\tTue, 24 Mar 2026 17:06:39 +0100 (CET)","from mcc-obgw-5001b.ext.cloudfilter.net ([10.243.65.88])\n\tby cmsmtp with ESMTP\n\tid 4zVEwCGuQXqHn54H8wXOO0; Tue, 24 Mar 2026 16:06:38 +0000","from localhost ([173.16.167.196]) by cmsmtp with ESMTPS\n\tid 54H7w3JhnnmIA54H8wClkR; Tue, 24 Mar 2026 16:06:38 +0000"],"X-Authority-Analysis":"v=2.4 cv=SNNCVPvH c=1 sm=1 tr=0 ts=69c2b68e\n\ta=VPmDnoH/21K0g3l4Zi3lTQ==:117 a=VPmDnoH/21K0g3l4Zi3lTQ==:17\n\ta=YAyIRdgMAAAA:8\n\ta=93cTfXwPAAAA:8 a=0k_abor-NQi6Dy6BUaYA:9 a=o1rO4XtwZBNj6n05oSJ_:22\n\ta=BtoB7OvlJspRKqJ76k_l:22","From":"Simon Parri ","To":"libcamera-devel@lists.libcamera.org","Cc":"Simon Parri ","Subject":"[libcamera.org] [PATCH] Fix hero image pushing text off-screen on\n\tthe landing page","Date":"Tue, 24 Mar 2026 11:05:30 -0500","Message-ID":"<20260324160528.951575-3-simonparri@ganzeria.com>","X-Mailer":"git-send-email 2.51.2","MIME-Version":"1.0","Content-Transfer-Encoding":"8bit","X-CMAE-Envelope":"MS4xfG8nTDaNeqAo1Fg/0DfcGuhtbjaZMpoBuvLNH/VL0PJlZTPImjOi81MQSLfMO9zLWyQAr9WcUlcI9PJgM5toMW9HbRMRwFfrwOBfxkp5ww7OFAqh4mGi\n\tvaj1eJcLcXBtRnHeS4yzSDPdm5AhJ6MplqcVbJ0LmKTmlgi9n2XwmqCiaT4qT8whpD/BSvLwVNPTgYKGb/AfF3y2sPTAeako3ldT5ir9bsE80WFGlB9KXWIc\n\tGP8mEfokJaDOkUuhrHNukw==","X-BeenThere":"libcamera-devel@lists.libcamera.org","X-Mailman-Version":"2.1.29","Precedence":"list","List-Id":"","List-Unsubscribe":",\n\t","List-Archive":"","List-Post":"","List-Help":"","List-Subscribe":",\n\t","Errors-To":"libcamera-devel-bounces@lists.libcamera.org","Sender":"\"libcamera-devel\" "},"content":"The CSS does not set the width of the hero image on the landing site. As a\nresult, the image takes up a constant amount of space, so when the viewport is\nnarrower than the image width + text width, the text is pushed out of the\nviewport. So make the image only use the width of its container.\n\nHowever, simply setting the width of the to 100% makes the image too\nsmall compared to the text. So give the welcome section a wider max-width to\nallow the image more space.\n\nSigned-off-by: Simon Parri \n---\nHello everyone,\n\nI came across this bug on the libcamera.org landing page. It's reproducible\n(at least in Firefox) by going into responsive design mode () and\nchanging the width to 1200px. In my fix I tried to make sure that the hero\nimage looks reasonably-sized proportional to the \"Hi, we're libcamera\" text.\nI also tried to make sure that the text was reasonably right-aligned with the\ntext in the \"About\" section.\n\nI couldn't find a repo for the website, so I made a scratch repo and had to\nguess at the layout of the files. I can resend the patch with adjusted\nfilenames if desired.\n\n _static/css/myrika-libcamera.css | 16 ++++++++++++++++\n 1 file changed, 16 insertions(+)\n\n--\n2.51.2","diff":"diff --git a/_static/css/myrika-libcamera.css b/_static/css/myrika-libcamera.css\nindex bf59154..d73042a 100644\n--- a/_static/css/myrika-libcamera.css\n+++ b/_static/css/myrika-libcamera.css\n@@ -233,6 +233,18 @@ nav li .current a, nav .active a {\n \tdisplay: none;\n }\n\n+/* Give the welcome section more space for the image */\n+#welcome {\n+ max-width: 1600px !important;\n+}\n+\n+/* Give the image more space on small screens */\n+@media only screen and (max-width: 1200px) and (min-width: 700px) {\n+ #welcome {\n+ padding-left: 0 !important;\n+ }\n+}\n+\n #welcome .hero {\n \tdisplay: grid;\n \tgrid-template-columns: repeat(2, 1fr);\n@@ -249,6 +261,10 @@ nav li .current a, nav .active a {\n \tgrid-area: hero;\n }\n\n+#welcome .heroimage img {\n+ width: 100%;\n+}\n+\n /* Hero Text */\n #welcome .herotext {\n \tgrid-area: text;\n","prefixes":["libcamera.org"]}