├── .github └── workflows │ └── tt1-blocks-staging-deploy.yml ├── .gitignore ├── CONTRIBUTING.md ├── CONTRIBUTORS.md ├── LICENSE ├── README.md ├── ambitious ├── LICENSE ├── README.md ├── assets │ ├── css │ │ ├── editor-styles.css │ │ └── theme-fonts.css │ ├── fonts │ │ ├── barlow-v4-latin-ext_latin-700.woff │ │ ├── barlow-v4-latin-ext_latin-700.woff2 │ │ ├── barlow-v4-latin-ext_latin-700italic.woff │ │ ├── barlow-v4-latin-ext_latin-700italic.woff2 │ │ ├── barlow-v4-latin-ext_latin-italic.woff │ │ ├── barlow-v4-latin-ext_latin-italic.woff2 │ │ ├── barlow-v4-latin-ext_latin-regular.woff │ │ └── barlow-v4-latin-ext_latin-regular.woff2 │ ├── icons │ │ └── genericons-neue.svg │ └── js │ │ └── navigation.js ├── block-template-parts │ ├── content-404.html │ ├── content-front-page.html │ ├── content-home.html │ ├── content-page.html │ ├── content-single.html │ ├── entry-header.html │ ├── footer.html │ └── header.html ├── block-templates │ ├── 404.html │ ├── archive.html │ ├── front-page.html │ ├── home.html │ ├── index.html │ ├── page.html │ └── single.html ├── functions.php ├── index.php ├── screenshot.png └── style.css ├── armando ├── README.md ├── assets │ ├── css │ │ └── style-shared.css │ └── images │ │ ├── list-view.png │ │ ├── patterns.png │ │ ├── placeholder.png │ │ ├── site-editor-menu.png │ │ ├── template-editor-link.png │ │ └── template-part-sidebar.png ├── block-template-parts │ ├── comments.html │ ├── footer.html │ ├── header.html │ ├── main.html │ ├── sidebar-left.html │ └── sidebar-right.html ├── block-templates │ ├── 404.html │ ├── archive.html │ ├── index.html │ ├── page-sidebar-left.html │ ├── page-sidebar-right.html │ ├── page-template-patterns.html │ ├── page.html │ ├── post-sidebar-left.html │ ├── post-sidebar-right.html │ ├── search.html │ └── single.html ├── classes │ ├── class-aboutpage.php │ └── class-theme-support.php ├── functions.php ├── inc │ ├── back-compat.php │ ├── block-patterns.php │ ├── block-styles.php │ ├── footer-block-patterns.php │ ├── header-block-patterns.php │ ├── page-layout-block-patterns.php │ ├── query-block-patterns.php │ └── sport-block-patterns.php ├── index.php ├── readme.txt ├── screenshot.png ├── style.css └── theme.json ├── emptytheme ├── README.md ├── functions.php ├── index.php ├── parts │ └── header.html ├── style.css ├── templates │ ├── index.html │ └── singular.html └── theme.json ├── fse-tutorial ├── block-template-parts │ ├── footer.html │ └── header.html ├── block-templates │ ├── index.html │ ├── page.html │ └── single.html ├── functions.php ├── index.php ├── style.css └── theme.json ├── gutenberg-starter-theme-blocks ├── LICENSE ├── block-template-parts │ ├── footer.html │ └── header.html ├── block-templates │ ├── index.html │ └── single.html ├── css │ └── blocks.css ├── experimental-theme.json ├── functions.php ├── index.php ├── readme.txt ├── screenshot.png └── style.css ├── new-empty-theme.php ├── phoenix ├── LICENSE ├── README.md ├── assets │ ├── css │ │ ├── editor.css │ │ └── main.css │ └── library │ │ └── fonts │ │ ├── fonts.css │ │ └── lato-v16-latin │ │ ├── lato-v16-latin-300.eot │ │ ├── lato-v16-latin-300.svg │ │ ├── lato-v16-latin-300.ttf │ │ ├── lato-v16-latin-300.woff │ │ ├── lato-v16-latin-300.woff2 │ │ ├── lato-v16-latin-300italic.eot │ │ ├── lato-v16-latin-300italic.svg │ │ ├── lato-v16-latin-300italic.ttf │ │ ├── lato-v16-latin-300italic.woff │ │ ├── lato-v16-latin-300italic.woff2 │ │ ├── lato-v16-latin-700.eot │ │ ├── lato-v16-latin-700.svg │ │ ├── lato-v16-latin-700.ttf │ │ ├── lato-v16-latin-700.woff │ │ ├── lato-v16-latin-700.woff2 │ │ ├── lato-v16-latin-700italic.eot │ │ ├── lato-v16-latin-700italic.svg │ │ ├── lato-v16-latin-700italic.ttf │ │ ├── lato-v16-latin-700italic.woff │ │ ├── lato-v16-latin-700italic.woff2 │ │ ├── lato-v16-latin-italic.eot │ │ ├── lato-v16-latin-italic.svg │ │ ├── lato-v16-latin-italic.ttf │ │ ├── lato-v16-latin-italic.woff │ │ ├── lato-v16-latin-italic.woff2 │ │ ├── lato-v16-latin-regular.eot │ │ ├── lato-v16-latin-regular.svg │ │ ├── lato-v16-latin-regular.ttf │ │ ├── lato-v16-latin-regular.woff │ │ └── lato-v16-latin-regular.woff2 ├── block-template-parts │ ├── footer.html │ ├── header.html │ ├── hero.html │ ├── image-title-section.html │ └── sidebar.html ├── block-templates │ ├── 404.html │ ├── front-page.html │ ├── index.html │ ├── page.html │ └── single.html ├── experimental-theme.json ├── functions.php ├── index.php ├── screenshot.png └── style.css ├── photo-blocks ├── README.md ├── assets │ └── alignments-front.css ├── block-template-parts │ ├── footer.html │ ├── header.html │ └── post-grid.html ├── block-templates │ ├── index.html │ └── singular.html ├── experimental-theme.json ├── functions.php ├── index.php ├── screenshot.png └── style.css ├── require-gutenberg ├── LICENSE ├── README.md └── require-gutenberg.php ├── slick ├── README.md ├── block-template-parts │ ├── aside.html │ ├── footer.html │ └── header.html ├── block-templates │ ├── 404.html │ ├── index.html │ └── single.html ├── functions.php ├── index.php ├── readme.txt ├── screenshot.png ├── style.css └── theme.json ├── tt1-blocks ├── LICENSE ├── README.md ├── assets │ ├── css │ │ ├── blocks.css │ │ └── style-shared.css │ ├── images │ │ ├── Daffodils.jpg │ │ ├── Reading.jpg │ │ ├── in-the-bois-de-boulogne.jpg │ │ ├── playing-in-the-sand.jpg │ │ ├── roses-tremieres-hollyhocks-1884.jpg │ │ ├── roses-tremieres-hollyhocks.jpg │ │ ├── self-portrait-1885.jpg │ │ ├── the-garden-at-bougival-1884.jpg │ │ ├── villa-with-orange-trees-nice.jpg │ │ └── young-woman-in-mauve.jpg │ └── js │ │ └── unregister-block-style.js ├── block-template-parts │ ├── footer.html │ └── header.html ├── block-templates │ ├── 404.html │ ├── index.html │ └── page-home.html ├── functions.php ├── inc │ ├── block-patterns.php │ └── block-styles.php ├── index.php ├── patterns │ └── comments.php ├── readme.txt ├── screenshot.png ├── style.css ├── templates │ ├── page.html │ └── single.html └── theme.json ├── twentynineteen-blocks ├── block-template-parts │ ├── footer.html │ └── header.html ├── block-templates │ ├── index.html │ └── singular.html ├── functions.php ├── index.php ├── readme.txt ├── screenshot.png ├── style.css └── twentynineteen-styles │ ├── style-editor.css │ └── style.css └── twentytwenty-blocks ├── assets ├── fonts │ └── inter │ │ ├── Inter-italic-var.woff2 │ │ └── Inter-upright-var.woff2 └── images │ ├── 2020-landscape-1.png │ ├── 2020-landscape-2.png │ ├── 2020-square-1.png │ ├── 2020-square-2.png │ ├── 2020-three-quarters-1.png │ ├── 2020-three-quarters-2.png │ ├── 2020-three-quarters-3.png │ └── 2020-three-quarters-4.png ├── block-styles.css ├── block-template-parts ├── footer.html └── header.html ├── block-templates └── index.html ├── experimental-theme.json ├── functions.php ├── index.php ├── readme.txt ├── screenshot.png ├── style.css ├── twentytwenty-styles ├── editor-style-block.css └── style.css └── twentytwenty.WordPress.2020-01-08.xml /.github/workflows/tt1-blocks-staging-deploy.yml: -------------------------------------------------------------------------------- 1 | 2 | name: Deploy to staging 3 | 4 | on: 5 | push: 6 | branches: [ master ] 7 | 8 | jobs: 9 | deploy: 10 | runs-on: ubuntu-latest 11 | 12 | steps: 13 | - uses: actions/checkout@v2 14 | 15 | - name: FTP Deploy 16 | uses: SamKirkland/FTP-Deploy-Action@3.0.0 17 | with: 18 | local-dir: tt1-blocks/ 19 | # Deployment destination server & path. Formatted as protocol://domain.com:port/full/destination/path/ 20 | ftp-server: sftp://2021blocks.wordpress.net:22/home/blockswordpress/public_html/wp-content/themes/tt1-blocks 21 | # FTP account username 22 | ftp-username: ${{ secrets.TT1BLOCKS_STAGING_SFTP_USERNAME }} 23 | # FTP account password 24 | ftp-password: ${{ secrets.TT1BLOCKS_STAGING_SFTP_PASSWORD }} 25 | git-ftp-args: --insecure 26 | 27 | 28 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.swp 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | Thank you for considering adding an experiment to WordPress' theme experiments! All contributions are welcome, the only requirements are: 4 | 5 | - No self promotion. 6 | - Code that passes the WordPress standards. 7 | 8 | If you're unsure of anything, know that you're 💯 welcome to submit an issue or pull request on any topic. The worst that can happen is that you'll be politely directed to the best location to ask your question or to change something in your pull request. We appreciate any sort of contribution and don't want a wall of rules to get in the way of that. 9 | 10 | As with all WordPress projects, we want to ensure a welcoming environment for everyone. With that in mind, all contributors are expected to follow our [Code of Conduct](https://make.wordpress.org/handbook/community-code-of-conduct/). 11 | 12 | All WordPress projects are [licensed under the GPLv2+](/LICENSE.md), and all contributions to Gutenberg will be released under the GPLv2+ license. You maintain copyright over any contribution you make, and by submitting a pull request, you are agreeing to release that contribution under the GPLv2+ license. 13 | -------------------------------------------------------------------------------- /CONTRIBUTORS.md: -------------------------------------------------------------------------------- 1 | # Contributors 2 | 3 | These experiments are built by many contributors and volunteers. Thanks to all of them for their work! 4 | 5 | This list is manually curated to include valuable contributions by volunteers that do not include code, such as user testing, providing feedback, or mockups. Please edit this list to include new contributors as they come in. There is no particular order to this list. If you or someone else was omitted from this list, we assure you that was not intentional. Please let us know and we'll add you. 6 | 7 | | GitHub Username | WordPress.org Username| 8 | | --------------- | --------------------- | 9 | | @mtias | @mtias | 10 | | @jffng | @jffng | 11 | | @kjellr | @kjellr | 12 | | @bph | @bph | 13 | | @Netzberufler | @germanthemes | 14 | | @youknowriad | @youknowriad | 15 | | @nosolosw | @nosolosw | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # WordPress Theme Experiments 2 | 3 | ⚠️ These themes are not intended for use on a production site. 4 | 5 | ## About 6 | 7 | This repository is dedicated to exploring how WordPress themes can best leverage Gutenberg blocks. Each sub-directory contains a WordPress theme that explores some aspect of creating themes using blocks or block templates. 8 | 9 | ## What's Here 10 | 11 | | Theme | Updated For | 12 | | --- | --- | 13 | | [Ambitious](https://github.com/WordPress/theme-experiments/tree/master/ambitious) | Gutenberg 7.6 | 14 | | [Empty Theme](https://github.com/WordPress/theme-experiments/tree/master/emptytheme) | Gutenberg 12.0, WordPress 5.9.0 | 15 | | [Gutenberg Starter Theme Blocks](https://github.com/WordPress/theme-experiments/tree/master/gutenberg-starter-theme-blocks) | Gutenberg 8.6 | 16 | | [Photo Blocks](https://github.com/WordPress/theme-experiments/tree/master/photo-blocks) | Gutenberg 9.5 | 17 | | [Twenty Nineteen Blocks](https://github.com/WordPress/theme-experiments/tree/master/twentynineteen-blocks) | Gutenberg 8.6 | 18 | | [Twenty Twenty Blocks](https://github.com/WordPress/theme-experiments/tree/master/twentytwenty-blocks) | Gutenberg 8.6 | 19 | | [TT1 Blocks](https://github.com/WordPress/theme-experiments/tree/master/tt1-blocks) | The version of the theme in this repository may rely on Gutenberg features that have not yet made it into an official release | 20 | | [Armando](https://github.com/WordPress/theme-experiments/tree/master/armando) | Gutenberg 10.6 | 21 | 22 | `require-gutenberg` _is a utility for themes to check whether the Gutenberg plugin is installed._ 23 | 24 | ## Submitting an experiment 25 | 26 | We encourage you to submit your experiment to be included! To get started, check out the [contributor's guide](https://github.com/WordPress/theme-experiments/blob/master/CONTRIBUTING.md). 27 | 28 | ## Instructions 29 | 30 | Most of the themes here rely on experimental Gutenberg functionality that must be turned on manually. We recommend testing with WordPress 5.3 or higher, PHP 7.3 or higher, and the latest version of the [Gutenberg plugin](https://wordpress.org/plugins/gutenberg/). Here are general instructions for getting started: 31 | 32 | 1. Clone this repository or upload a zip of the theme into your site’s themes directory. 33 | 2. Install the [Gutenberg plugin](https://wordpress.org/plugins/gutenberg/). 34 | 3. Enable the "Full Site Editing" experiment in the `Gutenberg > Experiments` panel. 35 | 4. Activate the new theme from within `Appearance > Themes`. 36 | 37 | If the theme includes starter content, you'll want to install on a fresh site, and visit the Customizer after installation. Pressing the "Publish" in there should auto-populate the starter content. 38 | 39 | Tip: WordPress will search for themes inside of subdirectories. If you'd like to test many of the themes experiments, you should be able to clone this entire repository into the `/wp-content/themes/` folder of your test site. 40 | 41 | ## Resources and Background 42 | 43 | Here are some resources that may be useful context for learning more about block-based themes: 44 | 45 | - [Block-based Theme Documentation](https://developer.wordpress.org/block-editor/how-to-guides/themes/block-theme-overview/) 46 | - [theme.json Documentation](https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/) 47 | - [Create a block theme (tutorial)](https://developer.wordpress.org/block-editor/how-to-guides/themes/create-block-theme/) 48 | - [Full site editing development in the Gutenberg repo](https://github.com/WordPress/gutenberg/labels/%5BFeature%5D%20Full%20Site%20Editing) 49 | - [Global styles development in the Gutenberg repo](https://github.com/WordPress/gutenberg/issues?q=is%3Aissue+is%3Aopen+label%3A%22Global+Styles%22) 50 | 51 | ## Generating your own starter theme 52 | 53 | We have included a script so you can generate a theme based on a starter boilerplate with the minimum necessary to build your own block theme. You will need to have php installed to run it using: 54 | 55 | `php new-empty-theme.php` 56 | 57 | ## Questions or Improvements? 58 | 59 | If you'd like to propose improvements to this repository, feel free to open an [issue](https://github.com/WordPress/theme-experiments/issues) or [PR](https://github.com/WordPress/theme-experiments/pulls). 60 | -------------------------------------------------------------------------------- /ambitious/README.md: -------------------------------------------------------------------------------- 1 | # Ambitious 2 | 3 | Ambitious is an experimental [Block-based WordPress Theme](https://developer.wordpress.org/block-editor/developers/themes/block-based-themes/). The header, navigation menu, content area and the footer section are made entirely out of Gutenberg Blocks. 4 | 5 | [Theme Demo](https://demo.germanthemes.de/ambitious/) 6 | 7 | ![Ambitious Theme Screenshot](https://raw.githubusercontent.com/Netzberufler/ambitious/master/screenshot.png) 8 | 9 | ## Things explored with this theme 10 | 11 | - Tested typical block templates like 404.html, archive.html, home.html, page.html and single.html 12 | - Created a more complex structure of block template parts using subfolders 13 | - Explored how to provide a home page template with blocks using the front-page.html 14 | - Tried out the navigation block and added a basic mobile dropdown menu 15 | 16 | ## How to try out this theme 17 | 18 | 1. Install and activate the [Gutenberg](https://wordpress.org/plugins/gutenberg/) plugin 19 | 2. Enable the `Full Site Editing` mode on `Gutenberg > Experiments` 20 | 3. Install and activate the Ambitious theme from this repo 21 | 22 | ## Resources 23 | 24 | Ambitious bundles and uses the following third-party resources: 25 | 26 | 1. Genericons Neue - https://github.com/Automattic/genericons-neue 27 | License: Distributed under the terms of the GPLv2 (https://www.gnu.org/licenses/gpl-2.0.html) 28 | Copyright: 2017 Automattic, Inc., https://automattic.com/ 29 | 30 | 2. Underscores - http://underscores.me/ 31 | License: Distributed under the terms of the GPLv2 (https://www.gnu.org/licenses/gpl-2.0.html) 32 | Copyright: 2012-2015 Automattic, Inc., https://automattic.com/ 33 | 34 | 3. normalize.css - http://necolas.github.io/normalize.css/ 35 | License: Distributed under the terms of the MIT License (http://opensource.org/licenses/MIT) 36 | Copyright: 2012-2015 Nicolas Gallagher and Jonathan Neal 37 | 38 | 4. Barlow Font - https://fonts.google.com/specimen/Barlow 39 | License: Distributed under the terms of the Open Font License (http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web) 40 | Copyright: Jeremy Tribby 41 | 42 | The design is based on my [GT Ambition](https://wordpress.org/themes/gt-ambition/) theme. 43 | -------------------------------------------------------------------------------- /ambitious/assets/css/theme-fonts.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Embed Theme Fonts 3 | * 4 | * Font Face code generated with Google Webfonts Helper by Mario Ranftl 5 | * https://github.com/majodev/google-webfonts-helper/ 6 | * 7 | * @package Harrison 8 | */ 9 | 10 | /* barlow-regular - latin-ext_latin */ 11 | @font-face { 12 | font-family: 'Barlow'; 13 | font-style: normal; 14 | font-weight: 400; 15 | font-display: swap; 16 | src: local('Barlow Regular'), local('Barlow-Regular'), 17 | url('../fonts/barlow-v4-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 18 | url('../fonts/barlow-v4-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 19 | } 20 | 21 | /* barlow-italic - latin-ext_latin */ 22 | @font-face { 23 | font-family: 'Barlow'; 24 | font-style: italic; 25 | font-weight: 400; 26 | font-display: swap; 27 | src: local('Barlow Italic'), local('Barlow-Italic'), 28 | url('../fonts/barlow-v4-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 29 | url('../fonts/barlow-v4-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 30 | } 31 | 32 | /* barlow-700 - latin-ext_latin */ 33 | @font-face { 34 | font-family: 'Barlow'; 35 | font-style: normal; 36 | font-weight: 700; 37 | font-display: swap; 38 | src: local('Barlow Bold'), local('Barlow-Bold'), 39 | url('../fonts/barlow-v4-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 40 | url('../fonts/barlow-v4-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 41 | } 42 | 43 | /* barlow-700italic - latin-ext_latin */ 44 | @font-face { 45 | font-family: 'Barlow'; 46 | font-style: italic; 47 | font-weight: 700; 48 | font-display: swap; 49 | src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'), 50 | url('../fonts/barlow-v4-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 51 | url('../fonts/barlow-v4-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 52 | } 53 | -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-700.woff -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-700.woff2 -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-700italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-700italic.woff -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-700italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-700italic.woff2 -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-italic.woff -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-italic.woff2 -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-regular.woff -------------------------------------------------------------------------------- /ambitious/assets/fonts/barlow-v4-latin-ext_latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/assets/fonts/barlow-v4-latin-ext_latin-regular.woff2 -------------------------------------------------------------------------------- /ambitious/assets/js/navigation.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Theme Navigation 3 | * 4 | * @package Ambitious 5 | */ 6 | 7 | (function( $ ) { 8 | var masthead, menuToggle, siteNavContain, siteNavigation; 9 | 10 | masthead = $( '.wp-site-blocks .site-header' ); 11 | menuToggle = masthead.find( '.menu-toggle' ); 12 | siteNavContain = masthead.find( '.main-navigation' ); 13 | siteNavigation = masthead.find( '.main-navigation > ul.wp-block-navigation__container' ); 14 | 15 | // Enable menuToggle. 16 | (function() { 17 | 18 | // Return early if menuToggle is missing. 19 | if ( ! menuToggle.length ) { 20 | return; 21 | } 22 | 23 | // Add an initial value for the attribute. 24 | menuToggle.attr( 'aria-expanded', 'false' ); 25 | 26 | menuToggle.on( 'click.ambitious', function() { 27 | siteNavContain.toggleClass( 'toggled-on' ); 28 | 29 | $( this ).attr( 'aria-expanded', siteNavContain.hasClass( 'toggled-on' ) ); 30 | }); 31 | })(); 32 | 33 | })( jQuery ); 34 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/content-404.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |
7 |
8 | 9 | 10 |

11 | 404: Page not found 12 |

13 | 14 | 15 |
16 |
17 | 18 | 19 | 20 |

21 | It looks like nothing was found at this location. Maybe try a search or one of the links in the navigation menu. 22 |

23 | 24 | 25 |
26 |
27 | 28 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/content-front-page.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |

7 | Build your site with Blocks 8 |

9 | 10 | 11 | 12 |

13 | Ambitious is an experimental block-based WordPress Theme. Open your Browser DevTools to see the header, navigation, content and footer made out of Gutenberg blocks entirely. 14 |

15 | 16 | 17 | 18 |
19 | 20 | 21 |
Download Theme
22 | 23 | 24 | 25 |
Github Repository
26 | 27 | 28 |
29 | 30 | 31 |
32 |
33 | 34 | 35 | 36 |
37 |
38 | 39 | 40 | 41 |
42 |
43 | 44 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/content-home.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 | 7 | 8 |
9 |
10 | 11 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/content-page.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 | 7 | 8 |
9 |
10 | 11 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/content-single.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/entry-header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |
7 | 8 | 9 |
10 | 11 |

About

12 | 13 | 14 | 15 |

16 | Ambitious is an experimental block-based WordPress Theme. Open your Browser DevTools to see the header, navigation, content and footer made out of Gutenberg blocks entirely. 17 |

18 | 19 |
20 | 21 | 22 | 23 |
24 | 25 |

Archives

26 | 27 | 28 |
29 | 30 | 31 | 32 |
33 | 34 |

Categories

35 | 36 | 37 |
38 | 39 | 40 | 41 |
42 | 43 |

Latest Posts

44 | 45 | 46 |
47 | 48 | 49 |
50 | 51 | 52 | 53 |
54 |
55 | 56 | 57 |

Ambitious WordPress Theme made with blocks

58 | 59 | 60 |
61 |
62 | 63 | 64 |
65 |
66 | 67 | -------------------------------------------------------------------------------- /ambitious/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |
7 | 8 | 9 |
10 | 11 |

Ambitious

12 | 13 |
14 | 15 | 16 | 17 |
18 | 19 | 28 | 29 |
30 | 31 | 32 | 33 |
34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 |
44 | 45 | 46 |
47 | 48 | 49 |
50 |
51 | 52 | -------------------------------------------------------------------------------- /ambitious/block-templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ambitious/block-templates/archive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 |

13 | Archive Title (there is no block for that yet) 14 |

15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 | 26 | 27 |
28 |
29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /ambitious/block-templates/front-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ambitious/block-templates/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 | 20 | 21 |
22 |
23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /ambitious/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ambitious/block-templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ambitious/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 | 7 | 8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /ambitious/index.php: -------------------------------------------------------------------------------- 1 | // Silence is golden 2 | -------------------------------------------------------------------------------- /ambitious/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/ambitious/screenshot.png -------------------------------------------------------------------------------- /armando/README.md: -------------------------------------------------------------------------------- 1 | # Armando 2 | 3 | License: GNU General Public License v2 or later 4 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 5 | 6 | 7 | Armando is a basic full site editing theme for blogs. 8 | 9 | The theme relies on the block styles as much as possible, and has limited custom CSS in style.css. 10 | 11 | It has three header templates to choose from. 12 | 13 | 14 | 15 | ![Armando WordPress theme](https://github.com/carolinan/fullsiteediting/blob/course/armando/screenshot.png) 16 | -------------------------------------------------------------------------------- /armando/assets/css/style-shared.css: -------------------------------------------------------------------------------- 1 | .site-header .wp-block-search .wp-block-search__input { 2 | border: 2px solid #fff; 3 | } 4 | 5 | .wp-block-search .wp-block-search__button { 6 | border: 2px solid #fff; 7 | border-radius: 4px; 8 | } 9 | 10 | input[type=search], 11 | .wp-block-search .wp-block-search__input, 12 | select { 13 | border-radius: 4px; 14 | } 15 | 16 | input, 17 | textarea, 18 | select { 19 | font-size: var(--wp--preset--font-size--small); 20 | padding: 0.25em; 21 | } 22 | 23 | /* Date and categories are all block elements, 24 | we need to adjust them to align them better next to each other. 25 | -The downside to making this change in the editor is that the block is harder to select. 26 | The post meta tag for the wrapper is kept here for increased flexibility. 27 | */ 28 | .post-meta .wp-block-post-date, 29 | .post-meta .wp-block-post-terms.taxonomy-category, 30 | .is-style-armando-inline { 31 | display: inline; 32 | } 33 | 34 | .post-meta .wp-block-post-date { 35 | margin-right: .5em; 36 | } 37 | 38 | .post-nav { 39 | clear: both; 40 | } 41 | 42 | .post-nav .post-navigation-link-previous { 43 | float: left; 44 | } 45 | 46 | .post-nav .post-navigation-link-next { 47 | float: right; 48 | } 49 | 50 | .wp-block-query-pagination { 51 | justify-content: space-between; 52 | } 53 | 54 | /* Remove these styles when blocks have margin controls */ 55 | .is-style-armando-no-bottom-margin, 56 | .is-style-armando-no-bottom-margin .wp-block-columns, 57 | .site-header .wp-block-columns { 58 | margin-bottom: 0; 59 | } 60 | 61 | .blocks-gallery-caption, 62 | .comment-body { 63 | margin-bottom: 2em; 64 | } 65 | 66 | @media ( min-width: 600px ) { 67 | .is-style-armando-media-overlap { 68 | width: 150%; 69 | } 70 | } 71 | 72 | /* Reset the negative margin that the block editor adds.*/ 73 | .wp-block-post-comments .comment-author { 74 | margin-left: 0; 75 | } 76 | 77 | .wp-block-post-comments .comment-author .avatar { 78 | height: initial; 79 | width: initial; 80 | } 81 | 82 | .wp-block-post-comments .comment-content { 83 | margin-top: 1rem; 84 | } -------------------------------------------------------------------------------- /armando/assets/images/list-view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/list-view.png -------------------------------------------------------------------------------- /armando/assets/images/patterns.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/patterns.png -------------------------------------------------------------------------------- /armando/assets/images/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/placeholder.png -------------------------------------------------------------------------------- /armando/assets/images/site-editor-menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/site-editor-menu.png -------------------------------------------------------------------------------- /armando/assets/images/template-editor-link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/template-editor-link.png -------------------------------------------------------------------------------- /armando/assets/images/template-part-sidebar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/armando/assets/images/template-part-sidebar.png -------------------------------------------------------------------------------- /armando/block-template-parts/comments.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |

