Add "Sign up for the newsletter" in smaller text below "get involved"

On the bottom of the home page, we ask for user info to "Stay connected" but we do not inform them what the info is for.

keyboard input for tab is highlighted on the about for mobile input in the mobile menu turn off by default unless tab is used.

Currently the font is a little hard to read on the react-toastify notifications.

The pillar cards on the home page get too wide on tablet sized screens. We need to restrict the width.

Requestor: Claude Jones

Tactical pieces:

1. Add a "blank" card for the Innovation page. There may be existing image assets for a headshot for a card when there is no named pillar lead.

2. Add content that reads
   We're looking for a Leader to join the Innovation Pillar.
   If you're passionate about technology and innovation, and you think you might be interested, please read our Pillar Lead Description document and email [email protected]

3. Link "Pillar Lead Description" to the attached document
   PillarLead Description.pdf

For the initiatives on the /get-involved page, clicking "See Details" should navigate to a dedicated page that displays more information, pictures, calls to action, etc. Currently, the details are revealed by expanding each initiative card.

When text is entered into the search field, have it show only results which have matching text in the title.

Some images on the site measure in the megabytes. We need to reduce the dimensions of the gigantic images, and look into imageOptim or some other tool to reduce the footprint further. We should be careful to maintain image quality, so be mindful of overcompression.

Also, we can experiment with adding gatsby-plugin-compression-v2 as a dependency. Be sure to measure load times before and after to make sure it's actually helping!

It is not currently possible to tab into the Pillar of Excellence nav links. We should refactor them so that they are accessible using only the keyboard.

We have some CSS refactoring to do. We should add visual regression tests first, to ensure we don't break the website's appearance in the process.

jest-puppeteer-react looks promising, but I'm open to other solutions. Here is a list of visual regression testing tools for reference: https://github.com/mojoaxel/awesome-regression-testing

Right now the /about page Founder's section content is hard coded into the React component. It needs to come from Netlify CMS instead.

The Pillars of Excellence dropdown could use a makeover. The colors should be adjusted to match the new purple UI, and the borders around the links should be removed or made much more subtle. Also, the hover state should be changed to cursor: default for the active link.

It would be nice for all clickable items on the website to have the following styles on hover:

• cursor: pointer
• some subtle color change

We should style the Pillar Leads cards on the individual Pillar pages to match the cards on the Team page.

Team Page:

Pillar Page:

On large screens, the Event Details page has a sidebar on the righthand side with info about the event. Currently, this sidebar is set to display: none on mobile. I think mobile should display it below the event description.

This issue seems to occur after PR #44

We need a way for individuals to register a venue for use in the "places" option of the Network page.

This is so that the Network: Places search results have a bank of registered places from which to query.

• Add a new card to the get-involved page:
  https://www.sandiegotechhub.com/get-involved
  
  • Text should read: "Register a Venue"
  • Suggestion for graphic on the card, tech hub logo:
    
  • Card should have a "SEE DETAILS" link with more info about hosting.
• Add a Google form to register a Venue
  • Example form: https://docs.google.com/forms/d/e/1FAIpQLSfHKVp-GtcXrXoY-qA5X9FWS6ssU9wNspDkI-OxUQvA3GdrOA/viewform (To be updated with actual link)

The Google form should have the following fields to fill:

• Name
• Name of venue
• Description
• Capacity
• Cost
• Address
• Amenities from a list
• Image url
  (anything else...)

Currently the margin is set in several files and they are compounding on each other. Refactor so that margin top is only set in one location.

On the partners page, the Partner Organization logos link to their respective websites. The Sponsor Organizations currently do not, but they should. Also, we should make more discoverable the fact that the logos are clickable.

The styling could use some love.

We need a proper 404 page!

Team & Innovation Pillar pages need the following changes:

• Remove Connie and Jon
• Add Dan Hendricks

Dan's bio:

Dan is the founder and president of Open Source Maker Labs. He has over 30 years of experience in the Navy, as a Nuclear Engineering Officer, Surface Warfare Officer and Engineering Duty Officer, retiring at the rank of Captain (O-6). He has a bachelor of science degree in mathematics from the Naval Academy, and a master of science degree in computer science from the Naval Postgraduate School. Since leaving active duty, Dan has worked in both the private and public sector in roles of increasing responsibility in program management and budgeting, network architecture, systems engineering, and computer security. Dan is a registered Professional Engineer (Electrical) in the state of Washington, and is a Certified Information Systems Security Professional (CISSP). He is a member of IEEE, IEEE Computer Society, and IEEE Communications Society.

