Site Overview
Luis Ricardo Martínez Díaz #OverviewA fast, lightweight, and multi-language static site using Zola and the theme abridge. With perfect scores in: Lighthouse (Google) and YellowLabTools (Open Source). Here you can see a print of my Google Lighthouse's score.
This is posible using semantic HTML, CSS and No Mandatory JavaScript. Besides of that this site counts with PWA support, you can download and install it as a local application without consuming internet, available with Google Chrome. Best accessibility practice and others benefits. Here is an extended list with more features and details of what I can offer for your site.
Features
- Perfect Lighthouse, YellowLabTools, and Observatory scores.
- PWA support (Progressive Web Application) for Entirely Offline Site with full search support.
- Dark, Light, Auto, and Switcher themes.
- Multi-language support.
- Search support.
- Search Suggestions, with navigation keys and Search Results Page.
- SEO support (Search Engine Optimization).
- Pagination with numbered paginator on index.
- Title Based Previous and Next Article links at bottom of Article.
- Table of Contents in page Index (with clickable links).
- Recent Posts Block.
- Back to Top button.
- Email link in footer obfuscation for anti-spam.
- Archive page.
- Tags.
- Categories. Similar to Tags but for complex pages with lots of sections. I don't use it.
- Social icon links in footer.
- Responsive design (mobile first).
- Video Shortcodes* for embedded content from Youtube, Vimeo or Streamable.
- Other Media Shortcodes for videos, images and audio for your rich-content webpage.
- Other Shortcodes to show data, if your needed.
By now i leave a short description of some of these features down below.
Search Suggestions
To try it as an example press /
key, type rust, use arrows for move, enter
to select or espace
to close. To see the search results page type the search query and hit Enter Key
or click
the search button icon.
Pagination
I can set the number of home page or post page items for section pages. I use three for my Blog as an example.
Footer Social Icons
I can configure your site with the social icons that you use the most (this makes your site size smaller and faster).
Or i can simply turn them all off if you don't want to use any of them.
Dark or Light Themes
You can have your site with dark or light themes or i can set up a switcher button that allows the visitor to toggle the theme.
SEO and Header Tags
For your post i can set a title less than 60 characters and a description between 80 and 160 characters in length. The description is what is displayed in search results below the page title.
I can also set page specific keywords for better positioning your site in search engines.
I can optionally set a page specific image for the search results.
PWA, Progressive Web App
Luis-TI.dev.br site has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome on your computer or phone.
If using Chrome on desktop then look at the end of the address bar for the install button. On Android you should get a popup to install, you can also install from the 3 dot menu in the top right corner. Once you have the PWA installed, you can go completely offline and you will still be able to browse or search the site!