Comments

5 | 6 | 7 |
8 | -------------------------------------------------------------------------------- /armando/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | 6 |
7 | 8 |
9 | 10 | 11 |
12 | 13 |

Never miss the latest news

14 | 15 | 16 |
17 | 18 |
Join our mailing list
19 | 20 |
21 | 22 |
23 | 24 | 25 |
26 | 27 |
    28 | 29 | 30 | 31 |
32 | 33 |
34 | 35 |
36 | 37 | 38 |
39 | 40 | 41 |

Copyright 2021

42 | 43 | 44 |
45 | -------------------------------------------------------------------------------- /armando/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
4 | 5 |
6 | 7 |
8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 |
25 | 26 |
27 | 28 |
29 | -------------------------------------------------------------------------------- /armando/block-template-parts/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 | 32 | 33 |
34 | 35 |
36 |
37 | -------------------------------------------------------------------------------- /armando/block-template-parts/sidebar-left.html: -------------------------------------------------------------------------------- 1 | 2 |

Latest posts

3 | 4 | 5 | 6 | 7 | 8 | 9 |

Latest comments

10 | 11 | 12 | 13 | 14 | 15 | 16 |

Categories

17 | 18 | -------------------------------------------------------------------------------- /armando/block-template-parts/sidebar-right.html: -------------------------------------------------------------------------------- 1 | 2 |

About

3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 |
Contact
14 | 15 |
16 | 17 | 18 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
32 | 33 |
Newsletter 35 | signup
36 | 37 |
38 | 39 | 40 | 41 | 42 | 43 |
44 | 45 | 46 | 47 | 48 | 49 |

Sponsored

50 | 51 | 52 | 53 |
55 | 56 | 57 | 58 |
60 | -------------------------------------------------------------------------------- /armando/block-templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 |

Oops! That page can't be found.

6 | 7 | 8 |

It looks like nothing was found at this location. Maybe try one of the links below, or a search? 9 |

10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 |
20 | 21 |
22 | 23 | -------------------------------------------------------------------------------- /armando/block-templates/archive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /armando/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /armando/block-templates/page-sidebar-left.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 | 6 |
7 | 8 | 9 |
10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 | 25 | -------------------------------------------------------------------------------- /armando/block-templates/page-sidebar-right.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 | 19 | 20 |
21 | 22 |
23 |
24 | 25 | -------------------------------------------------------------------------------- /armando/block-templates/page-template-patterns.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /armando/block-templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | -------------------------------------------------------------------------------- /armando/block-templates/post-sidebar-left.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 | 6 |
7 | 8 | 9 |
10 | 11 |
12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
32 | 33 | 34 | 35 | 36 |
37 |
38 |
39 | 40 | -------------------------------------------------------------------------------- /armando/block-templates/post-sidebar-right.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 | 6 |
7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
32 |
33 | 34 | 35 |
36 | 37 |
38 |
39 | 40 | -------------------------------------------------------------------------------- /armando/block-templates/search.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 |
10 | 11 | -------------------------------------------------------------------------------- /armando/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 |
29 | -------------------------------------------------------------------------------- /armando/classes/class-theme-support.php: -------------------------------------------------------------------------------- 1 | get( 'Version' ) ); 17 | 18 | /** Check if the WordPress version is 5.5 or higher, and if the PHP version is at least 7.2. If not, do not activate. */ 19 | if ( version_compare( $GLOBALS['wp_version'], '5.5', '<' ) || version_compare( PHP_VERSION_ID, '70200', '<' ) ) { 20 | require get_template_directory() . '/inc/back-compat.php'; 21 | return; 22 | } 23 | 24 | // Theme support. 25 | require_once 'classes/class-theme-support.php'; 26 | 27 | // About page. 28 | require_once 'classes/class-aboutpage.php'; 29 | 30 | // Block styles. 31 | require_once 'inc/block-styles.php'; 32 | 33 | // Block patterns. 34 | require_once 'inc/block-patterns.php'; 35 | 36 | // Header block patterns. 37 | require_once 'inc/header-block-patterns.php'; 38 | 39 | // Footer block patterns. 40 | require_once 'inc/footer-block-patterns.php'; 41 | 42 | // Page layout block patterns. 43 | require_once 'inc/page-layout-block-patterns.php'; 44 | 45 | // Sport block patterns. 46 | require_once 'inc/sport-block-patterns.php'; 47 | 48 | // Query block patterns. 49 | require_once 'inc/query-block-patterns.php'; 50 | 51 | /** 52 | * Enqueue the style.css file. 53 | * 54 | * @since 1.0.0 55 | */ 56 | function armando_styles() { 57 | wp_enqueue_style( 58 | 'armando-style', 59 | get_stylesheet_uri(), 60 | '', 61 | ARMANDO_VERSION 62 | ); 63 | wp_enqueue_style( 64 | 'armando-shared-stylez', 65 | get_theme_file_uri( 'assets/css/style-shared.css' ), 66 | '', 67 | ARMANDO_VERSION 68 | ); 69 | } 70 | add_action( 'wp_enqueue_scripts', 'armando_styles' ); 71 | 72 | /** 73 | * Show '(No title)' if post has no title. 74 | */ 75 | add_filter( 76 | 'the_title', 77 | function( $title ) { 78 | if ( ! is_admin() && empty( $title ) ) { 79 | $title = __( '(No title)', 'armando' ); 80 | } 81 | 82 | return $title; 83 | } 84 | ); 85 | -------------------------------------------------------------------------------- /armando/inc/back-compat.php: -------------------------------------------------------------------------------- 1 |

%s

', $message ); // phpcs:ignore WordPress.Security.EscapeOutput 38 | } 39 | 40 | /** 41 | * Prevents the Customizer from being loaded on WordPress versions prior to 5.5. 42 | * 43 | * @since 1.0.0 44 | * 45 | * @global string $wp_version WordPress version. 46 | * @return void 47 | */ 48 | function armando_customize() { 49 | wp_die( 50 | sprintf( 51 | /* translators: %1$s: WordPress version. %2$s PHP version.*/ 52 | esc_html__( 'This theme requires at least WordPress version 5.5 and PHP version 7.2. You are running WordPress version %1$s and PHP version %2$s. Please upgrade and try again.', 'armando' ), 53 | esc_html( $GLOBALS['wp_version'] ), 54 | esc_html( PHP_VERSION ) 55 | ), 56 | '', 57 | [ 58 | 'back_link' => true, 59 | ] 60 | ); 61 | } 62 | add_action( 'load-customize.php', 'armando_customize' ); 63 | 64 | /** 65 | * Prevents the Theme Preview from being loaded on WordPress versions prior to 5.5. 66 | * 67 | * @since 1.0.0 68 | * 69 | * @global string $wp_version WordPress version. 70 | * @return void 71 | */ 72 | function armando_preview() { 73 | if ( isset( $_GET['preview'] ) ) { 74 | wp_die( 75 | sprintf( 76 | /* translators: %1$s: WordPress version. %2$s PHP version.*/ 77 | esc_html__( 'This theme requires at least WordPress version 5.5 and PHP version 7.2. You are running WordPress version %1$s and PHP version %2$s. Please upgrade and try again.', 'armando' ), 78 | esc_html( $GLOBALS['wp_version'] ), 79 | esc_html( PHP_VERSION ) 80 | ) 81 | ); 82 | } 83 | } 84 | add_action( 'template_redirect', 'armando_preview' ); 85 | -------------------------------------------------------------------------------- /armando/inc/query-block-patterns.php: -------------------------------------------------------------------------------- 1 | esc_html__( 'Blog / post list', 'armando' ) ) 16 | ); 17 | } 18 | 19 | /** 20 | * Register Block Patterns. 21 | */ 22 | if ( function_exists( 'register_block_pattern' ) ) { 23 | register_block_pattern( 24 | 'armando/query-one', 25 | array( 26 | 'title' => esc_html__( 'Posts in a 3 column grid with post meta, author and excerpt', 'armando' ), 27 | 'categories' => array( 'query', 'blog' ), 28 | 'blockTypes' => array( 'core/query' ), 29 | 'content' => ' 30 |
31 | 32 | 33 | 34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 |
53 | 54 | 55 |
56 |
57 | 58 | ', 59 | ) 60 | ); 61 | 62 | } 63 | -------------------------------------------------------------------------------- /armando/index.php: -------------------------------------------------------------------------------- 1 | get( 'Version' ) ); 21 | } 22 | 23 | add_action( 'wp_enqueue_scripts', 'emptytheme_scripts' ); 24 | -------------------------------------------------------------------------------- /emptytheme/index.php: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/emptytheme/index.php -------------------------------------------------------------------------------- /emptytheme/parts/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /emptytheme/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Emptytheme 3 | Theme URI: https://github.com/wordpress/theme-experiments/ 4 | Author: the WordPress team 5 | Description: The base for a block-based theme. 6 | Requires at least: 5.3 7 | Tested up to: 5.5 8 | Requires PHP: 5.6 9 | Version: 1.0 10 | License: GNU General Public License v2 or later 11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 12 | Text Domain: emptytheme 13 | 14 | Emptytheme WordPress Theme, (C) 2021 WordPress.org 15 | Emptytheme is distributed under the terms of the GNU GPL. 16 | */ 17 | -------------------------------------------------------------------------------- /emptytheme/templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /emptytheme/templates/singular.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /emptytheme/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": 2, 3 | "settings": { 4 | "appearanceTools": true, 5 | "layout": { 6 | "contentSize": "840px", 7 | "wideSize": "1100px" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /fse-tutorial/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |

Proudly powered by WordPress.

3 | -------------------------------------------------------------------------------- /fse-tutorial/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /fse-tutorial/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 |
20 | 21 | 22 |
23 | 24 | 25 |
26 | 27 | -------------------------------------------------------------------------------- /fse-tutorial/block-templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 | 9 | -------------------------------------------------------------------------------- /fse-tutorial/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | -------------------------------------------------------------------------------- /fse-tutorial/functions.php: -------------------------------------------------------------------------------- 1 | . 14 | */ 15 | add_theme_support( 'automatic-feed-links' ); 16 | 17 | /** 18 | * Enable support for post thumbnails and featured images. 19 | */ 20 | add_theme_support( 'post-thumbnails' ); 21 | 22 | add_theme_support( 'editor-styles' ); 23 | 24 | add_theme_support( 'wp-block-styles' ); 25 | } 26 | endif; 27 | add_action( 'after_setup_theme', 'fse_tutorial_theme_setup' ); 28 | 29 | /** 30 | * Enqueue theme scripts and styles. 31 | */ 32 | function fse_tutorial_theme_scripts() { 33 | wp_enqueue_style( 'fse-tutorial-style', get_stylesheet_uri() ); 34 | } 35 | add_action( 'wp_enqueue_scripts', 'fse_tutorial_theme_scripts' ); 36 | -------------------------------------------------------------------------------- /fse-tutorial/index.php: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/fse-tutorial/index.php -------------------------------------------------------------------------------- /fse-tutorial/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: FSE tutorial 3 | Theme URI: 4 | Author: The WordPress team 5 | Author URI: https://wordpress.org/ 6 | Description: 7 | Tags: 8 | Version: 1.0.0 9 | Requires at least: 5.0 10 | Tested up to: 5.7 11 | Requires PHP: 7.0 12 | License: GNU General Public License v2 or later 13 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 14 | Text Domain: fse-tutorial 15 | 16 | This theme, like WordPress, is licensed under the GPL. 17 | Use it to make something cool, have fun, and share what you've learned with others. 18 | */ 19 | -------------------------------------------------------------------------------- /fse-tutorial/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": 1, 3 | "settings": { 4 | "layout": { 5 | "contentSize": "840px", 6 | "wideSize": "1100px" 7 | }, 8 | "border": { 9 | "customColor": true, 10 | "customRadius": true, 11 | "customStyle": true, 12 | "customWidth": true 13 | }, 14 | "color": { 15 | "link": true, 16 | "gradient": false, 17 | "palette": [ 18 | { 19 | "slug": "white", 20 | "color": "#fff", 21 | "name": "White" 22 | }, 23 | { 24 | "slug": "blue", 25 | "color": "#0073AA", 26 | "name": "WordPress blue" 27 | }, 28 | { 29 | "slug": "dark-grey", 30 | "color": "#23282D", 31 | "name": "Dark grey" 32 | } 33 | ] 34 | }, 35 | "blocks": { 36 | "core/heading": { 37 | "color": { 38 | "palette": [ 39 | { 40 | "slug": "white", 41 | "color": "#fff", 42 | "name": "White" 43 | }, 44 | { 45 | "slug": "medium-blue", 46 | "color": "#00A0D2", 47 | "name": "Medium blue" 48 | } 49 | ] 50 | } 51 | } 52 | }, 53 | "typograhy": { 54 | "fontSizes": [ 55 | { 56 | "slug": "normal", 57 | "size": "20px", 58 | "name": "normal" 59 | }, 60 | { 61 | "slug": "extra-small", 62 | "size": "16px", 63 | "name": "Extra small" 64 | }, 65 | { 66 | "slug": "large", 67 | "size": "24px", 68 | "name": "Large" 69 | } 70 | ] 71 | }, 72 | "spacing": { 73 | "customPadding": true, 74 | "units": [ "px", "em", "rem", "vh", "vw" ] 75 | } 76 | }, 77 | "styles": { 78 | "color": { 79 | "background": "var(--wp--preset--color--white)" 80 | }, 81 | "elements": { 82 | "h2": { 83 | "color": { 84 | "text": "var(--wp--preset--color--medium-blue)" 85 | } 86 | }, 87 | "link": { 88 | "color": { 89 | "text": "var(--wp--preset--color--blue)" 90 | } 91 | } 92 | }, 93 | "blocks": { 94 | "core/paragraph": { 95 | "typography": { 96 | "fontSize": "var(--wp--preset--font-size--normal)" 97 | } 98 | }, 99 | "core/post-terms": { 100 | "typography": { 101 | "fontSize": "var(--wp--preset--font-size--extra-small)" 102 | } 103 | }, 104 | "core/post-title": { 105 | "typography": { 106 | "fontSize": "var(--wp--preset--font-size--large)" 107 | } 108 | }, 109 | "core/post-excerpt": { 110 | "elements": { 111 | "link": { 112 | "color": { 113 | "text": "var(--wp--preset--color--white)", 114 | "background": "var(--wp--preset--color--blue)" 115 | }, 116 | "spacing": { 117 | "padding": { 118 | "top": "1em", 119 | "right": "1em", 120 | "bottom": "1em", 121 | "left": "1em" 122 | } 123 | } 124 | } 125 | } 126 | } 127 | } 128 | }, 129 | "templateParts": [ 130 | { 131 | "name": "header", 132 | "area": "header" 133 | }, 134 | { 135 | "name": "footer", 136 | "area": "footer" 137 | } 138 | ] 139 | } -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |

