Giter Club home page Giter Club logo

cover-card's Introduction

cover-card's People

Contributors

anbuchelva avatar dashingcode avatar epidrome avatar rkmallik avatar thomaskoppensteiner avatar vikaskyadav avatar vivekkrish 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

cover-card's Issues

Theme development workflow

Should a theme repo contain a test folder with a typical configuration and assets, especially under the assumption that the exact same files exist in another branch on the same repo?

Option 1 Red pill: I want the repo to remain clean and tidy, i do not want to maintain the same file at two difference places
Option 2 Blue pill: Replicated filez are fine with me, we have plenty storage, i am unable to create a new folder, convenience rulez!


Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://epidrome.github.io/cover-card/" and found these accessibility errors:

  • Page https://epidrome.github.io/cover-card/:
    • Issue d3c8c6d5-71d4-4c2c-b9f0-187177aab628:
      • 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: #avatar
      • Context: <img src="avatar.jpg" id="avatar">
    • Issue a98c0aa6-faee-4ab4-a510-4b220a1d62c4:
      • 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: #fullscreen
      • Context: <img src="background.jpg" id="fullscreen">
    • Issue 83ae4206-3fc1-4400-9f5a-fdfcca6255b2:
      • 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="u...</html>

You can check these accessibility errors using pa11y.

Configuration options for CSS parameters such as font, avatar, background image

Consider adding options in _config.yml as parameters for visual style, because it seems that some users want to change attributes in the CSS such as

  • font (e.g., family, size)
  • avatar image (e.g., transparency, no border)
  • background image (e.g., solid color, responsive size vs clipping)

It is worth assessing current use by existing users, but I guess that there is trade-off between simplicity-features, ie some hacks are best left to advanced users as local changes

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://epidrome.github.io/cover-card/" and found these accessibility errors:

  • Page https://epidrome.github.io/cover-card/:
    • Issue d3c8c6d5-71d4-4c2c-b9f0-187177aab628:
      • 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: #avatar
      • Context: <img src="avatar.jpg" id="avatar">
    • Issue a98c0aa6-faee-4ab4-a510-4b220a1d62c4:
      • 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: #fullscreen
      • Context: <img src="background.jpg" id="fullscreen">
    • Issue 83ae4206-3fc1-4400-9f5a-fdfcca6255b2:
      • 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="u...</html>

You can check these accessibility errors using pa11y.

Making email link work via web form services

I'd like to make the email link on cover-card jekyll theme work not via direct email adress but via some web form (like Kontactr) to stay more anonymous and to better protect myself from spam. This is currently only possible via trick; setting the Kontactr adress as my blog, but then the icon isn't right (see: https://bungabunga.github.io/bungabunga/). Could you possibly enable this option (email icon and custom url field)?

Thanks!

Strange blank rectangular at the bottom during page scrolling on mobile view

Hi! I think this gif is sufficient to clarify what happens. Look carefully at screen during scrolling... it shows up a small blank rectangular at the bottom. I think is something related to responsive (or not-responsive) background. Have any idea about? For sure, it happens only in the mobile view and it is not related to the background image (i.e. the same using gradient).
Thanks!

ezgif com-gif-maker (1)

Add alternative layouts

The theme supports a background and a profile image along with two lines of text and a list of social media icons.

The default layout presents the above elements horizontally and there is also a responsive mobile adjustment.

Consider adding alternative layouts that use fewer elements and/or present the same elements in a different way.

Accessibility errors found in your template

The user @carlsonsantana validate your site template "https://epidrome.github.io/cover-card/" and found these accessibility errors:

  • Page https://epidrome.github.io/cover-card/:
    • Issue d3c8c6d5-71d4-4c2c-b9f0-187177aab628:
      • 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: #avatar
      • Context: <img src="avatar.jpg" id="avatar">
    • Issue a98c0aa6-faee-4ab4-a510-4b220a1d62c4:
      • 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: #fullscreen
      • Context: <img src="background.jpg" id="fullscreen">
    • Issue 83ae4206-3fc1-4400-9f5a-fdfcca6255b2:
      • 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="u...</html>

You can check these accessibility errors using pa11y.

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.