Git Product home page Git Product logo

mchacks6's Introduction

hackmcgill

McHacks logo

This is the repository for the static landing page for HackMcGill. Code based upon boilerplate here.

Netlify Status

Setup

  1. Make sure you have node and yarn installed.
  2. Run yarn.

Folder structure

📁dist        -- contains production-ready code
📁src         -- source code folder
|--📁js       -- script files
|--📁static   -- static assets (images, fonts, etc.)
|--📁style    -- SCSS style sheets
...

Available scripts

  • yarn build: Builds /src into /dist. Minifies, transpiles, etc.
  • yarn start: Runs a build, then starts the production server from the /dist folder on localhost:8080.
  • yarn start:dev: Starts the development server (with auto-refresh).
  • yarn deploy: Runs a build, commits it, then deploys the /dist folder to the gh-pages branch.
  • yarn lint: Lint scripts.
  • yarn lint:styles: Lint stylesheets.

Contributing

To contribute to the HackMcGill repository, please see our contributing guide.

Deployment

We are using Netlify to compile and host our code automatically. When a PR is created, Netlify will generate preview builds of the site to confirm that everything is working as expected. Once code is merged to master, Netlify will promote that code to production at hackmcgill.com. Netlify also handles the SSL certificate for this site. @krubenok is currently the admin on the Netlify plan.

Domains

The primary domain for this site (hackmcgill.com) is registered and has DNS with Cloudflare. It has CNAME records pointing to mchacks6.netlify.com from www.hackmcgill.com and hackmcgill.com

We also have a secondary domains, hackmcgill.ca and www.hackmcgill.ca pointing to mchacks6.netlify.com via CNAME as above. hackmcgill.ca is registered with Namecheap and the DNS with Cloudflare.

mchacks6's People

Contributors

ambr0se6 avatar dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar erickzhao avatar krubenok avatar loreina avatar pierretklein avatar

Stargazers

avatar avatar

Watchers

avatar avatar

Forkers

9ideas thedemodev

mchacks6's Issues

Fix deploy script

When running yarn deploy, git commit -m 'Run build for deploy 🚀 doesn't work right and this error comes up: error Command failed with exit code 1.

Martlet in navbar off center

Description

The martlet in the nav bar is off center. Might have been when I added the navbar to all the pages.

Screenshots

image

To Reproduce

Look at the navbar lmao

Devices Affected

All (?)

Sticky header not sticking to top of page

It's just a few pixels off so if you're stopping a scroll at just the right time, it looks like the sticky header is floating on top and not sticky to the top of page.

image

Remove tier icons from sticky scroll

For the perks table on the sponsor page, can we remove the tier icons from the sticky scroll? Looks great visually on web, but takes up too much space on mobile. The extra space will help increase table readability.

All these lines in the sponsor table just appeared

Description

Lines are showing up between rows in the sponsor table.

Expected behaviour

The lines should be kinda thin.

Screenshots

Chrome:
2018-11-09 17 24 54
Firefox:
image

To Reproduce

Visit /sponsor.

Devices Affected

Chrome on MacOS. Not the same on Firefox.

Email button too small

The "email us" button on the bottom of the sponsor page is too small. Can we get it fixed to 180x60px?

FAQ Overlaps on Footer

Description

FAQ boxes can expand below top of header and off the bottom of the page.

Expected behaviour

We should either only allow one box to be open at a time of grow the page to fit all the elements.

Screenshots

image

To Reproduce

Open several FAQ boxes one on top of another.

Devices Affected

Tested on Safari macOS.

Perk column goes missing on some rows in sponsor table

Description

In the sponsor table, there's an issue where some perks in the perk column are being overlapped in mobile. There's also an issue where when hovering over a column on web, but the interaction probably relates b/c it's the same rows in both cases that are having issues.

Expected behaviour

The perk column should be sticky and not be overlapped by the tier options.

Screenshots

Mobile:
2018-11-09 17 34 02
Firefox:
2018-11-09 17 36 25

To Reproduce

Scroll over different rows in the column.
The rows I found having issues are: Hacker Resume/Github/LinkedIn, Host workshop/mini-event

Devices Affected

iOS, Chrome, Firefox

Sponsor table boxes are incorrect

The dark grey box should only be visible if that tier has such perk.

image

For the rest of the table sans perks under general heading, the dark grey box is still visible.

image

Fix UX on Perks Table

The following need tweaking

  • Left side column needs to be sitcky for mobile usability
  • Perk titles need line breaks on vertical aspect ratios
  • Tier icons should not be sticky

Tera tier icon

The Tera tier icon is strangely blurry for some reason. I don't think the SVG is rendering properly.

Add code of conduct

Create a new blank page based on index.html and put a the code of conduct onto it.

FAQ Content

Looking to add our FAQ section to the index page of the website.

@erickzhao will provide some starter code. Draft by Sunday 28th, public by Wednesday the 31st.

Add apply button across website

Only resolve this issue when registration opens.

Apply button already setup in navbar and mobile nav; just need to uncomment.

High Resolution Layout Issue

Description

On high resolutions, the layout of the sponsor section overlaps the line art.

Expected behaviour

layout should leave sufficient spacing at all resolutions.

Screenshots

screen shot 2018-11-10 at 11 56 44 pm

To Reproduce

Use on any sufficiently high resolution monitor. I am using 4K but problem continues at simulated 5K resolutions.

Devices Affected

-macOS Chrome
-macOS Safari

Webpage can be scrolled to the right on mobile

Description:

When opening mchacks.ca in an in-app browser (i.e. by clicking the link in Messenger), users are able to scroll to the right of the webpage.

Probably due to the animated paper plane in the hero.

To reproduce:

Click on mchacks.ca in the FB event page, or anywhere in a chat where the link opens up in an in-app browser instead of directly in a browser.

Screenshot:

2018_12_11_09_35_29

Sticker Header issue

The headers isn't the full width of the table so some funky stuff happens on scroll.

bug

Interactive Map

Create a map of St.James that is interactive:

  • Hoverover Room Names
  • Sponsor Hoverover
  • Onclick - Description

Social media icons

@erickzhao Can we make the sponsor page social media icons styled the same as the landing page but without the plane icon? They're so close together it's weird.

What landing looks like:

image

What sponsor looks like:

image

Primary button not looking the same across pages

Description

The primary button isn't the same across pages. The landing "become a sponsor" button has different styling than the "email us" button on /sponsor.

Screenshots

image
image

To Reproduce

Look at the pages.

Devices Affected

N/A

Standardize npm commands

It would be great if the npm run xxx commands for all of the HackMcGill repositories were standardized between them as much as possible. There will be duplicate issues if this made in hackmcgill/hackerAPI-frontend as well as hackmcgill/hackerAPI

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.