The is will create a popup modal to show the youtute videos for the Open Source, Open License, Open Hardware, Fair Principles, Open Education Resources and Open access under the Open Science Section instead of redirecting to youtube. It will improve assessibility and the overall experience for the user

The current footer is not UI friendly. This issue aims to fix that

Corresponding PR Available at #99

Which task do you want to work on?

• Task 2

Description
❔ Add a drop-down for About us in the Menu Bar. In the dropdown, we want to add 'Who are we?' and 'Code of Conduct' Links

Expected behavior

• There should be an 'About' Dropdown
• The Dropdown should carry 2 links with names 'Who are we?' and 'Code of Conduct Page'
• 'Who we are' link should direct you to the same about us page on the website
• 'Code of Conduct' link should direct you to a new subpage with Code Of Conduct

Actual behavior
❌ There is no About us Dropdown Available
❌ There is no Code-Of-Conduct Page

What needs to be done?

• An 'About' Dropdown should be added
• Make the Dropdown carry 2 links with names 'Who are we?' and 'Code of Conduct Page'
• Make the 'Who we are' link direct you to the same about us page on the website
• Make 'Code of Conduct' link direct you to a new subpage with Code Of Conduct

Who want to work on this issue?

@okerekechinweotito

We need to add a section for a blog posts (bilingual)!

We need to add a news section to make announcements on the website!

My name is Pius. I'm an Outreachy intern and I would be happy to be a part of this project.

As my first contribution I would fix a bug that is related to the responsiveness of the website
The Funders image not being completely visible on mobile screens

Corresponding PR Available at #51

Description
❔Create and add OPEN LEADERSHIP item to be under OPEN SCIENCE PRACTICE section. Also create a corresponding subpage showing Summary and embedded video for OPEN LEADERSHIP

Expected behavior

• There should be an OPEN LEADERSHIP item under OPEN SCIENCE PRACTICE section
• Clicking on OPEN LEADERSHIP should take you to a subpage showing summary and youtube embedded video.
• There should be an Arabic page equivalent for OPEN LEADERSHIP subpage

Actual behavior
❌ There is no OPEN LEADERSHIP Item under OPEN SCIENCE PRACTICES section

How to reproduce
Go to https://osc-ksa.com/#services
OPEN LEADERSHIP is missing

🎊 Welcome Outreachy 2022 Contributors! We're excited that you're here 🎉

This ticket will serve as the central point tracking the contributions of perspective Outreachy (Winter 2022 cohort) applicants.

Outreachy provides paid remote, three-month internships to support diversity in Free and Open Source Software (FOSS). For more information about what Outreachy is, follow this link.

Outreachy internships are:

💵 Paid - $7,000 USD total internship stipend

🌍 Remote - both interns and mentors work remotely

🕰 3 months - internships run May to August.

For those interested, this process is described here.

We ask all outreachy candidates to work on a minimum of 3 projects simultaneously so that they are not completely relying on their selection in OSCSA if we end up not selecting them!

Summary

Open Science community Saudi Arabia (OSCSA) was established in line with Saudi Arabia’s Vision 2030, which focuses on installing values, enhancing knowledge and improving equal access to education. It aims to provide a place where newcomers and experienced peers interact, inspire each other to embed open science practices and values in their workflows and provide feedback on policies, infrastructures and support services. Our community is part of the International Network of Open Science & Scholarship Communities (INOSC).

Open Science has developed materials of its own and collaborated with other communities to ruse and localise their materials, but none of it is incorporated within the website. Our website is bilingual, so the pages added need to be reflected in both languages!

In Outreachy Winter 2022, we are accepting applicants to improve the accessibility of the website and incorporate existing materials into the website.

Successful candidates will:

• Refactor the code of the website.
• Improve the accessibility of the website.
• Incorporating the materials, talks, and events into the website.
• Links to our current projects (workshops, R Projects) on the website.
• Improve the documentation for the onboarding and off-borading and links it to the website.
• Add a testimonies section to the website
• Make our Quarto blog bilingual and link it to the main website.

How to start?

