Merge pull request #272 from praneesha/update-logo

Update the new Ballerina logo
ballerina-attic · Aug 28, 2023 · 2169a8a · 2169a8a
2 parents b4f8a3b + 8bd709b
commit 2169a8a
Show file tree

Hide file tree

Showing 16 changed files with 301 additions and 99 deletions.
diff --git a/en/docs/home/components/common/top-nav/TopNav.js b/en/docs/home/components/common/top-nav/TopNav.js
@@ -37,8 +37,8 @@ const TopNav = (props) => {
       <Navbar className={(launcher === 'home') ? `${styles[launcher]} navbar-dark` : styles[launcher]} expand="lg" sticky='top'>
         <Container fluid className={(launcher === 'home') ? styles.toggleFloat : null}>
           {(launcher !== "home") ?
-            <Navbar.Brand href={`${prefix}/`} className={styles.logo}>
-              <Image src={`${prefix}/images/ballerina-logo-white.svg`} height={28} width={150} alt="Ballerina Logo" /> VS Code extension
+            <Navbar.Brand href={`${prefix}/`} className={styles.logo} style={{display:"flex", flexDirection:"row", alignItems:"center"}}>
+            <Image src={`${prefix}/images/ballerina-logo-white.svg`} height={50} width={150} alt="Ballerina Logo" /> <span style={{color:"#ffffff", marginLeft:"10px", fontSize:"1.5rem"}}>VS Code extension</span>
             </Navbar.Brand>
             : null
           }

diff --git a/en/docs/home/components/common/top-nav/TopNav.module.css b/en/docs/home/components/common/top-nav/TopNav.module.css
@@ -3,23 +3,23 @@
     padding-bottom: 1rem !important;
 }
 