Proudly powered by WordPress | The Gutenberg Starter Theme

3 | -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 |
17 | -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/functions.php: -------------------------------------------------------------------------------- 1 | __( 'Strong Blue', 'gutenberg-starter-theme-blocks' ), 31 | 'slug' => 'primary', 32 | 'color' => '#0073aa', 33 | ), 34 | array( 35 | 'name' => __( 'Lighter Blue', 'gutenberg-starter-theme-blocks' ), 36 | 'slug' => 'primary-light', 37 | 'color' => '#229fd8', 38 | ), 39 | array( 40 | 'name' => __( 'Very Dark Gray', 'gutenberg-starter-theme-blocks' ), 41 | 'slug' => 'secondary', 42 | 'color' => '#444', 43 | ), 44 | array( 45 | 'name' => __( 'Very Light Gray', 'gutenberg-starter-theme-blocks' ), 46 | 'slug' => 'secondary-light', 47 | 'color' => '#eee', 48 | ) 49 | ) ); 50 | 51 | // Starter content 52 | add_theme_support('starter-content', [ 53 | // Static front page set to Home, posts page set to Blog 54 | 'options' => [ 55 | 'show_on_front' => 'page', 56 | 'page_on_front' => '{{home}}', 57 | ], 58 | // Starter pages to include 59 | 'posts' => [ 60 | 'home', 61 | 'blog' => [ 62 | 'post_title' => _x( 'Blog', 'gutenberg-starter-theme-blocks' ), 63 | 'post_content' => '' 64 | ], 65 | ] 66 | ]); 67 | } 68 | add_action( 'after_setup_theme', 'gutenberg_starter_theme_blocks_support' ); 69 | endif; 70 | 71 | /** 72 | * Register Google Fonts 73 | */ 74 | function gutenberg_starter_theme_blocks_fonts_url() { 75 | $fonts_url = ''; 76 | 77 | /* 78 | *Translators: If there are characters in your language that are not 79 | * supported by Noto Serif, translate this to 'off'. Do not translate 80 | * into your own language. 81 | */ 82 | $notoserif = esc_html_x( 'on', 'Noto Serif font: on or off', 'gutenberg-starter-theme-blocks' ); 83 | 84 | if ( 'off' !== $notoserif ) { 85 | $font_families = array(); 86 | $font_families[] = 'Noto Serif:400,400italic,700,700italic'; 87 | 88 | $query_args = array( 89 | 'family' => urlencode( implode( '|', $font_families ) ), 90 | 'subset' => urlencode( 'latin,latin-ext' ), 91 | ); 92 | 93 | $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); 94 | } 95 | 96 | return $fonts_url; 97 | } 98 | 99 | /** 100 | * Enqueue scripts and styles. 101 | */ 102 | function gutenberg_starter_theme_blocks_scripts() { 103 | wp_enqueue_style( 'gutenberg-starter-theme-blocks-styles', get_stylesheet_uri() ); 104 | wp_enqueue_style( 'gutenberg-starter-theme-blocks-block-styles', get_template_directory_uri() . '/css/blocks.css' ); 105 | wp_enqueue_style( 'gutenberg-starter-theme-blocks-fonts', gutenberg_starter_theme_blocks_fonts_url() ); 106 | } 107 | add_action( 'wp_enqueue_scripts', 'gutenberg_starter_theme_blocks_scripts' ); -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/index.php: -------------------------------------------------------------------------------- 1 | // Nothing to see here. :) -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/readme.txt: -------------------------------------------------------------------------------- 1 | === gutenberg-starter-theme-blocks === 2 | 3 | Contributors: wordpressdotorg, aduth, artisticasad, crunnells, joen, joyously, karmatosed, kjellr, littlebigthing, marekhrabe, melchoyce, milana_cap, mor10, netweb, noisysocks, obenland, paulstonier, pento, richtabor, sharaz, shinichin, soean, sumobi 4 | Tags: translation-ready 5 | Requires at least: 5.0 6 | Tested up to: 5.2.2 7 | Requires PHP: 5.2.4 8 | License: GNU General Public License v2 or later 9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 | 11 | A simple theme for testing Gutenberg. 12 | 13 | == Description == 14 | 15 | The Gutenberg Starter theme is designed to provide a simple, interference-free theme for testing Gutenberg. It is built so that its front-end appearance is as close to the editor's default Gutenberg styles as possible. 16 | 17 | The theme is primarily intended for use by those developing for and testing Gutenberg, but may also be helpful for those developing themes, or for folks who would like their site to look like Gutenberg in general. 18 | 19 | This version of the Gutenberg Starter Theme is built as a block-based Theme. 20 | 21 | == Installation == 22 | 23 | 1. Create a fresh WordPress site 24 | 2. Clone this repository or upload a zip into the site’s themes directory 25 | 3. Install the Gutenberg plugin 26 | 4. Enable the Full Site Editing experiment in the Gutenberg > Experiments panel. 27 | 5. Activate the "Gutenberg Starter Theme Blocks" theme from within Appearance > Themes. 28 | 6. Visit the Customizer and hit "Publish". 29 | 30 | Compare the resulting site to the Twenty Nineteen Demo site. It should look pretty similar. 31 | 32 | == Changelog == 33 | 34 | = 0.1 - January 15 2020 = 35 | * Initial release 36 | 37 | == Credits == 38 | 39 | * CSS originally build on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) 40 | * normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2016 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) 41 | -------------------------------------------------------------------------------- /gutenberg-starter-theme-blocks/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/gutenberg-starter-theme-blocks/screenshot.png -------------------------------------------------------------------------------- /phoenix/README.md: -------------------------------------------------------------------------------- 1 | # Phoenix - WordPress Theme 2 | Phoenix is an experimental block based WordPress theme. 3 | 4 | ## Features and Description 5 | 6 | 1. It uses the Navigation block in the header. 7 | 2. Front page block template contains 8 | - Hero section 9 | - Latest posts using Query Block 10 | - Sidebar containing Gallery, Social Links, Categories and Search Blocks. 11 | 3. Single page, Single post and 404 block templates. 12 | 13 | All the sections are editable from WordPress Dashboard > Site Editor 14 | 15 | ## [Live Demo Site](https://phoenix.codeytek.com/) 16 | 17 | ### Front End Demo 18 | ![](https://github.com/imranhsayed/phoenix/blob/main/demo/frontend-demo.gif) 19 | 20 | ### Backend End Demo 21 | ![](https://github.com/imranhsayed/phoenix/blob/main/demo/backend-demo.gif) 22 | 23 | ## Instructions to Get Started 24 | 25 | 1. Clone this repository or upload a zip of the theme into your site’s themes directory. 26 | 2. Install the [Gutenberg](https://wordpress.org/plugins/gutenberg/) plugin. 27 | 3. Enable the "Full Site Editing" experiment in the `Gutenberg` > `Experiments panel`. 28 | 4. Activate the new theme from within `Appearance` > `Themes`. 29 | 5. Enable navigation screen from within `Gutenberg` > `Experiments` > `Enable navigation screen`. 30 | -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/fonts.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:Lato;font-style:normal;font-weight:300;src:url(lato-v16-latin/lato-v16-latin-300.eot);src:local("Lato Light"),local("Lato-Light"),url(lato-v16-latin/lato-v16-latin-300.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-300.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-300.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-300.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-300.svg#Lato) format("svg")}@font-face{font-family:Lato;font-style:italic;font-weight:300;src:url(lato-v16-latin/lato-v16-latin-300italic.eot);src:local("Lato Light Italic"),local("Lato-LightItalic"),url(lato-v16-latin/lato-v16-latin-300italic.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-300italic.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-300italic.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-300italic.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-300italic.svg#Lato) format("svg")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(lato-v16-latin/lato-v16-latin-regular.eot);src:local("Lato Regular"),local("Lato-Regular"),url(lato-v16-latin/lato-v16-latin-regular.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-regular.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-regular.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-regular.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-regular.svg#Lato) format("svg")}@font-face{font-family:Lato;font-style:italic;font-weight:400;src:url(lato-v16-latin/lato-v16-latin-italic.eot);src:local("Lato Italic"),local("Lato-Italic"),url(lato-v16-latin/lato-v16-latin-italic.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-italic.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-italic.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-italic.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-italic.svg#Lato) format("svg")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url(lato-v16-latin/lato-v16-latin-700.eot);src:local("Lato Bold"),local("Lato-Bold"),url(lato-v16-latin/lato-v16-latin-700.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-700.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-700.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-700.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-700.svg#Lato) format("svg")}@font-face{font-family:Lato;font-style:italic;font-weight:700;src:url(lato-v16-latin/lato-v16-latin-700italic.eot);src:local("Lato Bold Italic"),local("Lato-BoldItalic"),url(lato-v16-latin/lato-v16-latin-700italic.eot?#iefix) format("embedded-opentype"),url(lato-v16-latin/lato-v16-latin-700italic.woff2) format("woff2"),url(lato-v16-latin/lato-v16-latin-700italic.woff) format("woff"),url(lato-v16-latin/lato-v16-latin-700italic.ttf) format("truetype"),url(lato-v16-latin/lato-v16-latin-700italic.svg#Lato) format("svg")} 2 | -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300.woff2 -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-300italic.woff2 -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700.woff2 -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-700italic.woff2 -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-italic.woff2 -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.eot -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.ttf -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.woff -------------------------------------------------------------------------------- /phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/phoenix/assets/library/fonts/lato-v16-latin/lato-v16-latin-regular.woff2 -------------------------------------------------------------------------------- /phoenix/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |

6 | 7 | 8 | 9 |

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

10 |
11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 |
19 | 20 | 21 |
    22 | 23 | 24 | 25 |
26 |
27 |
28 |
29 | 30 | 31 | 32 |
33 |

© Phoenix Theme 2020

34 |
35 | -------------------------------------------------------------------------------- /phoenix/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 |
6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 | -------------------------------------------------------------------------------- /phoenix/block-template-parts/hero.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 | 6 | 7 | 8 |

9 |
10 | 11 | 12 | 13 |
14 |
15 |

Your title here

16 | 17 | 18 | 19 |

20 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 21 | when an unknown printer took a galley of type and scrambled it to make a type specimen book. 22 | 23 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 24 | 25 | It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and 26 | more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 27 |

28 | 29 | 30 | 31 |
32 |
Learn more
33 |
34 |
35 |
36 |
37 | 38 | 39 | 40 |
41 | -------------------------------------------------------------------------------- /phoenix/block-template-parts/image-title-section.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |

YOUR TITLE

4 |
5 | -------------------------------------------------------------------------------- /phoenix/block-templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |

Sorry no results found. Try search...

6 | 7 | 8 | 9 |
10 | 11 | 12 |
13 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /phoenix/block-templates/front-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 |
8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 |
21 |
22 |
23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /phoenix/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |

