lps_prod

README.md

@@ -26,10 +26,11 @@ Thanks:
 
 ### Log
 
+- 24/07/23 - SR complete 👍🏼 / some grammatical errors left. 
 - 24/07/06 - the majority of old content in sans images
   - making patterns for recurring blocks
   - removed default core patterns for consistency
-- 24/06/27 - Init
+- 24/06/27 - Init 🔥
 
 
 ### Notes
@@ -45,3 +46,8 @@ gb (gulp build) `//avoid build step with no SaSS`
   - most graphics contain references to dr./domain/office
 - Avoid using custom or library of CSS so it relies entirely on Gutenberg
 
+### ToDo
+
+- Patient Forms
+- Branded content
+- rework navigation

patterns/footer.php

@@ -34,16 +34,9 @@
 				<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0","font-size":"1.2rem"}}} -->
 				<p style="font-size:1.2rem;line-height:0">(864)223-0505</p>
 				<!-- /wp:paragraph -->
-				<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
-				<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
+				<!-- wp:spacer {"height":"var:preset|spacing|30"} -->
+				<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
 				<!-- /wp:spacer -->
-				<!-- wp:buttons -->
-				<div class="wp-block-buttons">
-					<!-- wp:button -->
-					<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://lps.ovid/contact/">Contact Us</a></div>
-					<!-- /wp:button -->
-				</div>
-				<!-- /wp:buttons -->
 				<!-- wp:heading {"level":4} -->
 				<h4	class="wp-block-heading">Follow Us</h4>
 				<!-- /wp:heading -->
@@ -118,7 +111,7 @@
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<div class="wp-block-group">
 		<!-- wp:image {"id":306,"sizeSlug":"full","linkDestination":"none"} -->
-		<figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/f-logo3_1.png" alt="" class="wp-image-306"/></figure>
+		<figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/f-logo3_1-grey.png" alt="" class="wp-image-306"/></figure>
 		<!-- /wp:image --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:column -->
@@ -128,7 +121,7 @@
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<div class="wp-block-group">
 		<!-- wp:image {"id":307,"sizeSlug":"full","linkDestination":"none"} -->
-		<figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/f-logo4_1.png" alt="" class="wp-image-307"/></figure>
+		<figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/f-logo4_1-grey.png" alt="" class="wp-image-307"/></figure>
 		<!-- /wp:image --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:column --></div>
@@ -145,28 +138,20 @@
 
 	<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|50"}}}} -->
 	<div class="wp-block-group alignwide container" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--50)">
-		
-	<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
-	<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
 
-	<!-- wp:paragraph {"style":{"typography":{"font-size":"0.9rem"}}} -->
-	<p style="font-size:0.9rem">South Carolina Cosmetic Surgeon Ted Vaughn has provided this website for informational purposes and does not constitute formal medical advice. Please contact us to schedule your plastic surgery consultation to further discuss your medical needs. Serving Greenwood, Greenville, Anderson SC, Columbia SC, Laurens, Augusta, South Carolina. This website is not intended for viewing or usage by European Union citizens.</p>
+	<!-- wp:paragraph {"style":{"typography":{"font-size":"0.9rem"},"elements":{"link":{"color":{"text":"var:preset|color|muted"}}}},"textColor":"muted"} -->
+	<p class="has-muted-color has-text-color has-link-color"style="font-size:0.9rem">Lakelands Plastic Surgery has provided this website for informational purposes and does not constitute formal medical advice. Please contact us to schedule your plastic surgery consultation to further discuss your medical needs. Serving Greenwood, Greenville, Anderson SC, Columbia SC, Laurens, Augusta, South Carolina. This website is not intended for viewing or usage by European Union citizens.</p>
 	<!-- /wp:paragraph -->
 
-	<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
-	<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
 		<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","horizontalAlignment":"top"}} -->
 		<div class="wp-block-group">
 
 			<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
 			<div class="wp-block-group">
