Browse Source

patterns/footer

windhamdavid 6 months ago
parent
commit
0800842a97
9 changed files with 228 additions and 73 deletions
  1. 4 0
      css/custom.css
  2. 5 0
      css/custom.scss
  3. 33 3
      css/site.css
  4. 26 1
      css/styles.css
  5. 11 5
      functions.php
  6. 3 3
      parts/header.html
  7. 90 53
      patterns/footer.php
  8. 52 3
      style-editor.css
  9. 4 5
      theme.json

+ 4 - 0
css/custom.css

@@ -8,6 +8,10 @@
 /***********************************************************
 ####################### Custom  ############################
 ************************************************************/
+a {
+  text-decoration: none !important;
+}
+
 /***********************************************************
 ################## Bootstrap Complete ######################
 ************************************************************/

+ 5 - 0
css/custom.scss

@@ -14,10 +14,15 @@
 
 
 
+
 /***********************************************************
 ####################### Custom  ############################
 ************************************************************/
 
+a {
+  text-decoration: none !important;
+}
+
 $body-bg: #e9e4dc;
 $link-color: #4f6579;
 $link-hover-color: #72aee6;

+ 33 - 3
css/site.css

@@ -73,13 +73,13 @@ footer .form-control::placeholder {
   line-height: 1.8em;
 }
 .outline ol {
-
+  list-style-type: upper-roman;
 }
 .outline ol ol {
-  list-style-type: lower-alpha;
+  list-style-type: upper-alpha;
 }
 .outline ol ol ol {
-  list-style-type: lower-roman;
+  list-style-type: decimal;
 }
 .outline ol ol ol ol {
   counter-reset: list;
@@ -104,6 +104,32 @@ footer .form-control::placeholder {
 table.costs tr.border-top {
   border-top: 2px solid !important;
 }
+
+/***********************************************************
+################### Site Migration #########################
+************************************************************/
+
+.wp-block-navigation-link .current-menu-item a {
+  color: #ffffff !important;
+}
+.wp-block-site-title {
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: 3px;
+}
+.wp-block-navigation__submenu-container {
+  background-color: #484c57;
+}
+.wp-block-navigation .wp-block-navigation-item {
+  background-color: #484c57;
+}
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
+  color:#E9E4DC;
+  background-color: #484c57;
+  font-size: 18px;
+}
+
+
 @charset "UTF-8";
 /***********************************************************
 ################## greenwoodpromise.com ####################
@@ -114,6 +140,10 @@ table.costs tr.border-top {
 /***********************************************************
 ####################### Custom  ############################
 ************************************************************/
+a {
+  text-decoration: none !important;
+}
+
 /***********************************************************
 ################## Bootstrap Complete ######################
 ************************************************************/

+ 26 - 1
css/styles.css

@@ -103,4 +103,29 @@ footer .form-control::placeholder {
 }
 table.costs tr.border-top {
   border-top: 2px solid !important;
-}
+}
+
+/***********************************************************
+################### Site Migration #########################
+************************************************************/
+
+.wp-block-navigation-link .current-menu-item a {
+  color: #ffffff !important;
+}
+.wp-block-site-title {
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: 3px;
+}
+.wp-block-navigation__submenu-container {
+  background-color: #484c57;
+}
+.wp-block-navigation .wp-block-navigation-item {
+  background-color: #484c57;
+}
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
+  color:#E9E4DC;
+  background-color: #484c57;
+  font-size: 18px;
+}
+

+ 11 - 5
functions.php

@@ -40,12 +40,11 @@ add_action('updated_option', 'gwp24_browsersync_save', 10, 3);
 ######################## Old Site ##########################
 ************************************************************/
 
-wp_enqueue_style( 'site-css', get_template_directory_uri() . '/css/site.css');
-
-function gwp24_enqueue_script() {
+function gwp24_enqueue_assets() {
   wp_enqueue_script ( 'site-js', get_template_directory_uri() . '/js/site.js' );
+  wp_enqueue_style( 'site-css', get_template_directory_uri() . '/css/site.css');
 }
-add_action( 'wp_enqueue_scripts', 'gwp24_enqueue_script' );
+add_action( 'wp_enqueue_scripts', 'gwp24_enqueue_assets' );
 
 remove_theme_support( 'block-templates' );
 add_theme_support( 'block-template-parts' );
@@ -140,7 +139,12 @@ function gwp24_allowed_block_types( $allowed_blocks, $editor_context ) {
     'core/media-text',
     'core/more',
     'core/nextpage',
-
+    'core/group',
+    'core/heading',
+    'core/subhead',
+    'core/text-columns',
+    'core/row',
+    'core/post-list',
 	);
 }
 
@@ -294,6 +298,8 @@ function gwp24_disable_dashboard_items() {
 	remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');
 }
 
