feat(about): add about page

rhanmiano · Apr 24, 2021 · d5b6a1a · d5b6a1a
1 parent aed989d
commit d5b6a1a
Show file tree

Hide file tree

Showing 10 changed files with 1,553 additions and 78 deletions.
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -5,13 +5,13 @@
 
 // Liquid Typeset
 $base-size: 16;
-$max-size: 20;
+$max-size: 18;
 
 $from: 321;
 $to: 992;
 
 $font-base-size: 16px;
-$font-max-size: 20px;
+$font-max-size: 18px;
 
 // HTML base
 html {

diff --git a/components/Banner.vue b/components/Banner.vue
@@ -1,18 +1,26 @@
 <template>
   <div class="ui-banner text-white text-center pt-9">
     <h1 class="font-bold">
-      List of most starred Github repositories in the Philippines
+      {{ title }}
     </h1>
     <p class="text-denotive-highlight font-thin">
-      Are you a filipino innovator, and ever wondering where to find
-      inspirations and people to follow?
+      {{ kicker }}
     </p>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'Banner',
+  props: {
+    title: {
+      type: String,
+      default: () => '',
+    },
+    kicker: {
+      type: String,
+      default: () => '',
+    },
+  },
 }
 </script>
 

diff --git a/components/List/Item.vue b/components/List/Item.vue
@@ -3,7 +3,7 @@
     <div class="ui-card--list-item">
       <div class="--list-item-info">
         <div>
-          <h3 class="--list-item-title">
+          <h4 class="--list-item-title">
             <unicon
               class="self-center mr-1"
               width="15"
@@ -12,7 +12,7 @@
               :fill="'#207fb1'"
             ></unicon
             ><span>{{ repo.owner.login }}</span> / <span>{{ repo.name }}</span>
-          </h3>
+          </h4>
           <p class="--list-item-description">
             {{ repo.description }}
           </p>

diff --git a/content/about.md b/content/about.md
@@ -0,0 +1,14 @@
+---
+title: About - The Starred PH
+description:
+---
+
+# The Starred PH
+
+List of most starred Github repositories initiated by tech located in the Philippines
+
+## Context
+
+## Inspirations
+
+##
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,10 +1,14 @@
 <template>
-  <div>
+  <div class="container">
+    <Header />
     <Nuxt />
+    <AdsRectangular />
+    <Footer />
   </div>
 </template>
 
 <style>
+/* 
 html {
   font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -15,7 +19,7 @@ html {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
-}
+} */
 
 *,
 *::before,
@@ -24,6 +28,24 @@ html {
   margin: 0;
 }
 
+ul.nav-wrapper {
+  position: relative;
+  padding-right: 10px;
+  .nav-list {
+    display: inline-block;
+    font-weight: bolder;
+    margin-right: 15px;
+    @apply text-sm font-thin;
+    &.__active {
+      @apply text-blue-400;
+    }
+  }
+}
+header {
+  @apply w-full h-20 flex justify-between content-center px-3 py-2 z-30;
+  color: theme('colors.denotive-highlight');
+}
+
 .list-item {
   display: inline-block;
   margin-right: 10px;

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -61,7 +61,7 @@ export default {
   },
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [],
+  modules: ['@nuxt/content'],
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {},