sesa-uottawa / sesa-gatsby Goto Github PK
View Code? Open in Web Editor NEWSESA site built using GatsbyJs and ReactJs
Home Page: https://sesa-uottawa.ca/
License: MIT License
SESA site built using GatsbyJs and ReactJs
Home Page: https://sesa-uottawa.ca/
License: MIT License
As talked before, this function may not in the project in the future, while as it is still there for now, it would be good to be fixed.
As a referece,
sesa-uottawa/uottawasesa#119
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.
We need to implement the list of execs.
Execs:
Directors:
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/ )
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)
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.
We need to add the header for navigating our site. Here's what it should look like:
Button functionality:
For reference, you can find a build of the site here: https://sesa-uottawa.herokuapp.com/
We need to make the newsletter page so that people can sign up for our newsletter and automatically add them to the MailChimp mailing list.
I found this which should do the trick automatically:
https://www.npmjs.com/package/react-mailchimp-subscribe
I just need to get the credentials to our account for MailChimp API access.
We should add the Probation Advice and Campus Safety section to the first year tips page (original can be found here: https://sesa-uottawa.herokuapp.com/advice/firstyear
You can ignore the link to the presentation for now. However, all the text should be the same and the link to the foot patrol should still be valid.
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.
We need to list our sponsors.
Should follow this format:
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
'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.
Home Container 1
Home Container 2
Home Container 3
Home Container 4
Home Container 5
Home Container 6
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.