windhamdavid 1 year ago
parent
commit
38f085d90b
10 changed files with 177 additions and 61 deletions
  1. 44 2
      css/site.css
  2. 44 2
      css/styles.css
  3. 8 8
      functions.php
  4. 1 1
      parts/header.html
  5. 23 19
      patterns/color-bar.php
  6. 10 10
      patterns/footer.php
  7. 7 2
      patterns/query-short.php
  8. 22 15
      style-editor.css
  9. 3 1
      templates/single.html
  10. 15 1
      theme.json

+ 44 - 2
css/site.css

@@ -1,5 +1,37 @@
 @import 'animate.css';
 
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 600;
+  src: url('./fonts/playfair-display-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 800;
+  src: url('./fonts/playfair-display-v36-latin-800.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 900;
+  src: url('./fonts/playfair-display-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
 @font-face {
   font-family: 'Handlee';
   font-style: normal;
@@ -131,11 +163,21 @@ table.costs tr.border-top {
 .wp-block-navigation-item.current-menu-item {
   color: #ffffff;
 }
-.page-id-11 ul li {
-  list-style: none !important;
+footer ul li {
+  margin-block-start: 0;
+  list-style: none;
+}
+footer .wp-block-query {
+  margin-block-start: 0;
+  padding-top: 0;
+}
+footer .wp-block-query ul.wp-block-post-template {
+  padding-top: 0 !important;
 }
 
 
+
+
 @charset "UTF-8";
 /***********************************************************
 ################## greenwoodpromise.com ####################

+ 44 - 2
css/styles.css

@@ -1,5 +1,37 @@
 @import 'animate.css';
 
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 600;
+  src: url('./fonts/playfair-display-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 800;
+  src: url('./fonts/playfair-display-v36-latin-800.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Playfair Display';
+  font-style: normal;
+  font-weight: 900;
+  src: url('./fonts/playfair-display-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
 @font-face {
   font-family: 'Handlee';
   font-style: normal;
@@ -131,7 +163,17 @@ table.costs tr.border-top {
 .wp-block-navigation-item.current-menu-item {
   color: #ffffff;
 }
-.page-id-11 ul li {
-  list-style: none !important;
+footer ul li {
+  margin-block-start: 0;
+  list-style: none;
+}
+footer .wp-block-query {
+  margin-block-start: 0;
+  padding-top: 0;
+}
+footer .wp-block-query ul.wp-block-post-template {
+  padding-top: 0 !important;
 }
 
+
+

+ 8 - 8
functions.php

@@ -75,14 +75,6 @@ function gwp24_block_styles(){
 	wp_enqueue_style('gwp24-css', get_stylesheet_directory_uri() . '/css/site.css');
 }
 
-add_action( 'after_setup_theme', 'gwp24_add_editor_styles' );
-function gwp24_add_editor_styles() {
-  add_theme_support( 'editor-styles' );
-  add_editor_style([
-    'style-editor.css'
-  ]);
-}
-
 add_action( 'admin_enqueue_scripts', 'gwp24_admin_styles' );
 function gwp24_admin_styles() {
   wp_enqueue_style( 'style-editor', get_template_directory_uri().'/style-editor.css' );
@@ -143,7 +135,15 @@ function gwp24_allowed_block_types( $allowed_blocks, $editor_context ) {
 	);
 }
 
+/***********************************************************
+######################## Blocks ############################
+************************************************************/
 
+function gwp24_restrict_locking_ui( $settings, $context ) {
+  $settings[ 'canLockBlocks' ] = current_user_can( 'activate_plugins' );
+return $settings;
+}
+add_filter( 'block_editor_settings_all', 'gwp24_restrict_locking_ui', 10, 2 );
 
 /***********************************************************
 ######################### Admin ############################

+ 1 - 1
parts/header.html

@@ -4,7 +4,7 @@
 	<div class="wp-block-group alignwide container">
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
 		<div class="wp-block-group">
-			<!-- wp:site-logo {"width":75 } /-->
+			<!-- wp:site-logo {"width":65 } /-->
 			<!-- wp:group {"style":{"spacing":{"blockGap":"30"}}} -->
 			<div class="wp-block-group">
 				<!-- wp:site-title {"level":0} /-->

+ 23 - 19
patterns/color-bar.php

@@ -8,22 +8,26 @@
  */
 ?>
 
-<div class="container-fluid">
-  <div class="row">
-    <div class="col bg-gwp-blue">&nbsp;</div>
-    <div class="col bg-gwp-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
-    <div class="col bg-gwp-green">&nbsp;</div>
-    <div class="col bg-gwp-blue">&nbsp;</div>
-    <div class="col bg-gwp-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
-    <div class="col bg-gwp-green">&nbsp;</div>
-    <div class="col bg-gwp-blue">&nbsp;</div>
-    <div class="col bg-gwp-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-blue-blue-green">&nbsp;</div>
-    <div class="col bg-gwp-green-green-blue">&nbsp;</div>
-    <div class="col bg-gwp-green">&nbsp;</div>
-  </div>
-</div>
+<!-- wp:group {"align":"full","layout":{"type":"constrained"}}} -->
+<div class="wp-block-group alignfull">
+	<!-- wp:group {"className":"row","layout":{"type":"flex","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group row">
+		<div class="col bg-gwp-blue">&nbsp;</div>
+		<div class="col bg-gwp-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-blue-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-green-green-blue">&nbsp;</div>
+		<div class="col bg-gwp-green">&nbsp;</div>
+		<div class="col bg-gwp-blue">&nbsp;</div>
+		<div class="col bg-gwp-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-blue-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-green-green-blue">&nbsp;</div>
+		<div class="col bg-gwp-green">&nbsp;</div>
+		<div class="col bg-gwp-blue">&nbsp;</div>
+		<div class="col bg-gwp-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-blue-blue-green">&nbsp;</div>
+		<div class="col bg-gwp-green-green-blue">&nbsp;</div>
+		<div class="col bg-gwp-green">&nbsp;</div>
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

+ 10 - 10
patterns/footer.php

@@ -8,10 +8,11 @@
  */
 ?>
 
-<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide has-base-color has-contrast-background-color">
-	<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
-	<div class="wp-block-group alignwide container" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
+<!-- wp:group {"align":"full","textColor":"base","backgroundColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull has-text-color-base has-base-color has-contrast-background-color has-text-color has-background">
+
+	<!-- 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 -->
@@ -23,7 +24,7 @@
 				<p>
 					<i class="bi bi-geo-alt"></i> P.O. Box 49458 Greenwood, SC 29649<br />
 					<i class="bi bi-telephone"></i> Telephone: (864) 377-8110<br />
-					<i class="bi bi-envelope"></i> Email: eblair@greenwoodpromise.com
+					<i class="bi bi-envelope"></i> Email: info@greenwoodpromise.com
 				</p>
 				<!-- /wp:paragraph -->
 				<!-- wp:paragraph -->
@@ -42,11 +43,11 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal"}} -->
 				<div class="wp-block-group">
 					<!-- wp:heading {"level":3} -->
-					<h3 class="wp-block-heading has-large-font-size link-gwp-green amatic"><?php esc_html_e('The Power of Promise', 'gwp'); ?></h3>
+					<h3 class="wp-block-heading has-large-font-size has-text-color-base amatic"><?php esc_html_e('The Power of Promise News', 'gwp'); ?></h3>
 					<!-- /wp:heading -->
-					<!-- wp:image {"alt":"promise","align":"right","width":"80px","linkDestination":"none"} -->
-					<figure class="wp-block-image float-end">
-						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/img/_gwp_logo-2.png" style="width:80px" />
+					<!-- wp:image {"align":"right","width":"70px","linkDestination":"none"} -->
+					<figure class="wp-block-image alignright is-resized">
+						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/img/_gwp_logo-2.png" style="width:70px" />
 					</figure>
 					<!-- /wp:image -->
 				</div>
@@ -84,5 +85,4 @@
 	<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 	<!-- /wp:spacer -->
 </div>
-</div>
 <!-- /wp:group -->

+ 7 - 2
patterns/query-short.php

@@ -14,8 +14,13 @@
 	<!-- wp:post-template -->
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"horizontal"}} -->
 		<div class="wp-block-group">
-			<!-- wp:post-date {"format":"Y/m/d"} /-->
-			<!-- wp:post-title {"level":2,"isLink":true,"linkColor":"tirtiary","fontSize":"small"} /-->
+			<!-- wp:post-title {"level":2,"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|tirtiary"}}}},"textColor":"tirtiary","fontSize":"small"} /-->
+			<!-- wp:paragraph -->
+			<span>&nbsp;( </span>
+			<!-- wp:post-date {"format":"m.d.Y"} /-->
+			<span> )</span>
+			<!-- /wp:paragraph -->
+			
 		</div>
 		<!-- /wp:group -->
 	<!-- /wp:post-template -->

+ 22 - 15
style-editor.css

@@ -9,7 +9,23 @@ body {
 }
 :root {
   --wp-components-color-accent: #006837;
-  --wp-admin-theme-color: #e9e4dc;
+  --wp-admin-theme-color: #E9E4DC;
+}
+#wpcontent a {
+  color: #484c57;
+}
+a:hover {
+  color: var(--wp-components-color-accent);
+}
+.wp-core-ui .button, .wp-core-ui .button-secondary {
+  color: #484c57;
+  border-color: #484c57;
+  background: #f6f7f7;
+  vertical-align:top
+}
+.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
+  border: 1px solid #484c57;
+  color: #484c57;
 }
 
 #wp-admin-bar-site-name .ab-item::before {
