Merge pull request #30 from kpfromer/master

Use rebass for site styling

.github/CODE_OF_CONDUCT.md

@@ -8,19 +8,19 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 Examples of behavior that contributes to creating a positive environment include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Our Responsibilities
 

.github/CONTRIBUTING.md

@@ -1,8 +1,9 @@
 # Contributing Guidelines
 
-Want to contribute to this repo? Great! We  :heart:  contributions. Just make sure to follow these guidelines.
+Want to contribute to this repo? Great! We :heart: contributions. Just make sure to follow these guidelines.
 
 ## New Feature or a Bug Fix?
+
 1. Fork the repo (you can ignore this step if you are a part of the HackCU team)
 2. Create a new branch with a descriptive name of the feature or the bug you are fixing.
 3. If you are a part of the HackCU team, push the branch to the remote so that others know that you are working on this branch. Otherwise, create a new issue mentioning that you would like to add a new feature or fix a bug you noticed. This lets us know that someone is already helping us fix the issue!
@@ -11,6 +12,7 @@ Want to contribute to this repo? Great! We  :heart:  contributions. Just make su
 6. Create a pull request with a descriptive title. Clearly document any changes you made. You should be able to explain why you made those changes.
 
 ## Working on the Next Release?
+
 1. Work on the `dev` or `develop` branch
 2. Test locally and make sure the website functions properly and you didn't break anything.
 3. Create a pull request with a descriptive title. Clearly document any changes you made. You should be able to explain why you made those changes.

.github/ISSUE_TEMPLATE.md

@@ -2,21 +2,22 @@
 
 ## Is this a BUG REPORT or FEATURE REQUEST?
 
-
 ## What happened
+
 <!--(Include screenshots when possible)-->
 
 ## What you expected to happen
 
 ## How to reproduce it (as minimally and precisely as possible)
 
-
 ## Anything else we need to know?
 
 ## Environment
+
 - Browser version (Ex: Google Chrome 62.0.3202.94 (64-bit)...):
-- Domain: 
+- Domain:
 - Others:
 
 (Optional)
-- OS (e.g. from /etc/os-release):
+
+- OS (e.g. from /etc/os-release):

.github/PULL_REQUEST_TEMPLATE.md

@@ -7,11 +7,13 @@
 A few sentences describing the overall goals of the pull request's commits.
 
 ## Related Issues
+
 <!--(optional) Fixes #<issue number>(, fixes #<issue_number>, ...) format, will close the issue(s) when PR gets merged)-->
 
 Fixes #
 
 ## Some questions
+
 <!-- You can leave this and check them once the PR has been created. -->
 
 - [ ] I have read the contributing guidelines

README.md

@@ -1,12 +1,9 @@
-
 <br>
 <p align="center">
   <img alt="HackCU IV" src="https://raw.githubusercontent.com/HackCU/HackCU/master/assets/images/hackcu2020logo.png" width="200"/>
 </p>
 <br>
 
-
-
 # HackCU Live
 
 HackCU's live site with events, rules, prizes, and a **new** live schedule!
@@ -15,7 +12,7 @@ HackCU's live site with events, rules, prizes, and a **new** live schedule!
 
 Needs: `npm`
 
-## Local 
+## Local
 
 1. `git clone https://github.com/hackcu/live && cd live`
 2. `npm install`
