Giter VIP home page Giter VIP logo

jack's Introduction

jack

A simple, dark, and modern Jekyll theme

Features

  • Backed by Webpack, ES6, and PostCSS for compiling assets
  • Dark theme
  • Simple design suitable for quick blogging
  • Mobile first and responsive layout
  • Nice build system

Demo

You can see it here.

Installation

  • Install ruby and yarn
  • Run bundle install and yarn to install all the dependencies
  • To run the server, type bundle exec rake serve and open localhost:4000 in a browser
  • Add/Edit your config in _config.yml
  • To build the blog, type bundle exec rake build
  • You can safely remove docs/ folder since it's only for demonstration

License

See LICENSE.

jack's People

Contributors

aonemd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

jack's Issues

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://aonemd.github.io/jack/" and found these accessibility errors:

  • Page https://aonemd.github.io/jack/:
    • Issue 4cb6e23d-bb74-4ab3-a4aa-b5e92cdd4e90:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.79:1. Recommendation: change text colour to #fff.
      • Selector: html > body > nav > div:nth-child(4) > a:nth-child(4)
      • Context: <a href="mailto:[email protected]" target="_blank"> email </a>
    • Issue 27bec8f7-212f-4d1d-87b0-8faf7587fade:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.79:1. Recommendation: change text colour to #fff.
      • Selector: html > body > nav > div:nth-child(4) > a:nth-child(3)
      • Context: <a href="https://github.com/jekyll" target="_blank"> github </a>
    • Issue 8202bf2e-5337-4b41-9baa-b4e437d7cf08:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.79:1. Recommendation: change text colour to #fff.
      • Selector: html > body > nav > div:nth-child(4) > a:nth-child(2)
      • Context: <a href="https://twitter.com/jekyllrb" target="_blank"> twitter </a>
    • Issue 7ea7715a-c883-4b47-b63f-a6460d29698a:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.79:1. Recommendation: change text colour to #fff.
      • Selector: html > body > nav > div:nth-child(4) > a:nth-child(1)
      • Context: <a href="/jack/about"> about </a>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

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.