BSOJ: add theme for review (#7012)

Co-authored-by: Jason Crist <jcrist@pbking.com>
This commit is contained in:
Matias Benedetto 2023-06-26 14:51:39 +02:00 committed by GitHub
parent 1068d19aaf
commit 83076284e2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
36 changed files with 1753 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.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

60
bsoj/functions.php Normal file
View file

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

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

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

25
bsoj/parts/header.html Normal file
View file

@ -0,0 +1,25 @@
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--80)">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:site-logo /-->
<!-- wp:site-title {"fontSize":"medium"} /-->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"overlayBackgroundColor":"base","overlayTextColor":"primary","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

15
bsoj/patterns/404.php Normal file
View file

@ -0,0 +1,15 @@
<?php
/**
* Title: A 404 page
* Slug: bsoj/404
* Inserter: no
*/
?>
<!-- wp:heading {"level":1,"fontSize":"large","anchor":"oops-that-page-can-t-be-found"} -->
<h1 class="wp-block-heading has-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'bsoj' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'bsoj' ); ?></p>
<!-- /wp:paragraph -->

View file

@ -0,0 +1,69 @@
<?php
/**
* Title: Comments
* slug: bsoj/comments
* inserter: no
*/
?>
<!-- wp:comments {"style":{"spacing":{"margin":{"top":"var:preset|spacing|80"}}},"className":"wp-block-comments-query-loop"} -->
<div class="wp-block-comments wp-block-comments-query-loop" style="margin-top:var(--wp--preset--spacing--80)">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:comments-title {"level":3} /-->
<!-- wp:comment-template -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:avatar {"size":40} /-->
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:comment-author-name /-->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
<!-- wp:comment-edit-link /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:comment-reply-link /-->
</div>
<!-- /wp:group -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
<!-- wp:post-comments-form /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:comments -->

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

@ -0,0 +1,38 @@
<?php
/**
* Title: Default footer
* Slug: bsoj/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|80"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:var(--wp--preset--spacing--80)">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:paragraph -->
<p>
<?php
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'lineup' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
/* Translators: WordPress link. */
esc_html__( 'Designed with %1$s', 'lineup' ),
$wordpress_link
);
?>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View file

@ -0,0 +1,26 @@
<?php
/**
* Title: No Results Content
* Slug: bsoj/no-results-content
* Inserter: no
*/
?>
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%">
<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Hmm...', 'bsoj' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- 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', 'bsoj' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

9
bsoj/patterns/search.php Normal file
View file

