Primavera: All in One Page #01 by @pneuma-themes
Always, it’s spring, and everyone’s in love, and the flowers pick themselves.
Live Preview / Get the code: [Pastebin] / [Github]
Another Twitter inspired layout. This is an all-in-one page with about, blogroll, tags, and FAQ sections. The code has been heavily annotated, so please go through the code first before sending me an ask!
Important note: Your blog must have been given permission to use Javascript on pages. As of 2024, the waiting time is almost indefinite, and thus might necessitate a circumvention. You can refer to the post I linked to find the how-to.
For the blogroll to display the list of blogs you follow, you must enable this option on the blog setting:
This will not work on secondary blogs, as they do not have that option on their settings.
Features:
- Five custom links
- Everything is customizable, from the icons to the content and the colors. Customizable options can be found on the :root section of the CSS.
- A built-in light-on/off mode that can be toggled by one click.
- A header image. The size of your header image is 60% of your screen width x. 250px. The image should resize automatically.
- An endless space for practically every section. You can be as detailed or as concise as you like.
- Sticky navigation tabs.
- A short “currently” tab in the about section, can be about anything you like.
- This is a page theme, so blog posts will not be displayed. Please install this through the Add new page link instead.
Credits:
- Icons: @alydae
- Header: @tofuvi
- Fonts: Merriweather, Albert Sans @ bunny.net
- Font icons: Dencar Icons (ported by @glenthemes)
- CSS tabs: bulma.css, functionality adapted from this StackOverflow post.
- Tooltips: tippy.js
Please like and reblog if you like or are using this!
