Git Product home page Git Product logo

systers.github.io's Introduction

systers.github.io

Project Overview

This is the main website for Systers Open Source. It contains information about our various open source projects, the programs we participate in (as well as their historical data), information about how to contribute, and general information about how to contact us.

In the future, we hope to add Google Calendar integration and additional orientation/onboarding materials.

Documentation

Link: https://docs.google.com/document/d/18X83wQjltI2PyWmYqNx4cHvGdTBTu2NaWnlIizdsLO8/edit#

Installation

To preview, run these commands in your terminal (as long as you’ve previously installed node):

  1. git clone https://github.com/systers/systers.github.io
  2. cd systers.github.io
  3. git checkout develop
  4. npm install
  5. npm install -g @angular/cli
  6. Run the command npm run dev to run the client side and server side simultaneously.
  7. Run the command npm run watch to run the server side code in development mode (The node instance restarts whenver you edit any javascript file).

Contact Information

If you have any questions or want to discuss something about this repo, please sign up for the AnitaB.org Open Source Zulip.

Travis Integration

  • Tests are automatically run through Travis-CI for PR's.
  • Currently the gsoc18-code branch is setup to deploy to heroku after a successful build, will be changed to the master branch in the future.

systers.github.io's People

Contributors

akshitac8 avatar ancyp avatar anumehaagrawal avatar ayahramahi avatar baanileen avatar bethanyr avatar divyanshu-rawat avatar divyeshpuri avatar f2015537 avatar isabelcosta avatar isunitha98selvan avatar janiceilene avatar kanmodi avatar littlebuddhaa avatar mayburgos avatar nrn avatar rosariorobinson avatar rossoskull avatar rupinderwadali avatar sarnava1 avatar subbulakshmirs avatar tiffany-jao 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

Watchers

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

systers.github.io's Issues

Merging attributes of the same tag under one curly braces

Description

The attributes of the same h1,h2 and h3 tags have been defined under different braces in the styles.css file making it difficult to find all the attributes of these tags. They all should be merged under the same braces. Make changes to all other such tags.

Mocks

h1, h2, h3 {
font-family: 'Cairo', sans-serif;
margin-bottom: 0;
} Line 268

h1, h2, h3 {
margin-left: 1rem;
font-weight: normal;
} Line 289

Can be merged under one tag.

Acceptance Criteria

All attributes of tags are defined in one place

Update [Required]

  • styles.css

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15 minutes

Link to home page

Description

Many sites place the organization's logo on the top of every page and link it to the homepage. While many users expect logos are clickable, some of them will not realize that links to the homepage. Therefore, as a user i would expect a link labeled 'Home' near the top of the page. So a link to home page should be added to help those users.

Mocks

screen shot 1939-12-07 at 6 14 44 pm

Acceptance Criteria

link to home page should be added in all html files.

Update [Required]

  • index.html
  • code-of-conduct.html
  • contactus.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • reporting-guidelines.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/2011.html
  • gsoc/2012.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • RGSoC/2018.html
  • Outreachy/2017.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15-20 min

Some pages have the same title, so the title cannot be used to distinguish pages.

Description

Some pages have the same title, so the title cannot be used to distinguish pages.
As a user, Title should be different for each page to avoid confusion.

Mocks

All pages have same title.
screen shot 1939-12-07 at 5 55 26 pm
screen shot 1939-12-07 at 5 56 09 pm

Acceptance Criteria

Each web page should have different titles so that the pages can be distinguished.

Update [Required]

  • index.html
  • code-of-conduct.html
  • contactus.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • reporting-guidelines.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/2011.html
  • gsoc/2012.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • RGSoC/2018.html
  • Outreachy/2017.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15-20 min

Create a separate .github folder for templates of issue, PR, coc, contributing - present in root folder

Description

As an organised open-source-developer, we need to follow certain conventions, for making projects great and awesome.

Mocks

[INSERT RELEVANT PNG FILE]

Acceptance Criteria