@ -0,0 +1,9 @@
<?php
/**
* Title: Search
* Slug: bsoj/search
* Inserter: no
*/
?>
<!-- wp:search {"label":"","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder text in a search field', 'bsoj' ); ?>","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->

42
bsoj/readme.txt Normal file
View file

@ -0,0 +1,42 @@
=== BSoJ ===
Contributors: Automattic
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
BSoJ (Blue Screen of Joy) is a blog theme inspired by the infamous Blue Screen of Death.
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
BSoJ WordPress Theme, (C) 2023 Automattic
BSoJ is distributed under the terms of the GNU GPL.
BSoJ is based on Block Canvas (https://github.com/Automattic/themes/tree/trunk/block-canvas), (C) Automattic, [GPLv2 or later](http://www.gnu.org/licenses/gpl-2.0.html)
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.
This theme bundles the following third-party resources:
Josefin Sans Font
Licensed under SIL Open Font License, 1.10 (http://scripts.sil.org/OFL)
Source: https://fonts.google.com/specimen/Josefin+Sans
Anonymous Pro Font
Licensed under SIL Open Font License, 1.10 (http://scripts.sil.org/OFL)
Source: https://fonts.google.com/specimen/Anonymous+Pro

BIN
bsoj/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 KiB

239
bsoj/style.css Normal file
View file

@ -0,0 +1,239 @@
/*
Theme Name: BSoJ
Theme URI: https://wordpress.com/theme/bsoj
Author: Automattic
Author URI: https://automattic.com
Description: BSoJ (Blue Screen of Joy) is a blog theme inspired by the infamous Blue Screen of Death.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:
Text Domain: bsoj
Tags: blog, one-column, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, sticky-post, theme-options, 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);
color: var(--wp--preset--color--base);
border-color: var(--wp--preset--color--primary);
}
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
a {
text-decoration-thickness: 0.5px !important;
text-underline-offset: 0.15em;
}
/*
* Form field styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
::placeholder {
color: var(--wp--preset--color--base);
opacity: 1; /* Firefox */
}
/*
* Avatar Block
* Fix border radius setting for the avatar block
*/
.wp-block-avatar a,
.wp-block-avatar img {
border-radius: inherit;
vertical-align: middle;
}
/*
* Calendar Block
* Adjust colours in the Calendar
*/
.wp-block-calendar table:where(:not(.has-text-color)) {
color: var(--wp--preset--color--contrast);
}
.wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th {
border-color: var(--wp--preset--color--contrast);
}
:where(.wp-block-calendar table:not(.has-background) th) {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
/*
* Latest Comments & Latest Posts Blocks
* Make them inherit the block setting
*/
.wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
font-size: inherit;
}
/*
* Navigation Block
* Remove the top padding for submenu items
*/
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: 0;
}
/*
* Post Author Block
* Make them inherit the block setting
*/
.wp-block-post-author__byline,
.wp-block-post-author__bio {
font-size: inherit;
}
/* Round the avatar and reset the vertical alignment */
.wp-block-post-author__avatar img {
border-radius: 999px;
vertical-align: middle;
}
/* Remove the default margin from author bio */
.wp-block-post-author__bio {
margin: var(--wp--preset--spacing--50) 0 0;
}
/*
* Post Comments Form
* Reset browser default margins for blockquote element
*/
.wp-block-post-comments-form .comment-reply-title {
font-size: var(--wp--preset--font-size--large);
}
/* Remove the bottom margin from the submit button in the post comments form */
.wp-block-post-comments-form .form-submit {
margin-bottom: 0;
}
/* Make the fields inherit the line height */
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
line-height: inherit;
}
/*
* Pull quote Block
* Reset browser default margins for blockquote element
*/
.wp-block-pullquote blockquote {
margin: 0;
}
/*
* Search Block
* Button inside style adjustment
*/
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 2px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
background-color:var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
padding: 0 0 0 var(--wp--preset--spacing--40);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-element-button {
padding-right: 12px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-element-button:hover,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-element-button:focus {
background-color: var(--wp--preset--color--primary);
}
/*
* Tag Cloud Block
* Style tag cloud outline style
*/
.wp-block-tag-cloud.is-style-outline a {
border-radius: 999px;
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}
/*
* Term Description Block
* Remove the default margins
*/
.wp-block-term-description p:first-child {
margin-top: 0;
}
.wp-block-term-description p:last-child {
margin-bottom: 0;
}
/*
* Jetpack Contact Form Block
* Match the padding to the Gutenberg default
*/
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=url],
.contact-form textarea {
padding: calc(0.667em + 2px);
}
/* Label is 400 in this theme */
div[id^="contact-form-"] .contact-form label {
font-weight: 400;
}
/* Match the submission result to the theme style */
div[id^="contact-form-"] .contact-form-submission {
border-color: var(--wp--preset--color--primary);
margin: 0;
padding: 0;
}
/* Match the color of the link to the theme style */
div[id^="contact-form-"] .contact-form-submission .go-back-message .link {
color: var(--wp--preset--color--primary);
font-weight: inherit;
}
/* Match the submission result title to the theme style */
div[id^="contact-form-"] h4 {
font-size: var(--wp--preset--font-size--medium);
font-weight: inherit;
}
/*
* Jetpack Mailchimp Block
* Match the font size and line height
* Match the padding to the Gutenberg default
*/
.wp-block-jetpack-mailchimp input:not([type="submit"]):not([type="checkbox"]) {
border-width: 1px;
font-size: inherit;
line-height: inherit;
padding: calc(0.667em + 2px);
}
.wp-block-jetpack-mailchimp .wp-block-jetpack-button,
.wp-block-jetpack-mailchimp p {
margin-top: var(--wp--preset--spacing--50);
margin-bottom: 0;
}

26
bsoj/templates/404.html Normal file
View file

@ -0,0 +1,26 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%">
<!-- wp:paragraph -->
<p>404</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:pattern {"slug":"bsoj/404"} /-->
<!-- wp:pattern {"slug":"bsoj/search"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,79 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:query {"queryId":4,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-query">
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide" style="padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:query-title {"type":"archive","showPrefix":false,"align":"wide","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} /-->
<!-- wp:term-description {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:20%">
<!-- wp:post-date {"format":"Y-m-d","style":{"spacing":{"margin":{"bottom":"2px"}}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:80%">
<!-- wp:post-title {"isLink":true} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-excerpt /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

63
bsoj/templates/index.html Normal file
View file

@ -0,0 +1,63 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-query">
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:20%">
<!-- wp:post-date {"format":"Y-m-d","style":{"spacing":{"margin":{"bottom":"2px"}}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:80%">
<!-- wp:post-title {"isLink":true} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-excerpt /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

45
bsoj/templates/page.html Normal file
View file

@ -0,0 +1,45 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false}} -->
<main class="wp-block-group">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:20%">
<!-- wp:post-date {"format":"Y-m-d","displayType":"modified","style":{"spacing":{"margin":{"bottom":"2px"}}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:80%">
<!-- wp:post-title /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:post-featured-image /-->
<!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"constrained"}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:pattern {"slug":"bsoj/comments"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,85 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:pattern {"slug":"bsoj/search"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:query {"queryId":2,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-query">
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:20%">
<!-- wp:post-date {"format":"Y-m-d","style":{"spacing":{"margin":{"bottom":"2px"}}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:80%">
<!-- wp:post-title {"isLink":true} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-excerpt /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:query-no-results {"align":"wide"} -->
<!-- wp:pattern {"slug":"bsoj/no-results-content"} /-->
<!-- /wp:query-no-results -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,65 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false}} -->
<main class="wp-block-group">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:20%">
<!-- wp:post-date {"format":"Y-m-d","style":{"spacing":{"margin":{"bottom":"2px"}}}} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"80%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:80%">
<!-- wp:post-title /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:post-featured-image /-->
<!-- wp:post-content {"lock":{"move":false,"remove":false},"layout":{"type":"constrained"}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:post-navigation-link {"type":"previous","arrow":"chevron"} /-->
<!-- wp:post-navigation-link {"arrow":"chevron"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:pattern {"slug":"bsoj/comments"} /-->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

866
bsoj/theme.json Normal file
View file

@ -0,0 +1,866 @@
{
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"color": "#132088",
"name": "Base",
"slug": "base"
},
{
"color": "#e0d2e8",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#ffffff",
"name": "Primary",
"slug": "primary"
}
]
},
"layout": {
"contentSize": "400px",
"wideSize": "524px"
},
"spacing": {
"spacingSizes": [
{
"name": "1",
"size": "0.5rem",
"slug": "30"
},
{
"name": "2",
"size": "1.0rem",
"slug": "40"
},
{
"name": "3",
"size": "1.5rem",
"slug": "50"
},
{
"name": "4",
"size": "3.0rem",
"slug": "60"
},
{
"name": "5",
"size": "4.5rem",
"slug": "70"
},
{
"name": "6",
"size": "6.0rem",
"slug": "80"
}
],
"units": [
"%",
"px",
"em",
"rem",
"vh",
"vw"
]
},
"typography": {
"fluid": true,
"fontFamilies": [
{
"fontFace": [
{
"fontFamily": "Anonymous Pro",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/anonymous-pro_normal_400.ttf"
]
},
{
"fontFamily": "Anonymous Pro",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/anonymous-pro_italic_400.ttf"
]
},
{
"fontFamily": "Anonymous Pro",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/anonymous-pro_normal_700.ttf"
]
},
{
"fontFamily": "Anonymous Pro",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/anonymous-pro_italic_700.ttf"
]
}
],
"fontFamily": "Anonymous Pro",
"slug": "anonymous-pro"
},
{
"fontFace": [
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "100",
"src": [
"file:./assets/fonts/josefin-sans_normal_100.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "200",
"src": [
"file:./assets/fonts/josefin-sans_normal_200.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "300",
"src": [
"file:./assets/fonts/josefin-sans_normal_300.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/josefin-sans_normal_400.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/josefin-sans_normal_500.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "600",
"src": [
"file:./assets/fonts/josefin-sans_normal_600.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/josefin-sans_normal_700.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "100",
"src": [
"file:./assets/fonts/josefin-sans_italic_100.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "200",
"src": [
"file:./assets/fonts/josefin-sans_italic_200.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "300",
"src": [
"file:./assets/fonts/josefin-sans_italic_300.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/josefin-sans_italic_400.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/josefin-sans_italic_500.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "600",
"src": [
"file:./assets/fonts/josefin-sans_italic_600.ttf"
]
},
{
"fontFamily": "Josefin Sans",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/josefin-sans_italic_700.ttf"
]
}
],
"fontFamily": "Josefin Sans",
"slug": "josefin-sans"
}
],
"fontSizes": [
{
"fluid": false,
"name": "Small",
"size": "0.729rem",
"slug": "small"
},
{
"fluid": false,
"name": "Medium",
"size": "0.875rem",
"slug": "medium"
},
{
"fluid": false,
"name": "Large",
"size": "1.26rem",
"slug": "large"
},
{
"fluid": {
"max": "1.814rem",
"min": "1.512srem"
},
"name": "Extra Large",
"size": "1.814rem",
"slug": "x-large"
}
]
},
"useRootPaddingAwareAlignments": true
},
"styles": {
"blocks": {
"core/archives": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"padding": {
"left": "var:preset|spacing|40"
}
}
},
"core/avatar": {
"border": {
"radius": "999px"
}
},
"core/button": {
"border": {
"radius": "999px"
},
"spacing": {
"padding": {
"bottom": "10px",
"left": "24px",
"right": "24px",
"top": "10px"
}
},
"variations": {
"outline": {
"spacing": {
"padding": {
"bottom": "8px",
"left": "22px",
"right": "22px",
"top": "8px"
}
}
}
}
},
"core/buttons": {
"spacing": {
"blockGap": "var:preset|spacing|40"
}
},
"core/categories": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"padding": {
"left": "var:preset|spacing|40"
}
}
},
"core/code": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"radius": "0",
"style": "solid",
"width": "1px"
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--40)",
"left": "var(--wp--preset--spacing--40)",
"right": "var(--wp--preset--spacing--40)",
"top": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontFamily": "monospace"
}
},
"core/comment-author-name": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comment-date": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comment-edit-link": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comment-reply-link": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comments-pagination": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/comments-title": {
"spacing": {
"margin": {
"top": "0px",
"bottom": "var(--wp--preset--spacing--50)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/cover": {
"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)"
}
}
},
"core/latest-comments": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"padding": {
"left": "0px"
}
}
},
"core/latest-posts": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/list": {
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--40)"
}
}
},
"core/navigation": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/page-list": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/paragraph": {
"typography": {
"lineHeight": "calc(1em + 0.375rem)"
}
},
"core/post-author": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-author-name": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-date": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-navigation-link": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-terms": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/post-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"spacing": {
"margin": {
"bottom": "0"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/pullquote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"style": "solid",
"width": "1px 0"
},
"spacing": {
"padding": {
"bottom": "var(--wp--preset--spacing--40)",
"left": "var(--wp--preset--spacing--40)",
"right": "var(--wp--preset--spacing--40)",
"top": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontStyle": "italic"
}
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"style": "solid",
"width": "0 0 0 1px"
},
"spacing": {
"padding": {
"left": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontStyle": "italic"
}
},
"core/query-pagination": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/search": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1"
}
},
"core/rss": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/separator": {
"border": {
"color": "currentColor",
"style": "solid",
"width": "0 0 1px 0"
},
"color": {
"text": "var(--wp--preset--color--contrast)"
}
},
"core/site-title": {
"color": {
"text": "var(--wp--preset--color--contrast)"
},
"elements": {
"link": {
":hover": {
"color": {
"text": "var(--wp--preset--color--primary)"
},
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"fontWeight": "400",
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"core/social-links": {
"spacing": {
"blockGap": {
"left": "var(--wp--preset--spacing--40)",
"top": "var(--wp--preset--spacing--40)"
}
}
},
"core/table-of-contents": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var:preset|font-size|medium"
}
}
},
"color": {
"background": "var(--wp--preset--color--base)",
"text": "var(--wp--preset--color--contrast)"
},
"elements": {
"button": {
":active": {
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--base)"
}
},
":focus": {
"color": {
"background": "var(--wp--preset--color--contrast)",
"text": "var(--wp--preset--color--base)"
},
"outline": {
"color": "var(--wp--preset--color--primary)",
"offset": "2px",
"style": "dotted",
"width": "1px"
}
},
":hover": {
"color": {
"background": "var(--wp--preset--color--contrast)",
"text": "var(--wp--preset--color--base)"
}
},
"border": {
"radius": "999px"
},
"color": {
"background": "var(--wp--preset--color--primary)",
"text": "var(--wp--preset--color--base)"
},
"spacing": {
"padding": {
"bottom": "10px",
"left": "24px",
"right": "24px",
"top": "10px"
}
},
"typography": {
"lineHeight": "1"
}
},
"h1": {
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
},
"heading": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--josefin-sans)",
"fontWeight": "400",
"lineHeight": "1.125"
}
},
"link": {
":hover": {
"color": {
"text": "var(--wp--preset--color--contrast)"
},
"typography": {
"textDecoration": "none"
}
},
"color": {
"text": "var(--wp--preset--color--primary)"
}
}
},
"spacing": {
"blockGap": "var(--wp--preset--spacing--50)",
"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--anonymous-pro)",
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.428571429"
}
},
"templateParts": [
{
"area": "header",
"name": "header"
},
{
"area": "footer",
"name": "footer"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}