lkrryba / weekly-web-dev-challenge-poll Goto Github PK
View Code? Open in Web Editor NEWSubmissions site for Scrimba's Weekly Web Dev Challenge.
Submissions site for Scrimba's Weekly Web Dev Challenge.
Currently, they are stored in a list at the bottom of the submissions, but this isn't optimal and eventually we'll run out of space.
Having a readme file with a link to the website would be useful so people can go straight to the submissions page.
Challenges affected are: Freestyle, Pricing Component, and Tip Calculator challenges.
Note: Only the winners need to be added.
Raised as per Leanne's instructions.
Footer contents:
Make the Scrimba logo smaller and 'Weekly Web Dev Challenge Submissions' title bigger, plus any other improvements you would like to do. Match as closely as possible to scrimba.com styling.
Also add a title saying "Submissions:" or similar above the submissions.
The function for this is line 73 - 84 in index.js.
It would be fun to have a different gradient every time the page loads.
Colors to use:
Green: #AAD1B6
Blue: #B5CAF9
Purple: #C7B9FF
Pink: #F0B9DD
Orange: #F3BF99
Yellow: #FBF3AB
Brand colors (use some or all):
Green: #AAD1B6
Blue: #B5CAF9
Purple: #C7B9FF
Pink: #F0B9DD
Orange: #F3BF99
Yellow: #FBF3AB
Winners are marked with winner: true in submissions.json. It would be great if they could be added to the Hall of Fame automatically when winner is set to true, but this isn't essential.
This should have links to:
Refine responsive layout on larger screens
Keep all the JavaScript files to a utils folder will make the project's directory more manageable and structured.
Would like to take this issue and I will raise a PR with necessary changes, Thanks
This should be styled like the main page, with images taken from the challenge winners.
This can be static, i.e the challenge name and image need to be updated manually every time there is a new challenge.
The new page should then be linked to the nav bar and the existing previous challenges ul should be removed.
This should be a separate html file. It will eventually be linked to the main page via the nav bar, but this will be a separate issue and PR.
I would like the site to be checked for accessibility issues and necessary fixes implemented.
Ensure that the nav, header & footer from the main page are used across all pages on the site (Hall of Fame, FAQ, previous challenges, etc).
This can be hard-coded.
Hello @lkrryba. As of the picture below, there are (1) & (2) spacing issues, (3) cool transitions while hovering links issues.
For example, user fills in a form with username, screenshot of their submission, and link to code, Leanne then approves before it is added to submissions.json.
See latest challenge for example.
It would be good to have header and footer components so that we can ensure consistency across all pages and only update in one place if necessary. Please use the header and footer currently available on the current challenge page.
Carry out audit of what could be improved and carry out changes.
This is to make sure that the submissions have a good chance of being seen, regardless of when they are submitted.
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.