-
Notifications
You must be signed in to change notification settings - Fork 23
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adds the index.html template, along with accompanying template parts and styles. This gets close to matching the All Posts mockup page in the design, but a few things have been omitted: * The "brush stroke" edge at the bottom of the "All Posts" header. This will be added in when #32 is addressed. * The "Load More Posts" link has been replaced with query pagination. * The "Subscribe to WordPress News" box has been left out of the footer, because block templates do not support rendering shortcodes, which is currently the only way to render Jetpack's subscription form. * Some of the podcast player icons in the WP Briefing footer box are generic links because the Social Icons block does not currently support all the necessary brands/services. Fixes #22
- Loading branch information
1 parent
c6d1a89
commit 5f52207
Showing
16 changed files
with
591 additions
and
94 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
48 changes: 48 additions & 0 deletions
48
...ce/wp-content/themes/wporg-news-2021/assets/svg/brush-stroke-short-2-blue-4.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
221 changes: 221 additions & 0 deletions
221
source/wp-content/themes/wporg-news-2021/assets/svg/brush-stroke-short-blue-4.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions
18
source/wp-content/themes/wporg-news-2021/block-template-parts/content-archive.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!-- wp:group {"tagName":"header","className":"entry-header"} --> | ||
| <header class="wp-block-group entry-header"> | ||
| <!-- wp:post-title {"level":2,"isLink":true} /--> | ||
|
|
||
| <!-- wp:group {"className":"entry-meta"} --> | ||
| <div class="wp-block-group entry-meta"> | ||
| <!-- wp:post-terms {"term":"category"} /--> | ||
| <!-- wp:post-date /--> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </header> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:group {"tagName":"section"} --> | ||
| <section class="wp-block-group"> | ||
| <!-- wp:post-excerpt {"moreText":"Read Post","showMoreOnNewLine":true,"layout":{"inherit":true}} /--> | ||
| </section> | ||
| <!-- /wp:group --> |
75 changes: 75 additions & 0 deletions
75
source/wp-content/themes/wporg-news-2021/block-template-parts/footer-archive.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| <!-- wp:group {"align":"full","className":"footer-archive-row","layout":{"type":"flex"}} --> | ||
| <div class="wp-block-group alignfull footer-archive-row"> | ||
| <!-- wp:group --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:heading {"level":4} --> | ||
| <h4>Follow The Code</h4> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:paragraph --> | ||
| <p><a href="https://make.wordpress.org/core/">There's a development P2</a> blog and you can track active development in the <a href="https://core.trac.wordpress.org/timeline">Trac timeline</a> that often has 20–30 updates per day.</p> | ||
| <!-- /wp:paragraph --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:group --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:heading {"level":4} --> | ||
| <h4>Find An Event Near You</h4> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:paragraph --> | ||
| <p>Check out the <a href="https://central.wordcamp.org/">WordCamp schedule</a> and find your <a href="https://www.meetup.com/pro/wordpress">local Meetup group</a>! For more WordPress news, check out the <a href="http://planet.wordpress.org/">WordPress Planet</a>.</p> | ||
| <!-- /wp:paragraph --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:group {"align":"full","className":"footer-archive-row","layout":{"type":"flex"}} --> | ||
| <div class="wp-block-group alignfull footer-archive-row"> | ||
| <!-- wp:group --> | ||
| <div class="wp-block-group"> | ||
| <!-- Todo: Subscribe form -- the current block is not compatible with block templates. --> | ||
| <!-- See: https://github.com/WordPress/wporg-news-2021/issues/35 --> | ||
| <p> | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| </p> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:group {"className":"wp-briefing"} --> | ||
| <div class="wp-block-group wp-briefing"> | ||
| <!-- wp:heading {"level":4} --> | ||
| <h4>WP Briefing — The WordPress Podcast</h4> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:paragraph --> | ||
| <p>Join Josepha Haden and Matt Mullenweg to learn about where WordPress is going and how you can get involved.</p> | ||
| <!-- /wp:paragraph --> | ||
| <!-- wp:group {"layout":{"type":"flex"}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:social-links {"iconColor":"blue-1","iconColorValue":"#3e58e1","className":"is-style-logos-only"} --> | ||
| <ul class="wp-block-social-links has-icon-color is-style-logos-only"> | ||
| <!-- wp:social-link {"url":"https://podcasts.apple.com/us/podcast/wp-briefing/id1551691710","service":"chain","label":"Apple Podcasts"} /--> | ||
| <!-- wp:social-link {"url":"https://pca.st/uqvvmt8t","service":"chain","label":"Pocket Casts"} /--> | ||
| <!-- wp:social-link {"url":"https://wordpress.org/news/feed/podcast","service":"feed","label":"RSS"} /--> | ||
| <!-- wp:social-link {"url":"https://open.spotify.com/show/6BxgmE9Qg2TZA8EKZLJ4zS","service":"spotify","label":"Spotify"} /--> | ||
| <!-- wp:social-link {"url":"https://www.stitcher.com/show/wp-briefing","service":"chain","label":"Stitcher"} /--> | ||
| </ul> | ||
| <!-- /wp:social-links --> | ||
| <!-- wp:paragraph {"className":"podcast-link"} --> | ||
| <p class="podcast-link"><a href="https://wordpress.org/news/podcast/">Listen All Episodes</a></p> | ||
| <!-- /wp:paragraph --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:group --> |
7 changes: 7 additions & 0 deletions
7
source/wp-content/themes/wporg-news-2021/block-template-parts/query-navigation.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| <!-- wp:query-pagination --> | ||
| <div class="wp-block-query-pagination"> | ||
| <!-- wp:query-pagination-previous {"label":"Newer Posts"} /--> | ||
| <!-- wp:query-pagination-numbers /--> | ||
| <!-- wp:query-pagination-next {"label":"Older Posts"} /--> | ||
| </div> | ||
| <!-- /wp:query-pagination --> |
36 changes: 14 additions & 22 deletions
36
source/wp-content/themes/wporg-news-2021/block-templates/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,23 @@ | ||
| <!-- wp:wporg/global-header /--> | ||
|
|
||
| <!-- wp:query {"tagName":"main","queryId":1,"query":{"perPage":10,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":""}} --> | ||
| <main class="wp-block-query"> | ||
| <!-- wp:post-template --> | ||
| <!-- wp:group {"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:post-title {"isLink":true} /--> | ||
| <!-- wp:post-featured-image {"isLink":true} /--> | ||
| <!-- wp:post-excerpt /--> | ||
| <!-- wp:spacer {"height":40} --> | ||
| <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
| </div> | ||
| <!-- wp:group {"tagName":"header","className":"header-archive header-archive-all-posts","layout":{"inherit":true}} --> | ||
| <header class="wp-block-group header-archive header-archive-all-posts"> | ||
| <!-- wp:heading {"level":1,"align":"wide"} --> | ||
| <h1 class="alignwide">All Posts</h1> | ||
| <!-- /wp:heading --> | ||
| </header> | ||
| <!-- /wp:group --> | ||
| <!-- /wp:post-template --> | ||
| <!-- wp:group {"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:query-pagination --> | ||
| <div class="wp-block-query-pagination"><!-- wp:query-pagination-previous /--> | ||
|
|
||
| <!-- wp:query-pagination-numbers /--> | ||
| <!-- wp:query {"tagName":"main","className":"site-content-container content-archive"} --> | ||
| <main class="wp-block-query site-content-container content-archive"> | ||
| <!-- wp:post-template --> | ||
| <!-- wp:template-part {"slug":"content-archive","tagName":"article","layout":{"inherit":true}} /--> | ||
| <!-- /wp:post-template --> | ||
|
|
||
| <!-- wp:query-pagination-next /--></div> | ||
| <!-- /wp:query-pagination --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:template-part {"slug":"query-navigation","className":"query-navigation-container","layout":{"inherit":true}} /--> | ||
| </main> | ||
| <!-- /wp:query --> | ||
|
|
||
| <!-- wp:template-part {"tagName":"footer","slug":"footer-archive","className":"footer-archive","layout":{"inherit":true}} /--> | ||
|
|
||
| <!-- wp:wporg/global-footer /--> |
4 changes: 2 additions & 2 deletions
4
source/wp-content/themes/wporg-news-2021/block-templates/single.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,7 @@ | ||
| <!-- wp:wporg/global-header /--> | ||
|
|
||
| <!-- wp:template-part {"slug":"content-single","theme":"wporg-news-2021","tagName":"main","className":"site-content-container content-single"} /--> | ||
| <!-- wp:template-part {"slug":"content-single","tagName":"main","className":"site-content-container content-single"} /--> | ||
|
|
||
| <!-- wp:template-part {"slug":"post-navigation","theme":"wporg-news-2021","className":"post-navigation-container","layout":{"inherit":true}} /--> | ||
| <!-- wp:template-part {"slug":"post-navigation","className":"post-navigation-container","layout":{"inherit":true}} /--> | ||
|
|
||
| <!-- wp:wporg/global-footer /--> |
Oops, something went wrong.