Beep: Add theme (#7514)

* Beep: Add theme

* Beep: Fix the colour of footer template parts

* Beep: Cleanup style variation and improved search no result page.
This commit is contained in:
Takashi Irie 2023-12-07 04:26:38 +01:00 committed by GitHub
parent a906e6e3a8
commit 35cb6f8e2a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
44 changed files with 1192 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

60
beep/functions.php Normal file
View file

@ -0,0 +1,60 @@
<?php
/**
* Beep functions and definitions
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package Beep
* @since Beep 1.0
*/
if ( ! function_exists( 'beep_support' ) ) :
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* @since Beep 1.0
*
* @return void
*/
function beep_support() {
// Enqueue editor styles.
add_editor_style( 'style.css' );
// Make theme available for translation.
load_theme_textdomain( 'beep' );
}
endif;
add_action( 'after_setup_theme', 'beep_support' );
if ( ! function_exists( 'beep_styles' ) ) :
/**
* Enqueue styles.
*
* @since Beep 1.0
*
* @return void
*/
function beep_styles() {
// Register theme stylesheet.
wp_register_style(
'beep-style',
get_stylesheet_directory_uri() . '/style.css',
array(),
wp_get_theme()->get( 'Version' )
);
// Enqueue theme stylesheet.
wp_enqueue_style( 'beep-style' );
}
endif;
add_action( 'wp_enqueue_scripts', 'beep_styles' );

View file

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

View file

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

1
beep/parts/footer.html Normal file
View file

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

1
beep/parts/header.html Normal file
View file

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

View file

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

11
beep/patterns/404.php Normal file
View file

@ -0,0 +1,11 @@
<?php
/**
* Title: 404 page
* Slug: beep/404
* Inserter: no
*/
?>
<!-- wp:heading {"textAlign":"left","level":1,"anchor":"oops-that-page-can-t-be-found"} -->
<h1 class="wp-block-heading has-text-align-left" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Error: 404 >> Not Found.', 'beep' ); ?></h1>
<!-- /wp:heading -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Archive Title
* Slug: beep/archive-title
* Inserter: no
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|80","bottom":"0","left":"var:preset|spacing|80"},"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:var(--wp--preset--spacing--80);padding-bottom:0;padding-left:var(--wp--preset--spacing--80)">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'archive', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:query-title {"type":"archive"} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,38 @@
<?php
/**
* Title: Footer for Page
* Slug: beep/footer-page
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary","layout":{"type":"default"}} -->
<div class="wp-block-group has-tertiary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color"><?php echo esc_html__( 'code_is_poetry', 'beep' ); ?>( '</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'beep' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'beep' ),
$wordpress_link
);?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color">' );</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,40 @@
<?php
/**
* Title: Footer for Post
* Slug: beep/footer-post
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"default"}} -->
<div class="wp-block-group has-secondary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color"><?php echo esc_html__( 'code_is_poetry', 'beep' ); ?>( '</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'beep' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'beep' ),
$wordpress_link
);?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color">' );</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

38
beep/patterns/footer.php Normal file
View file

@ -0,0 +1,38 @@
<?php
/**
* Title: Default Footer
* Slug: beep/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:group {"templateLock":"insert","lock":{"move":false,"remove":true},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color"><?php echo esc_html__( 'code_is_poetry', 'beep' ); ?>( '</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'beep' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
esc_html__( 'Designed with %1$s', 'beep' ),
$wordpress_link
);?></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color">' );</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

18
beep/patterns/header.php Normal file
View file

@ -0,0 +1,18 @@
<?php
/**
* Title: Header
* Slug: beep/header
* Categories: header
* Block Types: core/template-part/header
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|80","bottom":"0","left":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:0;padding-left:var(--wp--preset--spacing--80)">
<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">></p>
<!-- /wp:paragraph -->
<!-- wp:site-title {"style":{"spacing":{"margin":{"right":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} /-->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Navigation
* Slug: beep/navigation
* Inserter: no
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"},"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'pages', 'beep' ); ?> = [</p>
<!-- /wp:paragraph -->
<!-- wp:navigation {"overlayMenu":"never","hasIcon":false,"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|inactive"}}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color has-link-color" style="margin-left:var(--wp--preset--spacing--30)">];</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,10 @@
<?php
/**
* Title: No Results Content
* Slug: beep/no-results
* Inserter: no
*/
?>
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'beep' ); ?></p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Post Content
* Slug: beep/post-content
* Inserter: no
*/
?>
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'content', 'beep' ); ?> = [</p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|80"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--80)">
<!-- wp:post-content /-->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">];</p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,49 @@
<?php
/**
* Title: Post Meta
* Slug: beep/post-meta
* Inserter: no
*/
?>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'date', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-date {"format":"y.m.d h:i"} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'category', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'author', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-author {"showAvatar":false} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,35 @@
<?php
/**
* Title: Post Nav
* Slug: beep/post-nav
* Inserter: no
*/
?>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'previous', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-navigation-link {"type":"previous","showTitle":true} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'next', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-navigation-link {"showTitle":true} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Post Title
* Slug: beep/post-title
* Inserter: no
*/
?>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'title', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:post-title {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Query Title
* Slug: beep/query-title
* Inserter: no
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|80","bottom":"0","left":"var:preset|spacing|80"},"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:var(--wp--preset--spacing--80);padding-bottom:0;padding-left:var(--wp--preset--spacing--80)">
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0","right":"var:preset|spacing|40"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-right:var(--wp--preset--spacing--40);margin-left:0">$<?php echo esc_html__( 'search', 'beep' ); ?> =</p>
<!-- /wp:paragraph -->
<!-- wp:query-title {"type":"search"} /-->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"left":"0"}}},"textColor":"inactive"} -->
<p class="has-inactive-color has-text-color" style="margin-left:0">;</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

