diff --git a/mpho/functions.php b/mpho/functions.php new file mode 100644 index 0000000000..33099339d1 --- /dev/null +++ b/mpho/functions.php @@ -0,0 +1,60 @@ +get( 'Version' ) + ); + + // Enqueue theme stylesheet. + wp_enqueue_style( 'mpho-style' ); + + } + +endif; + +add_action( 'wp_enqueue_scripts', 'mpho_styles' ); diff --git a/mpho/parts/footer.html b/mpho/parts/footer.html new file mode 100644 index 0000000000..8fd234e2ef --- /dev/null +++ b/mpho/parts/footer.html @@ -0,0 +1 @@ + diff --git a/mpho/parts/header.html b/mpho/parts/header.html new file mode 100644 index 0000000000..4b8d7b084b --- /dev/null +++ b/mpho/parts/header.html @@ -0,0 +1,29 @@ + +
+
+
+ + +
+ + + + + + + + +
+ +
+ + + + + + +
+
+
+
+ \ No newline at end of file diff --git a/mpho/parts/post-meta.html b/mpho/parts/post-meta.html new file mode 100644 index 0000000000..484fbea5b1 --- /dev/null +++ b/mpho/parts/post-meta.html @@ -0,0 +1 @@ + diff --git a/mpho/patterns/404.php b/mpho/patterns/404.php new file mode 100644 index 0000000000..4daecbbaa3 --- /dev/null +++ b/mpho/patterns/404.php @@ -0,0 +1,16 @@ + + + +

+ + + +

+ diff --git a/mpho/patterns/comments.php b/mpho/patterns/comments.php new file mode 100644 index 0000000000..ddf5e90c57 --- /dev/null +++ b/mpho/patterns/comments.php @@ -0,0 +1,52 @@ + + + +
+ + + + +
+ +
+ + + +
+ + + +
+ + + +
+ +
+ +
+ + + + + +
+ + + + + + + + + + +
+ diff --git a/mpho/patterns/footer.php b/mpho/patterns/footer.php new file mode 100644 index 0000000000..6f650ec636 --- /dev/null +++ b/mpho/patterns/footer.php @@ -0,0 +1,35 @@ + + + +
+ + + + +
+ + + +
+ + + + +
+ diff --git a/mpho/patterns/hidden-no-results-content.php b/mpho/patterns/hidden-no-results-content.php new file mode 100644 index 0000000000..45ce841ecc --- /dev/null +++ b/mpho/patterns/hidden-no-results-content.php @@ -0,0 +1,10 @@ + + +

+ diff --git a/mpho/patterns/no-results.php b/mpho/patterns/no-results.php new file mode 100644 index 0000000000..26507e7020 --- /dev/null +++ b/mpho/patterns/no-results.php @@ -0,0 +1,11 @@ + + + +

+ diff --git a/mpho/patterns/post-meta.php b/mpho/patterns/post-meta.php new file mode 100644 index 0000000000..6810c946f8 --- /dev/null +++ b/mpho/patterns/post-meta.php @@ -0,0 +1,16 @@ + + + +
+

+ + +
+ diff --git a/mpho/patterns/search.php b/mpho/patterns/search.php new file mode 100644 index 0000000000..98f6e94494 --- /dev/null +++ b/mpho/patterns/search.php @@ -0,0 +1,9 @@ + + + diff --git a/mpho/readme.txt b/mpho/readme.txt new file mode 100644 index 0000000000..3ae999ed2a --- /dev/null +++ b/mpho/readme.txt @@ -0,0 +1,42 @@ +=== Mpho === +Contributors: Automattic +Requires at least: 6.0 +Tested up to: 6.2.2 +Requires PHP: 5.7 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Description == + +Mpho is a minimalist single column theme that draws inspiration from short-sized posts and social networks. It prioritizes the post content and author, featuring a header with the author's bio and profile picture. + +== Changelog == + += 1.0.0 = +* Initial release + +== Copyright == + +Mpho WordPress Theme, (C) 2023 Automattic +Mpho is distributed under the terms of the GNU GPL. +Mpho is based on Fatima (https://github.com/Automattic/themes/tree/trunk/fatima), (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. + +Images used in theme screenshot: + +"woman" +License: Public Domain +Source: https://nappy.co/photo/3653/woman + +"Newspaper Rock Is a Large Cliff Mural of Ancient Indian Petroglyphs and Pictographs" +License: CC0 1.0 Universal +Source: https://www.rawpixel.com/image/8802659/photo-image-art-ornament-vintage diff --git a/mpho/screenshot.png b/mpho/screenshot.png new file mode 100644 index 0000000000..b1c4f3027e Binary files /dev/null and b/mpho/screenshot.png differ diff --git a/mpho/style.css b/mpho/style.css new file mode 100644 index 0000000000..1a7a2f33f4 --- /dev/null +++ b/mpho/style.css @@ -0,0 +1,35 @@ +/* +Theme Name: Mpho +Theme URI: https://github.com/Automattic/themes/tree/trunk/mpho +Author: Automattic +Author URI: https://automattic.com/ +Description: Mpho is a minimalist single column theme that draws inspiration from short-sized posts and social networks. It prioritizes the post content and author, featuring a header with the author's bio and profile picture. With its simplicity, Mpho offers four style variations to suit different preferences. +Requires at least: 6.0 +Tested up to: 6.2.2 +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: mpho +Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage +*/ + +/* + * 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--secondary); + color: var(--wp--preset--color--base); + border-color: var(--wp--preset--color--secondary); +} + +/* + * Link styles + * https://github.com/WordPress/gutenberg/issues/42319 + */ +a { + text-decoration-thickness: .0625em !important; + text-underline-offset: .15em; +} \ No newline at end of file diff --git a/mpho/templates/404.html b/mpho/templates/404.html new file mode 100644 index 0000000000..13608d0a2d --- /dev/null +++ b/mpho/templates/404.html @@ -0,0 +1,14 @@ + +
+
+ + + + + + + + +
+
+ \ No newline at end of file diff --git a/mpho/templates/archive.html b/mpho/templates/archive.html new file mode 100644 index 0000000000..d3088cec68 --- /dev/null +++ b/mpho/templates/archive.html @@ -0,0 +1,49 @@ + +
+
+
+
+