14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /phoenix/block-templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /phoenix/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /phoenix/experimental-theme.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "settings": { 4 | "defaults": { 5 | "color": { 6 | "link": true, 7 | "palette": [ 8 | { 9 | "slug": "black", 10 | "color": "#000000", 11 | "name": "Black" 12 | }, 13 | { 14 | "slug": "dark-gray", 15 | "color": "#252525", 16 | "name": "Dark Gray" 17 | }, 18 | { 19 | "slug": "gray", 20 | "color": "#39414D", 21 | "name": "Gray" 22 | }, 23 | { 24 | "slug": "white", 25 | "color": "#ffffff", 26 | "name": "White" 27 | }, 28 | { 29 | "slug": "red", 30 | "color": "#CF2E2E", 31 | "name": "Red" 32 | }, 33 | { 34 | "slug": "blue", 35 | "color": "#0192CC", 36 | "name": "Blue" 37 | } 38 | ] 39 | }, 40 | "spacing": { 41 | "customPadding": true 42 | }, 43 | "typography": { 44 | "fontSizes": [ 45 | { 46 | "slug": "extra-small", 47 | "size": "12px", 48 | "name": "Extra small" 49 | }, 50 | { 51 | "slug": "small", 52 | "size": "14px", 53 | "name": "Small" 54 | }, 55 | { 56 | "slug": "normal", 57 | "size": "16px", 58 | "name": "Normal" 59 | }, 60 | { 61 | "slug": "large", 62 | "size": "24px", 63 | "name": "Large" 64 | }, 65 | { 66 | "slug": "extra-large", 67 | "size": "40px", 68 | "name": "Extra large" 69 | }, 70 | { 71 | "slug": "huge", 72 | "size": "96px", 73 | "name": "Huge" 74 | } 75 | ] 76 | }, 77 | "custom": { 78 | "width": { 79 | "default": "1024px", 80 | "wide": "1200px" 81 | }, 82 | "margin": { 83 | "horizontal": "14px" 84 | } 85 | } 86 | } 87 | }, 88 | "styles": { 89 | "root": { 90 | "color": { 91 | "background": "var(--wp--preset--color--white)", 92 | "text": "var(--wp--preset--color--dark-gray)", 93 | "link": "var(--wp--preset--color--blue)" 94 | }, 95 | "typography": { 96 | "fontSize": "var(--wp--preset--font-size--normal)" 97 | } 98 | } 99 | } 100 | } 101 | -------------------------------------------------------------------------------- /phoenix/functions.php: -------------------------------------------------------------------------------- 1 | *:not(.wp-block-post-content), 19 | .wp-site-blocks .wp-block-post-content > * { 20 | max-width: var(--wp--custom--width--default); 21 | margin-left: auto; 22 | margin-right: auto; 23 | } 24 | 25 | .wp-site-blocks .alignwide { 26 | width: var(--wp--custom--width--wide); 27 | max-width: 100%; 28 | margin-left: auto; 29 | margin-right: auto; 30 | } 31 | 32 | .wp-site-blocks .alignfull { 33 | transform: translateX(calc(0px - var(--wp--custom--margin--horizontal))); 34 | width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); 35 | max-width: calc(100% + (2 * var(--wp--custom--margin--horizontal))); 36 | margin-left: 0; 37 | margin-right: 0; 38 | box-sizing: content-box; 39 | } 40 | 41 | .wp-site-blocks .wp-block-template-part.alignfull { 42 | width: 100%; 43 | max-width: 100%; 44 | } 45 | 46 | .wp-site-blocks .wp-block-columns.alignfull { 47 | width: 100%; 48 | max-width: 100%; 49 | } 50 | 51 | .aligncenter { 52 | text-align: center; 53 | } 54 | 55 | .wp-site-blocks .alignleft { 56 | float: left; 57 | margin-right: 2em; 58 | max-width: 360px; 59 | } 60 | 61 | .wp-site-blocks .alignright { 62 | float: right; 63 | margin-left: 2em; 64 | max-width: 360px; 65 | } 66 | 67 | @media screen and (min-width: 1290px) { 68 | 69 | .wp-site-blocks, 70 | .wp-block-template-part.alignfull { 71 | padding: 0; 72 | } 73 | 74 | .wp-site-blocks .alignfull { 75 | transform: translateX(0px); 76 | width: 100%; 77 | max-width: 100%; 78 | } 79 | } -------------------------------------------------------------------------------- /photo-blocks/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

Proudly Powered by WordPress

7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /photo-blocks/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 |
8 |
9 |
10 | 11 | 12 | 13 |
14 |
15 |
16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 |
24 |
25 | 26 | -------------------------------------------------------------------------------- /photo-blocks/block-template-parts/post-grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /photo-blocks/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /photo-blocks/block-templates/singular.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 |
8 | 9 | 10 | 11 |
12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /photo-blocks/experimental-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "templateParts": { 3 | "header": { 4 | "area": "header" 5 | }, 6 | "footer": { 7 | "area": "footer" 8 | }, 9 | "post-grid": { 10 | "area": "uncategorized" 11 | } 12 | }, 13 | "global": { 14 | "settings": { 15 | "color": { 16 | "gradients": [ ], 17 | "link": true, 18 | "palette": [ 19 | { 20 | "color": "#000", 21 | "slug": "black", 22 | "name": "Black" 23 | }, 24 | { 25 | "color": "#FFF", 26 | "slug": "white", 27 | "name": "White" 28 | } 29 | ] 30 | }, 31 | "spacing": { 32 | "customPadding": true 33 | }, 34 | "typography": { 35 | "customLineHeight": true, 36 | "fontFamilies": [ 37 | { 38 | "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif", 39 | "slug": "system-font", 40 | "name": "System Font" 41 | } 42 | ], 43 | "fontSizes": [ 44 | { 45 | "slug": "normal", 46 | "size": "18px", 47 | "name": "Normal" 48 | }, 49 | { 50 | "slug": "large", 51 | "size": "20px", 52 | "name": "Large" 53 | }, 54 | { 55 | "slug": "extra-large", 56 | "size": "24px", 57 | "name": "Extra Large" 58 | } 59 | ] 60 | }, 61 | "custom": { 62 | "font-weight": { 63 | "light": 300 64 | }, 65 | "line-height": { 66 | "normal": 1.7, 67 | "heading": 1.4 68 | }, 69 | "margin": { 70 | "horizontal": "1.25em" 71 | }, 72 | "width": { 73 | "default": "720px", 74 | "wide": "1296px" 75 | } 76 | } 77 | }, 78 | "styles": { 79 | "color": { 80 | "background": "var(--wp--preset--color--white)", 81 | "text": "var(--wp--preset--color--black)", 82 | "link": "var(--wp--preset--color--black)" 83 | }, 84 | "typography": { 85 | "fontFamily": "var(--wp--preset--font-family--system-font)", 86 | "fontSize": "var(--wp--preset--font-size--normal)", 87 | "lineHeight": "var(--wp--custom--line-height--normal)", 88 | "fontWeight": "var(--wp--custom--font-weight--light)" 89 | } 90 | } 91 | }, 92 | "core/heading/h1": { 93 | "styles": { 94 | "typography": { 95 | "fontSize": "var(--wp--preset--font-size--extra-large)", 96 | "lineHeight": "var(--wp--custom--line-height--heading)" 97 | } 98 | } 99 | }, 100 | "core/heading/h2": { 101 | "styles": { 102 | "typography": { 103 | "fontSize": "var(--wp--preset--font-size--large)" 104 | } 105 | } 106 | }, 107 | "core/post-title": { 108 | "styles": { 109 | "typography": { 110 | "fontSize": "var(--wp--preset--font-size--large)", 111 | "lineHeight": "var(--wp--custom--line-height--normal)" 112 | } 113 | } 114 | }, 115 | "core/site-title": { 116 | "styles": { 117 | "typography": { 118 | "fontSize": "var(--wp--preset--font-size--large)" 119 | } 120 | } 121 | }, 122 | "core/navigation": { 123 | "styles": { 124 | "typography": { 125 | "fontSize": "var(--wp--preset--font-size--large)" 126 | } 127 | } 128 | } 129 | } 130 | -------------------------------------------------------------------------------- /photo-blocks/functions.php: -------------------------------------------------------------------------------- 1 | get( 'Version' ) ); 34 | 35 | // Enqueue alignments stylesheet. 36 | wp_enqueue_style( 'photo_blocks-alignments-style', get_template_directory_uri() . '/assets/alignments-front.css', array(), wp_get_theme()->get( 'Version' ) ); 37 | } 38 | add_action( 'wp_enqueue_scripts', 'photo_blocks_scripts' ); 39 | -------------------------------------------------------------------------------- /photo-blocks/index.php: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/photo-blocks/index.php -------------------------------------------------------------------------------- /photo-blocks/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/photo-blocks/screenshot.png -------------------------------------------------------------------------------- /photo-blocks/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Photo Blocks 3 | Theme URI: https://github.com/wordpress/theme-experiments 4 | Author: kjellr 5 | Description: A block-based photo-blogging theme. 6 | Requires at least: 5.3 7 | Tested up to: 5.5 8 | Requires PHP: 5.6 9 | Version: 1.0 10 | License: GNU General Public License v2 or later 11 | License URI: LICENSE 12 | Text Domain: photo-blocks 13 | 14 | Photo Blocks is distributed under the terms of the GNU GPL. 15 | 16 | Screenshot Images from stocksnap.io. CC0 License. 17 | - https://stocksnap.io/photo/photographer-street-48WN8Q7JZS 18 | - https://stocksnap.io/photo/fog-mountain-RVVDOZMEKW 19 | - https://stocksnap.io/photo/winter-mountain-7NF9TVWNPY 20 | - https://stocksnap.io/photo/fog-mountain-OLGRLKRE4Z 21 | - https://stocksnap.io/photo/fog-mountain-ZKN6UKFKEO 22 | - https://stocksnap.io/photo/fog-trees-F0Q7LBX1VP 23 | - https://stocksnap.io/photo/iceland-beach-ABGWJNSGKR 24 | */ 25 | 26 | /* These should be handled by Gutenberg eventually. */ 27 | 28 | .wp-block-post-featured-image { 29 | margin: 0; 30 | } 31 | 32 | .wp-block-column .wp-block-columns { 33 | margin-bottom: 0; 34 | } 35 | 36 | .single .wp-block-post-featured-image { 37 | text-align: center; 38 | } 39 | 40 | .wp-block-post-featured-image img { 41 | width: 100%; 42 | height: auto; 43 | } 44 | 45 | .wp-block-image img { 46 | height: auto; 47 | } 48 | 49 | /* These will move into Global Styles when it's possible to do so. */ 50 | 51 | .wp-block-site-title a { 52 | font-weight: 500; 53 | text-decoration: none; 54 | color: #000; 55 | } 56 | 57 | .wp-block-post-title { 58 | margin-top: 0; 59 | margin-bottom: 0; 60 | } 61 | 62 | /* These styles may end up staying part of the theme in the longrun. */ 63 | 64 | .wp-block-site-logo a, 65 | body:not(.single) .wp-block-post-featured-image { 66 | transition: opacity 0.2s ease-in-out; 67 | } 68 | 69 | .wp-block-site-logo a:hover, 70 | body:not(.single) .wp-block-post-featured-image:hover { 71 | opacity: 0.8; 72 | } 73 | 74 | /* Hack for now, to only show the featured image. */ 75 | 76 | .single .entry-content > img:only-child, 77 | .single .entry-content > .wp-block-image:only-child { 78 | display: none; 79 | } 80 | -------------------------------------------------------------------------------- /require-gutenberg/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Ari Stathopoulos 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /require-gutenberg/README.md: -------------------------------------------------------------------------------- 1 | # Require Gutenberg 2 | 3 | While Full-Site Editing is still experimental, themes need a way to require Gutenberg be installed as a plugin, with the Full Site Editing experiment enabled. 4 | 5 | The PHP file here will do the following: 6 | 7 | * Show an admin notice stating this is an experimental theme 8 | * Check if Gutenberg is installed as a plugin 9 | * If Gutenberg is not installed, allow users to install it with the click of a button. 10 | * Check if Gutenberg is Activated 11 | * Check if Gutenberg has the "Full Site Editing" experiment enabled. 12 | * If Gutenberg is not activated or the experiment is not enabled, allow users to activate them with the click of a button. 13 | * If the user switches to a non-FSE theme, deactivates the experiment. 14 | 15 | Everything runs on AJAX so there are no page refreshes. 16 | 17 | ## Usage 18 | 19 | Simply grab the contents of the `require-gutenberg.php` file and paste them in your `functions.php` file. Alternatively you can include it as a separate file. 20 | Once you copy the code to your theme, replace `textdomain` inside the file with your theme's text-domain. 21 | 22 | ## License 23 | 24 | This script is released by [Ari Stathopoulos](https://aristath.github.io) and the [WordPress Themes Team](https://make.wordpress.org/themes/) under the MIT license. -------------------------------------------------------------------------------- /slick/README.md: -------------------------------------------------------------------------------- 1 | Slick is an experimental simple, lovable and complete starter theme. It is built to leverage the full site editing functionality that is being built in the Gutenberg plugin. This theme is not meant for use on a production site. 2 | 3 | 4 | ## Description 5 | 6 | Slick is an experimental simple, lovable and complete starter theme. It is built to leverage the full site editing functionality that is being built in the Gutenberg plugin. 7 | 8 | This theme requires Gutenberg version 10.9.1 or newer. 9 | 10 | This theme is beta software, and is not meant for use on a production site. Bug reports, fixes, and other and contributions are welcome in the theme's GitHub repository. 11 | 12 | 13 | ## Installation 14 | 15 | 1. If you do not already have the Gutenberg plugin installed and activated, go to Appearance -> Themes in your admin panel and search for 'Gutenberg'. Install and activate the plugin. 16 | 2. Then, in your admin panel, go to Appearance -> Themes and click the 'Add New' button. 17 | 3. Type in 'Slick' in the search form and press the 'Enter' key on your keyboard. 18 | 4. Click on the 'Activate' button to use your new theme right away. 19 | 5. From your admin panel, visit the Site Editor to customize your site. 20 | 21 | 22 | ## Roadmap 23 | 24 | * Add classic templates of WordPress 25 | * Add other templates 26 | * Add other partials 27 | * Add consistently rules of CSS 28 | 29 | 30 | ## Frequently Asked Questions 31 | 32 | ### Why do I need this? 33 | Full-site editing is the future of WordPress: test the new features. 34 | 35 | ### Can I request new template? 36 | Of course! I love to get your ideas! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here. 37 | 38 | ### Can I request new patial template? 39 | Absolutely! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here. 40 | 41 | -------------------------------------------------------------------------------- /slick/block-template-parts/aside.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 7 | 8 |

Categories

9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 |
18 | 19 | 20 |

Archives