35
beep/readme.txt Normal file
View file

@ -0,0 +1,35 @@
=== Beep ===
Contributors: Automattic
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
Inspired by the phrase “code is poetry”, this is a geeky theme designed for those who appreciate the beauty of code. It is a text-heavy theme with a dark palette that plays with the idea of emulating a terminal prompt or code editor.
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
Beep WordPress Theme, (C) 2023
Beep is distributed under the terms of the GNU GPL.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
Roboto Mono Font
Licensed under the Apache License, Version 2.0 (https://www.apache.org/licenses/LICENSE-2.0)
Source: https://fonts.google.com/specimen/Roboto+Mono

BIN
beep/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

26
beep/style.css Normal file
View file

@ -0,0 +1,26 @@
/*
Theme Name: Beep
Theme URI: https://wordpress.com/theme/beep
Author: Automattic
Author URI: https://automattic.com/
Description: Inspired by the phrase code is poetry, this is a geeky theme designed for those who appreciate the beauty of code. It is a text-heavy theme with a dark palette that plays with the idea of emulating a terminal prompt or code editor.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beep
Tags: blog, one-column, wide-blocks, block-styles, full-site-editing, rtl-language-support, style-variations, threaded-comments, translation-ready
*/
/*
* Control the hover stylings of outline block style.
* Unnecessary once block styles are configurable via theme.json
* https://github.com/WordPress/gutenberg/issues/42794
*/
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}

View file

@ -0,0 +1,39 @@
{
"styles": {
"elements": {
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
}
}

11
beep/templates/404.html Normal file
View file

@ -0,0 +1,11 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:template-part {"slug":"navigation"} /-->
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"default"}} -->
<main class="wp-block-group has-white-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:pattern {"slug":"beep/404"} /-->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,25 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:template-part {"slug":"navigation"} /-->
<!-- wp:pattern {"slug":"beep/archive-title"} /-->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","displayLayout":{"type":"list"}} -->
<main class="wp-block-query">
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- wp:post-date {"format":"y.m.d h:i","isLink":true,"style":{"spacing":{"margin":{"right":"0","left":"var:preset|spacing|50"}}}} /-->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

23
beep/templates/index.html Normal file
View file