Update [Required]

  • add a separate .github folder for templates.

Enhancement to Update [Optional]

  • [LIST ITEMS]

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

[INSERT NUMBER HERE] hours

Gsoc links missing

Description

As a GSOC aspirant ,I want to see previous year selected projects.
Though the links are provided,but newly open file produces an error.
image

Mocks

Error:

image

After Updating:
image

Update

Update is required in this part of code.
image

Estimation

45 minutes required

Issue While Contributing To The Repo.

Description

A discussion is already going on this issue in slack https://systers-opensource.slack.com/ #question channel.
Strange behavior while rebasing the repository

Mocks

I haven't made any changes in the CODE_OF_CONDUCT and when I am trying to rebase it shows unstaged changes.

screen shot 2018-02-26 at 11 39 35 am

Let me summarize it again after following these set of commands.

git remote add upstream https://github.com/systers/systers.github.io
git fetch upstream
git checkout master
git rebase upstream/master

screen shot 2018-02-26 at 11 41 07 am

The concern is even if I keep CODE_OF_CONDUCT.md untouched it still shows it is modified when I do git status as depicted in the above-mentioned screenshot.

For More information on this please visit systers open source slack https://systers-opensource.slack.com/ #questions channel.

As a user,
I can figure out how to resolve this problem.
So, that another user will not face the same problem in the future.

Acceptance Criteria

Update [Required]

  • Reason for the strange behavior is still a mystery.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

Don't Know

Improving Some Grammatical Errors

Description

I guess we can improve some grammatical errors on the systers official website.
I have made use of Grammarly to point the same
So, As a user, I can help correcting Grammatical errors in systers website.
So, that I can accomplish a Grammarly correct sentences.

Mocks

On the second bullet point, one grammatically error is work through some Github Tutorials.

In http://systers.io/newcomers we can help in correcting below-mentioned Grammatically error.

Original Version - After you’ve got a basic understanding of Git, work through some Github Tutorials.
Grammatically Correct Version - After you’ve got a basic understanding of Git, work go through some Github Tutorials.

screen shot 2018-02-26 at 9 54 07 am

On the same page, another Grammatically error is
Original Version - Wording from Google Code In
Grammatically Correct Version - Wording of Google Code In

screen shot 2018-02-26 at 10 27 11 am

In http://systers.io/member-levels we can help in correcting below-mentioned Grammatically error.

Original Version - Organizational Admin act as quality control for the community.
Grammatically Correct Version - Organizational Admin acts as quality control for the community.

screen shot 2018-02-26 at 10 31 55 am

Original Version - Organizational Admin have final approval on all matters, including member status
Grammatically Correct Version - Organizational Admin has final approval on all matters, including member status.

screen shot 2018-02-26 at 10 35 43 am

In http://systers.io/code-of-conduct we can help in correcting below-mentioned Grammatically error.

Original Version - Attempt collaboration before conflict.
Grammatically Correct Version - Attempt collaboration before a conflict.

screen shot 2018-02-26 at 10 37 09 am

Acceptance Criteria

Update [Required]

  • [Resolving Grammatically Errors Mentioned Above]
  • File newcomers.html Line 81
  • File newcomers.html Line 98
  • File member-levels.html Line 147
  • File member-levels.html Line 149
  • File code-of-conduct.html Line 97

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

40 Minutes

Reducing the gap between social media icons

Description

As a Systers community member,
I need to see social media icons in the footer without too much of gap in the web version,
so that I can have a better user experience.

Mocks

Existing footer social media icons

image

Suggesting footer social media icons

socila media icons issue

Acceptance Criteria

Update [Required]

  • code-of-conduct.html
  • contactus.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/20111.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • index.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • Outreachy/2017.html
  • reporting-guidelines.html
  • RGSoC/2018.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

0.5 hours

Value Error : float 'center' is not a float value

Description

There is a value error in styles.css at line no. 339 - float center is not a float value. Replace it with appropriate value.
For more details regarding float property, see here

