windhamdavid 5 months ago
parent
commit
0625ecb24e
4 changed files with 41 additions and 35 deletions
  1. 7 1
      README.md
  2. 11 26
      patterns/footer.php
  3. 10 0
      style.css
  4. 13 8
      theme.json

+ 7 - 1
README.md

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

+ 11 - 26
patterns/footer.php

@@ -34,16 +34,9 @@
 				<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0","font-size":"1.2rem"}}} -->
 				<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0","font-size":"1.2rem"}}} -->
 				<p style="font-size:1.2rem;line-height:0">(864)223-0505</p>
 				<p style="font-size:1.2rem;line-height:0">(864)223-0505</p>
 				<!-- /wp:paragraph -->
 				<!-- /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: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} -->
 				<!-- wp:heading {"level":4} -->
 				<h4	class="wp-block-heading">Follow Us</h4>
 				<h4	class="wp-block-heading">Follow Us</h4>
 				<!-- /wp:heading -->
 				<!-- /wp:heading -->
@@ -118,7 +111,7 @@
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<div class="wp-block-group">
 		<div class="wp-block-group">
 		<!-- wp:image {"id":306,"sizeSlug":"full","linkDestination":"none"} -->
 		<!-- 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:image --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:column -->
 		<!-- /wp:column -->
@@ -128,7 +121,7 @@
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
 		<div class="wp-block-group">
 		<div class="wp-block-group">
 		<!-- wp:image {"id":307,"sizeSlug":"full","linkDestination":"none"} -->
 		<!-- 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:image --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:group --></div>
 		<!-- /wp:column --></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"}}}} -->
 	<!-- 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)">
 	<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: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"}} -->
 		<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","horizontalAlignment":"top"}} -->
 		<div class="wp-block-group">
 		<div class="wp-block-group">
 
 
 			<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
 			<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
 			<div class="wp-block-group">
 			<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: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>
 			</div>
 			<!-- /wp:group -->
 			<!-- /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>
 			<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 -->
 
 
-			<!-- 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 -->
 			<!-- /wp:paragraph -->
 
 
 		</div>
 		</div>

+ 10 - 0
style.css

@@ -21,4 +21,14 @@ Thanks:
 }
 }
 .cover-heading {
 .cover-heading {
   padding-right:  200px;
   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;
 }
 }

+ 13 - 8
theme.json

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