wip

.github/workflows/deploy.yml

@@ -24,4 +24,4 @@ jobs:
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: .output/public
+          publish_dir: .output/public

assets/styles/fonts.scss

@@ -2,14 +2,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700&display=swap');
 @font-face {
   font-family: 'NimbusMono';
-  src: url('~/assets/fonts/nimbusmono-regular.woff') format('woff');
+  src: url('/fonts/nimbusmono-regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
   font-family: 'NimbusMono';
-  src: url('~/assets/fonts/nimbusmono-bold.woff') format('woff');
+  src: url('/fonts/nimbusmono-bold.woff') format('woff');
   font-weight: bold;
   font-style: bold;
   font-display: swap;

assets/styles/main.scss

@@ -1,5 +1,5 @@
-@import '~/assets/styles/colors.scss';
-@import '~/assets/styles/fonts.scss';
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700&display=swap');
 
 html {
   height: 100%;

components/FooterSection.vue

@@ -86,7 +86,9 @@
               >
             </i18n-t>
           </div>
-          <LanguageSwitcher class="justify-self-end self-center" />
+          <client-only>
+            <LanguageSwitcher class="justify-self-end self-center" />
+          </client-only>
         </div>
       </div>
     </template>

components/TopBar.vue

@@ -18,7 +18,9 @@
           <slot :name="link.key" />
         </li>
         <li class="nav-link language-select">
-          <LanguageSwitcher />
+          <client-only>
+            <LanguageSwitcher />
+          </client-only>
         </li>
       </ul>
     </nav>

components/sections/CoinSection.vue

@@ -58,7 +58,11 @@
         </p>
 
         <p class="text-large text-white-50 text-center max-w-screen-md mb-xl">
-          {{ t('coin.participate') }}
+          {{ t('coin.participate1') }}
+          <!--TODO: uncomment when public testnet is live
+          {{ t('coin.participate2') }}
+          TODO: uncomment when wit/2 is live
+          {{ t('coin.participate') }} -->
         </p>
 
         <div
@@ -109,7 +113,7 @@
             <p class="text-link-dark">Raspberry</p>
           </a>
         </div>
-
+        <!-- TODO: uncomment when wit/2 is live
         <div class="grid grid-flow-col md:grid-flow-row gap-md mt-xl">
           <ExplorerLink
             v-for="explorer in explorers"
@@ -137,7 +141,7 @@
               </i18n-t>
             </template>
           </ExplorerLink>
-        </div>
+        </div> -->
       </div>
     </template>
   </NuxtLayout>
@@ -174,34 +178,35 @@ onMounted(async () => {
 })
 
 // const { t } = useI18n()
-type Explorer = {
-  title: string
-  description: string
-  url: string
-  highlightedText: string[]
-}
+// TODO uncomment when wit/2 is live
+// type Card = {
+//   title: string
+//   description: string
+//   url: string
+//   highlightedText: string[]
+// }
 
 // TODO: add urls
-const explorers: Array<Explorer> = [
-  {
-    title: t('coin.cards.get_started.title'),
-    description: 'coin.cards.get_started.description',
-    highlightedText: ['coin.cards.get_started.boldText1'],
-    url: URLS.get_started,
-  },
-  {
-    title: t('coin.cards.tutorials.title'),
-    description: 'coin.cards.tutorials.description',
-    highlightedText: ['coin.cards.tutorials.boldText1'],
-    url: URLS.tutorials,
-  },
-  {
-    title: t('coin.cards.contribute.title'),
-    description: 'coin.cards.contribute.description',
-    highlightedText: ['coin.cards.contribute.boldText1'],
-    url: URLS.github_contribute,
-  },
-]
+// const cards: Array<Card> = [
+//   {
+//     title: t('coin.cards.get_started.title'),
+//     description: 'coin.cards.get_started.description',
+//     highlightedText: ['coin.cards.get_started.boldText1'],
+//     url: URLS.get_started,
+//   },
+//   {
+//     title: t('coin.cards.tutorials.title'),
+//     description: 'coin.cards.tutorials.description',
+//     highlightedText: ['coin.cards.tutorials.boldText1'],
+//     url: URLS.tutorials,
+//   },
+//   {
+//     title: t('coin.cards.contribute.title'),
+//     description: 'coin.cards.contribute.description',
+//     highlightedText: ['coin.cards.contribute.boldText1'],
+//     url: URLS.github_contribute,
+//   },
+// ]
 </script>
 
 <style scoped lang="scss">

locales/en-US.json

@@ -38,6 +38,8 @@
     "description1": "Secure the Network, Earn Rewards!",
     "description2": "Secure the network, earn rewards, and be part of a censorship-resistant oracle.",
     "description3": "Witnet 2.0 is unstoppable.",
+    "participage1": "Wit/2 development is in the final phase, get ready for staking by running a 1.8 node now",
+    "participage2": "Wit/2 development is in the final phase, get ready for staking by joining the public testnet",
     "participate": "To participate in the Witnet network, run a Witnet node and stake some $WIT. Stakers can earn rewards while contributing to data retrieval, verification, and network security!",
     "run_in_platform": {
       "main": "Run a Witnet Node and Stake on {0}"
@@ -75,7 +77,7 @@
   "secure-section": {
     "title1": "Secure {0} {1}{2}",
     "title2": "Your $WIT",
-    "description": "$WIT, the native coin of Witnet, is available on trusted and well-known crypto exchanges. By acquiring and staking $WIT, you become a valuable part of the Witnet Community, contributing to the security, growth, and success of the decentralized future with Witnet."
+    "description": "Protecting your $WIT has never been easier. Whether you prioritize privacy, speed, or a seamless experience across different operating systems, we have the right wallet for you."
   },
   "build-section": {
     "title": {
@@ -158,7 +160,7 @@
     "description": "$WIT, the native coin of Witnet, is available on trusted and well-known crypto exchanges. By acquiring and staking $WIT, you become a valuable part of the Witnet Community, contributing to the security, growth, and success of the decentralized future with Witnet."
   },
   "store-wit": {
-    "title": "Secure the Your $WIT",
+    "title": "Secure Your $WIT",
     "description": "Explore our wallet offerings for seamless management and transfer of your WIT coins."
   },
   "sheikah": {

locales/es-ES.json

@@ -18,7 +18,7 @@
       "main2": "más poderoso,",
       "gradient": "probable{0}mente."
     },
-    "description": "Wit Oracle combina un algoritmo de Prueba de Participación de última generación con su propia moneda nativa $WIT. Ofrece una seguridad inigualable para tus datos en la Web3.",
+    "description": "Wit/Oracle combina un algoritmo de Prueba de Participación de última generación con su propia moneda nativa $WIT. Ofrece una seguridad inigualable para tus datos en la Web3.",
     "action": "Únete a la WIT comunidad"
   },
   "what-is-witnet": {
@@ -75,7 +75,7 @@
   "secure-section": {
     "title1": "Asegura {0} {1}{2}",
     "title2": "Tus $WIT",
-    "description": "$WIT, la moneda nativa de Witnet, está disponible en intercambios de criptomonedas fiables y reconocidos. Al adquirir y apostar $WIT, te conviertes en una parte valiosa de la Comunidad de Witnet, contribuyendo a la seguridad, crecimiento y éxito del futuro descentralizado con Witnet."
+    "description": "Proteger tu $WIT nunca ha sido tan fácil. Tanto si priorizas la privacidad, como si prefieres la velocidad o una buena experiencia de ususario, tenemos la cartera adecuada para ti."
   },
   "build-section": {
     "title": {

nuxt.config.ts

@@ -3,7 +3,9 @@ import svgLoader from 'vite-svg-loader'
 import { languageLocales } from './constants'
 
 export default defineNuxtConfig({
+  ssr: true,
   app: {
+    baseURL: '/website/',
     head: {
       title: 'Wit/Oracle: The most powerful oracle, provably.',
       meta: [
@@ -78,6 +80,18 @@ export default defineNuxtConfig({
         },
       ],
       link: [
+        {
+          rel: 'preload',
+          href: '/fonts/nimbusmono-regular.woff',
+          as: 'font',
+          type: 'font/woff',
+        },
+        {
+          rel: 'preload',
+          href: '/fonts/nimbusmono-bold.woff',
+          as: 'font',
+          type: 'font/woff',
+        },
         { rel: 'apple-touch-icon', type: 'image/x-icon', href: '/favicon.ico' },
         {
           rel: 'icon',
@@ -134,7 +148,7 @@ export default defineNuxtConfig({
     },
     locales: Object.values(languageLocales),
   },
-  css: ['~/assets/styles/tailwind.css'],
+  css: ['~/assets/styles/tailwind.css', '~/assets/styles/main.scss'],
   components: [{ path: '~/components', pathPrefix: false }],
   vite: {
     plugins: [
@@ -157,7 +171,7 @@ export default defineNuxtConfig({
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: '@use "~/assets/styles/main.scss" as *;',
+          additionalData: '@use "~/assets/styles/colors.scss" as *;',
         },
       },
     },