@ -0,0 +1,23 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:template-part {"slug":"navigation"} /-->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","displayLayout":{"type":"list"}} -->
<main class="wp-block-query">
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- wp:post-date {"format":"y.m.d h:i","isLink":true,"style":{"spacing":{"margin":{"right":"0","left":"var:preset|spacing|50"}}}} /-->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

15
beep/templates/page.html Normal file
View file

@ -0,0 +1,15 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|tertiary"}}}},"textColor":"tertiary","layout":{"type":"default"}} -->
<div class="wp-block-group has-tertiary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:pattern {"slug":"beep/post-title"} /-->
<!-- wp:pattern {"slug":"beep/post-content"} /-->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer-page","tagName":"footer"} /-->

View file

@ -0,0 +1,27 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:pattern {"slug":"beep/query-title"} /-->
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","displayLayout":{"type":"list"}} -->
<main class="wp-block-query">
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
<!-- wp:post-date {"format":"y.m.d h:i","isLink":true,"style":{"spacing":{"margin":{"right":"0","left":"var:preset|spacing|50"}}}} /-->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:query-no-results -->
<!-- wp:pattern {"slug":"beep/no-results"} /-->
<!-- /wp:query-no-results -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,23 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|80"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","layout":{"type":"default"}} -->
<div class="wp-block-group has-secondary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)">
<!-- wp:pattern {"slug":"beep/post-title"} /-->
<!-- wp:pattern {"slug":"beep/post-content"} /-->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:pattern {"slug":"beep/post-meta"} /-->
<!-- wp:spacer {"height":"140px"} -->
<div style="height:140px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:pattern {"slug":"beep/post-nav"} /-->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer-post","tagName":"footer"} /-->

559
beep/theme.json Normal file
View file