Avatar:

We need to add a google maps widget on the event details page.

We need cards for each business that would show up in search results on the network page.

You can find a similar pattern under components/team/ and in the Card styled component.

We should add the cross-env package as a dev dependency and modify our build script in package.json

https://github.com/kentcdodds/cross-env

We need a section on the website to display meeting notes from past SDTH meetings, and the agenda for upcoming meetings. The location / design of this section is TBD.

Right now the header takes up a lot of real estate. On mobile, the header can take up half the screen. We should make the nav bar a little thinner and reduce the size of the header to free up more space for content.

On mobile, when you click on an event in the calendar, if the event preview hits the right edge of the screen, it will scrunch up. We need to make the preview shift to the left if it hits the edge of the screen.

On the network page, show a map with all current location results pinned.
Code school view shows code schools pinned.
Venues shows code schools pinned.

On the Pillar Template for mobile devices, the Pillar Icon touches the left edge of the screen. Also, the description text would look better centered on mobile.

We should add a code of conduct to the website footer. Also, we should have a code of conduct for this repository.

Form fields:

Name (required)
email address:
github handle:
linkedIn url:
Areas of interest: SDTH Site, Mentorship, Mentee, Startup, Networking, Job Search, hiring,
Notes:

Note that users should have a way to opt out or update their information. If the info is in a live google sheet, they can be required to login to fill it out, and allow only 1 response, but allow the response to be updated.

The calendar could use a little styling to spruce it up. The events look good, but the skeleton of the calendar is kind of blah. The month and year could use something to make it stand out, and we can experiment with playing with the colors.

This needs to be added to the Helmet component inside the SEO component.

Ex:

<script type="application/ld+json">
  {
    "headline": "San Diego Tech Hub", 
    "@type":"WebSite",
    "url":"https://www.sandiegotechhub.com/",
    "name":"San Diego Tech Hub Website",
    "description":"SDTH is San Diego's Tech Community Advocacy Group",
    "@context":"http://schema.org"
  }
</script>

https://moz.com/blog/json-ld-for-beginners

This is a proposal for a revamp of the /get-involved page.

We should decide as a group on the specific changes needed, and someone should build a mock-up before we start implementing any of this.

I think the /get-involved page should have different sections for the different parties that can be involved with SDTH.

Each section should have specific actionable links to make it easy to actually get involved.

Business / Institution

Links:

• sign up to be a sponsor for SDTH
• sign up as a venue to host events
• contact an education pillar lead about starting an apprenticeship program
• post a job opening in slack
• host an open house for prospective employees / students
• contact the innovation pillar about open sourcing an internal tool you've built

Individual

Links:

• sign up as a mentor
• sign up as a mentee
• sign up as a Pillar Lead
• RSVP to upcoming meetups
• volunteer for an upcoming meetup
• sign up to give a presentation at an upcoming meetup
• sign up to host a new meetup (like a local Open Source Saturday)
• join the SDTH development team
• add yourself as a Founding Member of SDTH on LinkedIn
• tweet about SDTH
• join the SDTH slack

The active nav link text is slightly higher than the other links. They should all be at the same level.

The Propose Event form needs to show validation errors when fields are not filled in correctly.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

System Info (please complete the following information):

• Device: [e.g. desktop, laptop, smartphone]
• OS: [e.g. macOS, iOS, Windows 10]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

On the event preview popup, the "x" used to close the preview needs more space so it doesn't run into the event title. Also, on hover, we should add cursor: pointer.

Hey all, I spoke to Kevin about this, but since we're using Prettier for code formatting, would anyone be against the idea of having a pre-commit hook to automatically have Prettier format files before they're committed to the repo? It would go a long way in maintaining consistent formatting throughout the codebase.

I was thinking of going with Option 1 referenced here.

A few of the pages have no max-width, so the content is too spread out on XL screens. We should set a max-width of 1200px on the following pages:

• /about
• /get-involved
• /partners

Using Safari Version 12.0.3 (14606.4.5)

We need to adjust the styling of the Propose Event form so that the whole form is visible on mobile.

Right now, there is no heading on the Propose Event form. We should add a heading/title, something like "Propose New Event".

When screen size is between 668px-1000px

• Pillar template needs some padding on xs screens.
• Pillar template is pushed to the right on iPad screen size

We need a map component for the network page to visualize the results. Currently the map is an iframe with a hard-coded url. We need to replace the iframe with a react component that will dynamically display markers for the results.

The .env.default file needs to be updated to include all the current environment variables.

On Stay connected page

• Change alert to display a react toast.