Giter Club home page Giter Club logo

sesa-gatsby's Introduction

sesa-uottawa

Software Engineering Student Association of uOttawa

This site will be made in React using Gatsby and Netlify

sesa-gatsby's People

Contributors

dannyshwan avatar iandesson avatar oluwatimi avatar tianchengc avatar toluolubode avatar

Watchers

 avatar  avatar

sesa-gatsby's Issues

Home Containers

Home Container 1

  • We will be displaying our logo and Organization name here
  • Please use the same background image. If you have any other images you'd like to use, just bring it up in the #website channel
    image

Home Container 2

  • Just has Red Text (#990012) with a white background
    image

Home Container 3

  • Here we will Display our mission. It's just a paragraph with a background image

Home Container 4

  • This will contain our List Of Execs #2
  • You do not need to implement the execs list for this issue

Home Container 5

  • This contains a link to our events (In this case, just link to our Facebook Page)
  • Find a better background image (make sure to bring it up in the slack channel for approval), if you can't find a better image; just use the same one.

Home Container 6

  • This contains our sponsor section #3
  • You do not need to implement the sponsor section for this issue

First Year Tips Page - Course Advice

We should add the Course Advice Section to the First Year Tips Page. (Original can be found here: https://sesa-uottawa.herokuapp.com/advice/firstyear)
image
This should be done as a grid that has buttons which allow you to switch between which course is visible (i.e. about the same as the previous implementation). For this to be complete, the user should be able to switch between the advice for each course.

List of Execs

We need to implement the list of execs.
Execs:

  • Anushka Paliwal (President, 2015-Present)
  • Tolu Olubode (Vice President, 2017-Present)
  • Faizaan Christie (VP Academic, 2018-Present)
  • Anthony A. Nader (VP Marketing, 2016-Present)
  • Melody Habbouche (VP Communication, 2015-Present)
  • Harsh Gupta (VP Events, 2018-Present)

Directors:

  • Amelie Khan (VP Community Engagement, 2017-Present)
  • Munir Aljawahari (Graphic Designer, 2017-Present)
  • Sagal Maxamud (Academic Coordinator, 2018-Present)
  • Maulik Shah (Event Coordinator, 2018-Present)
  • Sanat Nayar (Event Coordinator, 2018-Present)
  • Ian Desson (WebMaster, 2017-Present)
  • Timi Owoturo (Web Director, 2018-Present)
  • Owen Anderson (Web Director, 2018-Present)

For any images, you can either find them in the uottawasesa git repo under app/assets/images/current_members (the default male/female images are just under images/) or by using the site. However, Anthony requested we use a different image which, I will leave in the #website slack channel. (If I forget to, just message me)

The images will likely need to be changed later but I don't know what the status is on that.
And here is the general design: (from: https://sesa-uottawa.herokuapp.com/ )
image

Sponsors List

We need to list our sponsors.

  • Currently this only includes Genatec (that I know of, will need confirmation)
  • Check the #website Slack channel for their logo or message me if I haven't posted it

Should follow this format:
image
Just have the "Current Sponsors" text above the genatec logo and then below have the 'contact us directly at' text below it with the same styling

First Year Tips Page - Enrolment Advice

We should add the 'Enrolment Advice' section to the First Year Tips Page.
image
For this to be complete, all the text from the 4 different sections should be visible and user should be able to switch between which section they would like to view.

Member icon shape should be identical

'dshwan.jpg' is currently the only square shape member icon, while other images are circle with square white background. Applying a border radius may be a good solution to make them consistent.

Header

We need to add the header for navigating our site. Here's what it should look like:
image

Button functionality:

  • SESA button should link to the index/front page
  • Our Mission Button can temporarily be linked to nothing but we will need to link it later when we have added this part of the site.
  • The Resources button can link to nothing for now (will need to be updated later).
  • For now, just have the Events button link to our Facebook Page.
  • The newsletter button, I'll need to ask what we should do as a temporary solution but for now, it can link to nothing as well.
  • Facebook button: https://goo.gl/dxDTdx
  • Twitter button: https://goo.gl/hqXZ68
  • Instagram button: https://goo.gl/FHrd7a

For reference, you can find a build of the site here: https://sesa-uottawa.herokuapp.com/

Footer

selection_003

We need to re-create the footer for our site. However, some of the buttons/links are currently out of scope for this project. For example, we are not making a Contact Us, Alumni, Code of Conduct or Join SESA pages. So instead, you can just have the social media buttons with their links to our social media pages. Or, you can keep the other buttons but have them link back to the top of the page.

Additionally, we might as well keep the SESA 2014-2019 and Github link; so those will need to be implemented.

First Year Tips Page - 1st section

We would like to add the First Year Tips Page (original can be found here: https://sesa-uottawa.herokuapp.com/advice/firstyear). For this to be complete, the paragraphs including Budgeting, Time Management and Work Experience should be visible. As well, the additional text that appears when clicking 'Read More...' should be visible. This can be completed however you want but, make sure that the information is easily communicated.

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.