Giter Site home page Giter Site logo

jekyllt / jasper2 Goto Github PK

View Code? Open in Web Editor NEW
757.0 20.0 652.0 3.81 MB

Full-featured Jekyll port of Ghost's default theme Casper v2 ๐Ÿ‘ป

Home Page: https://jekyllt.github.io/jasper2/

License: MIT License

Ruby 4.79% HTML 57.19% CSS 32.67% JavaScript 4.87% Python 0.47%
jekyll-theme jekyll casper-theme github-pages static-site jekyll-themes

jasper2's Introduction

Jasper2

Build Status Ruby Jekyll

This is a full-featured port of Ghost's default theme Casper v2.1.9 for Jekyll / GitHub Pages.

Live Demo

Ghost's Casper // Jasper2

home page

Features

  • Out of the box support for multiple authors (via _data/authors.yml)
  • Full author information including: picture, bio, website, twitter, facebook, etc.
  • Tag description(s) and personalised covers (via _data/tags.yml)
  • Related posts view at the bottom of each post
  • All Ghost default pages: Author page(s), Tag page(s), About page(s), 404, etc.
  • Pagination (infinite scrolling or standard pagination, i.e. posts across multiple pages)
  • Atom Feeds by Jekyll-feed
  • Toggleable subscribe button (requires an external service)
  • Code Syntax Highlight with highlight.js
  • Support for Google Analytics tracking
  • Support for Disqus comments (not Ghost standard)

Getting Started

Deployment

There are several alternatives to building and deploying the site:

  1. build the site with GitHub Actions which pushes the resulting files (the contents of _site/ or ../jasper2-pages/) to the gh-pages branch. This is the approach that is currently used. See jekyll_build.yml for more details.

  2. generate the site locally (more details below) and push the resulting HTML to a Github repository, that GitHub Pages then host;

  3. build the site with travis-ci (with goodies from jekyll-travis) automatically pushing the generated HTML files to a gh-pages branch.

  4. deploy the static website with Jekyll-compatible hosters, such as https://www.netlify.com/, that allow for deployment from the Github repo and publish the website using CDNs. Netlify has a free starter offer.

For option 2) simply clone this repository (master branch), and then run bundle exec jekyll serve inside the directory. Upload the resulting _site/ (or ../jasper2-pages/) contents to your repository (master branch if uploading as your personal page (e.g. username.github.io) or gh-pages branch if uploading as a project page (as for the demo).

For option 3) you will need to set up travis-ci for your personal fork. Briefly all you need then is to change your details in _config.yml so that you can push to your github repo. You will also need to generate a secure key to add to your .travis.yml (you can find more info on how to do it in that file). Also make sure you read the documentation from jekyll-travis. This approach has clear advantages in that you simply push your file changes to GitHub and all the HTML files are generated for you and pushed to gh-pages. Also you get to know if everything is still fine with your site builds. Don't hesitate to contact me if you still have any issues (see below about issue tracking).

Author Pages

In order to properly generate author pages you need to rename the field author in the front matter of every post to match that of your each author's username as defined in the _data/authors.yml file. With the latest update, multiple author blogs are now supported out of the box.

Compiling Styles

Following on the way Casper styles are compiled as described here:

Jasper2 styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node and Gulp installed globally. After that, from the theme's root directory:

$ npm install
$ gulp

Now you can edit /assets/css/ files, which will be compiled to /assets/built/ automatically.

Issues and Contributing

This install builds well with Ruby v2.6.3 and Jekyll v3.9.0. If you run into any problems please log them on the issue tracker.

Feel free pull-request your patches and fixes.

Thanks

Many thanks to the Ghost team for all the design work. Also many thanks to all contributors, that help keeping the project alive and updated ๐Ÿ˜„

Copyright & License

Same licence as the one provided by Ghost's team. See Casper's theme license.

Copyright (C) 2015-2021 - Released under the MIT License.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

jasper2's People

Contributors

