chibicode / duo

👬 A Simple Jekyll Theme.

Duo is a simple Jekyll theme. You can use duo for a single-page site or a simple blog.

• Demo Page: https://chibicode.github.io/duo/
• Example Page: My React tutorial.
• GitHub Repo: chibicode/duo

Star

Get Started

# Download and Install
git clone https://github.com/chibicode/duo.git
bundle install

# Run
bundle exec jekyll serve
# open http://localhost:4000/duo

Next Steps

See: Customize Duo.

Like or Retweet Appreciated :)

Just published: Duo, A Simple Jekyll Theme. https://t.co/G2kffR9e4U @jekyllrb

— Shu Uesugi (@chibicode) October 25, 2017

<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><script async defer src="https://buttons.github.io/buttons.js"></script>

duo's Issues

index.html is missing

Following #2, adding

---
layout: default
---

to README.md will have the effect that the index page witl be produced at the following address:
http://localhost:4000/duo//README/

Unable to change paragraph text

This is hopefully just me being daft, but I can' find how I can change the paragraph font-family. I've tried looking inside _static/app.css and _static/ayu.css but no luck (I can see font styles for headings in there but no paragraphs).

I tried changing the HTML style under _static/app.css but it doesn't seem to do anything.

Accessibility errors found in your template

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

• Page https://chibicode.github.io/duo/:
  • Issue 64a19af8-f095-4b8d-9186-ea9eeb764ee1:
    • 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 > main > section:nth-child(2) > p:nth-child(11) > a
    • Context: <a href="https://github.com/chibicode/duo" class="github-corner"><svg width="80" height="80" vie...</a>
  • Issue b4a84abd-ea47-4c3b-b023-e6699bf3c601:
    • 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.09:1. Recommendation: change text colour to #6f747a.
    • Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(4)
    • Context: <span class="c"># open http://localhost:4000/du...</span>
  • Issue 962aa233-66ba-430e-bb9c-cefaab4d03ec:
    • 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 #1277bf.
    • Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(3)
    • Context: <span class="nb">exec </span>
  • Issue 342f2438-bd10-4af1-a665-8b987cda7813:
    • 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.09:1. Recommendation: change text colour to #6f747a.
    • Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(2)
    • Context: <span class="c"># Run</span>
  • Issue 77f3be7a-a382-4a29-9e34-e9ec7cc0f03c:
    • 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.09:1. Recommendation: change text colour to #6f747a.
    • Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(1)
    • Context: <span class="c"># Download and Install</span>
  • Issue 11cb9466-8492-43b5-8175-e1107ba6df66:
    • 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 4.45:1. Recommendation: change background to #fcfcfc.
    • Selector: html > body > main > section:nth-child(2) > div > div > pre > code
    • Context: <code><span class="c"># Download and ...</code>

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

How do I a subtitle in the _config.yml page

I do add a description and subtitle to the _config.yml?

How to you modify the index?

I'm just learning how this template works. I was able to edit the css file while running yarn watch. When I edit the index.html however, like commenting out the github top corner section, it gets put back when i serve the site. i also tried making that edit while yarn watch was running as well.

github-pages plugin requires Github credentials even for local builds

Hi,

I want to set-up a single-page website and I have used Solo in the past, but I saw that it is now deprecated, so I tried duo.

I have cloned this repo and tried to build the site:

$ bundle exec jekyll serve
Configuration file: /path/to/site/_config.yml
            Source: /path/to/site
       Destination: /path/to/site/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
   GitHub Metadata: No GitHub API authentication could be found. Some fields
                    may be missing or have incorrect data.
   GitHub Metadata: Error processing value 'description':
  Liquid Exception: No repo name found. Specify using PAGES_REPO_NWO environment variables, 'repository' in your configuration,
                    or set up an 'origin' git remote pointing to your github.com repository. in /_layouts/default.html
             ERROR: YOUR SITE COULD NOT BE BUILT:
                    ------------------------------------
                    No repo name found. Specify using PAGES_REPO_NWO environment variables, 'repository' in your configuration,
                    or set up an 'origin' git remote pointing to your github.com repository.

I have tried adding a blank repository setting in _config.yml [1] to solve the issue, i.e.:

repository:

However I was running into this other problem:

  Dependency Error: Yikes! It looks like you don't have jekyll-feed or one of its dependencies installed.
In order to use Jekyll as currently configured, you'll need to install this gem.
The full error message from Ruby is: 'cannot load such file -- jekyll-feed' If you run into trouble,
you can find helpful resources at https://jekyllrb.com/help/! 

A solution for this issue [1] has been to remove the github-pages plugin and the plugins from the Gemfile, so I deleted the following line:

gem 'github-pages', group: :jekyll_plugins

and added the following:

gem 'jekyll'
gem 'jekyll-feed'
gem 'jekyll-sitemap'
gem 'jekyll-seo-tag'
gem 'jemoji'
gem 'jekyll-readme-index'

and in the end I was able to build the site locally.

Thank you.

Published site not picking up theme

I've followed the instructions here:

https://github.com/chibicode/duo#get-started

and here:

https://chibicode.github.io/duo/posts/customize/

But my published site is not picking up the theme:

andrewvalentine.github.io

How do I fix this?

pages don't pick up default layout

I am using jekyll 3.7.2:

$ jekyll --version
jekyll 3.7.2

when I build the site I get the following index.html (pastebin.com/J7wdAAWT), which is incomplete.

I have solved the issue adding the following lines to README.md and all the files in _posts.

---
layout: default
---