• Change the background of the section to a more pastel green and the text to a more dark color (but not black). See image for reference above but don't take colors too seriously (I personally think it could be a lighter green).
• Make the Questions more distinct than the answers. I think the switch to the pastel colors will already do most of this for you but play around with borders, underlines, colors, or all of the above to make the Qs more distinct.
• Make links have an underline of sorts (for clarity). The links in the screenshot above are a wavy underline

In general, this is a pretty open-ended issue, please send many screenshots of possible versions in this issue.

• Design team will edit individual pictures, need to put those on the website.

For the April 26th release, these buttons should be hidden as they don't do anything right now

• Two-column layout
• Fully visible questions & answers, no accordion
  Inspiration:
  • https://www.hoohacks.io

I mentioned this earlier but we never got around to it. Not a big priority but I'll bring it up at a meeting. We would need to change this:

into this: (as per Bootstrap Theming)

// Custom.scss
// Option B: Include parts of Bootstrap

// Required
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";

// Optional
@import "node_modules/bootstrap/scss/reboot";
@import "node_modules/bootstrap/scss/type";
@import "node_modules/bootstrap/scss/images";
@import "node_modules/bootstrap/scss/code";
@import "node_modules/bootstrap/scss/grid";

Error with the following code block. Appears to be a sass include error problem found here (stackoverflow). We can resolve it eventually when we include bootstrap component by component.

@include media-breakpoint-up(sm) {
  #splash-content {
    justify-content: center;
  }
}

Add options to node-sass to compress the output CSS, and add something to the build script to compress the javascript (or configure cloudflare)

We either need to agree on a convention (4 spaces or 2, trailing comma, etc.) using some linter and code formatting tool for any text/code editor. Any thoughts?

Change the Navbar to work better for mobile

The scraper script should only push to github when a new build has been published to Webflow.

Ideas:

• Hash each file and check for inequality
• BAD but you can check line by line

Might need to check with logistics for what extra content is needed here.

Content:

• Pictures of sponsors (or maybe past sponsors)
• Email link and link to the sponsor package
• Maybe pictures and a 'what you get' subsection (refer to logistics)

There is an inconsistency in our Section Titles (in particular with colors). The about section has a colored title that matches the section but the industries section title is black. Plus, the white sections have just a plain black color.

• Change the industries section color to a dark blue
• Change the color of the white section titles to something different than pure black
• Find ways to up our title game (Maybe we could do something with like an offset highlighter look?)
  • 

Please post screenshots of options on this issue.

Make it white so that it follows the alternating pattern of white, colored, white, colored (geez out of context that doesn't sound good).

This also goes with #49 Jazzy titles as the about us title will need a highlight effect as well

Reference: https://zeit.co/home

• Create circular objects for icons, scattered about in the section
• Animation: Objects could move along the x-axis with slight bobbing along the y-axis

• Change icons to the new SVG ones from design
• Increase the vertical height of the section (and thus increase padding between bubbles)
• Add a hover state such that it expands a bit when you hover over it (indicating you can click on it)
  • Take a look at CSS Transitions for help on this
• Add a cursor:pointer for the icons so that the user can see the little hand and know that the bubble is clickable
• Look into adding a tooltip that shows the name of the industry on hover (Reference: https://getbootstrap.com/docs/4.0/components/tooltips/)

Create a separate JS file that contains constants for page data.

Maybe consider separate files?

Need to add:

• Medium

• Remove unnecessary script tags (do we need popper.js and jquery?)
• index.js has two script tags
• make sure necessary CDN loaded scripts use a good CDN with a long cache time
• add defer to basically all script tags as no javascript should be necessary to do a "first paint" of the website

Set up SASS and partial for sections on the website

I'm not able to reproduce the mixin errors I'm getting but there seems to be an issue in sass when I remove the bootstrap dependency line but keep the CDN.

Create CNAME and do cloudflare things

The navbar items are too close together such that it doesn't look like a nav

• Add more space between items
• Add a hover state to the links (maybe?)

Create a modal (that appears on icon click) that shows a small two-sentence description, the icon itself, a side-nav thing that lets the user switch to other industries, and a list of sponsors that are associated with the industry.

• Make sure to keep the code for this pretty modular
  • Create the pages.js variables and such
• Allow us to just add a class like triggerModal and an attribute like industry-id="someIdThatWouldPointToAnIndustry" to an element to let us trigger the industry modal.

We need a script that checks for webflow publish changes and pushed to github as a new pull request.

Requirements:

• Should hit Webflow, download files, and then push to a specific branch on github

We want to add a pre-register button that goes to MailChimp (adds them to MailChimp list which we send email later when registration opens)

This is open for discussion (implementation, mail provider, etc)

Replace the team and tablet images with the following. Note the graphic is going to be a PNG as the SVG is very complex (didn't export well from Illustrator).

Problem: Navbar same-page items link to sections on the page, and scroll to the sections on click. However, every click on these items is technically a new URL (with no outgoing request), but still does add onto the browsing history.

Fix: Implement Javascript-based scrolling to fix the history problem and have smoother scrolling,

• Resize it to look nice but also be less space
• Sponsor Images should be around 20kb at most
  • Mathworks is too big!!!!
• Our team should be around 200kb at most
• Extra Credit: Converting pngs to webp and add it as a <source> to each image

Adjust cropping for the PNGs. Some have a lot of white space

Make Seths role more appropriate and rearrange

Add this to the FAQ section:

Q: What is TAMU Datathon’s response to COVID-19?
A: For the safety of the 1000+ people involved at the yearly event, TAMU Datathon has decided to move completely online for the 2020 season. We are still going to offer as many features as possible of the event, including sponsor challenges, workshops, learner lessons, awesome prizes, fun games and more! See you in October!

• Create cards for each team member with their name, position & two links.
  Ideas:
• Basic card with circular profile picture, centered name and position & links on the same line:
  

Change the team images and the about graphic

• spacing of questions
• bottom-margin of question
• color of title (lighter green?) & black color

While you're at it spell check everything :)

• Adjust the background-position for the splash graphic on mobile devices.
• Get a centered version of the graphic from design to make it easier to work with.

• The text has to be finalized (discuss with logistics on how messaging should be presented)
• Place a different graphic for this section (discuss with design and maybe logistics)

Write functions to HASH file to see if any changes were made

Create a footer for the site. Use normal bootstrap classes when possible. Reach out to logistics if they want to put social links here as well.