codeforpdx / website Goto Github PK
View Code? Open in Web Editor NEWOfficial Code for PDX website
Home Page: https://www.codeforpdx.org
Official Code for PDX website
Home Page: https://www.codeforpdx.org
Blocked by #28
Create PR that merges to nav_bar-redesign branch
The navbar html can be found here: _includes/header.html
The padding on the padding of most sections is 3rem, update all the sections that they have the same padding.
Createa pr that merges into redesign_test.
Create PR that merges to support_us-section branch
Button links to https://www.codeforamerica.org/donate/brigade/?utm_campaign=code%20for%20pdx&utm_source=codeforpdxsite
The html file can be found in sections/support_us.html
The OpenTransit product status can be updated to -> 'On Hold'
As it seems a lot of people are having trouble getting the repo up and running on their local machines I was wondering if we should add some additional tips to get it going. I know for my windows 10 machine I had to do the following:
ruby "2.7.2"
from line 2 in the Gemfilebundle install
in the command line to regenerate a new Gemfile.lockbundle add webrick
in the command line
The current graphic is cut off and isn't showing up the same as in the figma design. Here is what is displaying on the redesign_branch:
Here is what is on the figma design:
Also in my opinion we should shift the image down to get rid of the whitespace. @katrinasperry what do you think about that? It would look something like this:
We want a visual cue so people can easily tell the status of each product. Each product currently has a status (currently all are "Active"), and depending on product status, background color should dynamically adjust accordingly.
We currently have 3 statuses that we'd like to have different colors for:
Active
Completed
On Hold
Use your best judgement - create a design and show it to us, or implement and we can discuss.
Description
The header H1 Code For PDX text and icons on the right are sitting high. It appears there is extra margin space that should not be there.
Acceptance criteria
Remove contact form and button temporarily.
Pr should merge into redesign_test.
Create PR that merges to sponsor_list-redesign branch
NOTE: all sponsor logos are already on the current site - keep them as is!
The sponsors html can be found in: sections/sponsors.html
The mardown files that contain all the sponsor info can be found in the md files located in _sponsors
<- Probably don't need to modify those files, but good to know where it is.
After testing the redesign_branch I found the font to be wrong. Need to update it to Monserrat.
Since the contact form is being ommitted temporarily, the alternating background colors results in the last two sections being the same color. Update the footer to be alternating.
Create a pr that merges into redesign_test
Remove the splash-header in _layouts/default.html
and associated css/images - This is the large image at the top of the page.
Please submit a PR that will merge into the nav_bar-redesign
branch.
The footer background color was adjusted to fit the alternating section colors.
With the contact form added back in, it will need to be changed back to fit the original mockup style
Blocked by #42
Create PR that merges to nav_bar-redesign branch
The code for this is in the following files:
/_team directory can be removed.
_layouts/home.html needs to be updated
config file _config.yml needs to be updated.
In section, add a border to each product. Follow shading and other styling in section.
The live reloading is not working when running the project in docker. This makes it difficult to develop the site when using docker as the developer needs to re-build each time in order to see changes.
Create a PR template that facilitates the linking of issues and PR's so that the issue will be closed automatically when a PR is merged.
need to think about how to handle contact us form:
anyone is welcome to research! comment if you find anything interesting.
The site takes a bit long to load some of the images. Perhaps we can decrease the file sizes while still maintaining image quality and/or move the images to a cdn or perhaps there are other options to improve the load time on the first visit.
Note: I'd prefer to reducing file sizes before moving to a cdn.
Mobile loads without issue. Slow load times only occur with larger screen sizes which indicates the splash image is causing the issue. There are multiple files with varying sizes for the splash image, and the most optimum file is chosen for the screen size of the client. This may need to be tweaked to speed up the site.
The RecordSponge product status can be updated to -> 'Completed'
Create PR that merges to partner_list-redesign branch
NOTE: all partner logos are already on the current site - keep them as is!
The partners html file can be found in: sections/partners.html
The _partners
directory has all the md files <- probably don't need to modify that unless we're adding/removing partners.
Create PR that merges to nav_bar-redesign branch
The navbar html can be found here: _includes/header.html
- although this is purely a css change. which can be found in assets/main.scss
The partner with us "let's talk" button was redirected to open the native mail client.
With the contact form added in, the button will need to link to the contact us form section on the website.
Blocked by issue #42
Create PR that merges to volunteer_with_us-design branch
Button links to https://www.meetup.com/Code-for-PDX/events/
The volunteer with us html file can be found in sections/volunteer_with_us.html
Updating standards in main.scss to match the design of the figma mockup. Allows for alternating section colors, decreased margins on whole site, and other minor changes.
Margin width should be updated in each section individually to 80%.
No updates yet to global font style and size, open to suggestions if it needs to change.
Please leave comments about other global CSS standards we can update here so we don't have to individually make different changes.
We want new volunteers to be able to easily join our Slack so they can join a product team!
Place in footer below Twitter and Github links, and follow format of those: Slack icon on left, "codeforPDX" text on right.
Here's the link to join Code for PDX Slack: https://join.slack.com/t/codeforpdx/shared_invite/zt-4msr5np3-n5qBye3GG~4hA_7XZkczgA
Blocked by #28
Create PR that merges to nav_bar-redesign branch
The navbar html can be found here: _includes/header.html
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.