Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add icons, minify images #465

Merged
merged 3 commits into from
Jan 9, 2018
Merged

add icons, minify images #465

merged 3 commits into from
Jan 9, 2018

Conversation

ccchwang
Copy link

@ccchwang ccchwang commented Jan 8, 2018

  • refactored ToggleContainer into it's own React component
  • add the computer and planet icons that go in the button
  • made the button icon colors change on scroll
  • minified images

untitled

@codecov-io
Copy link

codecov-io commented Jan 8, 2018

Codecov Report

Merging #465 into ch/images-fontColor will increase coverage by 1.12%.
The diff coverage is n/a.

Impacted file tree graph

@@                   Coverage Diff                   @@
##           ch/images-fontColor     #465      +/-   ##
=======================================================
+ Coverage                 93.8%   94.92%   +1.12%     
=======================================================
  Files                       29       30       +1     
  Lines                     1033     1065      +32     
  Branches                   195      199       +4     
=======================================================
+ Hits                       969     1011      +42     
+ Misses                      54       47       -7     
+ Partials                    10        7       -3
Impacted Files Coverage Δ
packages/microcosm/src/lifecycle.js 66.66% <0%> (-33.34%) ⬇️
packages/microcosm/src/key-path.js 71.42% <0%> (-7.15%) ⬇️
packages/microcosm/src/microcosm.js 92.45% <0%> (-2.84%) ⬇️
packages/microcosm/src/addons/action-button.js 100% <0%> (ø)
packages/microcosm/src/action.js 98.29% <0%> (+3.41%) ⬆️
packages/microcosm/src/history.js 94.69% <0%> (+6.81%) ⬆️
packages/microcosm/src/domain-engine.js 86.76% <0%> (+7.35%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c4dfb2a...e1d1de0. Read the comment docs.


&.-top {
&::after {
content: ' Microcosm';
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

now this text switching is all happening inside pages/index.js

@ccchwang ccchwang requested a review from leobauza January 8, 2018 21:57
@ccchwang ccchwang changed the title Ch/add images add icons, minify images Jan 8, 2018
Copy link
Contributor

@leobauza leobauza left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@leobauza
Copy link
Contributor

leobauza commented Jan 9, 2018

Question about images in general. Since this is so image heavy how are you handling preloading or lazy loading or anything like that?

@ccchwang
Copy link
Author

ccchwang commented Jan 9, 2018

@leobauza yes very good thought, I will think about and find a solution for that

* added intro and conclusion sections, refactored some color and naming conventions

* ran yarn format

* tweaked json
@ccchwang ccchwang merged commit 00b4c54 into ch/images-fontColor Jan 9, 2018
ccchwang pushed a commit that referenced this pull request Jan 9, 2018
* refactored how we pull in images using gatsby docs

* color for text and buttons change on scroll

* added all dummy text. refactored how colors change

* refactored color loops in scss

* small tweaks

* ran yarn format

* add icons, minify images (#465)

* add intro and conclusion sections (#466)

* add browser graphic (#467)
@ccchwang ccchwang deleted the ch/add-images branch January 9, 2018 18:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants