add themes

This commit is contained in:
2023-07-25 13:51:08 -07:00
parent a1ce01c0a8
commit a53ddcb50c
39 changed files with 1845 additions and 0 deletions

0
chuck-theme/.gitignore vendored Normal file
View File

View File

@@ -0,0 +1,17 @@
/* .wp-block-post-title {
position: relative;
}
.wp-block-post-title::after {
background-image: var(--accent-gradient);
background-size: 100%;
background-position: 0%;
content: '';
position: absolute;
z-index: -10;
bottom: 5px;
left: -2px;
right: -2px;
height: 10px;
border-radius: 5px;
} */

95
chuck-theme/functions.php Normal file
View File

@@ -0,0 +1,95 @@
<?php
/**
* chucktheme's functions and definitions
*
* @package chucktheme
* @since chucktheme 1.0
*/
/**
* First, let's set the maximum content width based on the theme's
* design and stylesheet.
* This will limit the width of all uploaded images and embeds.
*/
if (!isset($content_width)) {
$content_width = 800; /* pixels */
}
if (!function_exists('chucktheme_setup')) :
/**
* Sets up theme defaults and registers support for various
* WordPress features.
*
* Note that this function is hooked into the after_setup_theme
* hook, which runs before the init hook. The init hook is too late
* for some features, such as indicating support post thumbnails.
*/
function chucktheme_setup()
{
// /**
// * Make theme available for translation.
// * Translations can be placed in the /languages/ directory.
// */
// load_theme_textdomain( 'chucktheme', get_template_directory() . '/languages' );
// /**
// * Add default posts and comments RSS feed links to <head>.
// */
// add_theme_support( 'automatic-feed-links' );
// /**
// * Enable support for post thumbnails and featured images.
// */
// add_theme_support( 'post-thumbnails' );
// /**
// * Add support for two custom navigation menus.
// */
// register_nav_menus( array(
// 'primary' => __( 'Primary Menu', 'chucktheme' ),
// 'secondary' => __( 'Secondary Menu', 'chucktheme' ),
// ) );
// /**
// * Enable support for the following post formats:
// * aside, gallery, quote, image, and video
// */
// add_theme_support( 'post-formats', array( 'aside', 'gallery', 'quote', 'image', 'video' ) );
$styled_blocks = ['post-title'];
foreach ($styled_blocks as $block_name) {
$args = array(
'handle' => "myfirsttheme-$block_name",
'src' => get_theme_file_uri("assets/css/blocks/$block_name.css"),
$args['path'] = get_theme_file_path("assets/css/blocks/$block_name.css"),
);
wp_enqueue_block_style("core/$block_name", $args);
}
add_theme_support('align-wide');
// add_filter('render_block', function ($blockContent, $block) {
// if ($block['blockName'] !== 'core/post-title') {
// return $blockContent;
// }
// $pattern = '/(<h[^>]*>)(.*)(<\/h[1-7]{1}>)/i';
// $replacement = '$1<span>$2</span>$3';
// return preg_replace($pattern, $replacement, $blockContent);
// }, 10, 2);
}
endif; // chucktheme_setup
add_action('after_setup_theme', 'chucktheme_setup');
if (!function_exists('chucktheme_enqueue')) :
function chucktheme_enqueue()
{
wp_enqueue_style('style', get_stylesheet_uri());
}
endif;
add_action('wp_enqueue_scripts', 'chucktheme_enqueue');

View File

@@ -0,0 +1,44 @@
<!-- wp:heading {"className":"comments-title"} -->
<h2 class="comments-title">Comments</h2>
<!-- /wp:heading -->
<!-- wp:comments-query-loop -->
<div class="wp-block-comments-query-loop">
<!-- wp:comment-template -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"40px"} -->
<div class="wp-block-column" style="flex-basis: 40px">
<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:comment-author-name /-->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
<div class="wp-block-group" style="margin-top: 0px; margin-bottom: 0px">
<!-- wp:comment-date /-->
<!-- wp:comment-edit-link /-->
</div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:comment-reply-link /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-numbers /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
</div>
<!-- /wp:comments-query-loop -->
<!-- wp:post-comments-form /-->

View File

@@ -0,0 +1,33 @@
<!-- wp:group {"gradient":"trans-pride","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-trans-pride-gradient-background has-background"><!-- wp:group {"align":"full","className":"white-bg-overlay","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull white-bg-overlay"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Contact</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>(954)-667-2916</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="mailto:info@transsocial.org">info@transsocial.org</a></p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|20"}}},"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links is-style-logos-only"><!-- wp:social-link {"service":"instagram"} /-->
<!-- wp:social-link {"service":"facebook"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">
Proudly powered by <a href="https://wordpress.org/">WordPress</a>.
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

View File

@@ -0,0 +1,15 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"0","right":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div
class="wp-block-group"
style="
padding-top: var(--wp--preset--spacing--40);
padding-right: 0;
padding-bottom: var(--wp--preset--spacing--40);
padding-left: 0;
"
>
<!-- wp:site-logo {"shouldSyncIcon":true} /-->
<!-- wp:navigation {"ref":20,"icon":"menu","layout":{"type":"flex","justifyContent":"right"}} /-->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,49 @@
<?php
/**
* Title: footer
* Slug: chucktheme/footer
* Categories: hidden
* Inserter: no
*/
?>
<!-- wp:group {"gradient":"trans-pride","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-trans-pride-gradient-background has-background"><!-- wp:group {"align":"full","className":"white-bg-overlay","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull white-bg-overlay"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Contact</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>(954)-667-2916</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="mailto:info@transsocial.org">info@transsocial.org</a></p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|20"}}},"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links is-style-logos-only"><!-- wp:social-link {"service":"instagram"} /-->
<!-- wp:social-link {"service":"facebook"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">
Proudly powered by <a href="https://wordpress.org/">WordPress</a>.
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

48
chuck-theme/style.css Normal file
View File

@@ -0,0 +1,48 @@
/*
Theme Name: chucktheme
Author: Chuck Dries <chuck@chuckdries.com>
Description: A short description of the theme.
Version: The version, written in X.X or X.X.X format.
Requires at least: The oldest main WordPress version supported, written in X.X format.
Tested up to: The last main WordPress version the theme has been tested up to, i.e. 6.0. Write only the number.
Requires PHP: The oldest PHP version supported, in X.X format, only the number.
License: The license of the theme.
License URI: The URL of the theme license.
Text Domain: chucktheme
*/
:root {
--accent: 91 206 250;
--accent-text: hsl(197deg 52% 55%);
--accent-pink: hsl(348deg 29% 61%);
--accent-gradient: linear-gradient(
45deg,
hsl(348deg 79% 81%) 0%, /*#F5A8B8*/
hsl(336deg 73% 81%) 21%,
hsl(321deg 61% 80%) 30%,
hsl(296deg 47% 79%) 39%,
hsl(269deg 64% 82%) 46%,
hsl(244deg 82% 85%) 54%,
hsl(224deg 99% 83%) 61%,
hsl(211deg 100% 78%) 69%,
hsl(203deg 100% 73%) 79%,
hsl(197deg 94% 67%) 100% /*#5CCDFA*/
);
--accent-gradient-reverse: linear-gradient(
225deg,
hsl(348deg 79% 81%) 0%,
hsl(336deg 73% 81%) 21%,
hsl(321deg 61% 80%) 30%,
hsl(296deg 47% 79%) 39%,
hsl(269deg 64% 82%) 46%,
hsl(244deg 82% 85%) 54%,
hsl(224deg 99% 83%) 61%,
hsl(211deg 100% 78%) 69%,
hsl(203deg 100% 73%) 79%,
hsl(197deg 94% 67%) 100%
);
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.white-bg-overlay {
background: hsla(0, 0%, 100%, 0.7)
}

View File

@@ -0,0 +1 @@
<!-- wp:template-part {"slug":"header"} /-->

View File

@@ -0,0 +1 @@
<div><h1>hello world!</h1></div>

View File

@@ -0,0 +1,25 @@
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
<!-- wp:query -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:post-featured-image /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-author {"showAvatar":false} /-->
<!-- wp:post-date /-->
<!-- wp:post-terms {"term":"category"} /-->
<!-- wp:post-excerpt /-->
<!-- /wp:post-template -->
<!-- wp:query-pagination -->
<div class="wp-block-query-pagination">
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
</div>
<!-- /wp:query-pagination -->
</div>
<!-- /wp:query -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->

View File

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

View File

@@ -0,0 +1,15 @@
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
<!-- wp:post-featured-image /-->
<!-- wp:post-content {"align":"full","layout":{"type":"constrained"}} /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height: 40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer -->
<div style="height: 100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->

View File

@@ -0,0 +1,55 @@
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
<!-- wp:query-title {"type":"search","level":2} /-->
<!-- wp:query -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:post-featured-image /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-author {"showAvatar":false} /-->
<!-- wp:post-date /-->
<!-- wp:post-terms {"term":"category"} /-->
<!-- wp:post-excerpt /-->
<!-- /wp:post-template -->
<!-- wp:query-pagination -->
<div class="wp-block-query-pagination">
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
</div>
<!-- /wp:query-pagination -->
<!-- ****** NO RESULTS -->
<!-- wp:query-no-results -->
<!-- wp:heading {"textAlign":"left","level":3} -->
<h3 class="has-text-align-left">No results found</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">
Sorry, but nothing matched your search terms. Please try again with some
different keywords.
</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":"50px"} -->
<div style="height: 50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search"} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height: 50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"level":3} -->
<h3>Looking for a specific topic?</h3>
<!-- /wp:heading -->
<!-- wp:categories /-->
<!-- /wp:query-no-results -->
</div>
<!-- /wp:query -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->

View File

@@ -0,0 +1,28 @@
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
<!-- wp:post-featured-image /-->
<!-- wp:post-title /-->
<!-- wp:spacer {"height":40} -->
<div style="height: 40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-content /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height: 40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-terms {"term":"post_tag"} /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height: 40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-navigation-link {"type":"previous"} /-->
<!-- wp:post-navigation-link /-->
<!-- wp:spacer -->
<div style="height: 100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:template-part {"slug":"comments"} -->
</main>
<!-- /wp:template-part -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
<!-- /wp:group -->

182
chuck-theme/theme.json Normal file
View File

@@ -0,0 +1,182 @@
{
"customTemplates": [
{
"name": "no-title",
"postTypes": [
"post",
"page"
],
"title": "No title"
}
],
"settings": {
"appearanceTools": true,
"color": {
"duotone": [
{
"colors": [
"#00a0d2",
"#0073aa"
],
"name": "Secondary and primary",
"slug": "secondary-primary"
},
{
"colors": [
"#0073aa",
"#f0f0f0"
],
"name": "Primary and Contrast",
"slug": "primary-contrast"
}
],
"gradients": [
{
"gradient": "linear-gradient(45deg, hsl(348deg 79% 81%) 0%, hsl(336deg 73% 81%) 21%, hsl(321deg 61% 80%) 30%, hsl(296deg 47% 79%) 39%, hsl(269deg 64% 82%) 46%, hsl(244deg 82% 85%) 54%, hsl(224deg 99% 83%) 61%, hsl(211deg 100% 78%) 69%, hsl(203deg 100% 73%) 79%, hsl(197deg 94% 67%) 100%)",
"name": "Trans pride",
"slug": "trans-pride"
},
{
"gradient": "linear-gradient(225deg, hsl(348deg 79% 81%) 0%, hsl(336deg 73% 81%) 21%, hsl(321deg 61% 80%) 30%, hsl(296deg 47% 79%) 39%, hsl(269deg 64% 82%) 46%, hsl(244deg 82% 85%) 54%, hsl(224deg 99% 83%) 61%, hsl(211deg 100% 78%) 69%, hsl(203deg 100% 73%) 79%, hsl(197deg 94% 67%) 100%)",
"name": "Trans pride reverse",
"slug": "trans-pride-reverse"
}
],
"palette": [
{
"color": "#1e1e1e",
"name": "Base",
"slug": "base"
},
{
"color": "#f6f6f6",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#0073aa",
"name": "Primary",
"slug": "primary"
},
{
"color": "#00a0d2",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "transparent",
"name": "Transparent",
"slug": "transparent"
}
]
},
"layout": {
"contentSize": "700px",
"wideSize": "920px"
},
"spacing": {
"units": [
"px",
"em",
"rem",
"vh",
"vw",
"%"
]
},
"typography": {
"dropCap": false,
"fluid": true,
"fontFamilies": [
{
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
"name": "System",
"slug": "system"
},
{
"fontFamily": "system-ui,sans-serif",
"name": "Sans",
"slug": "sans"
},
{
"fontFamily": "Consolas,Menlo,Monaco,\"SF Mono\",\"DejaVu Sans Mono\",\"Roboto Mono\",\"Courier New\",Courier,monospace",
"name": "Monospace",
"slug": "monospace"
}
],
"fontSizes": [
{
"fluid": false,
"name": "Extra small",
"size": "1rem",
"slug": "extra-small"
},
{
"fluid": false,
"name": "Small",
"size": "1.125rem",
"slug": "small"
},
{
"fluid": {
"max": "1.5rem",
"min": "1.25rem"
},
"name": "Medium",
"size": "1.25rem",
"slug": "medium"
},
{
"fluid": {
"max": "2rem",
"min": "1.75rem"
},
"name": "Large",
"size": "2rem",
"slug": "large"
},
{
"fluid": {
"max": "2.75rem",
"min": "2.5rem"
},
"name": "XL",
"size": "2.75rem",
"slug": "x-large"
},
{
"fluid": {
"max": "3.75rem",
"min": "3rem"
},
"name": "XXL",
"size": "3.75rem",
"slug": "xx-large"
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
"color": {
"background": "var(--wp--preset--color--contrast)"
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--sans)"
}
},
"templateParts": [
{
"area": "header",
"name": "header",
"title": "Header"
},
{
"area": "footer",
"name": "footer",
"title": "Footer"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}