+add_filter( 'screen_options_show_screen', '__return_false' );
+
 
 /***********************************************************
 ###################### Last Login ##########################

+ 3 - 3
parts/header.html

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

+ 90 - 53
patterns/footer.php

@@ -6,8 +6,9 @@
  * Block Types: core/template-part/footer
  */
 ?>
-<footer class="bg-gwp-grey text-light border-top">
-<div class="container-fluid">
+
+<!-- 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>
@@ -26,57 +27,93 @@
     <div class="col bg-gwp-green">&nbsp;</div>
   </div>
 </div>
-<div class="container mt-5 pb-5 mb-0">
-    <div class="row">
-      <div class="col fs-5">
-        <img src="<?php echo get_stylesheet_directory_uri()?>/img/_gwp_logo-2.png" alt="The Greenwood Promise" width="120" class="d-inline-block align-text-top float-end"/>
+<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%"} -->
+			<div class="wp-block-column" style="flex-basis:57%">
+				<!-- wp:heading {"fontSize":"x-large"} -->
+        <!-- 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">P.O. Box 49458 Greenwood, SC 29649</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> 
-      </div>
-      <div class="col-4">
-        <h5 class="mb-0 text-gwp-blue fw-light text-uppercase pt-5">The Power of Promise</h5>
-        <div id="mc_embed_signup">
-          <!--<form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="mc validate" target="_blank" novalidate>
-            <p class="text-gwp-green mb-1"> <i class="bi bi-envelope"></i> Sign Up for Email Updates</p>
-            <div class="row gx-1">
-              <div class="col">
-                <input type="text" value="" name="FNAME" class="required form-control" id="mce-FNAME" placeholder="First name">
-              </div>
-              <div class="col">
-                <input type="text" value="" name="LNAME" class="required form-control" id="mce-LNAME" placeholder="Last name">
-              </div>
-            </div>
-            <div class="row gx-1 mt-1">
-              <div class="col-md-9">
-                <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Email Address">
-                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_996a177c2cf9b80af1049a13c_9a642f3dc3" tabindex="-1" value=""></div>
-              </div>     
-              <div class="col-md-3">
-                <button class="btn btn-outline-gwp-green" type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="btn btn-outline-light mt-2" disabled>Sign Up</button>
-              </div>
-              <div id="mce-responses" class="clear">
-                <div class="response" id="mce-error-response" style="display:none"></div>
-                <div class="response" id="mce-success-response" style="display:none"></div>
-              </div>
-            </div>
-          </form>-->
-        </div>
-      </div>
-      <div class="row">
-        <div class="col">
-          <p class="float-end mb-1">
-            <a href="#"><i class="bi bi-arrow-up-circle-fill text-light fs-2"></i></a>
-          </p>
-        </div>
-      </div>
-      <div class="row fs-5">
-        <div class="col float-end">
-          <p class="text-gwp-blue mb-0">Press Kit:  <a class="link-gwp-blue-green" href="brochure.html">Brochure</a></p>
-        </div>
-      </div>
-    </div>
-  </div>
-</footer>
+				<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%"} -->
+			<div class="wp-block-column" style="flex-basis:30%">
+				<!-- wp:columns {"isStackedOnMobile":false} -->
+				<div class="wp-block-columns is-not-stacked-on-mobile">
+					<!-- wp:column -->
+					<div class="wp-block-column">
+						<!-- 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>
+							<!-- /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>
+					<!-- /wp:column -->
+				</div>
+				<!-- /wp:columns -->
+			</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"}} -->
+			<div class="wp-block-group">
+				<!-- wp:paragraph {"fontSize":"small"} -->
+				<p class="has-small-font-size"><?php esc_html_e( '&copy;', 'gwp' ); ?></p>
+				<!-- /wp:paragraph -->
+				<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
+			</div>
+			<!-- /wp:group -->
+      <p class="float-end mb-1">
+        <a href="#"><i class="bi bi-arrow-up-circle-fill text-light fs-2"></i></a>
+      </p>
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+<!-- /wp:group -->

+ 52 - 3
style-editor.css

@@ -2,9 +2,19 @@
 .theme-name {
   height: auto !important;
 }
+/* stop bootstrap 0 margin resets on ul */
+.components-panel__header li {
+  margin-top: 16px !important;
+}
+
 body {
   background: #e9e4dc;
 }
+:root {
+  --wp-components-color-accent: #006837;
+  --wp-admin-theme-color: #e9e4dc;
+}
+
 #wp-admin-bar-site-name .ab-item::before {
   background-image: url(../gwp/img/_gwp_icon.svg) !important;
   background: no-repeat;
