From b106dd9ef9115b15e7fa7bc1431089ad02623f09 Mon Sep 17 00:00:00 2001
From: Ian Dunn <ian@iandunn.name>
Date: Wed, 29 Nov 2023 10:00:53 -0800
Subject: [PATCH] Events: Refine mobile styles on landing page

---
 .../parts/front-page/contributors.html        |  6 ++--
 .../parts/front-page/cover.html               | 32 +++++++++++--------
 .../parts/front-page/events.html              |  7 ++--
 .../postcss/base/breakpoints.pcss             |  1 +
 .../postcss/base/footer.pcss                  |  4 +++
 .../postcss/page/front-page/contributors.pcss | 11 ++++++-
 .../postcss/page/front-page/cover.pcss        |  9 +++++-
 .../themes/wporg-events-2023/theme.json       | 27 +++++++++++++++-
 8 files changed, 74 insertions(+), 23 deletions(-)

diff --git a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/contributors.html b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/contributors.html
index 19c02d5c10..4358bc0eea 100644
--- a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/contributors.html
+++ b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/contributors.html
@@ -1,8 +1,8 @@
 <!-- wp:group {"className":"wporg-events__contributors","layout":{"type":"flex","flexWrap":"nowrap"}} -->
 <div class="wp-block-group wporg-events__contributors">
-	<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
+	<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"},"margin":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
 	<div class="wp-block-group"
-		style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
+		style="margin-top:var(--wp--preset--spacing--edge-space);margin-bottom:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
 		<!-- wp:heading {"className":"is-style-default"} -->
 		<h2 class="wp-block-heading is-style-default">Where all WordPress contributors meet</h2>
 		<!-- /wp:heading -->
@@ -40,4 +40,4 @@ <h2 class="wp-block-heading is-style-default">Where all WordPress contributors m
 
 	<!-- wp:pattern {"slug":"wporg-events-2023/front-contributors-meet-gallery"} /-->
 </div>
-<!-- /wp:group -->
+<!-- /wp:group -->
\ No newline at end of file
diff --git a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/cover.html b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/cover.html
index ef82073b0b..dfc8b439aa 100644
--- a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/cover.html
+++ b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/cover.html
@@ -1,7 +1,7 @@
-<!-- wp:group {"backgroundColor":"charcoal-2","className":"wporg-events__cover","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
-<div class="wp-block-group wporg-events__cover has-charcoal-2-background-color has-background">
-	<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"textColor":"white","className":"wporg-events__cover-stats","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"}} -->
-	<div class="wp-block-group wporg-events__cover-stats has-white-color has-text-color has-link-color"
+<!-- wp:group {"className":"wporg-events__cover","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
+<div class="wp-block-group wporg-events__cover">
+	<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-1"}}},"layout":{"selfStretch":"fixed","flexSize":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|edge-space","bottom":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"textColor":"charcoal-1","className":"wporg-events__cover-meet-community","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"}} -->
+	<div class="wp-block-group wporg-events__cover-meet-community has-charcoal-1-color has-text-color has-link-color"
 		style="padding-top:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
 		<!-- wp:heading {"level":1} -->
 		<h1 class="wp-block-heading">Meet the community behind WordPress</h1>
@@ -11,20 +11,24 @@ <h1 class="wp-block-heading">Meet the community behind WordPress</h1>
 		<p>All over the world contributors meet to share, learn, and collaborate for the WordPress project.</p>
 		<!-- /wp:paragraph -->
 
-		<!-- wp:paragraph -->
-		<p>44,744 events this last year</p>
-		<!-- /wp:paragraph -->
+		<!-- wp:list {"className":"wporg-events__cover-stats"} -->
+		<ul class="wporg-events__cover-stats">
+			<!-- wp:list-item -->
+			<li>44,744 events this last year</li>
+			<!-- /wp:list-item -->
 
-		<!-- wp:paragraph -->
-		<p>108 countries</p>
-		<!-- /wp:paragraph -->
+			<!-- wp:list-item -->
+			<li>108 countries</li>
+			<!-- /wp:list-item -->
 
-		<!-- wp:paragraph -->
-		<p>540,537 members</p>
-		<!-- /wp:paragraph -->
+			<!-- wp:list-item -->
+			<li>540,537 members</li>
+			<!-- /wp:list-item -->
+		</ul>
+		<!-- /wp:list -->
 	</div>
 	<!-- /wp:group -->
 
 	<!-- wp:wporg/google-map {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}},"filterSlug":"all-upcoming","id":"all-upcoming-map","apiKey":"WORDCAMP_DEV_GOOGLE_MAPS_API_KEY","showList":false,"showSearch":false} /-->
 </div>
