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`