diff --git a/sk8prk/assets/alignments-front.css b/sk8prk/assets/alignments-front.css new file mode 100644 index 0000000000..205b070d34 --- /dev/null +++ b/sk8prk/assets/alignments-front.css @@ -0,0 +1,79 @@ +/* + * Alignments, loaded in the front-end only. + */ + +body { + margin: 0; +} + +* { + box-sizing: border-box; +} + +.wp-site-blocks, +.wp-block-template-part.alignfull { + padding: 0 var(--wp--custom--margin--horizontal); +} + +.wp-site-blocks > *:not(.wp-block-post-content), +.wp-site-blocks .wp-block-post-content > * { + max-width: var(--wp--custom--width--default); + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignwide { + width: var(--wp--custom--width--wide); + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignfull { + transform: translateX(calc(0px - var(--wp--custom--margin-horizontal))); + width: calc(100% + (2 * var(--wp--custom--margin-horizontal))); + max-width: calc(100% + (2 * var(--wp--custom--margin-horizontal))); + margin-left: 0; + margin-right: 0; + box-sizing: content-box; +} + +.wp-site-blocks .wp-block-template-part.alignfull { + width: 100%; + max-width: 100%; +} + +.wp-site-blocks .wp-block-columns.alignfull { + width: 100%; + max-width: 100%; +} + +.aligncenter { + text-align: center; +} + +.wp-site-blocks .alignleft { + float: left; + margin-right: 2em; + max-width: 360px; +} + +.wp-site-blocks .alignright { + float: right; + margin-left: 2em; + max-width: 360px; +} + +@media screen and (min-width: 1290px) { + + .wp-site-blocks, + .wp-block-template-part.alignfull { + padding: 0; + } + + .wp-site-blocks .alignfull { + transform: translateX(0px); + width: 100% + var(--wp--custom--margin-horizontal); + max-width: calc(100% + var(--wp--custom--margin-horizontal)); + } +} diff --git a/sk8prk/assets/block-styles.css b/sk8prk/assets/block-styles.css new file mode 100644 index 0000000000..406dcd95af --- /dev/null +++ b/sk8prk/assets/block-styles.css @@ -0,0 +1,16 @@ +.wp-block-separator.is-style-thick-separator:not(.is-style-wide):not(.is-style-dots) { + opacity: 1; + height: 3px; + border-bottom-width: 3px; + max-width: 100%; + color: var(--wp--custom--color--secondary); +} + +.is-style-filter-effect, +.is-style-filter-effect figure{ + background-color: var(--wp--custom--color--primary); +} + +.is-style-filter-effect img { + mix-blend-mode: luminosity; +} diff --git a/sk8prk/block-patterns.php b/sk8prk/block-patterns.php new file mode 100644 index 0000000000..2454e89c2c --- /dev/null +++ b/sk8prk/block-patterns.php @@ -0,0 +1,226 @@ + __( 'Sk8prk', 'sk8prk' ) ) + ); + } + + /** + * Register Block Patterns. + */ + if ( function_exists( 'register_block_pattern' ) ) { + + register_block_pattern( + 'sk8prk/blog-post-pattern-1', + array( + 'title' => __( 'Left column image', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' +
+
+
+ + + +
Learn the basics of skating along with a group of your peers.
+
+ + + +
+

A HEADING

+ + + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick.

+ + + +

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish.

+ + + +

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/blog-post-pattern-2', + array( + 'title' => __( 'Testimonial and image', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' + +
+
+
+ + + +

Jane Doe

+
+ + + +
+

Add a testimonial from someone who loves what you do.

+
+
+ + + +
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/blog-post-pattern-3', + array( + 'title' => __( 'Two columns and gallery', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' +
+
+ + + +
+

ANOTHER HEADING

+ + + +

Add your company history here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet eros eget justo elementum interdum. Cras vestibulum nulla id aliquam rutrum. Vestibulum aliquet mauris ut augue ultrices facilisis. Vestibulum pretium ligula sed ipsum dapibus, tempus iaculis felis ornare. Morbi pretium sed est tincidunt hendrerit. Curabitur id elit scelerisque, pharetra tellus sit amet.

+ + + +

Aliquam consectetur tristique metus non pulvinar. Donec luctus magna quis justo tincidunt, eu euismod lacus faucibus. Cras eros risus, venenatis ut ante eu.

+
+ + + +
+ + + + +
+ + + +

A quote that is aligned right next to some normal paragraphs and headings

+ + + +

– Jane Doe

+
+
+ + + +
+ + + +
+
+ + + +
+

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish Primo slide.
Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/three-testimonials', + array( + 'title' => __( 'Three Testimonials', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' +
+ + + + + + + +
+
+

HEADING A

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+ + + +
+

HEADING B

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+ + + +
+

HEADING C

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+
+ + + +
+
+
+
+ + + +
+

Add a testimonial from someone who loves what you do.

+ + + +

Jane Doe

+
+
+ ', + ) + ); + } + } +endif; +add_action( 'after_setup_theme', 'sk8prk_register_block_patterns', 12 ); ?> diff --git a/sk8prk/block-template-parts/footer.html b/sk8prk/block-template-parts/footer.html new file mode 100644 index 0000000000..eddee1085f --- /dev/null +++ b/sk8prk/block-template-parts/footer.html @@ -0,0 +1,55 @@ + +
+
+ + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt tailslide.

+ + + + +
+ + + +
+

MORE INFO

+ + + + + + + + + + +
+ + + +
+

SUBSCRIBE

+ + + +

Subscribe form here!

+
+
+ + + + + + + +

Proudly Powered by WordPress

+ + + + + \ No newline at end of file diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html new file mode 100644 index 0000000000..112bd1b84d --- /dev/null +++ b/sk8prk/block-template-parts/header.html @@ -0,0 +1,37 @@ + + + + + +
+
+ + + +
+
+ + + +
+
+ + + + + + + +
+ + + +
+ +
+
+ \ No newline at end of file diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html new file mode 100644 index 0000000000..d9554f3bd4 --- /dev/null +++ b/sk8prk/block-templates/index.html @@ -0,0 +1,151 @@ + + + +

Empowering at-risk youth through skateboarding

+ + + +
+ + + +
+
+ + + +
+
+ + + +

Learn the basics of skating along with a group of your peers. More advanced at skating? Our skateboarding coaches will work with you 1:1 to advance your technique.

+
+
+ + + + + + + +

Monday, June 15 – Sunday, June 28, 2020

+ + + + + + + +
+ + + + + + + +
+
+

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick. Axle flypaper birdie gap Thrasher.

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish Primo slide.

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ + + + + + + +
+
+
+
+

HEADING

+ + + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank.

+
+ + + +
+

HEADING

+ + + +

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks.

+
+
+ + + +
+ + + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick.

+
+
+ + + + + + + +
+
+

VISITING COACHES

+ + + +

Rodney Mullen. Paul Rodriguez. Bucky Lasek. Bob Burnquist. Tony Hawk. Ryan Sheckler. Eric Koston. Bam Margera. Chris Cole. Andrew Reynolds.

+ + + +
+
SEE ALL FACULTY
+
+
+ + + +
+
+ + + + + + + +
+
+
+ + + + +

Ready to skate?

+ + + +
+
SIGN UP
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/sk8prk/block-templates/single.html b/sk8prk/block-templates/single.html new file mode 100644 index 0000000000..d563f69116 --- /dev/null +++ b/sk8prk/block-templates/single.html @@ -0,0 +1,45 @@ + + + + + +
+ + + + + + + + + + + + + +
+
+
+ + +
+ + + +
+
+ + + + + + +
+
+ + + +
+ + + \ No newline at end of file diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json new file mode 100644 index 0000000000..e3c8797e8e --- /dev/null +++ b/sk8prk/experimental-theme.json @@ -0,0 +1,170 @@ +{ + "global": { + "settings": { + "color": { + "gradients": [ ], + "palette": [ + { + "slug": "black", + "color": "#000000", + "name": "Black" + }, + { + "slug": "white", + "color": "#ffffff", + "name": "White" + }, + { + "slug": "green", + "color": "#BFF5A5", + "name": "Green" + } + ] + }, + "typography": { + "customFontSize": true, + "customLineHeight": true, + "fontSizes": [ + { + "name": "Tiny", + "size": "14px", + "slug": "tiny" + }, + { + "name": "Small", + "size": "16px", + "slug": "small" + }, + { + "name": "Normal", + "size": "20px", + "slug": "normal" + }, + { + "name": "Big", + "size": "26px", + "slug": "big" + }, + { + "name": "Medium", + "size": "48px", + "slug": "medium" + }, + { + "name": "Large", + "size": "64px", + "slug": "large" + }, + { + "name": "Huge", + "size": "72px", + "slug": "huge" + } + ], + "fontFamilies": [ + { + "fontFamily": "\"Red Hat Display\", sans-serif", + "slug": "red-hat-display", + "name": "Red Hat Display" + }, + { + "fontFamily": "\"Red Hat Text\", sans-serif", + "slug": "red-hat-text", + "name": "Red Hat Text" + } + ], + "spacing": { + "customPadding": true, + "units": [ "px", "em", "rem", "vh", "vw" ] + } + }, + "custom": { + "color": { + "primary": "var(--wp--preset--color--green)", + "secondary": "var(--wp--preset--color--black)" + }, + "line-height": { + "body": 1.6, + "small": 1.2, + "medium": 1.4, + "large": 1.5 + }, + "width": { + "default": "1124px", + "wide": "1248px", + "full": "100%" + }, + "margin": { + "horizontal": "20px" + } + } + }, + "styles": { + "color": { + "background": "var(--wp--custom--color--primary)", + "text": "var(--wp--custom--color--secondary)", + "link": "var(--wp--custom--color--secondary)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)", + "lineHeight": "var(--wp--custom--line-height--body)", + "fontFamily": "var(--wp--preset--font-family--red-hat-text)" + } + } + }, + "core/site-title": { + "styles": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--red-hat-display)" + } + } + }, + "core/heading/h1": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--huge )", + "lineHeight": "var( --wp--custom--line-height--small )" + } + } + }, + "core/heading/h2": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--large )", + "lineHeight": "var( --wp--custom--line-height--small )" + } + } + }, + "core/heading/h3": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--medium )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h4": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--normal )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h5": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--small )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h6": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--tiny )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + } +} diff --git a/sk8prk/functions.php b/sk8prk/functions.php new file mode 100644 index 0000000000..578e3f7189 --- /dev/null +++ b/sk8prk/functions.php @@ -0,0 +1,162 @@ + urlencode( implode( '|', $font_families ) ), + 'subset' => urlencode( 'latin,latin-ext' ), + ); + + $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); + } + + return $fonts_url; +} + +/** + * Enqueue scripts and styles. + */ +function sk8prk_scripts() { + + // Enqueue theme stylesheet. + wp_enqueue_style( 'sk8prk-style', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) ); + + // Enqueue alignments stylesheet. + wp_enqueue_style( 'sk8prk-alignments-style', get_template_directory_uri() . '/assets/alignments-front.css', array(), wp_get_theme()->get( 'Version' ) ); + + // Enqueue custom fonts. + wp_enqueue_style( 'sk8prk-google-fonts', sk8prk_google_fonts_url() ); +} +add_action( 'wp_enqueue_scripts', 'sk8prk_scripts' ); + +/** + * Register Custom Block Styles + */ +if ( function_exists( 'register_block_style' ) ) { + function sk8prk_register_block_styles() { + + /** + ** Register stylesheet + **/ + wp_register_style( + 'block-styles-stylesheet', + get_template_directory_uri() . '/assets/block-styles.css', + array(), + '1.1' + ); + + /** + * Register Separator block style + */ + register_block_style( + 'core/separator', + array( + 'name' => 'thick-separator', + 'label' => 'Thick', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + + /** + * Register Image block style + */ + register_block_style( + 'core/image', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + + /** + * Register Featured Image block style + */ + register_block_style( + 'core/post-featured-image', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + + /** + * Register Featured Image block style + */ + register_block_style( + 'core/gallery', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + } + + add_action( 'init', 'sk8prk_register_block_styles' ); +} + +/** + * Block Patterns. + */ +require get_stylesheet_directory() . '/block-patterns.php'; \ No newline at end of file diff --git a/sk8prk/index.php b/sk8prk/index.php new file mode 100644 index 0000000000..e69de29bb2 diff --git a/sk8prk/style.css b/sk8prk/style.css new file mode 100644 index 0000000000..bceb95f7e8 --- /dev/null +++ b/sk8prk/style.css @@ -0,0 +1,63 @@ +/* +Theme Name: Sk8prk +Theme URI: https://github.com/wordpress/theme-experiments/ +Author: Kjell Reigstad +Description: The base for a block-based theme. +Requires at least: 5.3 +Tested up to: 5.5 +Requires PHP: 5.6 +Version: 1.0 +License: GNU General Public License v2 or later +License URI: LICENSE +Text Domain: sk8prk + +Sk8prk is distributed under the terms of the GNU GPL. +*/ + +/* CSS RESET */ + +figure { + margin: 0; +} + +img { + height: auto; + max-width: 100%; +} + +/* */ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--wp--preset--font-family--red-hat-display); +} + +@media screen and (max-width: 600px) { + :root { + --wp--preset--font-size--normal: 18px; + --wp--preset--font-size--big: 20px; + --wp--preset--font-size--medium: 30px; + --wp--preset--font-size--large: 36px; + --wp--preset--font-size--huge: 48px; + } +} + +.wp-block-columns.has-border-style { + border: solid 3px var(--wp--preset--color--primary); + padding: 1.35em; +} + +h1.has-heading-top-border, +h2.has-heading-top-border, +h3.has-heading-top-border, +h4.has-heading-top-border, +h5.has-heading-top-border, +h6.has-heading-top-border { + border-top: solid 3px var(--wp--preset--color--primary); + display: inline-block; + padding-top: 0.5em; +}