Git Product home page Git Product logo

discoform / point-zero Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 832 KB

Point Zero is a truly minimal micro-blog theme for Jekyll. Point Zero eschews many of the typical blogger "must-haves" in pursuit of an uncluttered and esoteric reading experience.

Home Page: https://point-zero.netlify.app

License: GNU General Public License v3.0

HTML 26.75% Ruby 3.35% SCSS 46.91% JavaScript 23.00%
blog-theme jamstack jekyll jekyll-theme lightweight microblog minimal netlify netlify-cms netlifycms responsive static-site

point-zero's People

Contributors

discoform avatar

Watchers

 avatar

point-zero's Issues

invalid sitemap and canonical url

Screen Shot 2021-07-19 at 11 19 57 AM

This can be fixed by updating the url front matter in _config.yml

Add https://point-zero.netlify.app (the demo url) to fix this for the demo site

adjust z-index of modal

Screen Shot 2021-07-20 at 12 49 10 PM
If the modal is triggered on a post with a YouTube embed, the YouTube play button displays over the modal content because it has a z-index greater than the modal.

solution: increase z-index of modal

navigation arrow needed on homepage

point zero only has one navigation element:

The only navigation element from there, and throughout the site, is a single arrow icon that will randomly advance you to another post.

Currently this arrow is missing from the homepage, so a visitor to the homepage will be stuck.

This issue can be closed when the nav arrow is provided on the homepage.

add user controls for image treatments

_data/picture.yml

Jekyll Picture Tag has the following settings fir the theme:

presets:
  default:
    markup: auto
    nomarkdown: false
    formats: [original]
    widths: [414, 600, 700, 800, 1127]
    fallback_width: 700
    fallback_format: original
    data_sizes: true
    dimension_attributes: true
    attributes:
      img:  loading="lazy" data-sizes="auto"'

Most of these settings should remain for markup and performance reasons, but some users may want to use more images sizes, or fewer. Some may also want to use .webp format.

The following settings can be added to the config collection in admin/config.yml

  • Make widths options selectable
  • Make .webp format optional

google fonts affect page speed and FCP

Google fonts are a nice to have, but I don't personality think they are worth the performance impact.

Screen Shot 2021-07-19 at 12 03 48 PM

For this issue I'd like to experiment with making Google fonts an option in the CMS.

  • The default setting should be for the site to use a system font-stack like font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  • The user should have options to select Google fonts from a dropdown menu. Refer to this documentation to get started: https://developers.google.com/fonts/docs/developer_api ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.