Monticello: block-based boilerplate

monticello/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));
+	}
+}

monticello/block-template-parts/footer.html

@@ -0,0 +1,37 @@
+<!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
+<div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
+<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"backgroundColor":"light-beige-2"} -->
+<div class="wp-block-group has-light-beige-2-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:heading -->
+<h2>Contact</h2>
+<!-- /wp:heading -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:paragraph -->
+<p>(123) 456-7890<br>321 Main Street<br>New York, NY, 10001</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:social-links -->
+<ul class="wp-block-social-links"><!-- wp:social-link {"url":"instagram.com/wordpress","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"instagram.com/facebook","service":"facebook"} /-->
+
+<!-- wp:social-link {"url":"twitter.com/wordpress","service":"twitter"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center"} -->
+<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center"} -->
+<p class="has-text-align-center">Proudly Powered by WordPress</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center"} -->
+<p class="has-text-align-center">©2020 Java the Hut</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

monticello/block-template-parts/header.html

@@ -0,0 +1,17 @@
+<!-- wp:group {"align":"full"} -->
+<div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:group {"className":"site-info"} -->
+<div class="wp-block-group site-info"><div class="wp-block-group__inner-container"><!-- wp:site-title {"level":0} /-->
+
+<!-- wp:site-tagline /--></div></div>
+<!-- /wp:group -->
+
+<!-- wp:columns {"align":"full"} -->
+<div class="wp-block-columns alignfull"><!-- wp:column {"className":"has-background-color-beige"} -->
+<div class="wp-block-column has-background-color-beige"><!-- wp:post-featured-image /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-title {"level":1} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div></div>
+<!-- /wp:group -->

monticello/block-templates/index.html

@@ -0,0 +1,13 @@
+<!-- wp:template-part {"slug":"header","theme":"monticello","align":"full"} /-->
+
+<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":1,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":""}} -->
+<!-- wp:query-loop -->
+<!-- wp:post-featured-image /-->
+
+<!-- wp:post-date /-->
+
+<!-- wp:post-title /-->
+<!-- /wp:query-loop -->
+<!-- /wp:query -->
+
+<!-- wp:template-part {"slug":"footer","theme":"monticello","align":"full"} /-->

monticello/block-templates/singular.html

@@ -0,0 +1,5 @@
+<!-- wp:template-part {"slug":"header","theme":"monticello","align":"full"} /-->
+
+<!-- wp:post-content {"align":"full"} /-->
+
+<!-- wp:template-part {"slug":"footer","theme":"monticello","align":"full"} /-->

monticello/experimental-theme.json

@@ -0,0 +1,198 @@
+{
+	"global": {
+		"settings": {
+			"color": {
+				"gradients": [ ],
+				"palette": [ 
+					{
+						"name": "Light Beige 3",
+						"slug": "light-beige-3",
+						"color": "#FCF8F3"
+					},
+					{
+						"name": "Light Beige 2",
+						"slug": "light-beige-2",
+						"color": "#FBE8D0"
+					},
+					{
+						"name": "Light Beige 1",
+						"slug": "light-beige-1",
+						"color": "#E8DAC9"
+					},
+					{
+						"name": "Beige",
+						"slug": "beige",
+						"color": "#E9D4BB"
+					},
+					{
+						"name": "Dark Beige 1",
+						"slug": "dark-beige-1",
+						"color": "#726E69"
+					},
+					{
+						"name": "Dark Beige 2",
+						"slug": "dark-beige-2",
+						"color": "#43403D"
+					},
+					{
+						"name": "Dark Beige 3",
+						"slug": "dark-beige-3",
+						"color": "#302E2C"
+					},
+					{
+						"name": "Dark Beige 4",
+						"slug": "dark-beige-4",
+						"color": "#1B1A18"
+					},
+					{
+						"name": "Orange",
+						"slug": "orange",
+						"color": "#DB6D3C"
+					},
+					{
+						"name": "Red",
+						"slug": "red",
+						"color": "#C53A29"
+					},
+					{
+						"name": "Bronze",
+						"slug": "bronze",
+						"color": "#C9AE6B"
+					},
+					{
+						"name": "Green",
+						"slug": "green",
+						"color": "#648C24"
+					}
+				]
+			},
+			"typography": {
+				"customLineHeight": true,
+				"fontFamilies": [ 
+					{
+						"fontFamily": "Helvetica, Arial",
+						"slug": "helvetica-arial",
+						"name": "Helvetica Arial"
+					},
+					{
+						"fontFamily": "Manuale",
+						"slug": "manuale",
+						"name": "Manuale"
+					}
+				],
+				"fontSizes": [ 
+					{
+						"slug": "extra-small",
+						"name": "Extra Small",
+						"size": "16px"
+					},
+					{
+						"slug": "small",
+						"name": "Small",
+						"size": "18px"
+					},
+					{
+						"slug": "regular",
+						"name": "Regular",
+						"size": "22px"
+					},
+					{
+						"slug": "medium",
+						"name": "Medium",
+						"size": "32px"
+					},
+					{
+						"slug": "large",
+						"name": "Large",
+						"size": "46px"
+					},
+					{
+						"slug": "extra-large",
+						"name": "Extra Large",
+						"size": "72px"
+					},
+					{
+						"slug": "huge",
+						"name": "Huge",
+						"size": "130px"
+					}
+				],
+				"spacing": {
+					"customPadding": true
+				}
+			},
+			"custom": {
+				"width": {
+					"default": "840px",
+					"wide": "1100px"
+				},
+				"margin": {
+					"horizontal": "14px"
+				},
+				"fontFamily": {
+					"primary": "\"Poppins\"",
+					"secondary": "\"Manuale\""
+				}
+			}
+		},
+		"styles": {
+			"color": { 
+				"background": "var(--wp--preset--color--light-beige-3)",
+				"link": "var(--wp--preset--color--dark-beige-4)",
+				"text": "var(--wp--preset--color--dark-beige-3)"
+			},
+			"typography": { 
+				"fontFamily": "var(--wp--custom--font-family--secondary)",
+				"lineHeight": 1.6
+			}
+		}
+	},
+	"core/site-title": {
+		"styles": {
+			"color": {
+				"link": "var(--wp--preset--color--dark-beige-4)",
+				"text": "var(--wp--preset--color--dark-beige-3)"
+			},
+			"typography": {
+				"fontFamily": "var(--wp--custom--font-family--primary)",
+				"lineHeight": 1.6
+			}
+		}
+	},
+	"core/heading/h1": {
+		"styles": {
+			"typography": {
+				"fontFamily": "var(--wp--custom--font-family--primary)",
+				"fontSize": "var(--wp--preset--font-size--huge)",
+				"lineHeight": 1.05
+			}
+		}
+	},
+	"core/heading/h2": {
+		"styles": {
+			"typography": {
+				"fontFamily": "var(--wp--custom--font-family--primary)",
+				"fontSize": "var(--wp--preset--font-size--extra-large)",
+				"lineHeight": 1.1
+			}
+		}
+	},
+	"core/heading/h3": {
+		"styles": {
+			"typography": {
+				"fontFamily": "var(--wp--custom--font-family--primary)",
+				"fontSize": "var(--wp--preset--font-size--large)",
+				"lineHeight": 1.3
+			}
+		}
+	},
+	"core/heading/h4": {
+		"styles": {
+			"typography": {
+				"fontFamily": "var(--wp--custom--font-family--secondary)",
+				"fontSize": "var(--wp--preset--font-size--medium)",
+				"lineHeight": 1.4
+			}
+		}
+	}
+}