/website

Penn Labs website

Primary LanguageTypeScriptMIT LicenseMIT

pennlabs.org

Website for Penn Labs.


Short term todo

  • Favicon
  • Parallax scrolling
  • Horizontally oriented hero image on mobile
  • Bio as markdown
  • Resources page
  • Fix "member since"
  • All products page
  • Fade in animations
  • Logo for each product
  • Fix laggy SVG loading on first page load; this was fixed by adding fade in animations to things visible in the viewport on page load
  • Animate product show page
  • Add links to visit products
  • Animate blog index page
  • Animate member page
  • Style author preview at bottom of blog post; especially on mobile
  • Suggestions form (either Airtable or Typeform?)
  • Animate blog post page
  • Team page
  • List blog posts by member on member show page
  • Port over blog content from Medium
  • Google Analytics
  • Images for all of the products
  • Product pages content
  • Team page
  • Metadata, metadata image
  • Show images of authors on blog posts
  • List blog posts by member on member show page
  • Be able to load member images with gatsby-image for lazy loading: https://github.com/graysonhicks/gatsby-plugin-remote-images
  • Use Gatsby image for author preview...
  • Load blog images with gatsby image sharp
  • Safari: add intersection observer polyfill
  • Illustrations on about page
  • Add precommit hook
  • Fix SVG rendering issues in Safari
  • Link to join listserv (Mailchimp)
  • Outlines on everything
  • Apply page; note that apps are no longer open
  • Animate apply page
  • Apply page hero image and hero content
  • Blog index page hero image and hero content

Longer term todo

  • Alumni profiles and page (link from team page)
  • More blog posts
  • Google tag manager
  • More visual content for each product page in markdown
  • Debug exported graphql query error message when running yarn dev
  • Port over to typescript-eslint (tslint is deprecated)
  • Better mailchimp state management