@@ -19,10 +29,27 @@ body {
 .edit-site-site-icon {
   background-image: url(../gwp/img/_gwp_icon.svg) !important;
   background: no-repeat;
+  background-size: 70% !important;
+  background-position: center !important;
   display: block;
   width: 30px;
   height: 30px;
 }
+.edit-post-fullscreen-mode-close.components-button {
+  background-image: url(../gwp/img/_gwp_icon.svg) !important;
+  background-color: #484c57;
+  border-bottom: 1px solid #d3d3d3;
+  background: no-repeat;
+  background-size: 70% !important;
+  background-position: center !important;
+  display: block;
+}
+.edit-post-fullscreen-mode-close.components-button:before {
+  content: none !important;
+}
+.edit-post-fullscreen-mode-close.components-button svg {
+  display: none !important;
+}
 .edit-site-layout__view-mode-toggle.components-button {
   transform: scale(0.8);
   border-bottom: none;
@@ -48,9 +75,16 @@ body {
 #adminmenu li.opensub {
   background-color: #383b44;
 }
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu:hover, #adminmenu li.wp-has-current-submenu.opensub:hover, #adminmenu li:hover, #adminmenu li.opensub:hover {
+  background-color: #006837;
+}
 
 @media (prefers-color-scheme: dark) {
   .editor-post-title__block,
+  .editor-post-publish-panel,
+  .editor-post-publish-panel__header,
+  .editor-post-publish-panel__content,
+  .editor-post-publish-panel__footer,
   .editor-default-block-appender,
   .editor-block-list__block,
   .editor-block-list__layout,
@@ -66,10 +100,12 @@ body {
   .edit-site-editor__list-view-panel-header,
   .edit-site-site-hub__view-mode-toggle-container,
   .edit-site-patterns__header,
-  .entities-saved-states__text-prompt,
+  .edit-site-style-book__tab-panel .components-tab-panel__tabs,
   .edit-site-sidebar-edit-mode__panel-tabs,
   .edit-site-sidebar-navigation-screen__footer,
   .edit-site-header-edit-mode,
+  .edit-site-layout__actions,
+  .entities-saved-states__panel-header,
   .edit-site-layout__sidebar,
   .edit-site-sidebar__content,
   .media-modal-content,
@@ -85,6 +121,8 @@ body {
   .block-editor-block-breadcrumb__button,
   .block-editor-block-patterns-list,
   .block-editor-inserter__patterns-category-panel-header,
+  .block-editor-inserter__quick-inserter-expand,
+  .block-editor-block-inspector__no-block-tools, .block-editor-block-inspector__no-blocks,
   .block-editor-inserter__media-dialog,
   .block-editor-block-breadcrumb__current,
   .interface-interface-skeleton__body,
@@ -94,11 +132,16 @@ body {
   .interface-complementary-area h2,
   .interface-interface-skeleton__footer,
   .interface-interface-skeleton__footer .block-editor-block-breadcrumb,
+  .entities-saved-states__text-prompt,
   .components-button, 
   .components-panel,
   .components-placeholder,
   .components-toolbar-group,
   .components-panel__body-title,
+  .components-tab-panel__tabs,
+  .components-panel__body-toggle,
+  .components-toggle-group-control,
+  .components-font-size-picker__controls,
   .components-menu-group,
   .components-popover__content,
   .components-button.block-editor-block-types-list__item,
@@ -107,10 +150,16 @@ body {
   .components-form-token-field__suggestion,
   .components-panel__body-toggle.components-button
   {
-    background: #484c57;
+    background: #6f7891;
     background-color: #484c57;
     color: rgb(213, 213, 213);
   }
+  .edit-site-visual-editor {
+    background-color: #2a2d36;
+  }
+  .edit-site-document-actions__command {
+    background-color: #cacaca;
+  }
   .components-button {
     color: rgb(213, 213, 213);
   }
@@ -124,7 +173,7 @@ body {
   .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
     color: rgb(161, 216, 134);
   }
-  .components-button edit-post-fullscreen-mode-close {
+  .components-button .edit-post-fullscreen-mode-close {
     background-color: #484c57;
   }
   .components-button .edit-site-document-actions__command {

+ 4 - 5
theme.json

@@ -3,7 +3,7 @@
 	"$schema": "https://schemas.wp.org/trunk/theme.json",
 	"settings": {
 		"appearanceTools": true,
-		"useRootPaddingAwareAlignments": false,
+		"useRootPaddingAwareAlignments": true,
 		"layout": {
 			"contentSize": "960px",
 			"wideSize": "1140px"
@@ -33,7 +33,7 @@
 				},
 				{
 					"slug": "secondary",
-					"color": "#484c57",
+					"color": "#C7C7C7",
 					"name": "Secondary"
 				},
 				{
@@ -105,7 +105,7 @@
 			"fontSizes": [
 				{
 					"slug": "small",
-					"size": "1.1rem",
+					"size": "0.9rem",
 					"name": "Small",
 					"fluid": false
 				},
@@ -143,8 +143,7 @@
 					}
 				}
 			]
-		},
-		"useRootPaddingAwareAlignments": true
+		}
 	},
 	"styles": {
 		"blocks": {