@ -0,0 +1,559 @@
{
"settings": {
"appearanceTools": true,
"color": {
"defaultDuotone": false,
"defaultGradients": false,
"defaultPalette": false,
"palette": [
{
"color": "#00E49A",
"name": "Primary",
"slug": "primary"
},
{
"color": "#FB6500",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#FBC300",
"name": "Tertiary",
"slug": "tertiary"
},
{
"color": "#3B3B3B",
"name": "Inactive",
"slug": "inactive"
},
{
"color": "#ffffff",
"name": "White",
"slug": "white"
}
]
},
"layout": {
"contentSize": "80vw",
"wideSize": "92vw"
},
"spacing": {
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"fluid": true,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "100",
"src": [
"file:./assets/fonts/roboto-mono_normal_100.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "200",
"src": [
"file:./assets/fonts/roboto-mono_normal_200.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/roboto-mono_normal_300.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/roboto-mono_normal_400.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/roboto-mono_normal_500.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "600",
"src": [
"file:./assets/fonts/roboto-mono_normal_600.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/roboto-mono_normal_700.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "100",
"src": [
"file:./assets/fonts/roboto-mono_italic_100.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "200",
"src": [
"file:./assets/fonts/roboto-mono_italic_200.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "300",
"src": [
"file:./assets/fonts/roboto-mono_italic_300.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/roboto-mono_italic_400.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/roboto-mono_italic_500.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "600",
"src": [
"file:./assets/fonts/roboto-mono_italic_600.ttf"
]
},
{
"fontFamily": "Roboto Mono",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/roboto-mono_italic_700.ttf"
]
}
],
"fontFamily": "Roboto Mono",
"slug": "roboto-mono"
}
],
"fontSizes": [
{
"fluid": {
"max": "1rem",
"min": "0.75rem"
},
"name": "Tiny",
"size": "0.9rem",
"slug": "x-small"
},
{
"fluid": false,
"name": "Small",
"size": "1rem",
"slug": "small"
},
{
"fluid": false,
"name": "Medium",
"size": "1.125rem",
"slug": "medium"
},
{
"fluid": false,
"name": "Large",
"size": "1.37rem",
"slug": "large"
},
{
"fluid": {
"max": "2.25rem",
"min": "1.75rem"
},
"name": "Extra Large",
"size": "2rem",
"slug": "x-large"
},
{
"fluid": {
"max": "3rem",
"min": "2.25rem"
},
"name": "Huge",
"size": "2.25rem",
"slug": "xx-large"
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
"blocks": {
"core/code": {
"border": {
"color": "var(--wp--preset--color--white)",
"radius": "2px",
"style": "solid",
"width": "2px"
},
"color": {
"text": "var(--wp--preset--color--white)"
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"left": "var(--wp--preset--spacing--50)",
"right": "var(--wp--preset--spacing--50)",
"top": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--roboto-mono)"
}
},
"core/comment-author-name": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-date": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-edit-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"core/comment-reply-link": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"textDecoration": "underline"
}
},
"core/gallery": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--50)"
}
}
},
"core/heading": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--30)",
"left": "0",
"right": "0",
"top": "var(--wp--preset--spacing--70)"
}
}
},
"core/list": {
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--70)"
}
}
},
"core/navigation-submenu": {
"color": {
"background": "#000000",
"text": "var(--wp--preset--color--primary)"
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
}
},
"core/post-content": {
"elements": {
"link": {
":hover": {
"color": {
"text": "#fff"
},
"typography": {
"textDecoration": "underline"
}
},
"color": {
"text": "#fff"
},
"typography": {
"textDecoration": "underline"
}
}
}
},
"core/post-date": {
"typography": {
"textTransform": "none"
}
},
"core/post-title": {
"spacing": {
"margin": {
"bottom": "0"
}
}
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--inactive)",
"style": "solid",
"width": "0 0 0 5px"
},
"elements": {
"cite": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontStyle": "normal"
}
}
},
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--70)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)",
"fontStyle": "normal"
}
},
"core/search": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.6"
}
},
"core/separator": {
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
},
"color": {
"text": "var(--wp--preset--color--foreground)"
}
},
"core/site-title": {
"color": {
"text": "var(--wp--preset--color--foreground)"
},
"typography": {
"fontStyle": "normal",
"textDecoration": "none",
"textTransform": "none"
}
},
"core/table": {
"css": "& td, & th{padding: var(--wp--preset--spacing--30);} &+figcaption {font-size: var(--wp--preset--font-size--small);text-align: center;}"
}
},
"color": {
"background": "#000",
"text": "var(--wp--preset--color--primary)"
},
"elements": {
"button": {
":active": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--foreground)"
}
},
":focus": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--foreground)"
},
"outline": {
"color": "var(--wp--preset--color--secondary)",
"offset": "2px",
"style": "dotted",
"width": "2px"
}
},
":hover": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "#fff"
}
},
"border": {
"radius": "0"
},
"color": {
"background": "#2f2f2f",
"text": "var(--wp--preset--color--background)"
}
},
"caption": {
"color": {
"text": "#8B9399"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"heading": {
"typography": {
"fontStyle": "normal",
"fontWeight": "400",
"lineHeight": "1.6",
"textTransform": "none"
}
},
"link": {
":active": {
"color": {
"text": "var(--wp--preset--color--background)"
},
"typography": {
"textDecoration": "none"
}
},
":focus": {
"color": {
"text": "var(--wp--preset--color--foreground)"
},
"outline": {
"color": "var(--wp--preset--color--foreground)",
"offset": "2px",
"style": "dotted",
"width": "2px"
},
"typography": {
"textDecoration": "none"
}
},
":hover": {
"color": {
"text": "#fff"
},
"typography": {
"textDecoration": "none"
}
},
"color": {
"text": "var(--wp--preset--color--primary)"
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"blockGap": "0",
"padding": {
"bottom": "0rem",
"left": "0rem",
"right": "0rem",
"top": "0rem"
}
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--roboto-mono)",
"fontSize": "var(--wp--preset--font-size--x-large)",
"fontStyle": "normal",
"fontWeight": "400",
"lineHeight": "1.4"
}
},
"templateParts": [
{
"area": "header",
"name": "header",
"title": "Header"
},
{
"area": "footer",
"name": "footer",
"title": "Default Footer"
},
{
"area": "footer",
"name": "footer-page",
"title": "Footer on Page"
},
{
"area": "footer",
"name": "footer-post",
"title": "Footer on Post"
},
{
"area": "uncategorized",
"name": "navigation",
"title": "Navigation"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}