fix: enhance layout and styling for footer and body, add portrait image for Bu Sunaidah
This commit is contained in:
+12
-1
@@ -76,18 +76,29 @@ body {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
background-color: var(--color-bg);
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
overflow-x: hidden;
|
||||
overflow-x: clip;
|
||||
overscroll-behavior-y: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
direction: ltr !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
html { background-color: var(--color-bg); }
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
min-height: 100dvh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
body > main { flex: 1 0 auto; }
|
||||
body > footer { flex: 0 0 auto; }
|
||||
|
||||
body {
|
||||
background:
|
||||
radial-gradient(1200px 700px at 80% -10%, rgba(39, 63, 148, 0.18), transparent 60%),
|
||||
|
||||
@@ -194,7 +194,6 @@ export function FooterAndContact() {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
z-index: 10;
|
||||
margin-top: clamp(3rem, 6vw, 5rem);
|
||||
background: linear-gradient(180deg, #030307 0%, #020409 100%);
|
||||
color: #DEE0F0;
|
||||
overflow: hidden;
|
||||
@@ -234,7 +233,7 @@ export function FooterAndContact() {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding-top: clamp(2.5rem, 5vw, 3.5rem);
|
||||
padding-bottom: clamp(5rem, 7vw, 6rem);
|
||||
padding-bottom: clamp(2rem, 4vw, 3.5rem);
|
||||
}
|
||||
|
||||
/* CTA STRIP */
|
||||
|
||||
@@ -27,7 +27,10 @@ export const BU_SUNAIDAH_URL = `https://www.instagram.com/${BU_SUNAIDAH_HANDLE}`
|
||||
* IMPORTANT: do NOT hotlink Instagram CDN images in production — save the
|
||||
* approved photo locally inside the repo first.
|
||||
*/
|
||||
export const BU_SUNAIDAH_PORTRAIT: { src: string; alt: string } | null = null;
|
||||
export const BU_SUNAIDAH_PORTRAIT: { src: string; alt: string } | null = {
|
||||
src: '/bu-sunaidah/portrait.png',
|
||||
alt: 'Bu Sunaidah — Emirati-inspired robotics persona in white kandura and ghutra',
|
||||
};
|
||||
|
||||
// Curated reel shortcodes from @bu.sunaidah, sourced from publicly indexed
|
||||
// Instagram URLs. Each entry renders as an official Instagram embed iframe.
|
||||
|
||||
Reference in New Issue
Block a user