Create initial footer

This commit is contained in:
Aadil Ayub 2024-05-31 15:24:13 +05:00
parent 4f0c4247bc
commit f7287286a2
3 changed files with 93 additions and 1 deletions

1
parts/footer.html Normal file
View File

@ -0,0 +1 @@
<!-- wp:pattern {"slug":"/footer"} /-->

89
patterns/footer.php Normal file
View File

@ -0,0 +1,89 @@
<?php
/**
* Title: footer
* Slug: /footer
* Categories: hidden
* Inserter: no
*/
?>
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"black","textColor":"white","layout":{"type":"default"}} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--70)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="padding-bottom:var(--wp--preset--spacing--80);flex-basis:20%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/logo.svg" alt="" class=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:700;letter-spacing:0px">About</p>
<!-- /wp:paragraph -->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item {"className":"is-style-constrained"} -->
<li class="is-style-constrained">About</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>The Project</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Aims</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>Principles</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Members</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Grants and awards</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:700;letter-spacing:0px">Our Work</p>
<!-- /wp:paragraph -->
<!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>This is What Police Tech Looks Like</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Refusing Control</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"20%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:20%"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>Blog</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Resources</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Contact</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

View File

@ -2,4 +2,6 @@
<!-- wp:group {"layout":{"type":"constrained","contentSize":"640px"}} -->
<div class="wp-block-group"><!-- wp:post-content /--></div>
<!-- /wp:group -->
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","area":"footer"} /-->