Mock

--Not-Applicable-

Acceptance Criteria

Update [Required]

  • style.css

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

5 minutes

Error: An img element must have an alt attribute, except under certain conditions

Description

There are missing alt attribute for some img elements (read https://www.w3.org/wiki/HTML/Usage/TextAlternatives.)
As a user,
I have to add the alt attribute,
so that under certain conditions, instead of the image the text shows up.

Mock

screenshot from 2018-02-26 09-50-10

Acceptance Criteria

Update [Required]

  • index.html
  • newcomers.html
  • member-levels.html
  • open-source-workflow.html
  • reporting-guidelines.html
  • contactus.html
  • code-of-conduct.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/2011.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • gsoc/2009.html
  • RGSoC/2018.html
  • Outreachy/2017.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

30 to 60 minutes.

Travis.yml suggestion

Description

Adding "bundler_args: --retry 5" in travis.yml to retry build for five times
As a [USER],
I need [TO DO THIS],
so that I can [ACCOMPLISH THAT].

Mocks

[INSERT RELEVANT PNG FILE]

Acceptance Criteria

Update [Required]

  • [LIST ITEMS]

Enhancement to Update [Optional]

  • [LIST ITEMS]

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

[INSERT NUMBER HERE] hours
1-5 min

Integrate Google Calendar

Description

The programs section of the systers.io website should have Google calender integrated

Add 'Difficulty' section

Description

There should be a separate section showing difficulty of issues in the ISSUE_TEMPLATE.md. It is required because many times label is not tagged to the issue.

Definition of Done

  • Approval by 1 mentor.

Estimation

Less than 5 minutes

Difficulty

first-timers-only

The horizontal scrollbar is not required

Description

When viewed on a browser, the page appears as horizontally scroll-able, though ideally it shouldn't be so as all the contents fit on one screen.

Browser specifications:
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Mocks

When the scrollbar is at extreme left:

capture
When the scrollbar is at extreme right:

capture2

Acceptance Criteria

  • The horizontal scroll bar should be removed.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

10 minutes

This page(contactus.html) contains a link using the tel: protocol. This is not supported by desktop browsers and iPads

Description

This page(contactus.html) contains a link using the tel: protocol. This is not supported by desktop browsers and iPads.
  | On desktops, laptops and devices without a mobile SIM or Skype an error message is usually displayed:
Chrome on Windows 7/10 does nothing when the link is clicked
Firefox on Windows 7/10 displays the message 'The address wasn't understood'
IE11 on Windows 7 displays the message 'The webpage cannot be displayed'
IE11 on Windows 10 prompts you to search for an app in the Windows Store
Edge on Windows 10 prompts you to search for an app in the Windows Store
Chrome on Mac with OS 10.11 launches Facetime which cannot make phone calls unless it's paired to an iPhone
Safari on Mac with OS 10.11 launches Facetime which cannot make phone calls unless it's paired to an iPhone
Safari on an iPad with iOS 9.1 launches Facetime which cannot make phone calls unless it's paired to an iPhone

As a user, this should be fixed.

Mocks

screen shot 1939-12-07 at 6 02 09 pm

Acceptance Criteria

The tel link should be fixed

Update [Required]

  • contactus.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

1-2 hours

Stylesheets are not linked to html files and images not visible

Description

The stylesheets are not applied to the html files,and images are also not shown when they are ran locally.
As a user , need to remove the extra slashes in front(provide correct path to stylesheets and images) of the stylesheets link tags and same for images, so that the web page can be viewed in original.(after applying stylesheets).
Changes should be done in stylesheet link tags , footers as well as in all sections where images are involved(ex: logo).

Mocks

The web page when without stylesheet linking as well as no images.
screen shot 1939-12-07 at 4 39 28 pm

Original Web page after linking stylesheets as well as images:
screen shot 1939-12-06 at 1 03 07 pm

Acceptance Criteria

Link stylesheets to all html files and also images should be visible.

Update [Required]

  • All HTML files should be modified(remove extra slash in front).
  • The slashes should be removed for the images as well, so that they are visible.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15-20 min

Menu Goes Missing When Scrolling Down

Description

When one sroll down the website the nvabar disappear at some level. It will be better if the navbar stays fix to the top no matter what. I think a navbar-fixed class in bootstrap will do the trick.

Unnecessary color attribute of main menu 'a' in large scale styling

Description

Remove the unnecessary color attribute of main menu anchor tag under @media(min 768px) in the stylesheet styles.css on line 175 as it has already been defined on line 65.

Acceptance Criteria

Stylesheet has no duplicate entries

Update [Required]

  • styles.css

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

10 minutes

BUG: Travis build is failing

Description

I found the below comment on travis-ci/travis-ci#933 which is the main cause of travis build fail.

The erroneous Ruby build coincided with a brief GitHub outage, I believe -- my own 
Jenkins server timed out trying to clone some GitHub repos around the same time. 
So I speculate that the Travis worker was scheduled to clone my repo, failed, and 
responded not by aborting the build, but by assuming that since there was no 
.travis.yml available it should default to using Rake?

Acceptance Criteria

Update [Required]

  • Travis needs to be fixed.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

It will take few hours to understand and fix.

Fix overlapping data of programs table in mobile view

Description

As a user
I need reduce font size of table text
so that I can fix data in mobile view

Mocks

image

Acceptance Criteria

Mobile view description needs to be added for .internships tag in styles.css

Update [Required]

  • styles.css

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

20 minutes
@MeepyMay @janiceilene i would like to work on this issue

Change git instructions text alignment in old index.html

Description

As a user,
I need change git instructions text alignment in old index.html
so that I can maintain uniformity in the UI.

Mocks

screenshot-2018-2-21 systers open source projects by systers

Acceptance Criteria

Either padding is added to align it with rest of the text or centralised

Update [Required]

  • old index.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

30 minutes

Using Generic Labels in Menu Items

Often, opting for anything less than the most obvious choice or most common primary menu items will frustrate site visitors.

Current Menu
old

Proposed Menu
new

Attribute aria-hidden is unnecessary for elements that have attribute hidden

Description

As a user,
I need to do remove aria-hidden='true' attribute as it is unnecessary for elements that have attribute hidden or vice-versa,
so that there occurs no such warning while validating the code.

Mocks

--Not Applicable-

Acceptance Criteria

Update [Required]

  • index.html (line no. 71)

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

5 minutes.

Add lang="en"to the html start tag

Description

Sometimes people assume that information about natural language could be inferred from the character encoding. However, a character encoding does not enable unambiguous identification of a natural language: there must be a one-to-one mapping between encoding and language for this inference to work, and there isn't one.

This has to added in all html documents written in English language.

Follow https://github.com/systers/slack-systers/blob/develop/PULL_REQUEST_TEMPLATE.md#description when writing commit message.

Definition of Done

  • Approval by 1 mentor.

Estimation

30 to 60 minutes

Difficulty

first-timers-only

Replace 'Places' with 'Resources'

Description

In http://systers.io/newcomers in the first subheader it is written 'Tutorials and Other Helpful Places' rather it should be 'Tutorials and Other Helpful Resources'.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

Less than 5 minutes.

Add lang="en" to the html start tag

Description

Sometimes people assume that information about natural language could be inferred from the character encoding. However, a character encoding does not enable unambiguous identification of a natural language: there must be a one-to-one mapping between encoding and language for this inference to work, and there isn't one.

Definition of Done

  • Approval by 1 mentor.

Estimation

Less than 5 minutes

Homepage: RGSoC 2019 wrong link

Description

As a When I click on 2019 under Rails Girls Summer of Code on the homepage,
I should be taken to that respective page,
Instead, I am taken to a 404 Not Found Page.

Acceptance Criteria

Update [Required]

  • Update href value of the related anchor tag.

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

Few Minutes.

This issue is suitable for newcomers.

Recommended Labels: Difficulty: EASY, First Timers Only

Add id attribute in replacement of name attribute

Description

The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.

Definition of Done

  • Approval by 1 mentor.

Estimation

30 to 60 minutes

Difficulty

first-timers-only

Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge

Description

A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge along with value chrome=1.
As a user,
I have to add the value 'IE-edge' to the http-equiv attribute of meta element,
so that it smoothly runs on IE as well.

Mocks

--Not Applicable-

Acceptance Criteria

Update [Required]

  • index.html
  • newcomers.html
  • member-levels.html
  • open-source-workflow.html
  • reporting-guidelines.html
  • contactus.html
  • code-of-conduct.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/2011.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • RGSoC/2018.html
  • Outreachy/2017.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

30 to 60 minutes.

Improving Home Page Design

Description

Unfortunately, a lot of people still judge a book by its cover. You never get a second chance to make a first impression. If a new visitor doesn't like what they see, their knee-jerk reaction is to hit the "back" button. Iincluding a featured image, carousel, or Jumbotron on home with other informations that will inform users about Systers, its activities and give them direction to find what there are looking for will be cool

Proposed Home Page Mockup with Jumbotron:

home

Correct the spelling of 'Implementation'

Description

Correct the spelling of 'Implementation' at line no. 102 in open-source-workflow.html

Mocks

screenshot_2018-02-24-14-37-03

Acceptance Criteria

Update [Required]

  • open-source-workflow.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

2 minutes

move "contact us" links as icons to "find us at"

Description

As a user of the website, it is confusing to see 2 sections - "contact us" and "find us at".
Moreover "Contact us"- Slack, github, mailing list - is hidden away under "about us". The relevant icons can be directly added to the other social media icons in the footer, so that I have easier access to contacts.

Acceptance Criteria

Update [Required]

  • code-of-conduct.html
  • contactus.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/20111.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • index.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • Outreachy/2017.html
  • reporting-guidelines.html
  • RGSoC/2018.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

20 minutes

Adding language to .travis.yml

Description

As a Systers GitHub pages developer,
I need to tell Travis CI that this should be built as a NodeJS project, and the latest version of Node to automatically build pull requests and add outputs to those PRs,
so that I can see if it is safe to merge a request without building it locally.

Mocks

Without Specifying the Language - Idetifies the project as a Ruby project

without specifiyng language

Acceptance Criteria

Travis CI integration

  • Automatically build pull requests without language error.
  • Automatically add outputs to built PRs without language error.

Definition of Done

  • All of the required items are completed.

Estimation

0.25 hours

No meta description tag found

Description

No meta description tag found. Use a description tag that accurately describes the contents of a web page.
A well-written meta description attracts more clicks in search results than an irrelevant or missing description.

Mocks

Acceptance Criteria

meta description tag should be added to html files.

Update [Required]

  • index.html
  • code-of-conduct.html
  • contactus.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • reporting-guidelines.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/2011.html
  • gsoc/2012.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • RGSoC/2018.html
  • Outreachy/2017.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15-20 min

Maintain consistency in displaying the countries of the participants in the programs

Description

The names of the countries to which the participants or the mentors for the various programs (eg. Outreachy 2017, GSoC 2010, etc) belong should either be there for all of them, or not be there at all.

Mocks

screen shot 2018-03-02 at 9 13 39 am
For example, for Outreachy 2017, in row 2; column 2 the country of the Project maintainer is missing while in row 3; column 2 the country of the mentor is mentioned as USA.

Acceptance Criteria

Update [Required]

  • outreachy/2017.html
  • gsoc/2010.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

5 minutes.
In case we need to add countries for all the participants, after the information is made available, time estimate is 5 min.

@janiceilene @MeepyMay @prachi1210 Please assign me the issue, to work upon. Thanks! :)

Size of social media icons should be reduced in mobile view

Description

As a user,
I need reduce the size of icons in mobile
so that I can improve UI

Mocks

screenshot-2018-2-28 systers open source projects by systers 1

Acceptance Criteria

Update

  • Footer code needs to be added to all the files . The code can be updated from the source code on systers.io
  • styles.css needs to be updated

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

40 minutes

Suggestion:Identify row and column headers in data tables using TH elements, and mark layout tables with role='presentation'.

Description

Identify row and column headers in data tables using TH elements, and mark layout tables with role='presentation'.

Data tables allow screen reader users to understand column and row relationships. Layout tables read cells as a series of unrelated paragraphs with no tabular structure. Without TH or ROLE, screen readers apply heuristics to decide whether a table is a layout table or data table. These heuristics vary greatly between screen readers, and are affected by browser being used, window size, and font size (so the outcome is very unpredictable without TH or ROLE). If a data table has headers marked up using TD, then change these to TH. If a data table has no headers, add TH elements describing each row and/or column. If the table is only used for layout add role='presentation' to the TABLE element.
Impact on users:

JAWS Reading: Treats tables without TH and ROLE as layout tables if the table contains cells above or below certain pixel sizes. This measurement is affected by browser window size, browser font size, and the browser used.
NVDA Reading: Applies a 'layout table' heuristic to tables without TH and ROLE which varies depending on the browser used and on the window size in some circumstances.
VoiceOver Safari OSX 10.9 Reading: Uses a sophisticated heuristic on tables without TH and ROLE, which is similar (but not identical) to the heuristic used by NVDA with Firefox.