aroraakshit avatar biomadeira avatar dceluis avatar diomed avatar dumrauf avatar jetroid avatar jkukul avatar kmcconnell avatar lorenzoleonardini avatar martinreus avatar mattdangerw avatar nirone7 avatar rriemann avatar tsdmgz avatar vexingcodes avatar wesleyhutchinson avatar youngjinshin 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jasper2's Issues

Site Deployment Problem

I tried deploying the theme by bundle exec jekyll build and uploading the generated pages to the github. However if i use CNAME, the site breaks down.

Also i noticed in local environment if i use baseurl: '/' the site deploys at https://localhost:4000// and if i just leave the field empty the site would just render html and not the CSS files. Can anybody suggest best way to use CNAME or baseurl here?

Normal GitHub pages deployment

As per the readme, there are problems with normal github pages deployment with this theme because of issues with plugins. However, I just tried deploying a github page without any visible issue. Can someone clarify what issues are there with this method of deployment?

Package json

@biomadeira If I was just going with deployment option 1, is the package.json file needed for me to build the site?

Accessibility errors found in your template

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

  • Page https://jekyller.github.io/jasper2/:
    • Issue 3673cbe3-e9f4-49ec-8091-0a7aca9b7404:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputEmail.Name
      • Message: This emailinput 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: #subscribe > div > form > div > input
      • Context: <input class="subscribe-email" type="email" name="email" placeholder="[email protected]">
    • Issue 36a49808-47b8-454c-bc44-30f03e488622:
      • 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: #subscribe > a
      • Context: <a class="subscribe-overlay-close" href="#"></a>
    • Issue 7b4fa523-9f56-4957-9c63-c8b0cee8b99d:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(15) > div > footer > span > a
      • Context: <a href="/jasper2/author/abraham/">Abraham Lincoln</a>
    • Issue 97677e80-543b-4638-8247-cf4843c9777f:
      • 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: #site-main > div > div > article:nth-child(15) > a
      • Context: <a class="post-card-image-link" href="/jasper2/gettysburg-address"> <div class="po...</a>
    • Issue c5ff2c8f-2a0e-4d79-b733-fedff89cc9d2:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(14) > div > footer > span > a
      • Context: <a href="/jasper2/author/lewis/">Lewis Carroll</a>
    • Issue 538b0890-3e04-40f0-9d62-ad1bf6adb4bb:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(14) > div > a > header > span
      • Context: <span class="post-card-tags">Fiction</span>
    • Issue f7dbcd16-8dbe-41a5-8a70-b6b9b74633a6:
      • 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: #site-main > div > div > article:nth-child(14) > a
      • Context: <a class="post-card-image-link" href="/jasper2/down-the-rabbit-hole"> <div class="po...</a>
    • Issue bd83590c-4eb0-4bce-8bb2-1387ed709800:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(13) > div > footer > span > a
      • Context: <a href="/jasper2/author/lewis/">Lewis Carroll</a>
    • Issue 36a3b906-6081-4027-93f3-bfc29ee6ad08:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(13) > div > a > header > span
      • Context: <span class="post-card-tags">Fiction</span>
    • Issue 9dfea3ab-de85-4f81-87a0-1d02e0ce5b2b:
      • 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: #site-main > div > div > article:nth-child(13) > a
      • Context: <a class="post-card-image-link" href="/jasper2/looking-glass-house"> <div class="po...</a>
    • Issue d016ece9-dfcd-43cb-9db3-a43a6aaffe2b:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(12) > div > footer > span > a
      • Context: <a href="/jasper2/author/edgar/">Edgar Rice Burroughs</a>
    • Issue b7679338-6e49-46e1-9ca3-3d6d06090be8:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(12) > div > a > header > span
      • Context: <span class="post-card-tags">Fiction</span>
    • Issue 29f9b7c3-f391-4137-bf07-08d600e5c5c5:
      • 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: #site-main > div > div > article:nth-child(12) > a
      • Context: <a class="post-card-image-link" href="/jasper2/out-to-sea"> <div class="po...</a>
    • Issue 37b0e8ab-fb54-4728-a06f-9ec315fa3c6a:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(11) > div > footer > span > a
      • Context: <a href="/jasper2/author/martin/">Martin Luther King</a>
    • Issue c0e6af2b-5d36-4b81-a8f9-e9a1338bce41:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(11) > div > a > header > span
      • Context: <span class="post-card-tags">Speeches</span>
    • Issue e036bf0b-c6aa-4326-907f-a86d37ff2e77:
      • 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: #site-main > div > div > article:nth-child(11) > a
      • Context: <a class="post-card-image-link" href="/jasper2/the-purpose-of-education"> <div class="po...</a>
    • Issue 308fde15-d2e0-4e91-8306-da9999a738c7:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(10) > div > footer > span > a
      • Context: <a href="/jasper2/author/martin/">Martin Luther King</a>
    • Issue b388b811-dd53-4610-841c-6fd101ff2f6b:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(10) > div > a > header > span
      • Context: <span class="post-card-tags">Speeches</span>
    • Issue b6e07b25-5aaa-4bbf-b778-75a6538eaac0:
      • 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: #site-main > div > div > article:nth-child(10) > a
      • Context: <a class="post-card-image-link" href="/jasper2/i-have-a-dream"> <div class="po...</a>
    • Issue ab9905d7-fe2f-40df-a53a-51d75552466d:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(9) > div > footer > span > a
      • Context: <a href="/jasper2/author/john/">John O'Nolan</a>
    • Issue 196af41e-2a84-4a9b-8c80-c4c15419de69:
      • 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: #site-main > div > div > article:nth-child(9) > a
      • Context: <a class="post-card-image-link" href="/jasper2/a-full-and-comprehensive-style-test"> <div class="po...</a>
    • Issue 94166a21-f9c9-456c-bd1c-a13e56f884a1:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(8) > div > footer > span > a
      • Context: <a href="/jasper2/author/hannah/">Hannah Wolfe</a>
    • Issue a86a13c3-6cc6-4313-96df-790f404f877a:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(8) > div > a > header > span
      • Context: <span class="post-card-tags">Fables</span>
    • Issue 13989872-4a8a-49b4-a6a0-63b092109eed:
      • 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: #site-main > div > div > article:nth-child(8) > a
      • Context: <a class="post-card-image-link" href="/jasper2/the-businessman-and-fisherman"> <div class="po...</a>
    • Issue 6ff4f5d9-d412-46b7-ae1f-1f4e7279fcc2:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(7) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue a8fec2eb-af91-4a32-a8cb-92d1f66b5c28:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(7) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue 04a3085f-a0fc-46fb-988a-588d0a5c0b09:
      • 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: #site-main > div > div > article:nth-child(7) > a
      • Context: <a class="post-card-image-link" href="/jasper2/themes"> <div class="po...</a>
    • Issue 3a5b53d4-c622-44be-9d3d-e423fb723346:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(6) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue a62300da-a6ad-40cd-a34d-f90d3556fe92:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(6) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue 3fe19503-ad8e-49bd-97d9-02776ecd68d3:
      • 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: #site-main > div > div > article:nth-child(6) > a
      • Context: <a class="post-card-image-link" href="/jasper2/advanced-markdown"> <div class="po...</a>
    • Issue 79fd7e5f-dd4d-4902-9699-191eedfc362c:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(5) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue 94b98651-1f61-437b-9db6-e4c5ae7cf899:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(5) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue c6168ac3-e63f-440c-a6c3-98d2bf4df6ac:
      • 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: #site-main > div > div > article:nth-child(5) > a
      • Context: <a class="post-card-image-link" href="/jasper2/private-sites"> <div class="po...</a>
    • Issue deefd01c-e5be-4c23-aab4-5c460055d1b1:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(4) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue c7627367-ff8a-4741-ac34-a0419927b543:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(4) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue 4bc14567-d820-4704-a0fb-95e0a55391eb:
      • 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: #site-main > div > div > article:nth-child(4) > a
      • Context: <a class="post-card-image-link" href="/jasper2/managing-users"> <div class="po...</a>
    • Issue 0e5fe56a-1cc3-456a-953b-2e064dc8cce5:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(3) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue d5c7e201-5597-4282-b304-35bdae97c8f7:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(3) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue 49008f4b-e21e-47a8-9403-6451290f81b7:
      • 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: #site-main > div > div > article:nth-child(3) > a
      • Context: <a class="post-card-image-link" href="/jasper2/using-tags"> <div class="po...</a>
    • Issue d11c2bb1-0ac7-449a-b3fa-5a4fea0ac58d:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(2) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue 34ab157f-735c-4b54-881a-b60bc805c6e5:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(2) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue 35be4c89-f92f-4c2b-a415-29c90b340ef9:
      • 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: #site-main > div > div > article:nth-child(2) > a
      • Context: <a class="post-card-image-link" href="/jasper2/the-editor"> <div class="po...</a>
    • Issue a6c95122-4bbb-44c9-bed0-466d5f968f29:
      • 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.66:1. Recommendation: change text colour to #007cbe.
      • Selector: #site-main > div > div > article:nth-child(1) > div > footer > span > a
      • Context: <a href="/jasper2/author/ghost/">Ghost</a>
    • Issue 0e7f4ef0-c2e6-49ba-b007-ed2c0783363c:
      • 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.63:1. Recommendation: change text colour to #637a84.
      • Selector: #site-main > div > div > article:nth-child(1) > div > a > header > span
      • Context: <span class="post-card-tags">Getting started</span>
    • Issue c1957cf2-21f4-45b6-b75d-16feca6b8e24:
      • 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: #site-main > div > div > article:nth-child(1) > a
      • Context: <a class="post-card-image-link" href="/jasper2/welcome"> <div class="po...</a>
    • Issue e445f407-7196-4002-be61-8aff0108b78e:
      • 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:nth-child(1) > header > div > nav > div:nth-child(2) > div > a:nth-child(2)
      • Context: <a class="social-link social-link-tw" href="https://twitter.com/tryghost" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2...</a>
    • Issue 785db9f3-a84e-4569-91d1-5924d79ce1dd:
      • 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:nth-child(1) > header > div > nav > div:nth-child(2) > div > a:nth-child(1)
      • Context: <a class="social-link social-link-fb" href="https://facebook.com/ghost" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2...</a>
    • Issue 6057cf39-a42e-4538-8524-fa29126d44af:
      • 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><!-- Document Setti...</html>

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