โ†

+ + +
+ + +
+
+
+ + + +
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/mpho/templates/index.html b/mpho/templates/index.html new file mode 100644 index 0000000000..3444e24a3e --- /dev/null +++ b/mpho/templates/index.html @@ -0,0 +1,37 @@ + + + +
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/mpho/templates/page.html b/mpho/templates/page.html new file mode 100644 index 0000000000..75adc983a0 --- /dev/null +++ b/mpho/templates/page.html @@ -0,0 +1,29 @@ + +
+
+
+
+

โ†

+ + +
+ + +
+
+
+ + + +
+
+ + + + + +
+
+ + + \ No newline at end of file diff --git a/mpho/templates/single.html b/mpho/templates/single.html new file mode 100644 index 0000000000..1cd6736dd6 --- /dev/null +++ b/mpho/templates/single.html @@ -0,0 +1,79 @@ + +
+
+
+

โ†

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

ยท

+ + +
+ + + + + +
+ +
+
+
+
+ + + + + + + + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/mpho/theme.json b/mpho/theme.json new file mode 100644 index 0000000000..7db8e150e5 --- /dev/null +++ b/mpho/theme.json @@ -0,0 +1,603 @@ +{ + "settings": { + "appearanceTools": true, + "color": { + "palette": [ + { + "color": "#131415", + "name": "Base", + "slug": "base" + }, + { + "color": "#929292", + "name": "Contrast", + "slug": "contrast" + }, + { + "color": "#ffffff", + "name": "Primary", + "slug": "primary" + }, + { + "color": "#6becae", + "name": "Secondary", + "slug": "secondary" + }, + { + "color": "#404040", + "name": "Tertiary", + "slug": "tertiary" + } + ] + }, + "layout": { + "contentSize": "660px", + "wideSize": "1000px" + }, + "spacing": { + "customSpacingSize": true, + "spacingScale": { + "increment": 1.5, + "mediumStep": 1.5, + "operator": "*", + "steps": 7, + "unit": "rem" + }, + "spacingSizes": [], + "units": [ + "%", + "px", + "em", + "rem", + "vh", + "vw" + ] + }, + "typography": { + "customFontSize": true, + "dropCap": true, + "fluid": true, + "fontFamilies": [ + { + "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif", + "name": "System Font", + "slug": "system-font" + } + ], + "fontSizes": [ + { + "fluid": { + "max": "1.0625rem", + "min": "0.825rem" + }, + "name": "Small", + "size": "1rem", + "slug": "small" + }, + { + "fluid": { + "max": "1.25rem", + "min": "1rem" + }, + "name": "Medium", + "size": "1.125rem", + "slug": "medium" + }, + { + "fluid": { + "max": "2rem", + "min": "1.75rem" + }, + "name": "Large", + "size": "1.75rem", + "slug": "large" + }, + { + "fluid": { + "max": "3rem", + "min": "2.5rem" + }, + "name": "Extra Large", + "size": "3rem", + "slug": "x-large" + } + ] + }, + "useRootPaddingAwareAlignments": true + }, + "styles": { + "blocks": { + "core/button": { + "border": { + "radius": "100px" + }, + "color": { + "background": "var(--wp--preset--color--secondary)" + }, + "typography": { + "fontSize": "1.1rem" + } + }, + "core/code": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "radius": "0.25rem", + "style": "solid", + "width": "2px" + }, + "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": "monospace" + } + }, + "core/comment-author-name": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)", + "fontStyle": "normal", + "fontWeight": "600" + } + }, + "core/comment-content": { + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comment-date": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "fontSize": "var(--wp--preset--font-size--small)" + } + }, + "core/comment-edit-link": { + "typography": { + "fontSize": "0.8rem" + } + }, + "core/comment-reply-link": { + "typography": { + "fontSize": "0.8rem" + } + }, + "core/gallery": { + "spacing": { + "margin": { + "bottom": "var(--wp--preset--spacing--50)" + } + } + }, + "core/heading": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "typography": { + "fontStyle": "normal", + "fontWeight": "700" + } + }, + "core/list": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "spacing": { + "padding": { + "left": "var(--wp--preset--spacing--70)" + } + } + }, + "core/navigation": { + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)" + }, + "typography": { + "fontSize": "1rem" + } + }, + "core/paragraph": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--secondary)" + } + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + } + } + } + }, + "core/post-author-biography": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--secondary)" + } + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + } + } + }, + "typography": { + "fontSize": "1rem", + "lineHeight": "1.4" + } + }, + "core/post-author-name": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "textDecoration": "underline" + } + }, + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "1rem" + } + }, + "core/post-content": { + "typography": { + "lineHeight": "1.3" + } + }, + "core/post-date": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "1rem" + } + }, + "core/post-terms": { + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "underline" + } + }, + "color": { + "text": "var(--wp--preset--color--secondary)" + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "1rem" + } + }, + "core/post-title": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + ":hover": { + "typography": { + "textDecoration": "underline" + } + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "none" + } + } + }, + "spacing": { + "margin": { + "bottom": "0" + } + }, + "typography": { + "fontSize": "1rem", + "fontStyle": "normal", + "fontWeight": "600" + } + }, + "core/pullquote": { + "border": { + "color": "var(--wp--preset--color--contrast)", + "style": "solid", + "width": "1px 0" + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "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": { + "fontSize": "var(--wp--preset--font-size--large)", + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": "1.4" + } + }, + "core/query-title": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "fontSize": "1.4rem", + "fontStyle": "normal", + "fontWeight": "600" + } + }, + "core/quote": { + "border": { + "color": "var(--wp--preset--color--primary)", + "style": "solid", + "width": "0 0 0 1px" + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "spacing": { + "padding": { + "left": "var(--wp--preset--spacing--50)" + } + }, + "typography": { + "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--contrast)" + } + }, + "core/site-tagline": { + "color": { + "text": "var(--wp--preset--color--contrast)" + }, + "typography": { + "fontSize": "1rem" + } + }, + "core/site-title": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "elements": { + "link": { + ":hover": { + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "underline" + } + }, + "color": { + "text": "var(--wp--preset--color--primary)" + }, + "typography": { + "textDecoration": "none" + } + } + }, + "typography": { + "fontSize": "1.4rem", + "fontWeight": "700" + } + }, + "core/table": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + }, + "core/verse": { + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "color": { + "background": "var(--wp--preset--color--base)", + "text": "var(--wp--preset--color--contrast)" + }, + "css": " a[rel=\"tag\"]:before{\ncontent:\"#\";\n}\n\n a[rel=\"tag\"] + span{\ndisplay:none;\n}\n\n a[rel=\"tag\"]:after{\ncontent:\" \";\n}\n\na:any-link {\ncursor: auto;\n text-decoration-thickness: .01em !important;\n text-underline-offset: .20em;\n}\na:where(:not(.wp-element-button)):hover {\n text-decoration: none;\n}", + "elements": { + "button": { + ":active": { + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--base)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--primary)", + "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--secondary)", + "text": "var(--wp--preset--color--base)" + } + }, + "border": { + "radius": "0.25rem" + }, + "color": { + "background": "var(--wp--preset--color--primary)", + "text": "var(--wp--preset--color--base)" + } + }, + "h1": { + "typography": { + "fontSize": "var(--wp--preset--font-size--x-large)" + } + }, + "h2": { + "typography": { + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "h3": { + "typography": { + "fontSize": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 0.4808)), 1.75rem)" + } + }, + "h4": { + "typography": { + "fontSize": "clamp(1.25rem, calc(1.25rem + ((1vw - 0.48rem) * 0.4808)), 1.5rem)" + } + }, + "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--rubik)", + "fontWeight": "400", + "lineHeight": "1.125" + } + }, + "link": { + ":hover": { + "typography": { + "textDecoration": "none" + } + }, + "color": { + "text": "var(--wp--preset--color--primary)" + } + } + }, + "spacing": { + "blockGap": "var(--wp--preset--spacing--30)", + "padding": { + "bottom": "0px", + "left": "0px", + "right": "0px", + "top": "0px" + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--system-font)", + "fontSize": "var(--wp--preset--font-size--medium)", + "lineHeight": "1.6" + } + }, + "templateParts": [ + { + "area": "header", + "name": "header" + }, + { + "area": "footer", + "name": "footer" + } + ], + "version": 2, + "$schema": "https://schemas.wp.org/trunk/theme.json" +} \ No newline at end of file