Code Monkey home page Code Monkey logo

nandomoreira-jekyll-theme's Introduction

nandomoreira.me jekyll theme

Setup

In the terminal run the commands

$ sudo npm i -g gulp bower browser-sync
$ sudo gem install bundler
$ bundle install
$ npm install

Using Rake tasks

$ rake post title="TITLE OF THE POST"
$ rake page name="about.md"
$ rake category title="Programing"
$ rake tag title="Jekyll"

Using Jekyll

Running the server:

$ jekyll server

Access, localhost:4000

Using Gulp

Rum gulp

$ gulp

Deploy in Github pages in 2 steps

  1. Change the variables GITHUB_REPONAME and GITHUB_REPO_BRANCH in Rakefile
  2. Run rake or rake publish for build and publish on Github


Copyright and license

It is under the MIT license.

Enjoy! 😋

nandomoreira-jekyll-theme's People

Contributors

itsjw avatar nandomoreirame avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

nandomoreira-jekyll-theme's Issues

How can I add a new category?

How can I add a new category?

I add code in categories.yml and add a html file in category folder, but my post can't find the category which I added.

Using the template

Can I use the template without use bundle? I just need to add it to my blog.

Css changes has not been applied

Hi @nandomoreirame

Thanks for great work!

I have a small problem with getting updates after changing CSS.
I made changes in _assets/sass/_banner.scss

Then I've run gulp sass:

[15:53:29] Using gulpfile ~/Projects/Jekyll/nandomoreira-jekyll-theme/gulpfile.js
[15:53:29] Starting 'sass'...
[15:53:30] ERROR: Cannot load compass.
[15:53:30] Finished 'sass' after 644 ms

And after running a server everything looks exactly as before.

Could you please give me some hints on how to modify CSS successfully?

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://nandomoreirame.github.io/nandomoreira-jekyll-theme/" and found these accessibility errors:

  • Page https://nandomoreirame.github.io/nandomoreira-jekyll-theme/:
    • Issue 12f4f96d-8648-4d6c-b5ae-8fad413afb9f:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
      • Message: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
      • Selector: #search-input
      • Context: <input type="text" id="search-input" placeholder="Search in 5 articles">
    • Issue ca2096a9-8abd-4371-a032-0853eb7b28a6:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name
      • Message: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
      • Selector: #search-input
      • Context: <input type="text" id="search-input" placeholder="Search in 5 articles">
    • Issue 4f5cc7f3-9fd8-489f-9b30-6d58ba6e166a:
      • Type: Error
      • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
      • Message: This link points to a named anchor "!" within the document, but no anchor exists with that name.
      • Selector: #modalSearch > div:nth-child(2) > a
      • Context: <a href="#!" class="modal-close" data-modal-close="">×</a>
    • Issue 7eccd271-a99a-4d6c-9c6e-d06896be9c76:
      • 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 > a
      • Context: <a class="scroll-up fa fa-chevron-up bounce" href="#" data-position="0"></a>
    • Issue 8cfcc6ce-45f1-4133-9cea-27a553e24e9a:
      • 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.71:1. Recommendation: change text colour to #272727.
      • Selector: html > body > footer > div > small > a:nth-child(2)
      • Context: <a href="https://github.com/nandomoreirame/nandomoreira-jekyll-theme" target="_blank">Open source <i class="fa fa-hea...</a>
    • Issue e5a5c7e2-818d-424e-b401-ef1699abfe29:
      • 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.71:1. Recommendation: change text colour to #272727.
      • Selector: html > body > footer > div > small > a:nth-child(1)
      • Context: <a href="http://jekyllrb.com" target="_blank">Jekyll</a>
    • Issue 4a4350a3-4b01-4b72-97f1-83b4d92b35ad:
      • 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.64:1. Recommendation: change text colour to #717171.
      • Selector: html > body > footer > div > p > small
      • Context: <small>– Albert Einstein</small>
    • Issue 4da36fec-d956-4c36-bbd2-ac7c33ace00f:
      • 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 > footer > div > ul > li:nth-child(5) > a
      • Context: <a href="http://linkedin.com/in/nandomoreirame" class="icon-linkedin" target="_blank"> <i class="fa fa-link...</a>
    • Issue f8997e1a-acc6-4e71-8756-afea86d2814b:
      • 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 > footer > div > ul > li:nth-child(4) > a
      • Context: <a href="http://instagram.com/nandomoreira.me" class="icon-instagram" target="_blank"> <i class="fa fa-inst...</a>
    • Issue 750037dc-570a-4e19-841b-155d3e9d6a7b:
      • 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 > footer > div > ul > li:nth-child(3) > a
      • Context: <a href="http://twitter.com/nandomoreirame" class="icon-twitter" target="_blank"> <i class="fa fa-twit...</a>
    • Issue 600c8887-5a49-45ad-b77c-a2cc9f9d4936:
      • 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 > footer > div > ul > li:nth-child(2) > a
      • Context: <a href="http://facebook.com/fernando.dev" class="icon-facebook" target="_blank"> <i class="fa fa-face...</a>
    • Issue 24126b3a-81c1-43d4-a7ac-9352cd86e056:
      • 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 > footer > div > ul > li:nth-child(1) > a
      • Context: <a href="http://github.com/nandomoreirame" class="icon-github" target="_blank"> <i class="fa fa-gith...</a>
    • Issue 4c39492c-e39a-4869-84b3-e32a13e7c71c:
      • 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 > header > div > nav > ul > li:nth-child(3) > a
      • Context: <a href="/nandomoreira-jekyll-theme/feed.xml" target="_blank"><i class="fa fa-feed"></i></a>
    • Issue cc0d7c8b-a404-4b57-a4ba-9b9293fa17b0:
      • Type: Error
      • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
      • Message: This link points to a named anchor "!" within the document, but no anchor exists with that name.
      • Selector: html > body > header > div > nav > ul > li:nth-child(2) > a
      • Context: <a href="#!" data-modal="modalSearch"><i class="fa fa-search"></i></a>
    • Issue 1d845753-01d9-4913-ac55-07fbf98fccf0:
      • 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 > header > div > nav > ul > li:nth-child(2) > a
      • Context: <a href="#!" data-modal="modalSearch"><i class="fa fa-search"></i></a>

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

The page build failed with the following error

Hi, I follow your redeme steps, I encountered a problem for this project and
GitHub sent me an email:
The page build failed with the following error:

A file was included in source/index.html that is a symlink or does not exist in your _includes directory. For more information, see https://help.github.com/articles/page-build-failed-file-is-a-symlink.

If you have any questions you can contact us by replying to this email.

I use a lot of methods, still can not rule out the problem. I hope you can help me solve. Thank you very much. I test using your project, and almost no change, still will produce the above error. Thank you.

Criando novas categorias e tags

Primeiramente parabéns pelo seu tema estou usando ele e gostando bastante! :)

Vi que no diretório de categories e tags existem arquivos .html criados, minha dúvida é para cada categoria e tag's devo criar esses arquivos?

Abraços,
Bruno.

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.