@@ -31,4 +28,3 @@ Deployment is done automatically by [Github Actions](https://github.com/HackCU/l
 ## Want to contribute?
 
 Please read our [Code of Conduct](.github/CODE_OF_CONDUCT.md), then follow these [guidelines](.github/CONTRIBUTING.md)
-

content/data/prizes.yaml

@@ -52,12 +52,12 @@
   type: sponsor
   description: Awarded to the hack with the best use of Wolfram Alpha's products.
   award: !markdown |
-            <b>For everyone</b>: Wolfram Alpha One for 30 days for ALL hackers | <b>For the winner</b>: Wolfram Alpha One and Wolfram Pro subscriptions for one year
+    <b>For everyone</b>: Wolfram Alpha One for 30 days for ALL hackers | <b>For the winner</b>: Wolfram Alpha One and Wolfram Pro subscriptions for one year
 
 - title: Best Use of Adobe XD
   type: sponsor
   description: !markdown |
-              Use Adobe XD in any of the HackCU categories, showcasing your ideas best digital design solution and user experience! Questions? Contact us at the `#Adobe` - HackCU slack channel
+    Use Adobe XD in any of the HackCU categories, showcasing your ideas best digital design solution and user experience! Questions? Contact us at the `#Adobe` - HackCU slack channel
   award: Adobe Creative Cloud | 1- Year License | for each team member. Winners will have the opportunity to demo their solutions to Adobe professionals.
 
 - title: Most Creative Usage of Twitter API
@@ -72,31 +72,27 @@
 
 - title: Best Use of TapWithUS SDK
   type: sponsor
-  description: !markdown | 
-              Use TapWithUs SDKs to build a custom integration and control any device. Showcase your ideas, app or solution demonstrating a customized user experience! Details: [here](https://docs.google.com/document/d/1mXl0pPx5DI33wBwsGa3QrGlcsqivW82tKniGtaHqies/edit) Questions? Contact us at the `#TapWithUs` - HackCU slack channel
+  description: !markdown |
+    Use TapWithUs SDKs to build a custom integration and control any device. Showcase your ideas, app or solution demonstrating a customized user experience! Details: [here](https://docs.google.com/document/d/1mXl0pPx5DI33wBwsGa3QrGlcsqivW82tKniGtaHqies/edit) Questions? Contact us at the `#TapWithUs` - HackCU slack channel
   award: !markdown |
-              <b>1st</b> prize - Tap Strap For each team member | <b>2nd</b> Prize - Tap Hat for each team member | <b>3rd</b> prize - Tap t shirt for each team member. Winning hack will have the opportunity to be featured on all of our social channels and promoted to Tappers worldwide.
+    <b>1st</b> prize - Tap Strap For each team member | <b>2nd</b> Prize - Tap Hat for each team member | <b>3rd</b> prize - Tap t shirt for each team member. Winning hack will have the opportunity to be featured on all of our social channels and promoted to Tappers worldwide.
 
-- title: "MLH: Best Use of Google Cloud"
+- title: 'MLH: Best Use of Google Cloud'
   type: sponsor
-  description: "Build your hackathon project with a suite of secure storage, powerful compute, and integrated data analytics products provided by Google Cloud. See full list of products here: g.co/cloud. Each winning team member will receive a Google Home Mini."
-  award: "Google Home Mini"
+  description: 'Build your hackathon project with a suite of secure storage, powerful compute, and integrated data analytics products provided by Google Cloud. See full list of products here: g.co/cloud. Each winning team member will receive a Google Home Mini.'
+  award: 'Google Home Mini'
 
-- title: "MLH: Best Domain Registered with Domain.com"
+- title: 'MLH: Best Domain Registered with Domain.com'
   type: sponsor
-  description: "Domain.com provides all the domain services you need from registration to hosting to SSL certificates and beyond. Each hacker will receive a FREE domain name and year of domain privacy from Domain.com for their project this weekend!"
-  award: "Domain.com Backpacks"
+  description: 'Domain.com provides all the domain services you need from registration to hosting to SSL certificates and beyond. Each hacker will receive a FREE domain name and year of domain privacy from Domain.com for their project this weekend!'
+  award: 'Domain.com Backpacks'
 
-- title: "MLH: Best UiPath Automation Hack"
+- title: 'MLH: Best UiPath Automation Hack'
   type: sponsor
-  description: "Build an automation hack using UiPath! Each winning team member will receive a UiPath/MLH Branded Backpack and an opportunity to interview for a UiPath Internship in 2020 with high recommendation!"
-  award: "Skip the internship line with UiPath and a UiPath/MLH Branded Backpack"
+  description: 'Build an automation hack using UiPath! Each winning team member will receive a UiPath/MLH Branded Backpack and an opportunity to interview for a UiPath Internship in 2020 with high recommendation!'
+  award: 'Skip the internship line with UiPath and a UiPath/MLH Branded Backpack'
 
-- title: "MLH: Best use of MongoDB Atlas"
+- title: 'MLH: Best use of MongoDB Atlas'
   type: sponsor
-  description: "Create a hack using MongoDB Atlas to host a database in the cloud! Automate the provisioning and deployment process with ease, while focusing all your efforts on your hack. Projects built using MongoDB Atlas will be eligible to win an AirCharge Plus."
-  award: "Branded MongoDB AirCharge Plus"
-
-
-
-
+  description: 'Create a hack using MongoDB Atlas to host a database in the cloud! Automate the provisioning and deployment process with ease, while focusing all your efforts on your hack. Projects built using MongoDB Atlas will be eligible to win an AirCharge Plus.'
+  award: 'Branded MongoDB AirCharge Plus'

gatsby-browser.js

@@ -1,6 +1,7 @@
 // Used for custom site theme
-import './src/gatsby-plugin-theme-ui/global.css';
-
-// Include javascript and css for react-materilize
-import './node_modules/materialize-css/dist/css/materialize.min.css';
-import './node_modules/materialize-css/dist/js/materialize.min.js';
+import './src/global.css';
+export { wrapRootElement } from './src/utils/theme';
+// prevent layout unmount for dark mode switch to not constant change state
+// in other words it fixes transitions
+// read more here https://www.gatsbyjs.org/docs/layout-components/#how-to-prevent-layout-components-from-unmounting
+export { wrapPageElement } from './src/components/layout';

gatsby-config.js

@@ -54,8 +54,7 @@ module.exports = {
     },
     `gatsby-transformer-remark`,
     `gatsby-plugin-preact`,
-    `gatsby-plugin-emotion`,
-    `gatsby-plugin-theme-ui`
+    `gatsby-plugin-emotion`
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,

gatsby-ssr.js

@@ -5,3 +5,8 @@
  */
 
 // You can delete this file if you're not using it
+export { wrapRootElement } from './src/utils/theme';
+// prevent layout unmount for dark mode switch to not constant change state
+// in other words it fixes transitions
+// read more here https://www.gatsbyjs.org/docs/layout-components/#how-to-prevent-layout-components-from-unmounting
+export { wrapPageElement } from './src/components/layout';