From 12299b0f68b06ee7105aeec52561f9c811ecd64e Mon Sep 17 00:00:00 2001 From: David Boyne Date: Mon, 19 Aug 2024 12:36:22 +0100 Subject: [PATCH] fixing issues with mobile and adding newsltter back in --- src/components/Landing/Companies.tsx | 8 +++-- src/components/Landing/CrossCloud.tsx | 15 +++++--- src/components/Landing/Newsletter.tsx | 43 +++++++++++++++++------ src/components/PlatformIcons.tsx | 4 +-- src/css/custom.css | 25 ++++++++++++++ src/pages/landing-v2.tsx | 50 ++++++++++++++++----------- static/img/github.svg | 2 +- static/img/mail.svg | 2 +- 8 files changed, 106 insertions(+), 43 deletions(-) diff --git a/src/components/Landing/Companies.tsx b/src/components/Landing/Companies.tsx index 9d8ed4ffe..0cdbf10cc 100644 --- a/src/components/Landing/Companies.tsx +++ b/src/components/Landing/Companies.tsx @@ -15,11 +15,13 @@ export const Microsoft = () => { } export const ThoughtWorks = () => { - return + return } export const Unity = () => { - return
- + return
+ + +
} \ No newline at end of file diff --git a/src/components/Landing/CrossCloud.tsx b/src/components/Landing/CrossCloud.tsx index a064d24d8..1fa7d82a4 100644 --- a/src/components/Landing/CrossCloud.tsx +++ b/src/components/Landing/CrossCloud.tsx @@ -1048,7 +1048,7 @@ const platforms = [ } ] -export default function Example() { +export default function CrossCloud() { const [selectedPlatform, setSelectedPlatform] = React.useState(platforms[0]) @@ -1064,9 +1064,12 @@ export default function Example() { Wing platforms specify how and where your application is deployed. They determine both the cloud environment and the provisioning engine that the code will be deployed with.

-
+
-
+ + 1. Write your code +
+
-
+ 2. Compile to a Wing platform +
{platforms.map((platform, index) => { const isSelected = selectedPlatform.platform === platform.platform @@ -1088,7 +1092,8 @@ export default function Example() { })}
-
+ 3. Generated output +
{ + + setTimeout(() => { + // @ts-ignore + if (window.hbspt) { + // @ts-ignore + window.hbspt.forms.create({ + region: "eu1", + portalId: "26754295", + formId: "5d8c70c8-d16b-4ee0-b06c-b7fb2931f505", + target: '#hubspotForm', + onFormReady: function ($form) { + // $('input[name="url"]').val(window.location.href).change(); + } + }); + } + }, 200); + + + }, []); + return (
@@ -23,14 +45,15 @@ export default function Example() {

Keep up with Wing

- Nostrud amet eu ullamco nisi aute in ad minim nostrud adipisicing velit quis. Duis tempor incididunt - dolore. + We are working towards 1.0 release. Subscribe to our newsletter to get updates on our progress.

- */} +
+ {/* - */} + {/* Subscribe - + */}
@@ -51,9 +74,9 @@ export default function Example() {
-
Weekly articles
+
Monthly updates
- Non laboris consequat cupidatat laborum magna. Eiusmod non irure cupidatat duis commodo amet. + Get packaged updates directly into your inbox. New features, bug fixes, and more.
@@ -62,7 +85,7 @@ export default function Example() {
No spam
- Officia excepteur ullamco ut sint duis proident non adipisicing. Voluptate incididunt anim. + We will keep the content focused on Wing and related topics. No spam, ever.
diff --git a/src/components/PlatformIcons.tsx b/src/components/PlatformIcons.tsx index 83f12b6d9..754cb347e 100644 --- a/src/components/PlatformIcons.tsx +++ b/src/components/PlatformIcons.tsx @@ -17,10 +17,10 @@ export const GCPPlatformIcon = ({ className }: { className?: string }) => { } export const TerraformIcon = ({ className }: { className?: string }) => { - return + return } export const CDKIcon = ({ className }: { className?: string }) => { return - + } \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index 377ef4e24..ebe6b4154 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -380,4 +380,29 @@ html[data-theme="dark"] h2[itemprop="headline"] a { .navbar__item[href="/blog"] { display: none; } +} + + +/* Newsletter */ +.hs-form input{ + background-color: white; + color: black; + /* border: solid 0px #212627; */ + /* font-size: 16px; */ + /* color: white; */ + /* -moz-border-radius: 0px; */ + /* -webkit-border-radius: 0px; */ + /* border-radius: 4px; */ + /* padding: 10px 12px; */ + /* width: 340px; */ +} + +#hubspotForm .actions input[type="submit"] { + background: rgb(42 213 193 / 0.8); + color:white; + font-weight: bold; + border: none; + border-radius: 4px; + padding: 1em 2em; + margin: 1em 0; } \ No newline at end of file diff --git a/src/pages/landing-v2.tsx b/src/pages/landing-v2.tsx index f68f3c067..2a0a9ca40 100644 --- a/src/pages/landing-v2.tsx +++ b/src/pages/landing-v2.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import Layout from '@theme/Layout'; import { useState } from 'react' import CodeBlock from '@theme/CodeBlock'; @@ -9,6 +9,7 @@ import CrossCloud from '../components/Landing/CrossCloud'; import LocalSimulation from '../components/Landing/LocalSimulation'; import Newsletter from '../components/Landing/Newsletter'; import ExternalBlogs from '../components/Landing/ExternalBlogs'; +import Head from '@docusaurus/Head'; const tabs = [ { @@ -144,6 +145,7 @@ new cloud.Function(checkEndpoint); { label: 'Local Testing', metastring: 'playground', + className: 'hidden md:block', left: () =>

Build cloud applications with confidence.

@@ -185,13 +187,13 @@ const LandingPage = () => { const [selectedTab, setSelectedTab] = useState(tabs[0]); + return ( - {/* - - - */} + +