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.

Sign up for GitHub

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

Jump to bottom

[www] Refactor Homepage and Navigation & convert diagram to html/css #1605

Merged
merged 21 commits into from
Jul 27, 2017
Merged

[www] Refactor Homepage and Navigation & convert diagram to html/css #1605

Changes from 1 commit
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
e4a5f67
WiP …
Jul 21, 2017
944cdf0
Move Discord icon, "hero" and CTA button to component
Jul 23, 2017
bb81c3b
:P
Jul 24, 2017
836776e
Tidy Diagram, rename Hero to Masthead
Jul 25, 2017
8e85004
Add Cards, Card, and CardHeadline components; tidy moar
Jul 25, 2017
1ab61f7
Add Now.sh to the list of static web hosts
Jul 25, 2017
a00541f
Fix "Data Sources" flexbox layout for Safari and iPhone5-ish screens
Jul 25, 2017
d1f7f81
Use typography rhythm for Diagram Gatsby logo and container
Jul 25, 2017
4530ead
Merge branch 'master' into www-main-navigation
KyleAMathews Jul 26, 2017
f1ba3a1
Copy editing
KyleAMathews Jul 26, 2017
90a449c
Try three blog posts on front page
KyleAMathews Jul 26, 2017
288bcd5
Fix tech icon alignment, move to component
Jul 26, 2017
aa8da6e
Quick shot at animated connector lines for the explanatory diagram
Jul 26, 2017
d3150a9
Reduce height of connector lines
Jul 26, 2017
9c4ac37
Change "YAML/JSON" to "YAML, JSON, CSV"
Jul 26, 2017
0d34c09
Copy and order changes according to https://github.com/gatsbyjs/gatsb…
Jul 26, 2017
602a16d
Fix paragraph size
Jul 26, 2017
be3793d
Improve Diagram font sizes for large screens
Jul 27, 2017
e5218d1
A little less border-radius
Jul 27, 2017
a39d441
Make CTA button big for Phablet already, restore original "masthead l…
Jul 27, 2017
ff0d2af
Links to Github, Twitter, Discord are now visible on iPad…
Jul 27, 2017
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Use typography rhythm for Diagram Gatsby logo and container 
…and increase its size for Desktop along the way.
  • Loading branch information
Florian Kissling committed Jul 25, 2017
commit d1f7f810f5ed37828d662b9604a5f14f7729a06e
18 changes: 13 additions & 5 deletions www/src/components/diagram.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,18 +152,26 @@ const Gatsby = ({ children }) =>
<div
css={{
...borderAndBoxShadow,
padding: `1rem`,
padding: rhythm(1),
margin: `0 auto`,
width: `6.5rem`,
height: `6.5rem`,
width: rhythm(5.5),
height: rhythm(5.5),
[presets.Desktop]: {
width: rhythm(6),
height: rhythm(6),
},
}}
>
<img
src={logo}
css={{
display: `inline-block`,
height: rhythm(1.6),
width: rhythm(1.6),
height: rhythm(1.75),
width: rhythm(1.75),
[presets.Desktop]: {
width: rhythm(2.25),
height: rhythm(2.25),
},
margin: 0,
verticalAlign: `middle`,
}}
Expand Down