• Join OSCSA community here
• Go through the code of the Website and try to locally deploy it on your local machine.
• Any issue you opened should use the Outreachy template

Submission

• Submit PR with the new subpage
• Explain in your PR what you did and what do you think needs improving within the website?

Tasks for Intern Selection:

Task 1 (This task is completed, please don't submit other PRs)

This task is completed with many duplicated PR right now, please don't submit a PR for it anymore. Please attempt either task 2 or task 3 or task 4.

• You are asked for the internship application period to complete a small task which is adding a new page to the website.

• Each bullet point (e.g. Open Source, FAIR data, ..) will direct you to a YouTube page. Your task is to create a single subpage that has the following:
  • A summary of the concept that you choose from these sections (What is x (e.g. open access)?, Where can I read about (e.g. open access)?
  • Illustration (image explaining the concept) with alternative tag - you can find any image online!
  • The video impeded in iframe
  • Maintain the same header, footer and other colours and design from the original website
  • Have a way to get back to the main page
  • The same page is reflected in both the Arabic and English pages.
  • Open a Pull request with your changes and state in the PR how you can further improve the website.
  • You need to create a single subpages for one of the bullet points. If you picked one, please add it to this Google Doc.
• So rather than directing the user to Youtube directly, he will be directed to new page in the website that has the video embedded and a summary about x.
• Make sure it's reflected on both the Arabic and English pages.

You don't need to know Arabic, there will be another intern who will be helping with Arabic. but use Google translate for the demo and submit a PR.

Task 2 (This task is completed, please don't submit other PRs)

Add a drop-down for About us. In the dropdown, we want to add

• 2.1 Who are we?
  This will direct you to the same about us page on the website
• 2.2 Code of Conduct
  This will direct you to a new subpage with the code of conduct

Make sure it's reflected on both the Arabic and English pages.

You don't need to know Arabic; there will be another intern who will be helping with Arabic. but use Google translate for the demo and submit a PR.

Task 3 (This task is completed, please don't submit other PRs)

We need to add an events subpage where we can link our events in Zenodo.

• 3.1 Add this to the nav bar
• 3.2 Add three cards with each event, title, name of the speaker, and language.
• 3.3 Each card should direct you to a subpage with a description of the event, speaker, language and a link to the slides from Zenodo

Make sure it's reflected on both the Arabic and English pages.

You don't need to know Arabic; there will be another intern who will be helping with Arabic. but use Google translate for the demo and submit a PR.

Task 4

The task is described in issue Open-Science-Community-Saudi-Arabia/MOOCs#1

Task 4 is allowed to be completed by multiple individuals!

Task 5

This is described in Open-Science-Community-Saudi-Arabia/OSCSA-en-blog#6

Task 6

This is described in Open-Science-Community-Saudi-Arabia/OSCSA-en-blog#6

Meetings

We will lead an online video call (on Zoom) to answer any questions you have. This will be on Tuesday, the 18th of October, at 12:10 pm UTC!

The link for Zoom Meeting
https://liverpool-ac-uk.zoom.us/j/93627968243?pwd=OVh5d1IreFRnOVRpNDVXMWRwMmlmZz09

Assessing Candidates

• Candidate should be comfortable collaborating through GitHub
• Candidate should work collaboratively with other participants.
• Your UI/UX design
• Candidates should also be comfortable using HTML/CSS/JS.
• Their insights about how they think the website can be improved!
• if you opened a PR, Please don't close the issue if the PR is note reviewed and merged. If you closed other issues, please re-open it!
• Feel free to review other open PRs, especially if you couldn't work on any of the tasks.

Communication

Maintainers will answer your questions under the issue or Github Discussion from 10:00am - 4:00pm UTC. Please avoid communicating through emails unless it is necessary.

Total Redesign of the footer component

Refactor code and add more content and testimonials to the UNESCO Recommendation on Open science Section

hello @BatoolMM i discovered that when the text are translated to Arab that the footer text and the success notification that shows when one succesfully fills the contact form is translated to Arabic , so i would like to contibute on that also

Based on the recent trend of UI and UX. This issue will aim to improve the Header

Corresponding PR Available at #92

Description

❔ The description content of the meta tag on Index.html is empty. The 'alt' attribute of most img tags are also empty. These constitute a huge SEO and accessibility problem and would prevent Google Search Engine crawlers from properly indexing the site

Expected behavior

• The Meta tag description attribute should be properly filled with relevant information
• The img tags should have a descriptive 'alt' attribute for proper accessibility

Actual behavior

❌description property of the meta tag is empty
❌The img tags alt attribute is empty

How to reproduce

1. Go to https://web.dev/measure/
2. Type in https://osc-ksa.com/ in the space provided
3. Click on Run Audit (This may take about 15 seconds)
4. Click on SEO
5. Expand the items shown to view the report
   

Hi, I just fixed this issue #28 and also fixed other bugs I found.

Should I create a PR since I already submitted two sub pages awaiting reviews?

There are other issues I found on which I want to work on (E.g the screenshot below). Should I go ahead or wait for review of my other contributions?

Hi, I am an Outreachy applicant and want to contribute to OSCSA_Website so I started by creating a new issue

Issue Description:
There is a responsiveness issue at 836px width as the image and div are overlapping.

Hi, @BatoolMM, I'm Kingsley, an Outreachy applicant, on checking the website, I discovered the Hero image on mobile screens wasn't well aligned, and the "Vision 2030" was almost cut out, I would love to work on this.

Screenshot

Add a section about misconception of OS - examples include:

• Open data/licensing
• Business Model/free

Task 2
In the dropdown, we want to add

Who are we?
This will direct you to the same about us page on the website
Code of Conduct
This will direct you to a new subpage with the code of conduct
Make sure it's reflected on both the Arabic and English pages.

The Social media icons link to https://osc-ksa.com/ instead of their respective social accounts @BatoolMM
screen-capture (4).webm

Hi, I'm contributing to the OSCSA website as an outreachy intern and from the intern guideline, we are asked to click on any of the bullet points and it will redirect us to a youtube video,

However, I noticed that clicking the "Open Access" bullet point does not lead youtube but rather to the same page.

Thanks

Adding an events subpage where we can link our events in Zenodo

Add this to the nav bar
Add three cards with each event, title, the name of the speaker, and language.
I need more explanations

@BatoolMM my name is Jesutobi Joseph, an outreachy intern, i went through the html and found out there were some errors in several lines of code,where idle close tag existed, tags without a close tags or open tags thats causing a bug when prettier tried to format the code....line 162,line 227,line 205, line210,line 227, line 489..................i have fixed them, so what should i do next

Create a sub-page for OPEN ACCESS as described in the OSCSA project description

Corresponding PR Available at #105

Description

❔ Although OSCSA site already has a Contact Us form. It would be nice to embrace modern trends and integrate real-time live-messaging on the site using tawk.to a wonderful open-source tool that would super-charge our site and enable awesome features like Live chatting , Geo IP Tracking, Realtime-file transfer , Visitor information. Ban/Unban Visitors and many more.

Expected behavior

• Enable Live Chatting
• See Detailed Visitor information and Track Engagement
• Enable File Transfer

Actual behavior

❌ The current OSCSA site only has a Mail Contact form and does not offer flexibility and additional awesome features like Realtime-Messaging

How to reproduce

1. Go to OSCSA to see the current contact form
2. Then Go to tawk.to to view a list of available features like Live-Messaging using tawk.to

Available Features at tawk.to

With regard to responsiveness, the iPad view on the OSCSA website is not properly aligned.

• The width of the about-content section is reduced on the Ipad view.
• Also, the funder images is cut off on the iPad view.

The Admin need to have 100% control of the website content
Developer can be too stressful to notice a typo E.g ( among the issue create someone fix a typo error )
or sometime they use dummy text since they are not website content writer
or sometime some info are outdated on the website that need to be updated
if Admin have 100% control of the website content they can change it without the need of developer
since someone create a issue to rebuild the codebase with REACT I suggest they include sanity of we intern should build Admin dashboard ( UI/UX , front-end and back-end developer ).
@BatoolMM

We need to add a section for Code of Conduct

some user would want to know a little info the help FAQ section will help them out.

Add a 'Meet the Team' section using the design below as a template.

The social media icons on the footer of the official OSCSA website have broken links.

Going to https://osc-ksa.com/ currently results in an internal server error:

"Internal Server Error - Request ID: 01FXQGMZXVYWMC3SK4Y6QEH1P8"

There is no open collective section in the Arabic version of the website.

Hi, I am Aman Jamshed and I want to contribute to OSCSA_Website as much as possible.

Description of issue:
I tried testing the Contact Us form while browsing the website, but I received an error when I submitted it.
Error: 404 Not Found https://osc-ksa.com/forms/contact.php

Attaching Screenshot for more reference

Hi, I checked the Arabic version of the website and I found out that there is no funders section just as it was In the English version.

I will like to work on that

This issue will implement a Carousel Slider for testimonies about OSCSA

I will be using swiper.js for this

Corresponding PR available at #74

Description:

The Services Section was directing the links to the youtube which is not the best practise.

This will add an events subpage where we can link our events in Zenodo.

Will also three cards with each event, title, the name of the speaker, and language.
Each card should direct you to a subpage with a description of the event, speaker, language and a link to the slides from Zenodo
it will reflected on both the Arabic and English pages.

@BatoolMM I will like to work on this

We use Open Collective to manage the fund of the community. This should be added to the website.
https://opencollective.com/oscsa

Hi, mentors @alswajiab @BatoolMM

I noticed the OSCSA website is not complying to web accessibility standards.

I will like to make the website accessible to the visually Impaired and disabled citizens, etc

I created this issue to notify that i have started working on task 3 thank you.

Proposal to rebuild the entire codebase using modern technologies such as React and Redux

Updating readme.md. I was a little confused about how to start. I just want to improve Readme.md page

Hi, I noticed that the navbar doesn't show up in the mobile view of the Arabic version. I will like to work on that

Corresponding PR Available at #75

Description
❔Create and add OPEN DATA item to be under OPEN SCIENCE PRACTICE section. Also create a corresponding subpage showing Summary and embedded video for OPEN DATA

Expected behavior

• There should be an OPEN DATA item under OPEN SCIENCE PRACTICE section
• Clicking on OPEN DATA should take you to a subpage showing summary and youtube embedded video.
• There should be an Arabic page equivalent for OPEN DATA subpage

Actual behavior
❌ There is no OPEN DATA Item under OPEN SCIENCE PRACTICES section

How to reproduce
Go to https://osc-ksa.com/#services
OPEN DATA is missing

I am already working on adding sub page to open hardware so that when the link is click it takes you to a sub page.

The OSCSA website has a missing favicon image. This also shows the console as an error.

The OSCSA Logo should replace the favicon.

First I noticed the notice the active class switched too early to the contact nav item so I enhanced it and I added some new styling and then I added a blog section because I saw it was needed in issues in the github page, I hope to hear your feedbacks, Thank you @BatoolMM @alswajiab

Corresponding PR Available at #53

Description
❔Ensure that External Links (<a href tags) on index.html direct to a new browser tab when clicked and carry a rel="noopener noreferrer" tag.
'noopener' is largely a security measure to prevent malicious links from gaining access to a user’s browser (a phishing attack known as tabnabbing
'noreferrer' keeps external sites from knowing that you have included links to their material on your website. This could be important to you for privacy or security reasons

Expected behavior

• External links (a href='' ) on index.html should open on a new browser tab when clicked
• External links (a href='' ) should carry a rel="noopener noreferrer" flag for extra security

Actual behavior
❌ External links (a href='' ) on index.html overides and opens on the initial browser tab when clicked
❌ External links (a href='' ) do not carry rel="noopener noreferrer" flags which may lead to a security vulnerability

How to reproduce
Go to https://osc-ksa.com/
Click on any External Link and observe the response

Hi, @BatoolMM @alswajiab

I noticed the logo has a bad user experience and the sizing on mobile view is not so good.

I will like to fix that

Issue:

Assalamu Alaikum @alswajiab @BatoolMM the website does not have a blog section in the arabic version