@@ -180,12 +196,7 @@ body {
     background-color: #484c57;
     color: rgb(213, 213, 213);
   }
-  a {
-    color: rgb(213, 213, 213);
-  }
-  a:hover {
-    color: var(--wp-components-color-accent);
-  }
+
   .edit-post-header {
     background: #484c57 !important;
   }
@@ -209,7 +220,7 @@ body {
     background-color: #cacaca;
   }
   .edit-site-document-actions .edit-site-document-actions__command {
-    background: #2a2d36;
+    background: #bababa;
   }
   .edit-site-patterns .edit-site-patterns__search input[type=search],
   .edit-site-sidebar-navigation-item.components-item[aria-current] {
@@ -223,14 +234,14 @@ body {
     color: rgb(213, 213, 213);
   }
   .components-button.is-secondary {
-    color: rgb(161, 216, 134);
+    color: #8fff96;
     box-shadow: inset 0 0 0 1px #fff;
   }
   .components-button.is-tertiary {
-    color: rgb(161, 216, 134);
+    color: #8fff96;
   }
   .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
-    color: rgb(161, 216, 134);
+    color: #8fff96;
   }
   .components-button .edit-post-fullscreen-mode-close {
     background-color: #484c57;
@@ -254,7 +265,3 @@ body {
     border: 1px solid #484c57 !important;
   }
 }
-
-
-
-

+ 3 - 1
templates/single.html

@@ -1,5 +1,7 @@
 <!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
-
+<!-- wp:spacer {"height":"1rem"} -->
+<div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
 <main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)">
 	<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->

+ 15 - 1
theme.json

@@ -42,7 +42,7 @@
 				},
 				{
 					"slug": "tirtiary",
-					"color": "#8fff96",
+					"color": "#C2FFC6",
 					"name": "tirtiary"
 				},
 				{
@@ -126,6 +126,20 @@
 							"fontDisplay": "swap"
 						}
 					]
+				},
+				{
+					"name": "Playfair Display",
+					"slug": "playfair",
+					"fontFamily": "playfiar",
+					"fontFace": [
+						{
+							"src": "file:./css/fonts/playfair-display-v36-latin-900.woff2",
+							"fontFamily": "\"Playfair\"",
+							"fontWeight": "900",
+							"fontStyle": "normal",
+							"fontDisplay": "swap"
+						}
+					]
 				}
 			],
 			"fontSizes": [