Confusing rss/atom feed options

Think there is some cleanup work that could be done with the feed options provided here.

At the moment there's two toplevel feeds

Then each author/tag has its own feed.xml from the atom.xml template file. They all seem to have messed up title tags.

Not sure how to best fix this up, but thought I'd point it out! On my own fork of this project, just stripped out the atom.xml template file and used the feed provided by jekyll-feed unaltered (so no individual author/tag feeds).

Thanks for all the work on this btw!

RSS feed for author isn't generated

In the page for a specific author there's a link to the RSS feed for the author, although there is never generated any feed.xml to that location.

The file is suppose to reside in {{ site.url }}{{ site.baseurl }}author/{{ page.author }}/feed.xml (from _layouts/author.html)

Request theme version for Wordpress.org

As wordpress.org is a highly popular blogging platform, I request you people to kindly make this theme for wordpress platform too. Please kindly look after my request.

`node_modules` causes 'listen' yelling error...

There're lots of the same errors. So I copied part of the output.


        is already being watched through: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/[email protected]@once

        MORE INFO: https://github.com/guard/listen/wiki/Duplicate-directory-errors
        ** ERROR: directory is already being watched! **

        Directory: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/glob/node_modules/inherits

        is already being watched through: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/[email protected]@inherits

        MORE INFO: https://github.com/guard/listen/wiki/Duplicate-directory-errors
        ** ERROR: directory is already being watched! **

        Directory: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/glob/node_modules/minimatch

        is already being watched through: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/[email protected]@minimatch

        MORE INFO: https://github.com/guard/listen/wiki/Duplicate-directory-errors
        ** ERROR: directory is already being watched! **

        Directory: /Users/gaoboyuan/Documents/com-gits/AceChartWebNodeJs/app/AceChartWeb/node_modules/glob/node_modules/fs.realpath```

Code blocks are truncated in Mobile

I recently installed jasper theme for my blog. I found that the code blocks are being truncated when viewing in my mobile. So, I cannot scroll to the right/left in the mobile for code blocks.

A sample page of my blog
generating-sequence-numbers-in-linq-query

Steps to reproduce:

  1. navigate to above url
  2. Press F12 for developer tools
  3. Press Ctrl + Shift + M (for toggling device tollbar) - This is for chrome browser.

image

CSS build dependencies/packages

Hi, there!

I was experimenting a little bit with this, but you use an external minified CSS file in _layouts/default.html.

Could you put in this repository the packages/instructions to build the CSS locally?

Thanks!

Error reading files when running on local, possibly related to 5fbba1d

I noticed the recent commit 5fbba1d where these files were removed, but when I'm running a fresh copy of the repo locally for the first time, I'm seeing a series of Error reading file... messages.

Error reading file /Users/path/to/directory/_layouts/tag.xml: No such file or directory @ rb_sysopen - /Users/path/to/directory/_layouts/tag.xml
Error reading file /Users/path/to/directory/_layouts/author.xml: No such file or directory @ rb_sysopen - /Users/path/to/directory/_layouts/author.xml

Looks like tag.xml causes the error to repeat 4 times, while author.xml causes the error to repeat 7 times. I'm guessing there are still remaining references to these files somewhere?

Different landing page

Hi,

First of all, great work on this template! Looks amazing!

I was wondering if it's possible to have a simple page as the index of the website, as opposed to the blog entries listing. Ideally, entries could be paginated somewhere else (/blog for example).

I looked over docs but couldn't find anything about it.

Thank you!

not building on github pages

Looking for some help as my pages don't built on github pages.

I want to use tags on my pages and have used option 1 from the "getting started" page. My site generates fine on my mac and pages build correctly....

Configuration file: /Users/ssharman/GitHub/blogs/myblog-jasper2/_config.yml
            Source: /Users/ssharman/GitHub/blogs/myblog-jasper2
       Destination: ../blog-pages-jasper2/
 Incremental build: disabled. Enable with --incremental
      Generating...
                    done in 1.241 seconds.
 Auto-regeneration: enabled for '/Users/ssharman/GitHub/blogs/myblog-jasper2'```

