pre f

assets/styles/tailwind.css

@@ -2,11 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
-
-
-
-
 @layer components {
   /* Titles */
   .title-h1 {
@@ -24,7 +19,7 @@
     /* @apply lg:text-7xl; */
 
     font-weight: 600;
-    line-height: 1.2;
+    line-height: 1.1;
     color: #232323;
   }
 

components/sections/BuildSection.vue

@@ -12,7 +12,6 @@
 
     <template v-slot:content>
       <div class="grid grid-cols-1 p-xl gap-xl lg:grid-cols-2">
-        <!-- <h2 class="title-h2">{{ $t('build-section.title') }}</h2> -->
         <BuildWithWitnet
           v-for="(reason, index) in reasons"
           :index="index + 1"

components/sections/SectionBase.vue

@@ -7,11 +7,11 @@
       <div class="flex flex-col items-center">
 
 
-        <h2 v-if="headingType === 'h2'" class="title title-h2 mb-md text-center max-w-screen-md">
+        <h2 v-if="headingType === 'h2'" class="title title-h2 text-center max-w-screen-md" :class="{ 'mb-md': !separator }">
           <slot name="title"></slot>
         </h2>
 
-        <h3 v-if="headingType === 'h3'" class="title title-h2 mb-md text-center max-w-screen-md">
+        <h3 v-if="headingType === 'h3'" class="title title-h2 text-center max-w-screen-md" :class="{ 'mb-md': !separator }">
           <slot name="title"></slot>
         </h3>
 

components/sections/WhatIsWitnetSection.vue

@@ -8,10 +8,12 @@
     <template v-slot:title>
       <i18n-t
         keypath="what-is-witnet.title.main"
-        class="text-4xl sm:text-5xl lg:text-6xl text-white text-center"
+        class="text-4xl sm:text-5xl lg:text-6xl text-white text-center font-normal"
         tag="span"
       >
-        <span class="black block">{{ $t('what-is-witnet.title.witnet') }}</span>
+        <span class="font-bold">
+          <br />
+          {{ $t('what-is-witnet.title.witnet') }}</span>
       </i18n-t>
     </template>
 
@@ -20,14 +22,14 @@
         class="flex content-center items-center justify-center flex-row mt-lg"
       >
         <CircleIcon
-          class="relative z-10 w-10 top-5 left-5 sm:w-20 sm:top-7 sm:left-7"
+          class="relative z-10 w-10 h-auto top-5 left-5 sm:w-20 sm:top-7 sm:left-7"
         />
-        <BashIcon class="z-20 mr-sm w-10 sm:w-20" />
-        <StorageIcon class="z-20 mr-sm w-10 sm:w-20" />
-        <SlashIcon class="z-20 mr-sm w-10 sm:w-20" />
-        <LockIcon class="z-20 mr-sm w-10 sm:w-20" />
-        <BulbIcon class="z-20 mr-sm w-10 sm:w-20" />
-        <KeyIcon class="z-20 mr-sm w-10 sm:w-20" />
+        <BashIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
+        <StorageIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
+        <SlashIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
+        <LockIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
+        <BulbIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
+        <KeyIcon class="z-20 mr-sm w-10 h-auto sm:w-20" />
       </div>
     </template>
   </SectionBase>

pages/index.vue

@@ -1,22 +1,22 @@
 <template>
   <div class="grid grid-flow-row overflow-hidden">
     <HeroSection />
-    <WhatIsWitnetSection class="padding-y px-4" />
-    <CoinSection class="padding-y px-4" />
-    <BuySection class="padding-y px-4" />
-    <SecureSection class="padding-y px-4" />
-    <BuildSection class="padding-y px-4" />
-    <ExploreSection class="padding-y px-4" />
-    <TutorialsSection class="padding-y px-4" />
-    <CommunitySection class="padding-y px-4" />
-    <Newsletter class="padding-y px-4" />
-    <FooterSection class="padding-y px-4" />
+    <WhatIsWitnetSection class="pt-10 pb-10 pt- px-4" />
+    <CoinSection class="pt-10 pb-10 px-4" />
+    <BuySection class="pt-10 pb-10 px-4" />
+    <SecureSection class="pt-10 pb-10 px-4" />
+    <BuildSection class="pt-10 pb-10 px-4" />
+    <ExploreSection class="pt-10 pb-10 px-4" />
+    <TutorialsSection class="pt-10 pb-10 px-4" />
+    <CommunitySection class="pt-10 pb-10 px-4" />
+    <Newsletter class="pt-10 pb-10 px-4" />
+    <FooterSection class="pt-10 pb-10 px-4" />
   </div>
 </template>
 
 <style scoped>
-.padding-y {
+/* .pt-10 pb-10 {
   padding-top: 96px;
   padding-bottom: 96px;
-}
+} */
 </style>

utils/getBrowserOs.ts

@@ -0,0 +1,8 @@
+export const DEFAULT_OS = 'Linux'
+
+export function getBrowserOs(navigator: any) {
+  const supportedOs = ['Win', 'Mac', 'Linux']
+  const platform = navigator.platform
+
+  return supportedOs.find((os) => platform.includes(os)) || DEFAULT_OS
+}

utils/getLatestRelease.ts

@@ -0,0 +1,36 @@
+import { getBrowserOs } from './getBrowserOs'
+export const URL_RELEASE_BASE =
+  'https://api.github.com/repos/witnet/sheikah/releases/latest'
+
+export async function getLatestRelease(navigator: any) {
+  return await fetch(URL_RELEASE_BASE).then(async (result: any) => {
+    const os = await getBrowserOs(navigator).toLowerCase()
+    const macRelease = await result.data.assets.find((asset: any) =>
+      asset.browser_download_url.includes('.dmg')
+    )
+    const linuxRelease = await result.data.assets.find((asset: any) =>
+      asset.browser_download_url.includes('.AppImage')
+    )
+    const windowsRelease = await result.data.assets.find((asset: any) =>
+      asset.browser_download_url.includes('.exe')
+    )
+    const release = {
+      linux: {
+        platform: 'GNU / Linux',
+        releaseUrl: linuxRelease.browser_download_url,
+        downloadName: linuxRelease.name,
+      },
+      win: {
+        platform: 'Windows',
+        releaseUrl: windowsRelease.browser_download_url,
+        downloadName: windowsRelease.name,
+      },
+      mac: {
+        platform: 'Mac OS',
+        releaseUrl: macRelease.browser_download_url,
+        downloadName: windowsRelease.name,
+      },
+    }
+    return (release as any)[os] as any
+  })
+}