diff --git a/assets/img/hexagon-remix-greengrey-texture.png b/assets/img/hexagon-remix-greengrey-texture.png new file mode 100644 index 0000000000..49717083ac Binary files /dev/null and b/assets/img/hexagon-remix-greengrey-texture.png differ diff --git a/src/app/ui/landing-page/landing-page.js b/src/app/ui/landing-page/landing-page.js index 937dd09430..908a78d284 100644 --- a/src/app/ui/landing-page/landing-page.js +++ b/src/app/ui/landing-page/landing-page.js @@ -26,20 +26,16 @@ let css = csjs` .thisJumboton { padding: 2.5rem 0rem; margin-bottom: 4rem; + display: flex; + align-items: center; } .hpLogoContainer { margin:30px; padding-right: 90px; } .jumboBtnContainer { - float: left; - padding-top: 15px; - display: flex; - white-space: nowrap; } .headlineContainer { - float: left; - padding-top: 17px; margin: 0 50px 0 70px; } .hpSections { @@ -57,11 +53,11 @@ let css = csjs` margin-right: 10px; } .logoContainer { - margin-top: 7px; float: left; } .logoContainer img{ - height: 65px; + height: 150px; + opacity: 0.5; } .enviroments { display: flex; @@ -91,7 +87,7 @@ export class LandingPage extends ViewPlugin { } render () { - let load = function (service, item, examples, info) { + let load = (service, item, examples, info) => { let compilerImport = new CompilerImport() let fileProviders = globalRegistry.get('fileproviders').api const msg = yo` @@ -180,11 +176,12 @@ export class LandingPage extends ViewPlugin { query.update({appVersion: '0.7.7'}) document.location.reload() } + const img = yo`` let container = yo`
-

The new layout has arrived

+
${img}