http://systers.io/index.html - Line 92 ,107

Mocks

screen shot 1939-12-07 at 6 27 15 pm

Acceptance Criteria

Identify row and column headers in data tables using TH elements, and mark layout tables with role='presentation'.

Update [Required]

  • index.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

15-20 min

Update the systers.io to a template.

Description

As a potential open source contributor,
I want to learn about all of the projects currently available,
so that I can begin contributing to open source.

Mocks

image uploaded from ios

Acceptance Criteria

Projects

Systers
• All links point to the project repo's GitHub Wiki.

Peace Corps
• All links point to the project repo's GitHub Wiki.

Rather Drive Stick?

• Commented out. (I need to reference this when updating UI.)

Authors and Contributors

• Removed.

Definition of Done

  • A PR is submitted with the above changes.
  • Approved by 1 mentor.

Estimation

2 hours

ERROR : ERR_FILE_NOT_FOUND Google Chrome ,MAC OS

Description

Encountering Strange error with every .html file in the project while setting up the development environment of systers Github Pages on MAC OS.
Browser - Google Chrome Version 64.0.3282.167 (Official Build) (64-bit)
Operating System - macos high Sierra 10.13.3

I have attached mocks of two .html files the same hold true for all .html files
Error : Failed to load resource: net::ERR_FILE_NOT_FOUND