-nav.home {
+nav.home, nav.usecases {
     background-color: #494949;
+    /* background-color: #20b6b0; */
     color: #fff;
+    /* border-bottom: 0.1px solid #ebedf0; */
+    box-shadow: 0 0.0625rem 0.125rem rgb(171 171 171 / 30%);
 }
 
-nav.docs, nav.downloads, nav.other, nav.docs-learn, nav.usecases, 
+nav.docs, nav.downloads, nav.other, nav.docs-learn, 
 nav.community, .brokenLink, .brokenLink-learn, nav.rn {
-    /* background-color: #fff; */
-       background-color: #20b6b0;
-       color: #ffffff;
+    background-color: #fff;
+    border-bottom: 1px solid #ebedf0;
 }
 
 /* added to increase spacing on sides */
 .logo {
     padding-left: 0.4rem;
-    color: #ffffff !important;
-    font-size: 30px;
 }
 
 .navItems {
@@ -28,7 +28,7 @@ nav.community, .brokenLink, .brokenLink-learn, nav.rn {
 /* --------------------------------------- */
 
 .topNav a.navItem, .topNav #navbarScrollingDropdown {
-    color: #ffffff !important;
+    color: #20b6b0 !important;
     font-size: 16px;
     font-weight: 600 !important;
 }
@@ -159,6 +159,128 @@ nav.community, .brokenLink, .brokenLink-learn, nav.rn {
 }
 
 a.dropDownItem:focus, a.dropDownItem:hover {
-    background-color: #20b6b0 !important;
-    color: #ffffff !important;
+    /* background-color: #20b6b0 !important;
+    color: #ffffff !important; */
+    color: #20b6b0 !important;
+    background-color: transparent !important;
+}
+
+.sub {
+    padding-left: 30px;
+}
+
+.subsub {
+    padding-left: 60px;
+}
+
+.subsub span {
+    padding-left: 10px;
+    border-left: 2px solid #ccc;
+}
+
+.sub span {
+    padding-left: 10px;
+    border-left: 2px solid #ccc;
+}
+
+.back {
+    color: #20b6b0;
+}
+
+.subSections {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 15px;
+    /* min-width: 900px; */
+    /* margin-left: -275px; */
+}
+
+.subSection p {
+    font-weight: 600;
+    /* color: #57595d; */
+    color: #a3a3a3;
+}
+
+.subSection ul {
+    margin-bottom: 0;
+}
+
+.subSection ul li a {
+    padding: 0.25rem 0 0.25rem 1rem !important;
+}
+
+.subSection ul li a.sub {
+    padding: 0.25rem 0 0.25rem 1.5rem !important;
+}
+
+/* mobile view */
+
+.mobileAccordion {
+    padding-left: 0.4rem;
+}
+
+.mobileAccordion button {
+    padding: 1rem 0.75rem;
+    font-size: 13px;
+    font-weight: 400;
+    white-space: normal;
+    line-height: normal;
+}
+
+.headName {
+    white-space: nowrap;
+}
+
+.acItem {
+    border: none !important;
+}
+
+.acItem a {
+    white-space: break-spaces !important;
+}
+
+.mobileAccordion h2 {
+    margin-top: 0;
+    line-height: 0;
+}
+
+.mainDir button {
+    padding: 10px;
+    padding-bottom: 10px;
 }
+
+.mobileAccordion button:focus {
+    border: none;
+    box-shadow: none;
+}
+
+.mobileAccordion button:not([aria-expanded="false"]) {
+    background: #f7f7f7;
+    color: #20b6b0;
+    font-weight: 500;
+}
+
+.mobileAccordion button:not(.collapsed) {
+    box-shadow: none;
+}
+
+.mobileAccordion button:not(.collapsed)::after {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2320b6b0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.arrow {
+    background-image: url("/images/chevron-right-teal.svg");
+    display: block;
+    transition: none !important;
+    background-repeat: no-repeat;
+    background-position: right 20px top 13px;
+}
+
+.arrow.active {
+    background-image: url("/images/chevron-right-grey.svg");
+    display: block;
+    transition: none !important;
+    background-repeat: no-repeat;
+    background-position: right 20px top 13px;
+}
diff --git a/en/docs/home/out/404/index.html b/en/docs/home/out/404/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><meta charSet="utf-8"/><meta name="author" content="WSO2 LLC"/><link rel="shortcut icon" href="/images/favicon.ico"/><link rel="stylesheet" href="https://ballerina.io/css/roboto.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"/><link rel="stylesheet" href="/css/ballerina-search-button.css"/><link rel="stylesheet" href="/css/ballerina-search-modal.css"/><link rel="stylesheet" href="/css/ballerina-search-variables.css"/><link rel="stylesheet" href="/css/ballerina-search-style.css"/><link rel="preload" href="/_next/static/css/ac200606645f77d6.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ac200606645f77d6.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-8d1145a37a2b7295.js" defer=""></script><script src="/_next/static/chunks/framework-5f4595e5518b5600.js" defer=""></script><script src="/_next/static/chunks/main-c687326ec7e55cb7.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1109cae0b462a58e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-2280fa386d040b66.js" defer=""></script><script src="/_next/static/SkBCfTvUcsR-nvxUm5meC/_buildManifest.js" defer=""></script><script src="/_next/static/SkBCfTvUcsR-nvxUm5meC/_ssgManifest.js" defer=""></script><script src="/_next/static/SkBCfTvUcsR-nvxUm5meC/_middlewareManifest.js" defer=""></script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSL2TX4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next" data-reactroot=""><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"SkBCfTvUcsR-nvxUm5meC","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><meta charSet="utf-8"/><meta name="author" content="WSO2 LLC"/><link rel="shortcut icon" href="/images/favicon.ico"/><link rel="stylesheet" href="https://ballerina.io/css/roboto.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"/><link rel="stylesheet" href="/css/ballerina-search-button.css"/><link rel="stylesheet" href="/css/ballerina-search-modal.css"/><link rel="stylesheet" href="/css/ballerina-search-variables.css"/><link rel="stylesheet" href="/css/ballerina-search-style.css"/><link rel="preload" href="/_next/static/css/ac200606645f77d6.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ac200606645f77d6.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-7d1468f4db72f245.js" defer=""></script><script src="/_next/static/chunks/framework-5f4595e5518b5600.js" defer=""></script><script src="/_next/static/chunks/main-c687326ec7e55cb7.js" defer=""></script><script src="/_next/static/chunks/pages/_app-1109cae0b462a58e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-2280fa386d040b66.js" defer=""></script><script src="/_next/static/OUjAYdSQNWIIzJR5CVwu3/_buildManifest.js" defer=""></script><script src="/_next/static/OUjAYdSQNWIIzJR5CVwu3/_ssgManifest.js" defer=""></script><script src="/_next/static/OUjAYdSQNWIIzJR5CVwu3/_middlewareManifest.js" defer=""></script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSL2TX4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next" data-reactroot=""><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"OUjAYdSQNWIIzJR5CVwu3","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
diff --git a/...ext/data/SkBCfTvUcsR-nvxUm5meC/index.json → ...ext/data/OUjAYdSQNWIIzJR5CVwu3/index.json b/...ext/data/SkBCfTvUcsR-nvxUm5meC/index.json → ...ext/data/OUjAYdSQNWIIzJR5CVwu3/index.json
diff --git a/...c/SkBCfTvUcsR-nvxUm5meC/_buildManifest.js → ...c/OUjAYdSQNWIIzJR5CVwu3/_buildManifest.js b/...c/SkBCfTvUcsR-nvxUm5meC/_buildManifest.js → ...c/OUjAYdSQNWIIzJR5CVwu3/_buildManifest.js
diff --git a/...CfTvUcsR-nvxUm5meC/_middlewareManifest.js → ...AYdSQNWIIzJR5CVwu3/_middlewareManifest.js b/...CfTvUcsR-nvxUm5meC/_middlewareManifest.js → ...AYdSQNWIIzJR5CVwu3/_middlewareManifest.js
diff --git a/...tic/SkBCfTvUcsR-nvxUm5meC/_ssgManifest.js → ...tic/OUjAYdSQNWIIzJR5CVwu3/_ssgManifest.js b/...tic/SkBCfTvUcsR-nvxUm5meC/_ssgManifest.js → ...tic/OUjAYdSQNWIIzJR5CVwu3/_ssgManifest.js
diff --git a/en/docs/home/out/_next/static/chunks/pages/index-3267735419c96815.js b/en/docs/home/out/_next/static/chunks/pages/index-3267735419c96815.js
diff --git a/en/docs/home/out/_next/static/chunks/pages/index-9349585af2136213.js b/en/docs/home/out/_next/static/chunks/pages/index-9349585af2136213.js
diff --git a/...static/chunks/webpack-8d1145a37a2b7295.js → ...static/chunks/webpack-7d1468f4db72f245.js b/...static/chunks/webpack-8d1145a37a2b7295.js → ...static/chunks/webpack-7d1468f4db72f245.js