Browse Source

patterns/footer

windhamdavid 5 months ago
parent
commit
8df352c3b9
8 changed files with 104 additions and 71 deletions
  1. 3 0
      css/site.css
  2. 3 0
      css/styles.css
  3. 2 2
      functions.php
  4. 1 6
      parts/header.html
  5. 26 0
      parts/page.html
  6. 21 57
      patterns/footer.php
  7. 33 5
      style-editor.css
  8. 15 1
      theme.json

+ 3 - 0
css/site.css

@@ -128,6 +128,9 @@ table.costs tr.border-top {
   background-color: #484c57;
   font-size: 18px;
 }
+.wp-block-site-logo  {
+
+}
 
 
 @charset "UTF-8";

+ 3 - 0
css/styles.css

@@ -128,4 +128,7 @@ table.costs tr.border-top {
   background-color: #484c57;
   font-size: 18px;
 }
+.wp-block-site-logo  {
+
+}
 

+ 2 - 2
functions.php

@@ -270,7 +270,7 @@ add_action( 'admin_menu', 'gwp24_remove_admin_pages', 99 );
 function gwp24_remove_admin_pages() {
   global $current_user;
   $user_id = get_current_user_id();
-  if($user_id != '1') {
+  if($user_id != '0') {
     remove_submenu_page('themes.php', 'themes-editor.php');
     remove_submenu_page( 'themes.php', 'customize.php?return=' . urlencode($_SERVER['SCRIPT_NAME']));
     remove_submenu_page( 'themes.php', 'themes.php' );
@@ -298,7 +298,7 @@ function gwp24_disable_dashboard_items() {
 	remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');
 }
 
-add_filter( 'screen_options_show_screen', '__return_false' );
+//add_filter( 'screen_options_show_screen', '__return_false' );
 
 
 /***********************************************************

+ 1 - 6
parts/header.html

@@ -1,9 +1,7 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}},"layout":{"type":"constrained"}} -->
 <div class="autohide navbar fixed-top wp-block-group has-base-color  has-contrast-background-color has-background" style="padding-top:10px;padding-bottom:10px">
 	<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->
-
 	<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 } /-->
@@ -14,11 +12,8 @@
 			<!-- /wp:group -->
 		</div>
 		<!-- /wp:group -->
-
 		<!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|40"},"layout":{"selfStretch":"fit","flexSize":null}}} /-->
-
 	</div>
-
 	<!-- /wp:group -->
 </div>
 <!-- /wp:group -->

+ 26 - 0
parts/page.html

@@ -0,0 +1,26 @@
+<!-- wp:template-part {"slug":"header","area":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group">
+	<!-- wp:group {"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group">
+		<!-- 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:post-title {"textAlign":"center","level":1} /-->
+
+		<!-- wp:spacer {"height":"var:preset|spacing|30","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
+		<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--30)" aria-hidden="true"
+			class="wp-block-spacer"></div>
+		<!-- /wp:spacer -->
+
+		<!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer","tagName":"footer"} /-->

+ 21 - 57
patterns/footer.php

@@ -8,68 +8,22 @@
 ?>
 
 <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide 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>
 <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" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
-
 		<!-- wp:separator {"className":"is-style-wide"} -->
 		<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />
 		<!-- /wp:separator -->
-
 		<!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10"}}}} -->
 		<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--10)">
-			<!-- wp:column {"width":"57%"} -->
+      <!-- wp:column {"width":"57%"} -->
 			<div class="wp-block-column" style="flex-basis:57%">
 				<!-- wp:heading {"fontSize":"x-large"} -->
-        <!-- wp:site-title {"level":0} /-->
+          <!-- wp:site-title {"level":0} /-->
         <!-- /wp:heading -->
-        <p class="py-0 wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'P.O. Box 49458 Greenwood, SC 29649', 'gwp' ); ?></p>
-        <p class="amatic fs-1 text-gwp-green mb-0">The Greenwood Promise</p>
-        <p class="mb-0"><i class="bi bi-telephone"></i> Tel: <a class="link-light text-decoration-none" href="tel:864-377-8110">(864) 377-8110</a></p>
-        <p class="mb-0"><i class="bi bi-envelope"></i> <a class="link-light text-decoration-none" href=mailto:%65%62%6c%61%69%72%40%67%72%65%65%6e%77%6f%6f%64%70%72%6f%6d%69%73%65%2e%63%6f%6d">eblair ( at ) greenwoodpromise.com</a></p>
-				<p class="fs-2"> <a class="link-light" href="https://www.facebook.com/TheGreenwoodPromise/" target="_blank"><i class="bi bi-facebook"></i></a> <a class="link-light" href="https://twitter.com/thegwdpromise" target="_blank"><i class="bi bi-twitter"></i></a> <a class="link-light" href="https://www.instagram.com/greenwoodpromise/" target="_blank"><i class="bi bi-instagram"></i></a></p>
-        <p class="text-gwp-blue mb-0">Press Kit:  <a class="link-gwp-blue-green" href="brochure.html">Brochure</a></p>
 			</div>
 			<!-- /wp:column -->
-			<!-- wp:column {"width":"30%"} -->
-			<div class="wp-block-column" style="flex-basis:30%">
-				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
-				<div class="wp-block-group">
-          <!-- wp:image {"width":"120px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
-          <figure class="wp-block-image size-full is-resized">
-          <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/_gwp_logo-2.png" alt="" style="width:120px;height:auto" />
-          </figure>
-          <!-- /wp:image -->
-					<!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} -->
-					<h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'The Power of Promise', 'gwp' ); ?></h3>
-					<!-- /wp:heading -->
-					<!-- wp:paragraph -->
-					<p><a href="#"><?php echo esc_html_x( 'info@greenwoodpromise.com', 'Example email in site footer', 'gwp' ); ?></a></p>
-					<!-- /wp:paragraph -->
-				</div>
-				<!-- /wp:group -->
-			</div>
-			<!-- /wp:column -->
-			<!-- wp:column {"width":"30%"} -->
+      <!-- wp:column {"width":"30%"} -->
 			<div class="wp-block-column" style="flex-basis:30%">
 				<!-- wp:columns {"isStackedOnMobile":false} -->
 				<div class="wp-block-columns is-not-stacked-on-mobile">
@@ -78,11 +32,8 @@
 						<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
 						<div class="wp-block-group">
 							<!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} -->
-							<h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow', 'gwp' ); ?></h3>
+							<h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'The Power of Promise', 'gwp' ); ?></h3>
 							<!-- /wp:heading -->
-							<!-- wp:paragraph -->
-							<p><a href="#"><?php esc_html_e( 'Instagram', 'gwp' ); ?></a> / <a href="#"><?php esc_html_e( 'Facebook', 'gwp' ); ?></a></p>
-							<!-- /wp:paragraph -->
 						</div>
 						<!-- /wp:group -->
 					</div>
@@ -91,13 +42,27 @@
 				<!-- /wp:columns -->
 			</div>
 			<!-- /wp:column -->
+			<!-- wp:column {"width":"30%"} -->
+      <div class="wp-block-column" style="flex-basis:30%">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+				<div class="wp-block-group">
+          <!-- wp:image {"width":"120px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
+          <figure class="wp-block-image size-full is-resized">
+          <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/_gwp_logo-2.png" alt="" style="width:120px;height:auto" />
+          </figure>
+          <!-- /wp:image -->
+					<!-- wp:paragraph -->
+					<p><a href="#"><?php echo esc_html_x( 'info@greenwoodpromise.com', 'Example email in site footer', 'gwp' ); ?></a></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
 		</div>
 		<!-- /wp:columns -->
-
 		<!-- 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","verticalAlignment":"top"}} -->
 		<div class="wp-block-group">
 			<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
@@ -115,5 +80,4 @@
 		<!-- /wp:group -->
 	</div>
 	<!-- /wp:group -->
-
-<!-- /wp:group -->
+<!-- /wp:group -->

+ 33 - 5
style-editor.css

@@ -3,9 +3,7 @@
   height: auto !important;
 }
 /* stop bootstrap 0 margin resets on ul */
-.components-panel__header li {
-  margin-top: 16px !important;
-}
+
 
 body {
   background: #e9e4dc;
@@ -79,6 +77,11 @@ body {
   background-color: #006837;
 }
 
+
+/***********************************************************
+################## Block Editor Styles #####################
+************************************************************/
+
 @media (prefers-color-scheme: dark) {
   .editor-post-title__block,
   .editor-post-publish-panel,
@@ -94,6 +97,8 @@ body {
   .edit-site-layout__header-container,
   .edit-post-sidebar__panel-tabs,
   .edit-post-header,
+  .edit-site-page,
+  .edit-site-page-header,
   .edit-site-layout__content,
   .edit-site-sidebar-navigation-screen__title-icon,
   .edit-site-editor__list-view-panel-content,
@@ -148,12 +153,28 @@ body {
   .components-toolbar-group .block-editor-block-toolbar__block-controls,
   .components-base-control,
   .components-form-token-field__suggestion,
-  .components-panel__body-toggle.components-button
+  .components-panel__body-toggle.components-button,
+  .components-modal__content,
+  .components-modal__header,
+  .commands-command-menu__container [cmdk-item]:active,
+  .commands-command-menu__container [cmdk-item][aria-selected=true]
   {
-    background: #6f7891;
     background-color: #484c57;
     color: rgb(213, 213, 213);
   }
+  .block-editor-block-parent-selector__button {
+    border-color:rgb(213, 213, 213) !important;
+  }
+  .block-editor-block-toolbar .components-toolbar, 
+  .block-editor-block-toolbar .components-toolbar-group {
+    border-color:rgb(213, 213, 213) !important;
+    border-right-color:rgb(213, 213, 213) !important;
+    border-left-color: rgb(213, 213, 213) !important;
+  }
+  .block-editor-block-contextual-toolbar,
+  .block-editor-block-toolbar {
+    border: 1px solid rgb(88, 88, 100) !important;
+  }
   .edit-site-visual-editor {
     background-color: #2a2d36;
   }
@@ -163,6 +184,9 @@ body {
   .components-button {
     color: rgb(213, 213, 213);
   }
+  .components-heading {
+    color: rgb(213, 213, 213);
+  }
   .components-button.is-secondary {
     color: rgb(161, 216, 134);
     box-shadow: inset 0 0 0 1px #fff;
@@ -180,3 +204,7 @@ body {
     background-color: #cacaca;
   }
 }
+
+
+
+

+ 15 - 1
theme.json

@@ -100,6 +100,20 @@
 							"fontDisplay": "swap"
 						}
 					]
+				},
+				{
+					"name": "Amatic",
+					"slug": "amatic",
+					"fontFamily": "Amatic",
+					"fontFace": [
+						{
+							"src": "file:./css/fonts/amatic-sc-v22-latin-700.woff2",
+							"fontFamily": "\"Comic Sans MS\"",
+							"fontWeight": "400",
+							"fontStyle": "normal",
+							"fontDisplay": "swap"
+						}
+					]
 				}
 			],
 			"fontSizes": [
@@ -117,7 +131,7 @@
 				},
 				{
 					"slug": "large",
-					"size": "2rem",
+					"size": "1.6rem",
 					"name": "Large",
 					"fluid": {
 						"min": "1.75rem",