This is an automated email from the git hooks/post-receive script.
git pushed a commit to branch master
in repository www.
View the commit online.
commit a99002ede30f214ea107cf3816aa8d0590e5fafd
Author: Carsten Haitzler (Rasterman) <[email protected]>
AuthorDate: Wed Jun 17 20:32:53 2026 +0100
tune it to work on mobile screens nicely
---
public_html/content/start.banner.php | 10 ++-
public_html/style.css | 120 ++++++++++++++++++++++++++---------
2 files changed, 96 insertions(+), 34 deletions(-)
diff --git a/public_html/content/start.banner.php b/public_html/content/start.banner.php
index 58080338..fe049403 100644
--- a/public_html/content/start.banner.php
+++ b/public_html/content/start.banner.php
@@ -1,13 +1,17 @@
<?php
$banner_bg = "hero-enlightenment-sunset.png";
- $banner_panel = "shots/e-main.png";
+
$banner_eyebrow = "Compositor, desktop shell, toolkit";
$banner_title = "Fast, flexible desktops for people who tune their machines.";
$banner_text = "Enlightenment combines a lean window manager, a compositing desktop shell, and the EFL application stack into a compact system built for speed, control, and visual polish.";
- $banner_primary_href = "download";
+
$banner_primary_label = "Download";
+ $banner_primary_href = "download";
+
+ $banner_secondary_label = "Explore";
$banner_secondary_href = "about-enlightenment";
- $banner_secondary_label = "Explore the desktop";
+
+ $banner_panel = "shots/e-main.png";
$banner_panel_text = "Desktop shell / compositor / toolkit";
include "site/banner.php";
?>
diff --git a/public_html/style.css b/public_html/style.css
index 6c039fdb..a02a0180 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -78,7 +78,9 @@ header {
min-height: var(--header-height);
display: flex;
align-items: center;
+ flex-wrap: wrap;
gap: 24px;
+ padding: 10px 0;
}
.brand {
@@ -110,8 +112,9 @@ header {
}
.head-menu {
- flex: 1;
+ flex: 1 1 520px;
display: flex;
+ flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
@@ -123,6 +126,7 @@ header {
.head-menu li {
display: block;
+ flex: 0 0 auto;
}
.head-menu-item a,
@@ -163,7 +167,7 @@ main {
.main-wrap {
width: min(1120px, calc(100% - 40px));
margin: 0 auto;
- padding: calc(var(--header-height) + 34px) 0 72px;
+ padding: 12px 0 116px;
}
.page-banner {
@@ -211,7 +215,7 @@ main {
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.74fr);
gap: 44px;
align-items: center;
- padding: calc(var(--header-height) + 56px) 0 64px;
+ padding: calc(var(--header-height) + 8px) 0 0;
position: relative;
isolation: isolate;
}
@@ -245,6 +249,7 @@ main {
.hero-copy {
max-width: 720px;
+ min-width: 0;
}
.eyebrow {
@@ -273,33 +278,33 @@ h4,
h5,
h6 {
color: var(--text);
- line-height: 1.08;
+ line-height: 1.12;
letter-spacing: 0;
- margin: 2.3rem 0 1rem;
+ margin: 3rem 0 1.3rem;
}
h1 {
- font-size: clamp(3rem, 7vw, 6rem);
+ font-size: clamp(2.3rem, 5vw, 4.65rem);
max-width: 780px;
margin-top: 0;
}
h2 {
- font-size: clamp(2rem, 4.8vw, 4.8rem);
+ font-size: clamp(1.55rem, 3.05vw, 3.15rem);
}
h3 {
- font-size: clamp(1.35rem, 2.4vw, 2.1rem);
+ font-size: clamp(1.12rem, 1.65vw, 1.48rem);
}
p {
color: var(--muted);
- margin: 0 0 1.1rem;
+ margin: 0 0 1.4rem;
}
.lede {
color: #c8d5dd;
- font-size: clamp(1.05rem, 1.45vw, 1.32rem);
+ font-size: clamp(1rem, 1.12vw, 1.12rem);
max-width: 680px;
}
@@ -374,21 +379,21 @@ p {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2px;
- margin: 12px 0 82px;
+ margin: 30px 0 58px;
border-radius: 8px;
overflow: hidden;
background: rgba(255, 255, 255, 0.045);
}
.metric {
- padding: 24px;
+ padding: 36px 32px;
background: rgba(17, 24, 32, 0.82);
}
.metric strong {
display: block;
color: var(--text);
- font-size: clamp(1.7rem, 3vw, 3rem);
+ font-size: clamp(1.42rem, 2.1vw, 2.22rem);
line-height: 1;
margin-bottom: 8px;
}
@@ -411,8 +416,8 @@ p {
.showcase-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 18px;
- margin: 28px 0 82px;
+ gap: 30px;
+ margin: 46px 0 59px;
}
.feature,
@@ -424,7 +429,7 @@ p {
}
.feature {
- padding: 24px;
+ padding: 36px;
}
.feature h3,
@@ -452,25 +457,34 @@ p {
}
.showcase div {
- padding: 20px;
+ padding: 32px;
}
.markdown-demo {
- padding: 24px;
- margin: 28px 0 82px;
+ padding: 0 24px;
+ margin: 46px 0 59px;
+ min-width: 0;
+ max-width: 100%;
+ overflow-wrap: anywhere;
}
.code-demo {
- margin: 28px 0 82px;
+ margin: 46px 0 59px;
+ min-width: 0;
+ max-width: 100%;
}
.split {
display: grid;
- grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
- gap: 24px;
+ grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
+ gap: 42px;
align-items: start;
}
+.split > * {
+ min-width: 0;
+}
+
.biglogo {
width: min(260px, 52vw);
height: auto;
@@ -489,9 +503,11 @@ p {
}
pre {
+ width: 100%;
max-width: 100%;
- overflow: auto;
- margin: 18px 0;
+ overflow-x: auto;
+ overflow-y: hidden;
+ margin: 0;
padding: 0;
border-radius: 8px;
background: linear-gradient(180deg, rgba(28, 31, 34, 0.92), rgba(16, 18, 20, 0.96));
@@ -505,12 +521,14 @@ code {
pre code {
display: block;
- padding: 18px;
+ width: max-content;
+ min-width: 100%;
+ padding: 0 16px;
border-radius: 8px;
}
pre code.hljs {
- padding: 18px;
+ padding: 0 16px;
background: transparent;
}
@@ -657,9 +675,15 @@ footer {
backdrop-filter: blur(18px);
}
+@media (max-width: 1080px) {
+ :root {
+ --header-height: 118px;
+ }
+}
+
@media (max-width: 860px) {
:root {
- --header-height: 136px;
+ --header-height: 148px;
--footer-height: 58px;
}
@@ -670,7 +694,7 @@ footer {
}
.head-wrap {
- min-height: auto;
+ min-height: var(--header-height);
padding: 12px 0;
flex-direction: column;
align-items: flex-start;
@@ -678,10 +702,12 @@ footer {
}
.head-menu {
+ flex: 0 1 auto;
width: 100%;
+ flex-wrap: wrap;
justify-content: flex-start;
- overflow-x: auto;
- padding-bottom: 2px;
+ overflow: visible;
+ padding-bottom: 0;
}
.start-hero,
@@ -694,10 +720,42 @@ footer {
.start-hero {
min-height: auto;
- padding: calc(var(--header-height) + 44px) 0 56px;
+ padding: calc(var(--header-height) + 8px) 0 0;
}
.hero-panel {
min-height: 380px;
}
}
+
+@media (max-width: 640px) {
+ :root {
+ --header-height: 176px;
+ }
+
+ .head-menu {
+ display: grid;
+ grid-template-columns: repeat(3, max-content);
+ column-gap: 18px;
+ row-gap: 2px;
+ }
+
+ .head-menu-item a,
+ .head-menu-item-active a {
+ padding: 8px 10px;
+ }
+
+ h1 {
+ font-size: clamp(1.9rem, 8vw, 2.35rem);
+ }
+
+ .hero-actions {
+ display: grid;
+ grid-template-columns: 1fr;
+ }
+
+ .button,
+ .button-secondary {
+ width: min(100%, 280px);
+ }
+}
--
To stop receiving notification emails like this one, please contact
the administrator of this repository.
