We are happy to announce that we recently released the 1.0 version of the Twenty Twenty Frontity Theme!
Read more about this theme on our blog.
Demo: https://twentytwenty.frontity.org.
Highlighted features:
- Accessibility Ready
- Content Prefetch
- Search
- Pagination
Unfortunately, we weren’t able to finally include other features planned for this version, such as CSS transitions and infinite scrolling. These and other improvements have been already added to our roadmap. Any contributions are always welcome!
Special thanks to Segun Adebayo for porting this theme over to Frontity, and to Uche Jude, Michal Czaplinski, Luis Herranz, and Mario Santos for their work to release this 1.0 version!
Installation
For a new Frontity project
Create a new Frontity project with this command:
npx frontity create
You will be asked then to (1) enter a name for the project, and (2) pick a starter theme to clone. There you can select the @frontity/twentytwenty-theme.
For an existing Frontity project:
The first thing you must know it’s the name of the package that you’d like to install. In this case is @frontity/twentytwenty-theme.
Then, follow this guide of our docs to learn how to install a new package and add it to the frontity.settings.js file.
Theme settings
To learn more about the theme settings and how to configure them, please visit our documentation.
@frontity/twentytwenty-theme@1.0.0
Major Changes
-
f41c4883#235 Thanks @segunadebayo! - Release first version of the TwentyTwenty Frontity theme.
Minor Changes
-
d19452da#315 Thanks @iamuchejude! - Re-implement pagination in the TwentyTwenty Theme
Patch Changes
-
6f35bd2b#63 Thanks @luisherranz! - Set TwentyTwenty license to GPLv2 -
eb9bed5a#248 Thanks @mrmakadia94! - Update TwentyTwenty package variable -
145210c6#304 Thanks @michalczaplinski! - Add a new component that shows how to handledata.isErrorin mars-theme and twenty-twenty theme -
495771f8#302 Thanks @michalczaplinski! - Decode the HTML entities using thedecodefunction from ‘frontity’ -
10189c8d#257 Thanks @michalczaplinski! - Add link underlines on hover.
Add transitions when showing and hiding the Search Bar.
Fix minor CSS bugs.