Feat: first-pass index.html

[angela-tran]

Closes #2

Summary

Adds a basic index.html file which mirrors our business cards with Compiler branding. Currently not utilizing any Jekyll features yet.

[angela-tran]

I might put this back into draft so that I can add media queries for mobile/tablet breakpoints in our CSS.

[netlify]

✅ Deploy Preview for compilerla ready!

Name	Link
🔨 Latest commit	982bc24
🔍 Latest deploy log	https://app.netlify.com/sites/compilerla/deploys/62aa0e5584a9d6000851cb19
😎 Deploy Preview	https://deploy-preview-5--compilerla.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[thekaveman]

Can we add the C_ logo as a favicon please?

Accidentally approved

[vykster]

@thekaveman we actually have a favicon!

google link

[AnthonyRollins]

@angela-tran

Invert colors to mirror future website designs

• Background color changed to #262626
• Change font-color: #ffffff
• Logo changed to white version with teal #00B3CA line "_." https://drive.google.com/open?id=1M0kuSPcwZkHP1pc2Fl_O6rP4z5u2oZoi&authuser=anthony%40compiler.la&usp=drive_fs

I am not finding the white logo with the teal line in the branding folders, it should be the one in the drive link above, but it appears to be the wrong file.

• Icon inverted to https://drive.google.com/open?id=1k4OaFR6LG5gMIapGe8h55Zot25t__5V8&authuser=anthony%40compiler.la&usp=drive_fs

Change email link [email protected] color and text decoration

• Change on-hover transition to green #92B252
• Add text-decoration: underline

Adding a underline is important to accessibility

[angela-tran]

@AnthonyRollins Thank you for the detailed list of changes! I was wondering where you found the values for #00B3CA as teal and #92B252 as green.

I was referencing a PDF in Google Drive named Compiler Style Guide V2.pdf, but I'm not sure if that's the "official"/finalized resource. It has #01B4CB as teal and #88B440 as green.

Here's a screenshot of the page I was looking at... interestingly though, some colors in the PDF don't exactly match what's listed (see teal as an example).

[thekaveman]

@AnthonyRollins here's a test comment to see if it pings you in Slack

[AnthonyRollins]

@angela-tran
I pulled the colors from the Figma designs: https://www.figma.com/file/fkRyBpWGDyaBh1kzaXIljo/Compiler-website?node-id=0%3A1. I would imagine the PDF brand guide has the color codes we should be using.

[angela-tran]

We're self-hosting the fonts since there isn't any performance gain to using CDN versions
https://wicki.io/posts/2020-11-goodbye-google-fonts/

[thekaveman]

🚀