crispgm/black-white-blue

Simple and minimal project home page theme for Jekyll

Home Page | Personal Wiki

I am a software engineer focus on fullstack web development. I contribute to neovim, static site generator, web framework, and Alfred. I enjoy playing foosball.

Projects

• My Dotfiles: macOS dotfiles & arch-linux-dotfiles
• Neovim Plugins: nvim-go, nvim-tabline, & telescope-heading.nvim
• go-lark/lark: Messaging SDK for Feishu and Lark Open Platform
• Jekyll Themes: Jekyll Resume Theme, Minimal, Moderu, & bwb
• Alfred Plugins: Alfred Nord Theme, Alfred Markdown Table, & Alfred Cron
• Foosball: kicker-cli & foosball-referee
• And more: Awesome CN Café

black-white-blue's Issues

Feature: ref issue's in changelog

Feature: Logo for BWB

Make changelog as a layout

Bug & FR

Bug:

• Docs not sync with README

FR:

• Allow render README as docs

Add testimonial module

Docs: add more instructions on config

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://crispgm.github.io/black-white-blue/" and found these accessibility errors:

• Page https://crispgm.github.io/black-white-blue/:
  • Issue 2136b53d-eb2d-42e0-8c89-d3568c0d6616:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > footer > div:nth-child(2) > a
    • Context: <a href="https://crispgm.com/">David Zhang</a>
  • Issue 159f1efa-d80a-4799-aa9e-778c34898fd4:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > div > footer > div:nth-child(1) > div:nth-child(4) > a
    • Context: <a href="https://medium.com/@crispgm"> <i class="fa fa-medium...</a>
  • Issue 0c3b5d62-5f1b-4e45-9de8-2f20a498106c:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > div > footer > div:nth-child(1) > div:nth-child(3) > a
    • Context: <a href="https://twitter.com/crispgm"> <i class="fa fa-twitte...</a>
  • Issue e8d0fa84-0242-4637-bf03-4b17d7c85c23:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > div > footer > div:nth-child(1) > div:nth-child(2) > a
    • Context: <a href="https://github.com/crispgm/black-white-blue"> <i class="fa fa-github...</a>
  • Issue e261d50f-edbb-425c-974a-7df0622e6fe4:
    • Type: Error
    • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
    • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
    • Selector: html > body > div > footer > div:nth-child(1) > div:nth-child(1) > a
    • Context: <a href="mailto:[email protected]"> <i class="fa fa-envelo...</a>
  • Issue 109ff5c4-8c1e-4c8a-bffc-db4062e4a220:
    • 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 3.15:1. Recommendation: change text colour to #151d25.
    • Selector: #testimonial > div:nth-child(2) > div:nth-child(2) > div:nth-child(3)
    • Context: <div class="review-title"> Virtual Girl of AD ...</div>
  • Issue aa03a9d0-b995-48fe-9ee2-ce1a081adb21:
    • 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 3.15:1. Recommendation: change text colour to #151d25.
    • Selector: #testimonial > div:nth-child(2) > div:nth-child(1) > div:nth-child(3)
    • Context: `
      
      Creator of BWB
      `
  • Issue e0185fc5-cb0a-4461-878d-747dbeefdeeb:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: #testimonial > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > a
    • Context: <a href="https://crispgm.com/">David Zhang</a>
  • Issue 63900fef-1c31-4e3f-a60d-ad7e29b8a8bb:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: #introduction > div:nth-child(5) > span:nth-child(2) > a
    • Context: <a href="https://crispgm.com/">David Zhang</a>
  • Issue 55b342c0-530e-416c-ad6c-1f485ee4994c:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: #introduction > div:nth-child(5) > span:nth-child(1) > a
    • Context: <a href="/black-white-blue/changelog.html">1.0.5</a>
  • Issue bd815b96-7dc0-4b04-b71c-4cbdd8aa8408:
    • 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 3.15:1. Recommendation: change text colour to #151d25.
    • Selector: #introduction > div:nth-child(3)
    • Context: <div class="intro-desc"> Black White Blue is a simp...</div>
  • Issue c357d4d0-8c03-44a5-9d86-8e1d7353db55:
    • Type: Error
    • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
    • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
    • Selector: #introduction > div:nth-child(1) > img
    • Context: <img src="/black-white-blue/assets/logo.png">
  • Issue 011638c7-4371-4c35-9069-414ea0b73533:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > header > div:nth-child(2) > a
    • Context: <a href="/black-white-blue/">Black White Blue</a>
  • Issue 3451aed9-d0d4-4de1-91c9-48a24d362771:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > header > div:nth-child(1) > div:nth-child(4) > a
    • Context: <a href="/black-white-blue/about.html">About</a>
  • Issue 185aac32-e16c-46df-a125-7b5978a4e56a:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > header > div:nth-child(1) > div:nth-child(3) > a
    • Context: <a href="/black-white-blue/changelog.html">Changelog</a>
  • Issue b4b856b8-dedc-4f37-bfa1-b29b9f0285de:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > header > div:nth-child(1) > div:nth-child(2) > a
    • Context: <a href="/black-white-blue/docs.html">Docs</a>
  • Issue 836493d4-a497-4fe5-b40f-444d256b0751:
    • 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.84:1. Recommendation: change text colour to #00203b.
    • Selector: html > body > div > header > div:nth-child(1) > div:nth-child(1) > a
    • Context: <a href="/black-white-blue/">Home</a>
  • Issue 934bb979-127a-4415-a4df-eadf8e6d04ae:
    • Type: Error
    • Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
    • Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
    • Selector: html
    • Context: <html><head> <meta charset="UTF-8">...</html>

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