21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 |
30 | 31 | 32 |

Search

33 | 34 | 35 | 36 | 37 |
38 | 39 | 40 |
41 | 42 | -------------------------------------------------------------------------------- /slick/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 21 | 22 | 23 | 24 |
25 |
26 | 27 |

28 | Powered by Guglielmo Pepe with WordPress and Slick theme 29 |

30 | 31 | 32 |
33 |
34 | 35 | -------------------------------------------------------------------------------- /slick/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | -------------------------------------------------------------------------------- /slick/block-templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |

Oops! That page can’t be found.

8 | 9 | 10 | 11 |

It looks like nothing was found at this location. Maybe try a search?

12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /slick/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /slick/block-templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 106 | 107 | 108 |
109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /slick/functions.php: -------------------------------------------------------------------------------- 1 | get( 'Version' ) ); 48 | } 49 | 50 | -------------------------------------------------------------------------------- /slick/index.php: -------------------------------------------------------------------------------- 1 | Gutenberg plugin. 17 | 18 | This theme requires Gutenberg version 10.9.1 or newer. 19 | 20 | This theme is beta software, and is not meant for use on a production site. Bug reports, fixes, and other and contributions are welcome in the theme's GitHub repository. 21 | 22 | 23 | == Installation == 24 | 25 | 1. If you do not already have the Gutenberg plugin installed and activated, go to Appearance -> Themes in your admin panel and search for 'Gutenberg'. Install and activate the plugin. 26 | 2. Then, in your admin panel, go to Appearance -> Themes and click the 'Add New' button. 27 | 3. Type in 'Slick' in the search form and press the 'Enter' key on your keyboard. 28 | 4. Click on the 'Activate' button to use your new theme right away. 29 | 5. From your admin panel, visit the Site Editor to customize your site. 30 | 31 | 32 | == Roadmap == 33 | 34 | * Add classic templates of WordPress 35 | * Add other templates 36 | * Add other partials 37 | * Add consistently rules of CSS 38 | 39 | 40 | == Frequently Asked Questions == 41 | 42 | = Why do I need this? = 43 | Full-site editing is the future of WordPress: test the new features. 44 | 45 | = Can I request new template? = 46 | Of course! I love to get your ideas! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here. 47 | 48 | = Can I request new patial template? = 49 | Absolutely! Please, [submit your idea](https://github.com/GuglielmoPepe/slick/issues) here. 50 | 51 | 52 | == Changelog == 53 | 54 | = 1.0.1 = 55 | * Change nav tag with div tag in aside.html 56 | * Change h3 with h2 in aside.html 57 | * Remove empty settings blocks item in theme.json 58 | * Remove empty "customTemplates" item in theme.json 59 | * Remove empty blocks styles from theme.json 60 | * Remove gradient color in theme.json 61 | * Remove div with wp-block-query-pagination 62 | * Change wp-query-loop with post-template 63 | 64 | = 1.0.0 = 65 | * First release 66 | 67 | 68 | == Copyright == 69 | 70 | Slick WordPress Theme, 2021 Guglielmo Pepe 71 | Slick WordPress Theme is distributed under the terms of the GNU GPL. 72 | 73 | This program is free software: you can redistribute it and/or modify 74 | it under the terms of the GNU General Public License as published by 75 | the Free Software Foundation, either version 2 of the License, or 76 | (at your option) any later version. 77 | 78 | This program is distributed in the hope that it will be useful, 79 | but WITHOUT ANY WARRANTY; without even the implied warranty of 80 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 81 | GNU General Public License for more details. 82 | 83 | 84 | Slick WordPress Theme, (C) 2021 Guglielmo Pepe. License: GPL v2 or later. 85 | 86 | -------------------------------------------------------------------------------- /slick/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/slick/screenshot.png -------------------------------------------------------------------------------- /slick/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Slick 3 | Theme URI: https://www.slicktheme.it 4 | Author: Guglielmo Pepe 5 | Author URI: https://www.guglielmopepe.com 6 | Description: An experimental simple, lovable and complete starter theme 7 | Tags: full-site-editing, blog, one-column 8 | Requires at least: 5.7.2 9 | Tested up to: 5.7.2 10 | Requires PHP: 7.2 11 | Version: 1.0.1 12 | License: GNU General Public License v2 or later 13 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 14 | Text Domain: slick 15 | */ 16 | 17 | body { 18 | margin: 0; 19 | } 20 | 21 | a { 22 | color: var(--wp--preset--color--peter-river); 23 | } 24 | 25 | a:hover { 26 | color: var(--wp--preset--color--belize-hole); 27 | } 28 | 29 | 30 | .wp-block-site-title { 31 | margin: 0; 32 | } 33 | 34 | .wp-block-site-title a { 35 | text-decoration: none; 36 | } 37 | 38 | .wp-block-archives-list, 39 | .wp-block-categories-list { 40 | list-style: none; 41 | padding: 0; 42 | } 43 | 44 | .wp-site-blocks > aside { 45 | background-color: #7f8c8d; 46 | color: #fff; 47 | margin: 0 auto; 48 | padding: 1.5em; 49 | } 50 | 51 | .wp-site-blocks > footer, 52 | .wp-site-blocks > header { 53 | background-color: #34495e; 54 | color: #fff; 55 | margin: 0 auto; 56 | padding: 1.5em; 57 | text-align: center; 58 | } 59 | 60 | .wp-site-blocks > aside a, 61 | .wp-site-blocks > footer a, 62 | .wp-site-blocks > header a { 63 | color: #fff; 64 | } 65 | 66 | -------------------------------------------------------------------------------- /tt1-blocks/README.md: -------------------------------------------------------------------------------- 1 | # TT1 Blocks 2 | 3 | Ongoing development for the block theme version of Twenty Twenty-One. 4 | 5 | This theme requires the Gutenberg Plugin to be installed (Version 10.6 or later). 6 | 7 | For the classic version of this theme, please [visit Twenty Twenty-One in the theme directory](https://wordpress.org/themes/twentytwentyone/). 8 | 9 | To contribute to the development of TT1 Blocks, please read the [contributor's guide](/CONTRIBUTING.md). 10 | 11 | ## Installation 12 | 13 | 1. In your admin panel, install and activate [the Gutenberg Plugin](https://wordpress.org/plugins/gutenberg/). 14 | 2. Click the 'Code' button on [the main Theme Experiments Repository GitHub page](https://github.com/wordpress/theme-experiments). 15 | 3. Unzip the resulting download. 16 | 4. Move or upload the "theme-experiments" folder into your site's `wp-content/themes` folder. 17 | 5. Visit `Appearance > Themes` and activate the "TT1 Blocks" theme. 18 | 19 | ## Copyright 20 | 21 | TT1 Blocks WordPress Theme, 2020 WordPress.org 22 | TT1 Blocks is distributed under the terms of the GNU GPL. 23 | 24 | This program is free software: you can redistribute it and/or modify 25 | it under the terms of the GNU General Public License as published by 26 | the Free Software Foundation, either version 2 of the License, or 27 | (at your option) any later version. 28 | 29 | This program is distributed in the hope that it will be useful, 30 | but WITHOUT ANY WARRANTY; without even the implied warranty of 31 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 32 | GNU General Public License for more details. 33 | 34 | Images 35 | Art by Berthe Morisot 1841-1895. Public domain. 36 | https://www.wikiart.org/en/berthe-morisot/playing-in-the-sand 37 | https://www.wikiart.org/en/berthe-morisot/roses-tremieres-hollyhocks-1884 38 | https://www.wikiart.org/en/berthe-morisot/young-woman-in-mauve 39 | https://www.wikiart.org/en/berthe-morisot/in-the-bois-de-boulogne 40 | https://www.wikiart.org/en/berthe-morisot/daffodils 41 | https://www.wikiart.org/en/berthe-morisot/self-portrait-1885 42 | https://www.wikiart.org/en/berthe-morisot/the-garden-at-bougival-1884 43 | https://www.wikiart.org/en/berthe-morisot/villa-with-orange-trees-nice 44 | https://www.wikiart.org/en/berthe-morisot/reading 45 | -------------------------------------------------------------------------------- /tt1-blocks/assets/css/style-shared.css: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | # Defaults 3 | --------------------------------------------------------------*/ 4 | 5 | body { 6 | font-family: var(--wp--custom--font-primary); 7 | -moz-osx-font-smoothing: grayscale; 8 | -webkit-font-smoothing: antialiased; 9 | } 10 | 11 | /* 12 | * text-underline-offset doesn't work in Chrome at all 👎 13 | * But looks nice in Safari/Firefox, so let's keep it and 14 | * maybe Chrome will support it soon. 15 | */ 16 | a { 17 | cursor: pointer; 18 | text-underline-offset: 3px; 19 | text-decoration-skip-ink: all; 20 | } 21 | 22 | a:hover { 23 | text-decoration-style: dotted; 24 | text-decoration-skip-ink: none; 25 | } 26 | 27 | /* 28 | * Gutenberg remotes this underline, but Twenty Twenty-One uses it. 29 | */ 30 | .site-header h1.wp-block-site-title a:not(:hover):not(:focus):not(:active) { 31 | text-decoration: underline; 32 | } 33 | 34 | /* 35 | * Alignment styles. 36 | * These rules are temporary, and should not be relied on or 37 | * modified too heavily by themes or plugins that build on 38 | * Twenty Twenty-Two. These are meant to be a precursor to 39 | * a global solution provided by the Block Editor. 40 | * 41 | * Relevant issues: 42 | * https://github.com/WordPress/gutenberg/issues/35607 43 | * https://github.com/WordPress/gutenberg/issues/35884 44 | */ 45 | 46 | .wp-site-blocks, 47 | body > .is-root-container, 48 | .edit-post-visual-editor__post-title-wrapper, 49 | .wp-block-group.alignfull, 50 | .is-root-container .wp-block[data-align="full"] > .wp-block-group { 51 | padding-left: var(--wp--custom--spacing--outer); 52 | padding-right: var(--wp--custom--spacing--outer); 53 | } 54 | 55 | .wp-site-blocks .alignfull, 56 | .is-root-container .wp-block[data-align="full"] { 57 | margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important; 58 | margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; 59 | width: unset; 60 | } 61 | 62 | /* Blocks inside columns don't have negative margins. */ 63 | .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, 64 | .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], 65 | /* We also want to avoid stacking negative margins. */ 66 | .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, 67 | .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { 68 | margin-left: auto !important; 69 | margin-right: auto !important; 70 | width: inherit; 71 | } 72 | -------------------------------------------------------------------------------- /tt1-blocks/assets/images/Daffodils.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/Daffodils.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/Reading.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/Reading.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/in-the-bois-de-boulogne.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/in-the-bois-de-boulogne.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/playing-in-the-sand.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/playing-in-the-sand.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/roses-tremieres-hollyhocks-1884.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/roses-tremieres-hollyhocks-1884.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/roses-tremieres-hollyhocks.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/roses-tremieres-hollyhocks.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/self-portrait-1885.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/self-portrait-1885.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/the-garden-at-bougival-1884.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/the-garden-at-bougival-1884.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/villa-with-orange-trees-nice.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/villa-with-orange-trees-nice.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/images/young-woman-in-mauve.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/assets/images/young-woman-in-mauve.jpg -------------------------------------------------------------------------------- /tt1-blocks/assets/js/unregister-block-style.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Unregister "Wide" Separator Style 3 | */ 4 | wp.domReady( function() { 5 | wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' ); 6 | } ); 7 | -------------------------------------------------------------------------------- /tt1-blocks/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 | 7 |
8 |
9 |

example@example.com
T. +00 (0)1 22 33 44 55

10 |
11 | 12 | 13 |
14 |

2, Rue Louis-Boilly
Paris, France

15 |
16 | 17 | 18 |
19 |
    20 | 21 | 22 |
23 |
24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
33 | 34 | 35 | 36 |
37 |
38 | 39 | 40 | 41 |
42 |

Proudly powered by WordPress.

43 |
44 |
45 |
46 | 47 | -------------------------------------------------------------------------------- /tt1-blocks/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 | 7 |
8 |
9 | 10 |
11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 |
19 |
20 | 21 | 22 | 23 | 24 |
25 | -------------------------------------------------------------------------------- /tt1-blocks/block-templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |

Nothing Here

7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |

It looks like nothing was found at this location. Maybe try a search?