As a user,
The error can be resolved or files are loading if we remove / from the file that we are trying to load.
For instance
Original HTML -
Modified HTML -
I am also attaching snapshots signifying working of above mentione snapshots

Alternative Solution - Although, files are loading when we run the same project on localhost.

Mocks

Mock when we are trying to load without moving / from the in index.html page.

screen shot 2018-02-25 at 11 07 38 pm

The problem resolves when we load by removing / from the from the index.html.

screen shot 2018-02-25 at 11 06 58 pm

Now, it can be seen in the above mock that we have /stylesheets/styles.css loaded.

Acceptance Criteria

Update [Required]

  • [index.html]
  • [code-of-conduct.html]
  • [contactus.html]
  • [member-levels.html]
  • [newcomers.html]
  • [open-source-workflow.html]
  • [reporting-guidelines.html]
  • [gsoc/2009.html]
  • [gsoc/2010.html]
  • [gsoc/2011.html]
  • [gsoc/2012.html]
  • [gsoc/2014.html]
  • [gsoc/2015.html]
  • [gsoc/2016.html]
  • [gsoc/2017.html]
  • [rgsoc/2018.html]
  • [Outreachy/2017.html]

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

40 Minutes

Text going out of the Box

Description

The text moves out of the box when viewing the open-source-workflow page of the website in mobile or when the window is not viewed in full mode.

