From e77c81137265d4326dd8c6dda2febc7beca479a8 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 13:32:06 -0400 Subject: [PATCH 1/8] [LIGO-94] redesign Features section --- gitlab-pages/website/pages/en/index.js | 45 ++++++++------ gitlab-pages/website/static/css/custom.css | 57 +++++++++++++++++- .../website/static/img/easy-integration.svg | 18 ++++++ .../website/static/img/strong-type-system.svg | 16 +++++ .../website/static/img/syntax-agnostic.svg | 25 ++++++++ gitlab-pages/website/static/img/user.png | Bin 10929 -> 0 bytes 6 files changed, 141 insertions(+), 20 deletions(-) create mode 100644 gitlab-pages/website/static/img/easy-integration.svg create mode 100644 gitlab-pages/website/static/img/strong-type-system.svg create mode 100644 gitlab-pages/website/static/img/syntax-agnostic.svg delete mode 100644 gitlab-pages/website/static/img/user.png diff --git a/gitlab-pages/website/pages/en/index.js b/gitlab-pages/website/pages/en/index.js index c962109df..ee6c4cb0a 100644 --- a/gitlab-pages/website/pages/en/index.js +++ b/gitlab-pages/website/pages/en/index.js @@ -259,33 +259,42 @@ class Index extends React.Component { ); + const FeatureCard = props => ( +
+ +
+

{props.title}

+

{props.content}

+
+
+ ); + const Features = () => (
-

Features

- +

Features

+ +
{[ - { - content: - "Write in PascaLIGO (pascal-like syntax) or CameLIGO (caml-like syntax). If you know OCaml, you can also add your own syntax.", - image: `${baseUrl}img/edit.svg`, - imageAlign: "top", - title: "Syntax Agnostic" - }, { content: "Write types, then code, and benefit from the safety coming from type systems.", - image: `${baseUrl}img/lightning.svg`, - imageAlign: "top", + image: `${baseUrl}img/strong-type-system.svg`, title: "Strong Type System" }, + { + content: + "Write in PascaLIGO (pascal-like syntax) or CameLIGO (caml-like syntax). If you know OCaml, you can also add your own syntax.", + image: `${baseUrl}img/syntax-agnostic.svg`, + title: "Syntax Agnostic" + }, + { content: "With Granary, you can use LIGO as a lib from NodeJS.", - image: `${baseUrl}img/puzzle.svg`, - imageAlign: "top", + image: `${baseUrl}img/easy-integration.svg`, title: "Easy Integration" } - ]} - + ].map(FeatureCard)} +
); @@ -339,7 +348,7 @@ class Index extends React.Component { return (
-

Partners

+

Partners

{showcase}
{/*
@@ -372,8 +381,8 @@ class Index extends React.Component { return (
-

Team

-
{showcase}
+

Team

+
{showcase}
{/*
More {siteConfig.title} Users diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 35509042f..8d0954962 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -462,7 +462,7 @@ body flex-direction: column; align-items: center; justify-content: center; - max-width: fit-content; + max-width: 20%; color: var(--color-primary-text); padding: 0 var(--padding-level-1); } @@ -474,18 +474,71 @@ body .profileImage { max-height: 195px; max-width: 195px; + width: 100%; border: var(--color-gray); } .profileImage:hover { box-shadow: 12px 12px 0px var(--color-primary-brand); } -.team-container { +.flex-inline-container { display: flex; flex-direction: row; justify-content: space-around; padding: var(--padding-level-1); flex-wrap: wrap; + align-items: flex-start; +} + +/** Feature Cards **/ +.card { + display: flex; + flex-direction: column; + padding: 2rem; + align-items: center; + justify-content: flex-start; + max-width: 30%; + height: auto; + background-color: var(--color-light-gray); +} + +.card:hover { + background-color: var(--color-light-blue); +} + +.card-text { + text-align: center; +} + +@media (min-width: 560px) and (max-width: 768px) { + /** Special rules to reorient feature cards at only one screen size**/ + .card { + flex-direction: row; + width: 100%; + max-width: 100%; + justify-content: left; + margin: var(--padding-level-1) 0; + } + .card-text { + text-align: left; + } +} + +@media (max-width: 768px) { + .profileContainer { + max-width: 30%; + } +} + +@media (max-width: 560px) { + .card { + max-width: 100%; + margin: var(--padding-level-1) 0; + } + .profileContainer { + max-width: 100%; + width: 100%; + } } @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { diff --git a/gitlab-pages/website/static/img/easy-integration.svg b/gitlab-pages/website/static/img/easy-integration.svg new file mode 100644 index 000000000..de1284626 --- /dev/null +++ b/gitlab-pages/website/static/img/easy-integration.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/gitlab-pages/website/static/img/strong-type-system.svg b/gitlab-pages/website/static/img/strong-type-system.svg new file mode 100644 index 000000000..997b516a9 --- /dev/null +++ b/gitlab-pages/website/static/img/strong-type-system.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/gitlab-pages/website/static/img/syntax-agnostic.svg b/gitlab-pages/website/static/img/syntax-agnostic.svg new file mode 100644 index 000000000..5cc55d5ae --- /dev/null +++ b/gitlab-pages/website/static/img/syntax-agnostic.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gitlab-pages/website/static/img/user.png b/gitlab-pages/website/static/img/user.png deleted file mode 100644 index 1079d42d758029429d1bc1de92fe42762943237c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 10929 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 z zX^0Tab>j?hx3P_q?r-c4@dRBAtc}7Mezbm%0N(Wbr5=a?X9|cZwAs7V&rNh6D+^`>Ek#P*0@r^~V<}oJ)=>bN+79Wax?nIbvaWK$H62 zz04PTX&=ev`C)0uQR4(Sf8u5Emksig4(zkxf5!=i-Jb&Oizh{35(G)M0c|MKZE{V1 zb$cP0ngJk+!{*6)6Z11d|3FYoZV%t^7mBP@JfLD MdS<#c+Rm^4FSnMZ6aWAK From 54a13b8ec59bab57031ea1126fe86d8e3da54699 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 13:39:08 -0400 Subject: [PATCH 2/8] [LIGO-94] fix alignment of cards --- gitlab-pages/website/static/css/custom.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 8d0954962..1454c51cb 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -487,7 +487,7 @@ body justify-content: space-around; padding: var(--padding-level-1); flex-wrap: wrap; - align-items: flex-start; + align-items: stretch; } /** Feature Cards **/ @@ -498,7 +498,6 @@ body align-items: center; justify-content: flex-start; max-width: 30%; - height: auto; background-color: var(--color-light-gray); } From 9673475bfd97df4b6c041d7d9434021263a56388 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 14:28:48 -0400 Subject: [PATCH 3/8] [LIGO-96] Redesign partners section --- gitlab-pages/website/pages/en/index.js | 27 ++++++++--------- gitlab-pages/website/siteConfig.js | 6 ++-- gitlab-pages/website/static/css/custom.css | 30 +++++++++++++++++++ .../website/static/img/nomadic-logo.svg | 9 ++++++ .../website/static/img/stove-logo.svg | 9 ++++++ gitlab-pages/website/static/img/tq-logo-2.svg | 17 +++++++++++ 6 files changed, 81 insertions(+), 17 deletions(-) create mode 100644 gitlab-pages/website/static/img/nomadic-logo.svg create mode 100644 gitlab-pages/website/static/img/stove-logo.svg create mode 100644 gitlab-pages/website/static/img/tq-logo-2.svg diff --git a/gitlab-pages/website/pages/en/index.js b/gitlab-pages/website/pages/en/index.js index ee6c4cb0a..ed0cd79c1 100644 --- a/gitlab-pages/website/pages/en/index.js +++ b/gitlab-pages/website/pages/en/index.js @@ -271,7 +271,7 @@ class Index extends React.Component { const Features = () => (
-

Features

+

Features

{[ @@ -336,25 +336,24 @@ class Index extends React.Component { return null; } - const showcase = siteConfig.partners + const PartnerShowcase = siteConfig.partners .filter(user => user.pinned) .map(user => ( - + {user.caption} )); - const pageUrl = page => baseUrl + (language ? `${language}/` : "") + page; - return ( -
-

Partners

-
{showcase}
- {/* */} +
+ {PartnerShowcase} + {/*
*/} +
+

Our Partners

+

+ We are not alone in this world -- here're some guys who support us +

+
); }; @@ -381,7 +380,7 @@ class Index extends React.Component { return (
-

Team

+

Team

{showcase}
{/*
diff --git a/gitlab-pages/website/siteConfig.js b/gitlab-pages/website/siteConfig.js index 0d2780144..5c1352bd3 100644 --- a/gitlab-pages/website/siteConfig.js +++ b/gitlab-pages/website/siteConfig.js @@ -14,7 +14,7 @@ const partners = [ caption: "Nomadic Labs", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/nomadic-logo.jpg", + image: "/img/nomadic-logo.svg", infoLink: "https://www.nomadic-labs.com/", pinned: true }, @@ -22,7 +22,7 @@ const partners = [ caption: "Tocqueville Group", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/tq-logo.svg", + image: "/img/tq-logo-2.svg", infoLink: "https://tqgroup.io/", pinned: true }, @@ -30,7 +30,7 @@ const partners = [ caption: "Stove Labs", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/stove-logo.png", + image: "/img/stove-logo.svg", infoLink: "https://stove-labs.com", pinned: true } diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 1454c51cb..d57b60e24 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -29,6 +29,8 @@ h4, .landing .headline { font-family: "DM Sans", sans-serif; font-weight: bold; + /** Override docusaurus rule that makes a huge top margin **/ + margin-top: 1rem; } body, @@ -490,6 +492,10 @@ body align-items: stretch; } +.team .flex-inline-container { + align-items: flex-start; +} + /** Feature Cards **/ .card { display: flex; @@ -509,6 +515,27 @@ body text-align: center; } +/** Partners **/ +.partners-container { + background-color: var(--color-light-gray); + display: flex; + justify-content: space-around; + align-content: center; + padding: var(--padding-level-3); +} + +.partners-container a { + display: flex; + align-content: center; + justify-content: center; + margin: 0 10px; +} + +.partners-text { + padding: 0 var(--padding-level-1); + border-left: 5px solid var(--color-primary-brand); +} + @media (min-width: 560px) and (max-width: 768px) { /** Special rules to reorient feature cards at only one screen size**/ .card { @@ -538,6 +565,9 @@ body max-width: 100%; width: 100%; } + .hide-small { + display: none; + } } @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { diff --git a/gitlab-pages/website/static/img/nomadic-logo.svg b/gitlab-pages/website/static/img/nomadic-logo.svg new file mode 100644 index 000000000..1f0b1233a --- /dev/null +++ b/gitlab-pages/website/static/img/nomadic-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gitlab-pages/website/static/img/stove-logo.svg b/gitlab-pages/website/static/img/stove-logo.svg new file mode 100644 index 000000000..d270287f7 --- /dev/null +++ b/gitlab-pages/website/static/img/stove-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gitlab-pages/website/static/img/tq-logo-2.svg b/gitlab-pages/website/static/img/tq-logo-2.svg new file mode 100644 index 000000000..c33b7bb38 --- /dev/null +++ b/gitlab-pages/website/static/img/tq-logo-2.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + From f61a91f36ff01afa57c9b4f8533020c8e3b46701 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 16:59:07 -0400 Subject: [PATCH 4/8] [LIGO-95] layout for top section --- gitlab-pages/website/pages/en/index.js | 283 +++++++++------------ gitlab-pages/website/sidebars.json | 30 ++- gitlab-pages/website/siteConfig.js | 3 +- gitlab-pages/website/static/css/custom.css | 90 +++---- 4 files changed, 184 insertions(+), 222 deletions(-) diff --git a/gitlab-pages/website/pages/en/index.js b/gitlab-pages/website/pages/en/index.js index ed0cd79c1..3bd5004a3 100644 --- a/gitlab-pages/website/pages/en/index.js +++ b/gitlab-pages/website/pages/en/index.js @@ -13,6 +13,91 @@ const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */ const Container = CompLibrary.Container; const GridBlock = CompLibrary.GridBlock; +const PascalLIGOTab = () => ( +
+
+ + 
+          
+            // variant defining pseudo multi-entrypoint actions
+            

+            type action is
+            
| Increment of int
+            
| Decrement of int
+            

+            

+            function add (const a : int ; const b : int) : int is
+            
 block {"{ skip }"} with a + b

+            

+            function subtract (const a : int ; const b : int) : int is
+            
 block {"{ skip }"} with a - b

+            

+            // real entrypoint that re-routes the flow based on the action
+            provided
+            

+            function main (const p : action ; const s : int) : (list(operation)
+            * int) is
+            
 block {"{ skip }"} with ((nil : list(operation)),
+            
 case p of
+            
 | Increment(n) -> add(s, n)
+            
 | Decrement(n) -> subtract(s, n)
+            
 end)
+            

+          
+
+ +
+
+); + +const CamelLIGOTab = () => ( +
+
+ 
+        
+          type storage = int 

+          

+          (* variant defining pseudo multi-entrypoint actions *) 

+          

+          type action =
| Increment of int
+          
| Decrement of int
+          

+          

+          let add (a: int) (b: int) : int = a + b

+          

+          let subtract (a: int) (b: int) : int = a - b

+          

+          (* real entrypoint that re-routes the flow based on the action
+          provided *)
+          

+          

+          let%entry main (p : action) storage =
 let storage =
 match
+          p with
+          
 | Increment n -> add storage n
 | Decrement n -> subtract
+          storage n
 in (([] : operation list), storage)
+          

+        
+
+
+
+); + +const LinkButton = props => ( + + + +); + class HomeSplash extends React.Component { render() { const { siteConfig, language = "" } = this.props; @@ -21,167 +106,49 @@ class HomeSplash extends React.Component { const langPart = `${language ? `${language}/` : ""}`; const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`; - const SplashContainer = props => ( -
-
-
-
-
-
- PascaLIGO -
-
- CameLIGO -
-
ReasonLIGO (coming soon)
- {/*
Camligo
*/} -
-
-
-
- - 
-                        
-                          // variant defining pseudo multi-entrypoint actions
-                          

-                          type action is
-                          
| Increment of int
-                          
| Decrement of int
-                          

-                          

-                          function add (const a : int ; const b : int) : int is
-                          
 block {"{ skip }"} with a + b

-                          

-                          function subtract (const a : int ; const b : int) :
-                          int is
-                          
 block {"{ skip }"} with a - b

-                          

-                          // real entrypoint that re-routes the flow based on
-                          the action provided
-                          

-                          function main (const p : action ; const s : int) :
-                          (list(operation) * int) is
-                          
 block {"{ skip }"} with ((nil :
-                          list(operation)),
-                          
 case p of
-                          
 | Increment(n) -> add(s, n)
-                          
 | Decrement(n) -> subtract(s, n)
-                          
 end)
-                          

-                        
-
- -
-
-
-
- 
-                      
-                        type storage = int 

-                        

-                        (* variant defining pseudo multi-entrypoint actions *){" "}
-                        

-                        

-                        type action =
| Increment of int
-                        
| Decrement of int
-                        

-                        

-                        let add (a: int) (b: int) : int = a + b

-                        

-                        let subtract (a: int) (b: int) : int = a - b

-                        

-                        (* real entrypoint that re-routes the flow based on the
-                        action provided *)
-                        

-                        

-                        let%entry main (p : action) storage =
 let storage
-                        =
 match p with
-                        
 | Increment n -> add storage n
 | Decrement
-                        n -> subtract storage n
 in (([] : operation list),
-                        storage)
-                        

-                      
-
-
-
-
+ const SampleCode = props => ( +
+
+
+
+ PascaLIGO
- - {props.children} +
+ CameLIGO +
+
ReasonLIGO (coming soon)
+
+
+ {PascalLIGOTab()} + {CamelLIGOTab()}
); - const Logo = props => ( -
- Project Logo -
- ); - - const ProjectTitle = () => ( -

- {siteConfig.tagline} -

- ); - - const PromoSection = props => ( -
-
-
{props.children}
-
-
- ); - - const Button = props => ( - - ); - return ( - -
- - - - - - +
+
+

{siteConfig.tagline}

+

{siteConfig.taglineSub}

+ + Get Started +
- + +
); } } @@ -347,7 +314,6 @@ class Index extends React.Component { return (
{PartnerShowcase} - {/*
*/}

Our Partners

@@ -376,17 +342,10 @@ class Index extends React.Component { )); - const pageUrl = page => baseUrl + (language ? `${language}/` : "") + page; - return ( -

+

Team

{showcase}
- {/* */}
); }; diff --git a/gitlab-pages/website/sidebars.json b/gitlab-pages/website/sidebars.json index 3f80e2e51..7936cdc34 100644 --- a/gitlab-pages/website/sidebars.json +++ b/gitlab-pages/website/sidebars.json @@ -1,21 +1,39 @@ { "docs": { "Setup": ["setup/installation", "setup/editor-support"], - "Language Basics": ["language-basics/cheat-sheet", "language-basics/types", "language-basics/variables", "language-basics/functions", "language-basics/entrypoints", "language-basics/operators"], + "Language Basics": [ + "language-basics/cheat-sheet", + "language-basics/types", + "language-basics/variables", + "language-basics/functions", + "language-basics/entrypoints", + "language-basics/operators" + ], "API": ["api-cli-commands"] }, "contributors-docs": { - "Introduction": ["contributors/origin", "contributors/philosophy", "contributors/getting-started", "contributors/documentation-and-releases"], + "Introduction": [ + "contributors/origin", + "contributors/philosophy", + "contributors/getting-started", + "contributors/documentation-and-releases" + ], "Big Picture": [ "contributors/big-picture/overview", - "contributors/big-picture/front-end", - "contributors/big-picture/middle-end", + "contributors/big-picture/front-end", + "contributors/big-picture/middle-end", "contributors/big-picture/back-end", "contributors/big-picture/vendors" ], - "Road Map": ["contributors/road-map/short-term", "contributors/road-map/long-term"] + "Road Map": [ + "contributors/road-map/short-term", + "contributors/road-map/long-term" + ] }, "tutorials": { - "Get Started": ["tutorials/get-started/tezos-taco-shop-smart-contract", "tutorials/get-started/tezos-taco-shop-payout"] + "Get Started": [ + "tutorials/get-started/tezos-taco-shop-smart-contract", + "tutorials/get-started/tezos-taco-shop-payout" + ] } } diff --git a/gitlab-pages/website/siteConfig.js b/gitlab-pages/website/siteConfig.js index 5c1352bd3..ab081f669 100644 --- a/gitlab-pages/website/siteConfig.js +++ b/gitlab-pages/website/siteConfig.js @@ -82,7 +82,8 @@ const team = [ const siteConfig = { title: "LIGO", // Title for your website. tagline: - "LIGO is a statically typed high-level smart-contract language that compiles down to Michelson. It seeks to be easy to use, extensible and safe.", + "LIGO is a statically typed high-level smart-contract language that compiles down to Michelson.", + taglineSub: "It seeks to be easy to use, extensible and safe.", url: "https://your-docusaurus-test-site.com", // Your website URL baseUrl: "/", // Base URL for your project */ // For github.io type URLs, you would set the url and baseUrl like: diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index d57b60e24..c5250c0e3 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -92,17 +92,11 @@ body, .landing .subhead { font-size: 1rem; } -.footnote { +.footnote, +footnote { font-size: 0.75rem; } -.projectTitle small { - max-width: 700px; - text-align: center; - margin: 0 auto; - margin-top: 0.7em; -} - .fixedHeaderContainer header .headerTitleWithLogo { display: none; } @@ -118,12 +112,7 @@ body, background: #1a1a1a; } -.homeContainer { - box-shadow: inset 0 -10px 10px -6px rgba(177, 176, 176, 0.2); - background: #f6f4f4; -} - -.homeContainer .hljs { +.hljs { text-align: left; background: transparent; } @@ -149,9 +138,9 @@ body, border-bottom: 4px solid #1a1a1a; } -.homeContainer .tabs .nav-tabs > div:last-of-type { +.disabled { cursor: default; - color: #24292e64; + color: #24292e64 !important; border-bottom: none; } @@ -165,9 +154,20 @@ body, top: 4px; } -.promoSection .buttonWrapper:first-of-type > a.button { - background: #b2210c; - color: white; +/** Top Section **/ +.home-container { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--padding-level-4); +} + +.home-text { + max-width: 40%; +} + +.code-sample { + max-width: 55%; } blockquote { @@ -197,26 +197,11 @@ blockquote { } */ a { - color: rgba(178, 33, 12, 0.8); + color: var(--color-white); } a:hover { - color: rgba(178, 33, 12, 1); -} - -.homeContainer .homeWrapper .projectLogo { - display: block; - position: relative; - padding: 0; -} - -.projectTitle { - margin-top: 30px; - margin-bottom: 0; -} - -.projectTitle small { - margin: 0 auto; + font-weight: bold; } .promoSection .promoRow { @@ -240,7 +225,8 @@ a:hover { margin-top: -25px; } -.features { +.features, +.team { background: white; margin-top: -40px; position: relative; @@ -269,18 +255,6 @@ html { color: #b2210c; } -.productShowcaseSection.team .logos img { - border-radius: 50%; - height: 150px; - margin-bottom: 0px; - padding-left: 40px; - padding-right: 40px; -} - -.productShowcaseSection.team .logos p { - padding-top: 0px; -} - .toc .toggleNav { margin-top: 12px; } @@ -289,6 +263,10 @@ html { padding-top: 60px; } +.mainContainer > * { + padding: var(--padding-level-4) 0; +} + .tocActive .onPageNav > .toc-headings { padding-top: 24px; } @@ -357,6 +335,7 @@ body font-weight: normal; line-height: 1.375rem; text-transform: none; + text-align: center; } .button, @@ -385,7 +364,8 @@ body .large-secondary-button, .large-secondary-button:hover { border-radius: 37px; - padding: 20px; + padding: 5px 20px; + min-height: 56px; min-width: 132px; color: var(--color-white); } @@ -522,6 +502,7 @@ body justify-content: space-around; align-content: center; padding: var(--padding-level-3); + margin: var(--padding-level-4) 0; } .partners-container a { @@ -573,13 +554,16 @@ body @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { } -@media only screen and (min-width: 1200px) { -} - @media only screen and (max-width: 1023px) { } +@media only screen and (min-width: 1280px) { +} + @media only screen and (min-width: 1400px) { + .landing h4.tagline-text { + font-size: 2.25rem; + } } @media only screen and (min-width: 1500px) { From f542cde28322d24f5d6874c485deb5677c060e85 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 17:36:43 -0400 Subject: [PATCH 5/8] [LIGO-95] I AM A CSS GENIUS\!\! --- gitlab-pages/website/pages/en/index.js | 44 +++++++++++----------- gitlab-pages/website/static/css/custom.css | 33 ++++++++++++++-- gitlab-pages/website/static/img/geo.svg | 11 ++++++ 3 files changed, 63 insertions(+), 25 deletions(-) create mode 100644 gitlab-pages/website/static/img/geo.svg diff --git a/gitlab-pages/website/pages/en/index.js b/gitlab-pages/website/pages/en/index.js index 3bd5004a3..8c9cac7de 100644 --- a/gitlab-pages/website/pages/en/index.js +++ b/gitlab-pages/website/pages/en/index.js @@ -107,29 +107,31 @@ class HomeSplash extends React.Component { const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`; const SampleCode = props => ( -
-
-
-
- PascaLIGO +
+
+
+
+
+ PascaLIGO +
+
+ CameLIGO +
+
ReasonLIGO (coming soon)
-
- CameLIGO +
+ {PascalLIGOTab()} + {CamelLIGOTab()}
-
ReasonLIGO (coming soon)
-
-
- {PascalLIGOTab()} - {CamelLIGOTab()}
diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index c5250c0e3..0167f638e 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -159,15 +159,27 @@ footnote { display: flex; align-items: center; justify-content: space-between; - padding: var(--padding-level-4); + padding: var(--padding-level-3); } .home-text { max-width: 40%; } -.code-sample { - max-width: 55%; +.sample-code-container { + display: flex; + justify-content: center; + box-sizing: border-box; + max-width: 60%; + background: url("/img/geo.svg") top right/140px 140px no-repeat, + url("/img/geo.svg") bottom left/200px 200px no-repeat; +} + +.sample-code { + max-width: 80%; + padding: 25px; + box-shadow: 0px 0px 70px rgba(13, 15, 51, 0.06); + background-color: white; } blockquote { @@ -555,12 +567,25 @@ body } @media only screen and (max-width: 1023px) { + .home-container { + flex-direction: column-reverse; + margin-top: var(--padding-level-1); + } + .home-text { + align-content: center; + text-align: center; + max-width: 90%; + padding-top: var(--padding-level-2); + } + .sample-code-container { + max-width: 100%; + } } @media only screen and (min-width: 1280px) { } -@media only screen and (min-width: 1400px) { +@media only screen and (min-width: 1440px) { .landing h4.tagline-text { font-size: 2.25rem; } diff --git a/gitlab-pages/website/static/img/geo.svg b/gitlab-pages/website/static/img/geo.svg new file mode 100644 index 000000000..4def0999c --- /dev/null +++ b/gitlab-pages/website/static/img/geo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + From 6b9f5f3d39af946fe340d10a37f93339d7382170 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 17:58:03 -0400 Subject: [PATCH 6/8] [LIGO-95] fix profile hover rule --- gitlab-pages/website/static/css/custom.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 0167f638e..93ab1d3e0 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -176,7 +176,7 @@ footnote { } .sample-code { - max-width: 80%; + width: 80%; padding: 25px; box-shadow: 0px 0px 70px rgba(13, 15, 51, 0.06); background-color: white; @@ -465,15 +465,16 @@ body color: var(--color-primary-brand); } +.profileContainer:hover .profileImage { + box-shadow: 12px 12px 0px var(--color-primary-brand); +} + .profileImage { max-height: 195px; max-width: 195px; width: 100%; border: var(--color-gray); } -.profileImage:hover { - box-shadow: 12px 12px 0px var(--color-primary-brand); -} .flex-inline-container { display: flex; From 2cf6aafff2bc6083010d281b11f933c08012fb4e Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Thu, 26 Sep 2019 09:56:45 -0400 Subject: [PATCH 7/8] [LIGO-95] minor css fixes --- gitlab-pages/website/static/css/custom.css | 28 ++++++++-------------- 1 file changed, 10 insertions(+), 18 deletions(-) diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 93ab1d3e0..3deaba1a4 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -41,12 +41,20 @@ body, font-family: "Open Sans", sans-serif; } -code, +/** TODO: code font size is currently 85%; designs have it as 1rem (16px); +this breaks some of the tiny-text in the internal pages, so wait until those +are fixed to set this to the correct size +**/ +.landing code, .mono { font-family: "Source Code Pro", monospace; font-size: 1rem; } +code { + font-family: "Source Code Pro", monospace; +} + h1 { font-size: 2.625rem; } @@ -191,24 +199,8 @@ blockquote { blockquote code { opacity: 0.5; } -/* -blockquote a { - color: rgba(255,255,255, 0.8); - border-bottom: 1px solid rgba(255,255,255, 0.8); -} -blockquote a:hover { - color: rgba(255,255,255, 1); - border-bottom: 1px solid rgba(255,255,255, 1); -} */ -/* -blockquote { - background-color: rgba(252, 214, 0, 0.687); - border-left-color: rgba(240, 210, 37, 1); - color: rgba(0, 0, 0, 0.632); -} */ - -a { +.landing a { color: var(--color-white); } From 6cd5f661489eafc550725e9d5e2b132724044e4e Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Thu, 26 Sep 2019 11:34:57 -0400 Subject: [PATCH 8/8] [LIGO-94] minor css fix --- gitlab-pages/website/static/css/custom.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 3deaba1a4..2d9708a74 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -200,11 +200,19 @@ blockquote code { opacity: 0.5; } +a { + color: var(--color-primary-text); +} + +a:hover { + color: var(--color-primary-brand); +} + .landing a { color: var(--color-white); } -a:hover { +.landing a:hover { font-weight: bold; }