19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /tt1-blocks/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 13 |
14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 |
28 |
29 | 30 |
31 | 32 | 33 | 34 |
35 | 36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 |
44 | 45 | 46 | 47 | 48 |
49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 |
57 | 58 |
59 | 60 |
61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /tt1-blocks/block-templates/page-home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /tt1-blocks/functions.php: -------------------------------------------------------------------------------- 1 | get( 'Version' ) ); 72 | wp_enqueue_style( 'tt1-blocks-style-shared', get_template_directory_uri() . '/assets/css/style-shared.css', array(), wp_get_theme()->get( 'Version' ) ); 73 | wp_enqueue_style( 'tt1-blocks-blocks', get_template_directory_uri() . '/assets/css/blocks.css', array(), wp_get_theme()->get( 'Version' ) ); 74 | } 75 | add_action( 'wp_enqueue_scripts', 'tt1_blocks_enqueue_styles' ); 76 | 77 | /** 78 | * Enqueue block editor script. 79 | * 80 | * @since 0.1 81 | * 82 | * @return void 83 | */ 84 | function tt1_blocks_block_editor_script() { 85 | 86 | wp_enqueue_script( 'tt1-blocks-unregister-block-style', get_theme_file_uri( '/assets/js/unregister-block-style.js' ), array( 'wp-blocks', 'wp-dom' ), wp_get_theme()->get( 'Version' ), true ); 87 | } 88 | add_action( 'enqueue_block_editor_assets', 'tt1_blocks_block_editor_script' ); 89 | 90 | // Block Patterns. 91 | require get_template_directory() . '/inc/block-patterns.php'; 92 | 93 | // Block Styles. 94 | require get_template_directory() . '/inc/block-styles.php'; 95 | -------------------------------------------------------------------------------- /tt1-blocks/inc/block-styles.php: -------------------------------------------------------------------------------- 1 | 'twentytwentyone-columns-overlap', 25 | 'label' => esc_html__( 'Overlap', 'tt1-blocks' ), 26 | ) 27 | ); 28 | 29 | // Cover: Borders. 30 | register_block_style( 31 | 'core/cover', 32 | array( 33 | 'name' => 'twentytwentyone-border', 34 | 'label' => esc_html__( 'Borders', 'tt1-blocks' ), 35 | ) 36 | ); 37 | 38 | // Image: Borders. 39 | register_block_style( 40 | 'core/image', 41 | array( 42 | 'name' => 'twentytwentyone-border', 43 | 'label' => esc_html__( 'Borders', 'tt1-blocks' ), 44 | ) 45 | ); 46 | 47 | // Image: Frame. 48 | register_block_style( 49 | 'core/image', 50 | array( 51 | 'name' => 'twentytwentyone-image-frame', 52 | 'label' => esc_html__( 'Frame', 'tt1-blocks' ), 53 | ) 54 | ); 55 | 56 | // Latest Posts: Dividers. 57 | register_block_style( 58 | 'core/latest-posts', 59 | array( 60 | 'name' => 'twentytwentyone-latest-posts-dividers', 61 | 'label' => esc_html__( 'Dividers', 'tt1-blocks' ), 62 | ) 63 | ); 64 | 65 | // Latest Posts: Borders. 66 | register_block_style( 67 | 'core/latest-posts', 68 | array( 69 | 'name' => 'twentytwentyone-latest-posts-borders', 70 | 'label' => esc_html__( 'Borders', 'tt1-blocks' ), 71 | ) 72 | ); 73 | 74 | // Media & Text: Borders. 75 | register_block_style( 76 | 'core/media-text', 77 | array( 78 | 'name' => 'twentytwentyone-border', 79 | 'label' => esc_html__( 'Borders', 'tt1-blocks' ), 80 | ) 81 | ); 82 | 83 | // Separator: Thick. 84 | register_block_style( 85 | 'core/separator', 86 | array( 87 | 'name' => 'twentytwentyone-separator-thick', 88 | 'label' => esc_html__( 'Thick', 'tt1-blocks' ), 89 | ) 90 | ); 91 | } 92 | add_action( 'init', 'twenty_twenty_one_register_block_styles' ); 93 | } 94 | -------------------------------------------------------------------------------- /tt1-blocks/index.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 |
21 | 22 |
23 | 24 | 25 | 26 |
27 | 28 |
29 | 30 | 31 | 32 |
33 | 34 | 35 | 36 |
37 | 38 | 39 | 40 |
41 | 42 |
43 | 44 |
45 | 46 | 47 | 48 | 49 | 50 |
51 | 52 |
53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 |
66 | -------------------------------------------------------------------------------- /tt1-blocks/readme.txt: -------------------------------------------------------------------------------- 1 | === TT1 Blocks === 2 | Contributors: wordpressdotorg 3 | Requires at least: 5.6 4 | Tested up to: 5.8 5 | Requires PHP: 5.6 6 | Stable tag: 0.4.8 7 | License: GPLv2 or later 8 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 9 | 10 | TT1 Blocks is an experimental block theme version of the Twenty Twenty-One theme. It is built to leverage the full site editing functionality that is being built in the Gutenberg plugin. This theme is not meant for use on a production site. 11 | 12 | == Description == 13 | 14 | TT1 Blocks is a block theme version the Twenty Twenty-One theme. It is built to leverage the full site editing functionality that is being built in the Gutenberg plugin. 15 | 16 | This theme is beta software, and is not meant for use on a production site. Bug reports, fixes, and other and contributions are welcome in the theme's GitHub repository. 17 | 18 | == Installation == 19 | 20 | 1. If you do not already have the Gutenberg plugin installed and activated, go to Appearance -> Themes in your admin panel and search for 'Gutenberg'. Install and activate the plugin. 21 | 2. Then, in your admin panel, go to Appearance -> Themes and click the 'Add New' button. 22 | 3. Type in 'TT1 Blocks' in the search form and press the 'Enter' key on your keyboard. 23 | 4. Click on the 'Activate' button to use your new theme right away. 24 | 5. From your admin panel, visit the Site Editor to customize your site. 25 | 26 | == Changelog == 27 | = 0.4.8 = 28 | * Update for compatibility with Gutenberg v12.1 29 | 30 | = 0.4.7 = 31 | * Updates to theme.json 32 | * Tested with WordPress 5.8 33 | 34 | = 0.4.6 = 35 | * Update for compatibility with Gutenberg v10.6 36 | 37 | = 0.4.5 = 38 | * Update for compatibility with Gutenberg v10.3 39 | 40 | = 0.4.4 = 41 | * Update for compatibility with Gutenberg v10.0 42 | 43 | = 0.4.3 = 44 | * Update for compatibility with Gutenberg v9.9 45 | 46 | = 0.4.2 = 47 | * Released: January 14, 2021 48 | 49 | Initial release 50 | 51 | == Copyright == 52 | 53 | TT1 Blocks WordPress Theme, 2020 WordPress.org 54 | TT1 Blocks is distributed under the terms of the GNU GPL. 55 | 56 | This program is free software: you can redistribute it and/or modify 57 | it under the terms of the GNU General Public License as published by 58 | the Free Software Foundation, either version 2 of the License, or 59 | (at your option) any later version. 60 | 61 | This program is distributed in the hope that it will be useful, 62 | but WITHOUT ANY WARRANTY; without even the implied warranty of 63 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 64 | GNU General Public License for more details. 65 | 66 | 67 | TT1 Blocks is derived from Twenty Twenty-One, (C) 2020 WordPress.org. License: GPL v2 or later. 68 | 69 | Images 70 | Art by Berthe Morisot 1841-1895. Public domain. 71 | https://www.wikiart.org/en/berthe-morisot/playing-in-the-sand 72 | https://www.wikiart.org/en/berthe-morisot/roses-tremieres-hollyhocks-1884 73 | https://www.wikiart.org/en/berthe-morisot/young-woman-in-mauve 74 | https://www.wikiart.org/en/berthe-morisot/in-the-bois-de-boulogne 75 | https://www.wikiart.org/en/berthe-morisot/daffodils 76 | https://www.wikiart.org/en/berthe-morisot/self-portrait-1885 77 | https://www.wikiart.org/en/berthe-morisot/the-garden-at-bougival-1884 78 | https://www.wikiart.org/en/berthe-morisot/villa-with-orange-trees-nice 79 | https://www.wikiart.org/en/berthe-morisot/reading 80 | -------------------------------------------------------------------------------- /tt1-blocks/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/tt1-blocks/screenshot.png -------------------------------------------------------------------------------- /tt1-blocks/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: TT1 Blocks 3 | Theme URI: https://github.com/WordPress/theme-experiments/tree/master/tt1-blocks 4 | Author: the WordPress team 5 | Author URI: https://wordpress.org/ 6 | Description: TT1 Blocks is an experimental block-based version of the Twenty Twenty-One theme. It is built to leverage the full-site editing functionality that is being built in the Gutenberg plugin. This theme is not meant for use on a production site. 7 | Requires at least: 5.6 8 | Tested up to: 5.8 9 | Requires PHP: 5.6 10 | Version: 0.4.8 11 | License: GNU General Public License v2 or later 12 | License URI: LICENSE 13 | Text Domain: tt1-blocks 14 | Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments 15 | 16 | TT1 Blocks WordPress Theme, (C) 2020 WordPress.org 17 | TT1 Blocks is distributed under the terms of the GNU GPL. 18 | */ 19 | 20 | /*-------------------------------------------------------------- 21 | # Defaults 22 | --------------------------------------------------------------*/ 23 | 24 | body { 25 | margin: 0; 26 | } 27 | -------------------------------------------------------------------------------- /tt1-blocks/templates/page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 |
25 | 26 |
27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /tt1-blocks/templates/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 | 32 |
33 |
34 | 35 |
36 | 37 | 38 | 39 |
40 | 41 |
42 |
43 | 44 | 45 | 46 | 47 |
48 | 49 |
50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /twentynineteen-blocks/block-template-parts/footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

Get in touch

5 | 6 | 7 | 8 |

Discover how we can boost your brand with a unique and powerful digital marketing strategy.

9 | 10 | 11 | 12 |
13 |
Get in touch
14 |
15 |
16 | 17 | 18 | 19 |
20 |

Visit our office

21 | 22 | 23 | 24 |

4324 Buena Vista Drive
San Francisco, CA 01234

25 | 26 | 27 | 28 |

Monday–Friday: 8AM-6PM
Saturday–Sunday: By Appointment

29 |
30 |
31 | 32 | 33 | 34 |

Eva Young Consulting, Proudly powered by WordPress.

35 | -------------------------------------------------------------------------------- /twentynineteen-blocks/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |
6 | 7 | 8 | 9 |
10 | 11 | 12 |

Site Tagline

