toronto-tech-mentoring / ttm-website Goto Github PK
View Code? Open in Web Editor NEW💻Repo for Civic Tech Toronto's TTM Project Website
Home Page: https://torontotechmentoring.netlify.app/
License: BSD Zero Clause License
💻Repo for Civic Tech Toronto's TTM Project Website
Home Page: https://torontotechmentoring.netlify.app/
License: BSD Zero Clause License
@all-contributors please add @rishFilet for infrastructure, code, project management
Steps to reproduce:
Expected result:
Each menu item is jumped one-by-one on each tabkey press
Actual result:
Each jump requires 2 tab key clicks
Observations/Speculation:
burgerMenu sets tabindex=0 to its list items; and each list item is composed of <li><a>item</a></li>
tags - so both <li>
& <a>
tags have their tabbing enabled
Even if we set <li>
's tabindex=-1 to disable it, burgerMenu package overwrites it everytime the menu is slid open
For this section the middle image does not get imported. It seems to be an issue with how it is made in Figma. It is different from the other two images on each card. Trying the other two images leads to the correct result so the conclusion is that it is to do with the image itself and being rendered as an SVG but not optimised as one.
The other issue is that the background blobs are being imported as white and mesh with the card background.
This issue has been closed without being resolved. Maybe easyer to resolve without the absolute positioning inside the timeline section.
@gh0stl0nely and @hanlin I removed the modifications made as per Khoi wishes. But it should be a priority as the position absolute affect the entire layout.
@hanlinc27 If the screen is resized, there will be huge spacing here.
Both local and deployed version of the site has the issue of slow rendering of images. For instance,
This seems to be very bad UX - we don't want user just see images like that.
Solution (to this specific problem): Created a Render a Spinner image while waiting for the main image to load.
Global problem => This is more like a local solution only as it only helps to mask the slow rendering of the main images... You guys can also notice that even while the main images are loading (showing Spinner instead), you cannot click nor navigate to other pages at all. I believe this probably due to the fact that the SVG is quite high in term of quality so browser takes a while to render it?
If you guys want to test this out, pull the branch knguyen/slow-img-load
. Anyone has any suggestion on how tackle this problem?
It should say:
"Thank you for partnering with us...
The Accelerator Project is part of an ecosystem of programs aimed at addressing homelessness in Toronto. Our delivery partners help facilitate our programs, and provide wrap-around support to allow our clients to focus on learning tech skills and building their futures."
It currently says:
"Thank you for partnering with us...
The Accelerator Project is an entirely volunteer-run organization. All donations go directly into offering tech mentoring to young people who have faced adversity."
The page height is not responsive too. As a result the navbar position is no more sticky. Could be fixed by removing the absolute positioning.
@gh0stl0nely please make removing the position absolute in Timeline a priority as it affects the entire page. I removed my modifications as you wished.
This is a diagram I drew that represents the basic folder structure of our current codebase. Let me know what you think.
Link to diagram: https://www.autodraw.com/share/GE9913USMGPH
Trello link: https://trello.com/c/oYu5WzzF
Observations on branch: bboutet/herotext-refactor (will become master soon) as on 11-oct-2020
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.