Merge pull request #13 from ibelem/work-in-progress

Update WIP banner

Author: ibelem

app/[lang]/layout.jsx

@@ -221,7 +221,7 @@ export default async function RootLayout({ children, params }) {
                 <div className="snow">
                   <span></span><span></span><span></span><span></span><span></span>
                 </div>
-                <a href="https://webnn.io">
+                <a href="https://github.com/webmachinelearning/webnn-docs/issues">
                   {dictionary.banner}
                 </a>
               </div>

app/_dictionaries/en.js

@@ -2,7 +2,7 @@ export default {
   dark: 'Dark',
   light: 'Light',
   system: 'System',
-  banner: '🎉 WebNN Developer Preview is released →',
+  banner: '🚧 The WebNN documentation is work-in-progress. Share feedback →',
   backToTop: 'Scroll to top',
   lastUpdated: 'Last updated on',
   logo: {

app/_dictionaries/zh.js

@@ -2,7 +2,7 @@ export default {
   dark: '深色',
   light: '浅色',
   system: '自动',
-  banner: '🎉 WebNN 开发者预览发布 →',
+  banner: '🚧 WebNN 文档正在编写中。分享反馈 →',
   backToTop: '返回页顶',
   lastUpdated: '最近更新',
   logo: {

app/style.css

@@ -648,22 +648,21 @@ article.nextra-body-typesetting-article a:hover {
 }
 
 .nextra-banner a {
+  position: relative;
   background: none;
+  z-index: 1000;
   color: var(--white);
-  z-index: 10;
   display: grid;
   justify-items: center;
   align-items: center;
 }
 
 .nextra-banner:hover {
-  background-color: var(--light-09);
   color: var(--light);
 }
 
 .nextra-banner:hover a {
-  background: none;
-  color: var(--light);
+  color: var(--d);
 }
 
 .dark .nextra-banner {