13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 31 | 32 | 33 |
34 |
35 | 36 | -------------------------------------------------------------------------------- /twentynineteen-blocks/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
7 | 8 |
9 | 10 | 11 | 12 |
13 | -------------------------------------------------------------------------------- /twentynineteen-blocks/block-templates/singular.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
7 |
8 | 9 | 10 | 11 |
12 |
13 | 14 | 15 |
16 |
17 | 18 |
19 |
20 | 21 | 22 | 23 |
24 | -------------------------------------------------------------------------------- /twentynineteen-blocks/functions.php: -------------------------------------------------------------------------------- 1 | __( 'Small', 'twentynineteen-blocks' ), 33 | 'shortName' => __( 'S', 'twentynineteen-blocks' ), 34 | 'size' => 19.5, 35 | 'slug' => 'small', 36 | ), 37 | array( 38 | 'name' => __( 'Normal', 'twentynineteen-blocks' ), 39 | 'shortName' => __( 'M', 'twentynineteen-blocks' ), 40 | 'size' => 22, 41 | 'slug' => 'normal', 42 | ), 43 | array( 44 | 'name' => __( 'Large', 'twentynineteen-blocks' ), 45 | 'shortName' => __( 'L', 'twentynineteen-blocks' ), 46 | 'size' => 36.5, 47 | 'slug' => 'large', 48 | ), 49 | array( 50 | 'name' => __( 'Huge', 'twentynineteen-blocks' ), 51 | 'shortName' => __( 'XL', 'twentynineteen-blocks' ), 52 | 'size' => 49.5, 53 | 'slug' => 'huge', 54 | ), 55 | ) 56 | ); 57 | 58 | // Editor color palette. 59 | add_theme_support( 60 | 'editor-color-palette', 61 | array( 62 | array( 63 | 'name' => __( 'Primary', 'twentynineteen-blocks' ), 64 | 'slug' => 'primary', 65 | 'color' => '#0073AA', 66 | ), 67 | array( 68 | 'name' => __( 'Secondary', 'twentynineteen-blocks' ), 69 | 'slug' => 'secondary', 70 | 'color' => '#005177', 71 | ), 72 | array( 73 | 'name' => __( 'Dark Gray', 'twentynineteen-blocks' ), 74 | 'slug' => 'dark-gray', 75 | 'color' => '#111', 76 | ), 77 | array( 78 | 'name' => __( 'Light Gray', 'twentynineteen-blocks' ), 79 | 'slug' => 'light-gray', 80 | 'color' => '#767676', 81 | ), 82 | array( 83 | 'name' => __( 'White', 'twentynineteen-blocks' ), 84 | 'slug' => 'white', 85 | 'color' => '#FFF', 86 | ), 87 | ) 88 | ); 89 | 90 | // Add support for responsive embedded content. 91 | add_theme_support( 'responsive-embeds' ); 92 | 93 | // Starter content 94 | add_theme_support('starter-content', [ 95 | // Static front page set to Home 96 | 'options' => [ 97 | 'show_on_front' => 'page', 98 | 'page_on_front' => '{{home}}', 99 | ], 100 | // Starter pages to include 101 | 'posts' => [ 102 | 'home', 103 | 'blog' => array( 104 | 'post_type' => 'page', 105 | 'post_title' => __( 'Blog', 'twentynineteen-blocks' ), 106 | 'post_content' => join( 107 | '', 108 | array( 109 | '', 110 | ) 111 | ), 112 | ), 113 | ] 114 | ]); 115 | 116 | } 117 | add_action( 'after_setup_theme', 'twentynineteenblocks_theme_support' ); 118 | endif; 119 | 120 | /** 121 | * Register and Enqueue Styles. 122 | */ 123 | function twentynineteenblocks_register_styles() { 124 | 125 | $theme_version = wp_get_theme()->get( 'Version' ); 126 | 127 | wp_enqueue_style( 'twentynineteenblocks-style', get_stylesheet_uri(), array(), $theme_version ); 128 | 129 | } 130 | 131 | add_action( 'wp_enqueue_scripts', 'twentynineteenblocks_register_styles' ); 132 | -------------------------------------------------------------------------------- /twentynineteen-blocks/index.php: -------------------------------------------------------------------------------- 1 | // This can be empty -------------------------------------------------------------------------------- /twentynineteen-blocks/readme.txt: -------------------------------------------------------------------------------- 1 | === Twenty Nineteen Blocks === 2 | Contributors: wordpressdotorg 3 | Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready 4 | Requires at least: 4.9.6 5 | Tested up to: WordPress 5.0 6 | Requires PHP: 5.2.4 7 | License: GPLv2 or later 8 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 9 | 10 | Our 2019 default theme is designed to show off the power of the block editor. This version uses block templates. 11 | 12 | == Description == 13 | Twenty Nineteen, but built using block templates. 14 | 15 | To install: 16 | 17 | 1. Create a fresh WordPress site 18 | 2. Clone this repository or upload a zip into the site’s themes directory 19 | 3. Install the Gutenberg plugin 20 | 4. Enable the Full Site Editing experiment in the Gutenberg > Experiments panel. 21 | 5. Activate the "Twenty Nineteen Blocks" theme from within Appearance > Themes. 22 | 6. Visit the Customizer and hit "Publish". 23 | 24 | Compare the resulting site to the original Twenty Nineteen Demo theme. 25 | 26 | == Changelog == 27 | 28 | = 1.0 = 29 | * Released: January 20, 2020 30 | 31 | Initial release 32 | 33 | == Resources == 34 | * normalize.css, © 2012-2018 Nicolas Gallagher and Jonathan Neal, MIT 35 | * Underscores, © 2012-2018 Automattic, Inc., GNU GPL v2 or later 36 | -------------------------------------------------------------------------------- /twentynineteen-blocks/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentynineteen-blocks/screenshot.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/fonts/inter/Inter-italic-var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/fonts/inter/Inter-italic-var.woff2 -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/fonts/inter/Inter-upright-var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/fonts/inter/Inter-upright-var.woff2 -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-landscape-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-landscape-1.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-landscape-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-landscape-2.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-square-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-square-1.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-square-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-square-2.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-three-quarters-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-three-quarters-1.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-three-quarters-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-three-quarters-2.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-three-quarters-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-three-quarters-3.png -------------------------------------------------------------------------------- /twentytwenty-blocks/assets/images/2020-three-quarters-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/assets/images/2020-three-quarters-4.png -------------------------------------------------------------------------------- /twentytwenty-blocks/block-styles.css: -------------------------------------------------------------------------------- 1 | .is-style-header-nav { 2 | font-size: 1.8rem; 3 | font-weight: 500; 4 | letter-spacing: -0.0277em; 5 | margin: -0.8rem 0 0 -1.6rem; 6 | text-decoration: none; 7 | } 8 | 9 | .is-style-header-nav .wp-block-navigation-link { 10 | padding: 0; 11 | margin: 0 16px; 12 | } 13 | 14 | .is-style-header-nav .wp-block-navigation-link__content { 15 | padding: 0; 16 | text-decoration: none; 17 | } 18 | 19 | .is-style-header-nav .wp-block-navigation-link__content.has-submenu { 20 | padding-bottom: 2rem; 21 | } 22 | 23 | .is-style-header-nav .wp-block-navigation-link__content:hover { 24 | text-decoration: underline; 25 | } 26 | 27 | .is-style-header-nav > ul > li > a.wp-block-navigation-link__content { 28 | padding-bottom: 2rem; 29 | } 30 | 31 | .is-style-header-nav .wp-block-navigation-link > ul { 32 | background: var(--wp--preset--color--foreground); 33 | border-color: var(--wp--preset--color--foreground); 34 | border-radius: 0.4rem; 35 | font-size: 1.7rem; 36 | opacity: 0; 37 | padding: 1rem 0; 38 | transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; 39 | transform: translateY(0.6rem); 40 | } 41 | 42 | .is-style-header-nav .wp-block-navigation-link > ul:before { 43 | border-color: transparent transparent black; 44 | } 45 | 46 | .is-style-header-nav .wp-block-navigation-link > ul:after { 47 | border-color: transparent transparent black; 48 | } 49 | 50 | .is-style-header-nav .wp-block-navigation-link > ul a { 51 | color: white; 52 | } 53 | 54 | @media (max-width: 699px) { 55 | .is-style-header-nav.wp-block-navigation.items-justified-right>ul { 56 | display: flex; 57 | justify-content: space-between; 58 | } 59 | } 60 | 61 | .is-style-header-site-title { 62 | display: inline-block; 63 | font-size: 2.4rem; 64 | font-weight: 700; 65 | line-height: 1; 66 | margin-right: 2rem; 67 | } 68 | 69 | .is-style-header-site-title a { 70 | color: black; 71 | text-decoration: none; 72 | } 73 | 74 | .is-style-header-site-title a:hover { 75 | text-decoration: underline; 76 | } 77 | 78 | .entry-content > .is-style-landing-page-columns.alignfull, 79 | .entry-content > .is-style-landing-page-columns.alignfull h1 { 80 | margin: 0; 81 | } 82 | 83 | @media ( min-width: 700px ){ 84 | .entry-content > .is-style-landing-page-columns.alignfull h1 { 85 | margin: 12rem 0 5rem; 86 | } 87 | } 88 | 89 | .is-style-featured-media-home::before { 90 | background: #fff; 91 | content: ""; 92 | display: block; 93 | position: absolute; 94 | bottom: 50%; 95 | left: 0; 96 | right: 0; 97 | top: 0; 98 | } 99 | 100 | .is-style-header-cover.wp-block-cover.alignfull { 101 | align-items: flex-end; 102 | background-attachment: fixed; 103 | margin: 0; 104 | min-height: 100vh; 105 | } 106 | 107 | .is-style-header-cover.wp-block-cover.alignfull .wp-block-cover__inner-container { 108 | padding: 6rem 0; 109 | } 110 | -------------------------------------------------------------------------------- /twentytwenty-blocks/block-template-parts/header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

Twenty Twenty

5 | 6 | 7 | 8 |

Just another WordPress site

9 |
10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 | 24 | -------------------------------------------------------------------------------- /twentytwenty-blocks/block-templates/index.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | -------------------------------------------------------------------------------- /twentytwenty-blocks/experimental-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "templateParts": { 3 | "header": { 4 | "area": "header" 5 | }, 6 | "footer": { 7 | "area": "footer" 8 | } 9 | }, 10 | "global": { 11 | "presets": { 12 | "color": [ 13 | { 14 | "slug": "background", 15 | "value": "#f5efe0" 16 | }, 17 | { 18 | "slug": "foreground", 19 | "value": "#000" 20 | }, 21 | { 22 | "slug": "primary", 23 | "value": "#cd2653" 24 | } 25 | ], 26 | "font-size": [ 27 | { 28 | "slug": "small", 29 | "value": "20px" 30 | }, 31 | { 32 | "slug": "normal", 33 | "value": "22px" 34 | }, 35 | { 36 | "slug": "large", 37 | "value": "37px" 38 | }, 39 | { 40 | "slug": "huge", 41 | "value": "50px" 42 | } 43 | ], 44 | "line-height": [ 45 | { 46 | "slug": "normal", 47 | "value": "1.8" 48 | }, 49 | { 50 | "slug": "heading", 51 | "value": "1.4" 52 | } 53 | ], 54 | "font-weight": [ 55 | { 56 | "slug": "normal", 57 | "value": "normal" 58 | }, 59 | { 60 | "slug": "heading", 61 | "value": "700" 62 | } 63 | ] 64 | } 65 | } 66 | } -------------------------------------------------------------------------------- /twentytwenty-blocks/index.php: -------------------------------------------------------------------------------- 1 | // this can be empty 2 | -------------------------------------------------------------------------------- /twentytwenty-blocks/readme.txt: -------------------------------------------------------------------------------- 1 | === Twenty Twenty Blocks === 2 | Contributors: the WordPress team 3 | Tested up to: 5.3 4 | Stable tag: 1.1 5 | License: GPLv2 or later 6 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 7 | 8 | Default theme for 2020. This version uses block templates. 9 | 10 | == Description == 11 | 12 | Twenty Twenty, but built using block templates. 13 | 14 | To install: 15 | 16 | 1. Create a fresh WordPress site 17 | 2. Clone this theme folder or upload a zip into the site’s themes directory 18 | 3. Install the Gutenberg plugin 19 | 4. Enable the Full Site Editing and Full Site Editing Demo Templates experiments in the Gutenberg > Experiments panel. 20 | 5. Activate the "Twenty Twenty Blocks" theme from within Appearance > Themes. 21 | 6. Visit the Customizer and hit "Publish". 22 | 23 | == Changelog == 24 | 25 | = 1.0 = 26 | * Released: January 20, 2020 27 | 28 | Initial release 29 | 30 | == Copyright == 31 | 32 | Twenty Twenty WordPress Theme, Copyright 2019 WordPress.org 33 | Twenty Twenty is distributed under the terms of the GNU GPL. 34 | 35 | This program is free software: you can redistribute it and/or modify 36 | it under the terms of the GNU General Public License as published by 37 | the Free Software Foundation, either version 2 of the License, or 38 | (at your option) any later version. 39 | 40 | This program is distributed in the hope that it will be useful, 41 | but WITHOUT ANY WARRANTY; without even the implied warranty of 42 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 43 | GNU General Public License for more details. 44 | 45 | Twenty Twenty is derived from the Chaplin Theme, Copyright 2019 Anders Norén 46 | Chaplin Theme is distributed under the terms of the GNU GPL version 2.0 47 | 48 | Twenty Twenty bundles the following third-party resources: 49 | 50 | Illustrations in screenshot.png by Tammie Lister 51 | License: Creative Commons Zero (CC0), https://creativecommons.org/publicdomain/zero/1.0/ 52 | 53 | Inter Font 54 | Copyright (c) 2016-2019 The Inter Project Authors (me@rsms.me) 55 | License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1 56 | Source: https://rsms.me/inter/ 57 | 58 | Bespoke Icons Created For Twenty Twenty 59 | License: Creative Commons Zero (CC0), https://creativecommons.org/publicdomain/zero/1.0/ 60 | List of bespoke icons: 61 | - Search icon 62 | - Menu icon 63 | 64 | Feather Icons 65 | Copyright (c) 2013-2017 Cole Bemis 66 | License: MIT License, https://opensource.org/licenses/MIT 67 | Source: https://feathericons.com 68 | Used for post meta icons, and the link icon in the social menu. 69 | 70 | Social Icons 71 | License: GNU General Public License v2 or later 72 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 73 | Source: WordPress Social Link Block (See wp-includes\blocks\social-link.php) 74 | 75 | Code from Twenty Nineteen 76 | Copyright (c) 2018-2019 WordPress.org 77 | License: GPLv2 78 | Source: https://wordpress.org/themes/twentynineteen/ 79 | Included as part of the following classes and functions: 80 | - TwentyTwenty_SVG_Icons 81 | - twentytwenty_the_theme_svg() 82 | - twentytwenty_get_theme_svg() 83 | - twentytwenty_nav_menu_social_icons() 84 | 85 | Code from Twenty Seventeen 86 | Copyright (c) 2016-2019 WordPress.org 87 | License: GPLv2 88 | Source: https://wordpress.org/themes/twentyseventeen/ 89 | Included as part of the following classes and functions: 90 | - twentytwenty_unique_id() 91 | 92 | Underscores 93 | https://underscores.me/, (C) 2012-2019 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) 94 | -------------------------------------------------------------------------------- /twentytwenty-blocks/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WordPress/theme-experiments/5b905fc75a19b14017ff391193a848106cc14f6f/twentytwenty-blocks/screenshot.png -------------------------------------------------------------------------------- /twentytwenty-blocks/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Twenty Twenty Blocks 3 | Author: the WordPress Theme team 4 | Author URI: https://wordpress.org/ 5 | Description: Twenty Twenty, but only using block templates. 6 | Requires at least: WordPress 4.9.6 7 | Version: 0.1 8 | License: GNU General Public License v2 or later 9 | License URI: LICENSE 10 | Text Domain: twentytwenty-blocks 11 | Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready 12 | */ 13 | 14 | /* 15 | * Import the default Twenty Twenty styles. 16 | */ 17 | @import url('twentytwenty-styles/style.css'); 18 | 19 | /* 20 | * Set the default link color. 21 | */ 22 | :root { 23 | --wp--style--color--link: var(--wp--preset--color--primary); 24 | } 25 | 26 | /* 27 | ** Header 28 | */ 29 | .site-header { 30 | background-color: #fff; 31 | padding: 3.4rem 1rem 0; 32 | margin-top: 0; 33 | width: 100%; 34 | z-index: 2; 35 | } 36 | 37 | .site-header.site-header-transparent { 38 | background-color: transparent; 39 | } 40 | 41 | .site-header-transparent a, .site-header-transparent p, .site-header-transparent h1 { 42 | color: white !important; 43 | } 44 | 45 | .site-header .wp-block-columns.alignfull { 46 | margin-bottom: 0; 47 | margin-top: 0; 48 | } 49 | 50 | .site-description { 51 | display: inline; 52 | } 53 | 54 | .background-white { 55 | background-color: #fff; 56 | } 57 | 58 | 59 | /* 60 | ** Site Content 61 | ** (Extra specificity here is necessary to override default theme styles for content within Group block inner containers.) 62 | */ 63 | .site-content > .wp-block-group__inner-container > .entry-content:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 64 | max-width: inherit; 65 | } 66 | 67 | /* 68 | ** Footer 69 | */ 70 | #site-footer, .site-footer{ 71 | padding: 0 0 1px; 72 | } 73 | 74 | .site-footer .alignfull, .site-footer hr.wp-block-separator { 75 | margin: 4rem auto 0; 76 | } 77 | 78 | .site-footer h3 { 79 | margin-top: 0; 80 | } 81 | 82 | .site-footer .footer-top { 83 | border-bottom: none; 84 | margin-bottom: 0; 85 | padding-bottom: 0; 86 | } 87 | 88 | .site-footer .alignright { 89 | justify-content: flex-end; 90 | } 91 | 92 | .site-footer .footer-menu a { 93 | font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 94 | } 95 | 96 | .footer-social .wp-social-link { 97 | width: auto; 98 | height: auto; 99 | } 100 | --------------------------------------------------------------------------------