-				<!-- wp:paragraph {"fontSize":"small"} -->
-				<p class="has-small-font-size"><?php esc_html_e('&copy;&nbsp;', 'uhp'); echo date("Y");?></p>
+				<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|muted"}}}},"textColor":"muted","fontSize":"small"} -->
+				<p class="has-muted-color has-text-color has-link-color has-small-font-size"><?php esc_html_e('&copy;&nbsp;', 'uhp'); echo date("Y");?></p>
 				<!-- /wp:paragraph -->
-				<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
+				<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|muted"}}}},"textColor":"muted","fontSize":"small"} /-->
 			</div>
 			<!-- /wp:group -->
 
@@ -174,8 +159,8 @@
 			<p style="font-size:2rem" class="float-end has-primary-link-color"><a href="#"><span class="dashicons dashicons-arrow-up"></span>&#8679;</a></p>
 			<!-- /wp:paragraph -->
 
-			<!-- wp:paragraph {"style":{"typography":{"font-size":"0.8rem"},"elements":{"link":{"color":{"text":"var:preset|color|highlight"}}}}} -->
-			<p class="float-end has-small-font-size has-contrast-light-color has-text-color">Last Updated: <?php echo get_the_modified_time('F jS, Y');?></p>
+			<!-- wp:paragraph {"className":"float-end has-small-font-size has-contrast-light-color has-text-color","style":{"elements":{"link":{"color":{"text":"var:preset|color|muted"}}}},"textColor":"muted"} -->
+			<p class="float-end has-small-font-size has-contrast-light-color has-text-color has-muted-color has-link-color">Last Updated: <?php echo get_the_modified_time('F jS, Y');?></p>
 			<!-- /wp:paragraph -->
 
 		</div>

style.css

@@ -21,4 +21,14 @@ Thanks:
 }
 .cover-heading {
   padding-right:  200px;
+}
+
+/* https://wordpress.org/support/topic/wp-6-2-gutenberg-ul-has-background-sometimes-appears-and-sometimes-doesnt/ */
+/* https://github.com/WordPress/gutenberg/issues/50486 */
+ol.has-background, ul.has-background {
+  padding: 0em !important;
+}
+/* unset padding on the navigation block */ 
+.wp-block-navigation ul {
+  padding: unset;
 }

theme.json

@@ -25,6 +25,11 @@
 					"color": "#000000",
 					"name": "Black"
 				},
+				{
+					"slug": "primary",
+					"color": "#19458c",
+					"name": "Primary"
+				},
 				{
 					"slug": "contrast",
 					"color": "#001A40",
@@ -36,9 +41,9 @@
 					"name": "Contrast Light"
 				},
 				{
-					"slug": "primary",
-					"color": "#19458c",
-					"name": "Primary"
+					"slug": "muted",
+					"color": "#AAAAAA",
+					"name": "Muted"
 				},
 				{
 					"slug": "transparent",
@@ -145,7 +150,7 @@
 				"elements": {
 					"link": {
 						"color": {
-							"text": "var(--wp--preset--color--contrast)"
+							"text": "var(--wp--preset--color--primary)"
 						},
 						"typography": {
 							"textDecoration": "none",
@@ -234,7 +239,7 @@
 			}
 		},
 		"color": {
-			"background": "var(--wp--preset--color--base)",
+			"background": "var(--wp--preset--color--white)",
 			"text": "var(--wp--preset--color--contrast)"
 		},
 		"elements": {
@@ -280,14 +285,14 @@
 			},
 			"link": {
 				"color": {
-					"text": "var(--wp--preset--color--secondary)"
+					"text": "var(--wp--preset--color--primary)"
 				},
 				"typography": {
 					"textDecoration": "none"
 				},
 				":hover": {
 					"color": {
-						"text": "var(--wp--preset--color--primary)"
+						"text": "var(--wp--preset--color--contrast)"
 					},
 					"typography": {
 						"textDecoration": "none"
@@ -295,7 +300,7 @@
 				},
 				":focus": {
 					"color": {
-						"text": "var(--wp--preset--color--secondary)"
+						"text": "var(--wp--preset--color--primary)"
 					}
 				},
 				":active": {