Mocks

  1. When viewed in Mobile
    screenshot_2018-02-24-14-37-03
  2. When the window is not viewed in full mode
    screenshot from 2018-02-24 15-38-36

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

10 minutes

Provide a preview link for the project in README or in the project description.

Description

As a github common practice, we should add preview link for front end projects in the project description or readme itself so that any one can directly look the current stage of the project in preview link.

Mocks

[INSERT RELEVANT PNG FILE]

Acceptance Criteria

Update [Required]

  • Add a preview link.

Enhancement to Update [Optional]

  • [LIST ITEMS]

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

5 minutes.

Manage the Dropdown Menu

Description

When viewed in mobile, when the Contribute tab is expanded the About Us tab hides. See the screenshot.
As a user,
I want to rectify it,
so that it doesn't create any confusion.

Mocks

screenshot_2018-02-24-14-35-40

Acceptance Criteria

Update [Required]

  • index.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

20 minutes

Updating Systers GitHub site to ABI Identity.

Here are the following changes needed:

  • Background to White #FFFFFF
  • Headers changed to Tahoma
  • Paragraph text to Calibri
  • Header Color to Caribbean: #54BCEB
  • All current black text to Rich Black: #101820
  • All hyperlinks to Tangerine: #F89728
  • All hyperlinks remove underline on hover.
  • All hyperlinks color change to Crimson #EF4135 OnHover.
  • Left Menu Background to Medium Gray: #888B8D
  • GitHub Button (and all buttons) to Sublime #C1D82F
  • Hover Over Button Color to Emerald #00833E

Any questions about additional actions, colors, etc. please post here with @MeepyMay in the comment.

Currently, Roop is taking over this issue.

Changing the social media icons to equal-sized icons

Description

As a Systers community member,
I need to see social media icons in the footer as an equal-sized icon set,
so that I can have a better user experience.

Mocks

Existing social media icons

image

Suggesting appearance

socila media icons issue2

Acceptance Criteria

Update [Required]

  • code-of-conduct.html
  • contactus.html
  • gsoc/2009.html
  • gsoc/2010.html
  • gsoc/20111.html
  • gsoc/2012.html
  • gsoc/2013.html
  • gsoc/2014.html
  • gsoc/2015.html
  • gsoc/2016.html
  • gsoc/2017.html
  • index.html
  • member-levels.html
  • newcomers.html
  • open-source-workflow.html
  • Outreachy/2017.html
  • reporting-guidelines.html
  • RGSoC/2018.html

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

0.5 hours

Consistency in the height of each table data for the various programs

Description

Currently, for the various programs, the table having the details about the participants, mentors, etc does not have cells of consistent heights.

Mocks

Buggy Mocks

screen shot 2018-03-02 at 10 18 58 am
GSoC 2014

screen shot 2018-03-02 at 11 25 04 am
screen shot 2018-03-02 at 11 25 17 am
GSoC 2015

screen shot 2018-03-02 at 10 18 23 am
GSoC 2013

Similar is the case for the GSoC 2016, GSoC 2017 and Outreachy 2017.

Corrected Mockups

screen shot 2018-03-02 at 1 06 25 pm
GSoC 2013

screen shot 2018-03-02 at 1 06 47 pm
GSoC 2014

Similar corrected mockups exist for all the different program tables.

Acceptance Criteria

Update [Required]

  • stylesheets/styles.css

Definition of Done

  • All of the required items are completed.
  • Approval by 1 mentor.

Estimation

2 minutes

Proposed Fix

In line 318 of style.css, add ' height: 4em;'. This would make each of the table data cells to have a height equivalent to the current max height of any cell possible, currently.
@janiceilene @prachi1210 @MeepyMay Can you please review the issue as well as assign me this issue, so that I can work upon this. :)

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.