I've taken the html from the target directory /blog-pages-jasper2/ and uploaded to spsharman.github.io/blog-pages but the pages don't build.

Could really do with some pointers - thanks Steve

Unable to effectively deploy through local building option

Hello,

First of all, congratulations on this great piece of work! Second of all, this is a rookie question, I ask for your patience and some directions (:

My local builds are working OK. However, when I follow the instructions listed in the repository's readme to deploy through GitHub Pages (build locally, then commit jasper2-pages to a repo, then use GitHub Pages to host it through a gh-pages branch...) the webpage is not able to access my assets or other subfolders.

This is my webpage: webpage
This is my project repository: repository

I appreciate any answer, tip or guidance.

Best regards,
Waldo

Pages not found on blog post

I have forked the theme and deployed it as a project using gitlab pages like http://username.gitlab.io/jasper2. Now when I click on any link to open the blog post, I'm getting 404 Page not found error message.

I noticed that when I append .html to the end of the url for the blog post like for eg: http://username.gitlab.io/jasper2/welcome.html the blog post is being displayed but if I remove the html it is display the 404 Page not found error message.

Does anyone have any ideas on how to fix that?

Netlify gives this error (dnsruby)

Hello everyone,
The previous persion of jasper worked fine on netlify but the current version on github master branch gives this error on netlify. Please resolve or give fix for this issue:

11:36:08 AM: Post-install message from dnsruby:
11:36:08 AM: Installing dnsruby...
11:36:08 AM:   For issues and source code: https://github.com/alexdalitz/dnsruby
11:36:08 AM:   For general discussion (please tell us how you use dnsruby): https://groups.google.com/forum/#!forum/dnsruby
11:36:08 AM: Post-install message from sass:
11:36:08 AM: Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.
11:36:08 AM: * If you use Sass as a command-line tool, we recommend using Dart Sass, the new
11:36:08 AM:   primary implementation: https://sass-lang.com/install
11:36:08 AM: * If you use Sass as a plug-in for a Ruby web framework, we recommend using the
11:36:08 AM:   sassc gem: https://github.com/sass/sassc-ruby#readme
11:36:08 AM: * For more details, please refer to the Sass blog:
11:36:08 AM:   http://sass.logdown.com/posts/7081811
11:36:08 AM: Post-install message from html-pipeline:
11:36:08 AM: -------------------------------------------------
11:36:08 AM: Thank you for installing html-pipeline!
11:36:08 AM: You must bundle Filter gem dependencies.
11:36:08 AM: See html-pipeline README.md for more details.
11:36:08 AM: https://github.com/jch/html-pipeline#dependencies
11:36:08 AM: -------------------------------------------------
11:36:08 AM: Gem bundle installed
11:36:08 AM: Started restoring cached node modules
11:36:08 AM: Finished restoring cached node modules
11:36:08 AM: Installing NPM modules using NPM version 6.4.1
11:36:10 AM: npm
11:36:10 AM: WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
11:36:10 AM: npm WARN
11:36:10 AM: deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
11:36:10 AM: npm WARN deprecated
11:36:10 AM:  [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
11:36:11 AM: npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
11:36:11 AM: npm
11:36:11 AM: WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
11:36:12 AM: npm
11:36:12 AM:  WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
11:36:13 AM: npm
11:36:13 AM: WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
11:36:14 AM: npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
11:36:31 AM: > [email protected] postinstall /opt/build/repo/node_modules/nodemon
11:36:31 AM: > node bin/postinstall || exit 0
11:36:31 AM: Love nodemon? You can now support the project via the open collective:
11:36:31 AM:  > https://opencollective.com/nodemon/donate
11:36:33 AM: npm notice created a lockfile as package-lock.json. You should commit this file.
11:36:33 AM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
11:36:33 AM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
11:36:33 AM: added 786 packages from 411 contributors and audited 10101 packages in 23.679s
11:36:33 AM: found 15 vulnerabilities (3 low, 12 high)
11:36:33 AM:   run `npm audit fix` to fix them, or `npm audit` for details
11:36:33 AM: NPM modules installed
11:36:33 AM: Started restoring cached go cache
11:36:33 AM: Finished restoring cached go cache
11:36:33 AM: unset GOOS;
11:36:33 AM: unset GOARCH;
11:36:33 AM: export GOROOT='/opt/buildhome/.gimme/versions/go1.10.linux.amd64';
11:36:33 AM: export PATH="/opt/buildhome/.gimme/versions/go1.10.linux.amd64/bin:${PATH}";
11:36:33 AM: go version >&2;
11:36:33 AM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.10.linux.amd64.env';
11:36:33 AM: go version go1.10 linux/amd64
11:36:33 AM: Installing missing commands
11:36:33 AM: Verify run directory
11:36:33 AM: Executing user command: jekyll build
11:36:34 AM: Configuration file: /opt/build/repo/_config.yml
11:36:34 AM:             Source: /opt/build/repo
11:36:34 AM:        Destination: ../jasper2-pages/
11:36:34 AM:  Incremental build: disabled. Enable with --incremental
11:36:34 AM:       Generating...
11:36:36 AM:                     done in 1.706 seconds.
11:36:36 AM:  Auto-regeneration: disabled. Use --watch to enable.
11:36:36 AM: Caching artifacts
11:36:36 AM: Started saving ruby gems
11:36:36 AM: Finished saving ruby gems
11:36:36 AM: Started saving node modules
11:36:36 AM: Finished saving node modules
11:36:36 AM: Started saving pip cache
11:36:36 AM: Finished saving pip cache
11:36:36 AM: Started saving emacs cask dependencies
11:36:36 AM: Finished saving emacs cask dependencies
11:36:36 AM: Started saving maven dependencies
11:36:36 AM: Finished saving maven dependencies
11:36:36 AM: Started saving boot dependencies
11:36:36 AM: Finished saving boot dependencies
11:36:36 AM: Started saving go dependencies
11:36:36 AM: Finished saving go dependencies
11:36:36 AM: Cached node version v8.15.0
11:36:36 AM: Build script success
11:36:36 AM: Failing build: Failed to build site
11:36:36 AM: failed during stage 'building site': Deploy directory '_site/' does not exist
11:36:36 AM: Finished processing build request in 2m26.805871982s

missing html contant

hello,
i was able to deploy the site correctly using travic ๐Ÿ‘
https://bd3r.github.io/jasper2/

but i would love to be able to use https://netlify.com
but the site after sucssful deployment looks broken and missing contant:
https://eager-borg-fd8d02.netlify.com/

deploy settings:

Repository
https://github.com/bd3r/jasper2
Build command
jekyll build

Publish directory
jasper2-pages/

Production branch
master

Branch deploys
Deploy only the production branch and its deploy previews

Public deploy logs
Logs are public

can you please help poining me in the right direction to fix this?
i have uploaded the html contant to the master branch on my repo under jasper2-pages/
but that changed nothing

Tags not working

I understand that Tags don't work and have read the recommendation to upload _site to a repo to overcome this however I'm unable to get this to work.

Here are the steps I've tried:

  • generated site to spsharman.github.io/blog - site builds but tags not working
  • created a new repo (blog-pages)
  • modified _config.yml to reflect /blog-pages
baseurl: /blog-pages/
production_url: https://spsharman.github.io/blog-pages/
source_url: https://github.com/spsharman/blog-pages/
  • generated site bundle exec jekyll serve
  • uploaded the _site to the /blog-pages repo
  • accessed spsharman.github.io/blog-pages - pages don't build

I'm sure it's something very basic that I'm doing wrong, so looking for suggestions

Many Thanks

Steve

Remove all connections to Ghost

This theme is a MIT licenced project, which means you can modify however you want.
So please remove all connections to Ghost in theme itself.

It is good to keep it in readme if you want, but otherwise, why would
jekyll theme need to link to another CMS, or mention it at all? I don't see any point in that.
This should be a proper port, without mentioning other CMS

CSS Async

How can I make the CSS load async on this theme? I've tried a lot of methods but none of them works.

Markup shows on next related post

The card that shows the next post always shows markup. I'm noticing that the strip_html filter doesn't seem to be working on the post-card-next.html include file.

The post-card-previous.html has identical code, with the word previous instead of next, and those cards on the post don't show any markup.

Any suggestions on troubleshooting this?

The About page style is broken.

baseurl: /
url: https://{username}.github.io/

The about page style is broken because that page tries to find images from about/assets/images.
The Images related to about are located in the assets/images folder.

'x' minutes read

Jasper2 is missing the 'x' minutes read feature, present in the original Casper theme.

screenshot

If you want I can try to contribute and add that for you

Jekyll serve jacks up the cpu to 100% on MacOS

I don't know why but for some reason this jekyll site jacks up the CPU usage. A normal Jekyll build takes 8 seconds while on my own site (github.com/httpsterio/rautalanka) it takes under a second. I don't know if it's some gems you have installed or why, but it's almost unusable for me.

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.