gsasansol / girlscript-asansol Goto Github PK

A preloader makes the first impression of the website and makes it look much better than blank screen.

Changes are to be made in index.html, styles.html and index.js files.

Footer Section should contain:

• GirlScript logo
• All the hyperlinks
• All social media handles of Gs Asansol : links

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

Follow this Guidelines:

• Theme: [orange,black,white,beige] (Can by any of the two)
• Font: Lato

Changes are to be made in index.html and styles.html files.

Navbar should contain:

• Logo
• Home
• About Us
• Resources
• Past Events
• Our Team
• FAQ
• Contact Us

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

• Link for the inspo

Please join the Discord to discuss design of the components.

• Change the font-style
• Change the background colour add a pretty image

• faq section should expand on clicking anywhere in the question
• change the colour in the dark mode.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• Shift the image to the center
• Give some margin at the bottom of the image
• Style the add comment box a bit.
• Change the post commet button to square.
• Change the background from grey to this

Changes are to be made in index.html, styles.html and index.js files.

Our Section should contain:

• Core Team: Refer to the link to get the details
• Volunteers: Refer to the link to get the details
• Make sure to add social media links of each team member (linkedIn and Github)
• Our team section is divided into two sub section thats core and volunteers.
• There will be carousel for the core team and volunteers will be displays in cards 3 in a row.

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Links:

• Core Inspo
• Volunteers Inspo

Please join the Discord to discuss design of the components.

• Add clickable links to the cards: Links should redirect to the linkedIn post
• Add 3 cards at a time
• Image allignment
• Add a bit of border radius
• Also the card title, example Portfolio competition change the colour to match the theme.

• add a bit of padding outside the faq boxes.
• space it out a bit
• also fix the overflow at the y axis
  

Changes are to be made in index.html, styles.html and index.js files.

Contact Us Section should contain:

• Title: Contact Us
• Name
• Email
• Message
• Submit Button

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

What i am suggesting to add ?

I am suggesting to add Issue Templates to the repository, it can be as many categories as needed - primary categories of issues are mostly : bugs, docs, general feature and so on.

Why to add it ?

Adding an issue Template allows you to organize the issues made by folks in a much better way.

• We can know if someone wants to add a feature.
• We can know if someone wants to write a test or maybe fix something in the website
• Here's a general idea :

Can i work on it ?

Yes, i will be glad to help an Opensource project grow more !

• Fix the overflow in the 404 page
• Make it mobile responsive
• Increase the image size for the mobile view

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

Changes are to be made in index.html, styles.html and index.js files.

Header Section should contain:

• Image: Click here for the image link
• Title: Welcome to GirlScript Asansol. Education First.
• Join Us Button (with the discord server link)

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Note: The header section will be below the navbar. Navbar is a separate issue so no need to make a separate navbar.

Please join the Discord to discuss design of the components.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

Changes are to be made in index.html, styles.html and index.js files.

About Us Section should contain:

• Image: Click here for the image link
• Title: About Us.
• Content: GirlScript Organization is a non-profit company registered under the government of India on 2nd June 2017. GirlScript aims to empower people and especially underrepresented groups in the field of technology.
  GirlScript Asansol's mission is to create opportunity, learning, growth and diversity in technology academia and industry.
• Social Media Button : link

• Title 2: Our Programs
• Content: Encourage people to learn to program and make them capable of writing a simple computer program to building a complex system. Empower people by providing an opportunity to showcase their technical skills.
• Card Section:
  - Career Guidance
  - Open Source
  - Workshops and Sessions

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

• subhangi practice karo

• Write it in either Google Docs or on Ms Word
• Make sure to add flowcharts/images.
• Share the article link in PR.

• Fix the button in the middle so that it looks good.

Hey, a site without favicon looks like unprofessional,
I can add favicon dedicated to girlscript asansol, in each pages and further coming sub-pages.

Please assign this to me

• Notif. bar must be versatile with these properties defined:
  • background color
  • smooth collapse transition
  • a notif-bar-btn class with tunable background and text: hover, on-click effects (Material UI recommended)
  • center alignment of all content other than the dismissing cross on the extreme right (appropriate margins please)

Inspo:

PS: form field not required

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• The navbar in the mobile has some bugs
• The options should be at the bottom and also the logo and brand name should stick together.
  

• Do a figma design of the resouce page
• it will contain blogs/roadmaps
• refer to issue #23

Changes are to be made in index.html, styles.html and index.js files.

The Scrollbar should be syncing with the dark and light mode.

Please join the Discord to discuss design of the components.

We can have a page about us where contributors can add their details and name with a small image.
If this sounds good, please assign this to me.

• redirect the navbar to the proper links when clicked on it.

I will make a form for contact us section

Please assign this issue to me and add the 'hacktoberfest' label to it. @girlscript-asansol

Create a webpack file for the netlify bot which will ci/cd.

• Currently the navbar is not responsive. Make it responsive for all devices.
• You can use bootstrap or custom css.
• Also add a gap between the logo and the brandname. and in the brand name make it GirlScript Asansol in one line instead of 2 seperate lines.

Changes are to be made in index.html, styles.html and index.js files.

404 Page should contain:

• Don't have to create the discord chat bot.
• Links:
  - Explore our site: redirect to the home page.
  - Create hylerlinks to different home page component, refer to issue #1.

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

• Currently the past event is nor responsive make it responsive in all devices
• add a shawdow to the carousel items
• add the arrow buttons of the carousel
  

Changes are to be made in index.html, styles.html and index.js files.

FAQ Section should contain:

• What is GS Asansol: GirlScript Asansol is a non-profit student run community registered under the GirlScript Foundation on 23rd April, 2022. We aim to empower people and especially underrepresented groups in the field of technology. GirlScript Asansol's mission is to create opportunity, learning, growth and diversity in technology academia and industry.
• How to join the community: Link to the discord
• Benifits of joining the community:
  ► GUIDE & SUPPORT
  ► HELP EVERYONE TO LEARN & GROW
  ► WORKSHOPS AND MEETING SESSIONS
  ► HACKATHONS & INTERNSHIP OPPORTUNITY

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• You can design your own or take inspiration from the internet.

Add a toggle button to switch between the themes.

• Write it in either Google Docs or on Ms Word.
• Make sure to add flowcharts/images.
• Share the article link in PR.

• you can use your creativity.

Title says it all.

The Theme change button on the NavBar has no functionality

Changes are to be made in index.html, styles.html and index.js files.

Past Event Section should contain:

• Title: Our Past Events.
• Check the linkedIn page to find the events or join discord : link of LinkedIn

Design

Inspo: (You can refer to it and can make your own interpretations too, Creativity is welcomed.)

Please join the Discord to discuss design of the components.

Sample: A medium article container

Sample 2: Refer to the design

1. Must contain legible title, small body text, image attachment provisions
2. Must display GirlScript Asansol Social hyperlinks
3. Must credit the author and editors
4. Anonymous comment section (with options to add Display Name & Email) only the design.

Hello, I am HacktoberFest participant, I want to work on this section,
once event gets started.