-<!-- /wp:group -->
+<!-- /wp:group -->
\ No newline at end of file
diff --git a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/events.html b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/events.html
index 5746886376..3b140906eb 100644
--- a/public_html/wp-content/themes/wporg-events-2023/parts/front-page/events.html
+++ b/public_html/wp-content/themes/wporg-events-2023/parts/front-page/events.html
@@ -1,8 +1,9 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group"
 	style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
-	<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
-	<h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700">Upcoming Events</h2>
+	<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium","fontFamily":"inter"} -->
+	<h2 class="wp-block-heading has-inter-font-family has-medium-font-size" style="font-style:normal;font-weight:700">
+		Upcoming Events</h2>
 	<!-- /wp:heading -->
 
 	<!-- wp:wporg/google-map {"id":"all-upcoming-list","apiKey":"WORDCAMP_DEV_GOOGLE_MAPS_API_KEY","filterSlug":"all-upcoming","showMap":false,"showSearch":false,"listDisplayLimit":10} /-->
@@ -17,4 +18,4 @@ <h2 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-
 	</div>
 	<!-- /wp:buttons -->
 </div>
-<!-- /wp:group -->
+<!-- /wp:group -->
\ No newline at end of file
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/base/breakpoints.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/base/breakpoints.pcss
index 04a62b99c4..5b6aadee0a 100644
--- a/public_html/wp-content/themes/wporg-events-2023/postcss/base/breakpoints.pcss
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/base/breakpoints.pcss
@@ -29,3 +29,4 @@
 /*
  * Custom
  */
+ @custom-media --phone-tablet (max-width: 959px);
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
index 48444b6cc8..202e8b6aa1 100644
--- a/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/base/footer.pcss
@@ -1,11 +1,15 @@
 .wporg-events__footer-organize {
+	border-bottom: 1px solid var(--wp--preset--color--light-grey-1);
+
 	@media (--small-only) {
 		&.is-layout-flex {
 			display: block;
+			margin-top: 60px;
 		}
 
 		& .wp-block-buttons.is-layout-flex {
 			display: block;
+			margin-top: var(--wp--preset--spacing--edge-space);
 		}
 	}
 }
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/contributors.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/contributors.pcss
index 733b226743..10e0633bd2 100644
--- a/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/contributors.pcss
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/contributors.pcss
@@ -1,7 +1,16 @@
 .wporg-events__contributors {
-	@media (--small-only) {
+
+	@media (--phone-tablet) {
 		&.is-layout-flex {
 			display: block;
 		}
 	}
+
+	& .is-style-links-list > li:first-child {
+		border-top: none;
+	}
+
+	& .is-style-links-list > li:last-child {
+		border-bottom: none;
+	}
 }
\ No newline at end of file
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss
index 4524453169..182561912c 100644
--- a/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss
+++ b/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss
@@ -11,8 +11,15 @@
 		}
 	}
 
-	& .wporg-events__cover-stats {
+	& .wporg-events__cover-meet-community {
 		gap: 0;
+
+		& .wporg-events__cover-stats {
+			padding-left: 0;
+			list-style-type: none;
+			font-family: var(--wp--preset--font-family--eb-garamond);
+			font-size: 26px;
+		}
 	}
 
 	& .wp-block-wporg-google-map .wporg-google-map__container {
diff --git a/public_html/wp-content/themes/wporg-events-2023/theme.json b/public_html/wp-content/themes/wporg-events-2023/theme.json
index 0da29ef16f..5b02d0bc6d 100644
--- a/public_html/wp-content/themes/wporg-events-2023/theme.json
+++ b/public_html/wp-content/themes/wporg-events-2023/theme.json
@@ -1,4 +1,29 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/theme.json",
-	"version": 2
+	"version": 2,
+	"settings": {
+		"custom": {
+			"heading": {
+				"level-1": {
+					"breakpoint": {
+						"small-only": {
+							"typography": {
+								"fontSize": "30px"
+							}
+						}
+					}
+				}
+			}
+		},
+
+		"typography": {
+			"fontSizes": [
+				{
+					"name": "Heading 1",
+					"size": "clamp( 30px, 4vw, 50px )",
+					"slug": "heading-1"
+				}
+			]
+		}
+	}
 }