ihs-gwc / ihs-gwc-website

Welcome to Irvington Girls Who Code! Here you can find the code for our website (linked below).

ihs-girls-who-code

Our website: https://www.ihsgirlswhocode.com/

cPanel

We are using cPanel to host our website. Files will be uploaded to cPanel via pull deployment. Let us know if you have made a change on GitHub, so we can upload and deploy it on cPanel.

contributions

See CONTRIBUTING.md.

ihs-gwc-website's Issues

New Resources Page (Recaps Page Renovation)

The Recaps page will be expanded to Resources. It will be divided into 5 sections, one main section and one for each of the 4 languages. The main section will include a link to the activity recaps, as well as resources that apply to coding in general (as opposed to one language only). The other sections will include links to the meeting recaps, documentation, and helpful links for that specific language.

Edit: removed checklist because it ended up being irrelevant

Need favicons

• Make favicon that shows up more clearly (black 'g' instead of white)
• Put new favicon on all the webpages

Fix footer

Footer needs to be centered.

Recaps - change quarters to semesters

change recaps page into semester 1 & semester 2 instead of quarters

Narrow screen layout needs work

Open the website on a phone to see what I mean. Or resize your computer window to the most narrow setting.

• fix picture on homepage

• Main menu options need left padding (or right alignment)

recaps page: make the semester boxes so that when you click anywhere on the box/picture, itll take you to the semester page

change home page group pic to something simple

waiting for Lauren to design something - 11/22/2020

Dropdown menu

Create a dropdown menu so that it's easier to navigate the site. For example, the About page can have 4 dropdown options for each of the 4 sections.

Inconsistent Animations

Everything should have an ftco-animate class. ftco-animate appears when the user reloads the page -- the content on the page fades in and drops down a bit. But I forgot to animate half of the sections, so when you reload some pages, some parts are animated while others aren't.

(cPanel) non-html files take too long to deploy

need to call cPanel tech support to figure this out

Add Shivangi to About page

• Get photo
• Write bio
• Write code
• Deploy

(Going to assign this to Shivangi once she joins the organization)

Add Sophia to About section

• get a nice photo
• write bio
• write code
• deploy

Add anchors to page headings

This feature is optional. However, adding anchors would open up several possibilities, such as being able to link to a specific section of a page and being able to jump to sections on the website.

This issue is going to be 'wontfix' for now until we run out of things to work on 😂

Cybersecurity program change date

The cybersecurity program is not coming out this year, so change the dates to next year

add insta under contact page

Project Gallery Page

Create a new page to display members' coding projects

Word from officers section

delete this section

Typeform survey

figure out how to add a typeform survey into the contact page
idk what that means (need to ask @rohamy later)

semester 1 and 2 files update with gwc nav bar logo

Make one file for all the menus and footers

Create menu.html and footer.html and use javascript to add it to all the webpages. This way, when we need to change something in the menu or footer, we only need to change it in one file.

• menu
• footer

https://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-be-included-in-multiple-html-pages

Images take forever to load

Pages with images that need to be resized:

• About
• Recaps
• Events

Move Curriculum page

Shorten Curriculum page and move it to Home or About

change the "format" of each page to the about us page (remove the big pic)

JS animation starts too soon

In index.html for the interesting facts section, if you scroll too slowly, the animation starts before you can see it.

Fix spacing on all pages

There is no standard spacing, but I think for our purposes, please follow these guidelines (at least for now; this is subject to change):

1. Beginning tags must match the indentation of closing tags.

<p>
  Like this.
</p>

<p>
  Not like this.
  </p>

The exception is when you have something like this.

<p>hi</p>

In that case the opening and closing tags will just be in the same line.

2. Nested tags should be indented properly.

<div>
  <p>
    Like this.
  </p>
</div>

<div>
<p>
  Not like this.
</p>
</div>

3. Use 2 spaces instead of tabs for every indentation (or set your tab to 2 spaces)

4. Leave exactly 1 empty line of code between main sections (e.g. right before the footer)

5. Remove trailing whitespace.

6. Include a newline at the end of each file.

7. When in doubt, match the formatting of index.html.

I will post this on CONTRIBUTING.md later, once I finalize everything.

Events Page Renovation

• Main events page
• Subpages
  • Boo Grams
  • Guest Speaker
  • Tech Museum
  • Factory Tea Bar

Original comment:
Change Events page so that each event is a clickable card, kinda like the teal boxes on the contact page. Each card will have a summary of the event (1 event image, event title, and part of the event description). Then when you click on the card, it shows the title, all the images, and the full description. Right now we are starting to have a lot of events, so it's hard to scroll through all the text and images.

footer: replace person icon with minga icon (or just replace it with insta)

"interesting facts" maybe try to make it automatic so you dont have to change it every once in a while

test out contact info form

It doesn't work :(