feat: refine ui

haoranpb · Mar 9, 2021 · 21cafa8 · 21cafa8
1 parent af6040f
commit 21cafa8
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,11 @@
-# flatmate (WIP)
+# OFlatmate (WIP)
 
-flatmate is coming soon!
+Flat sharing made easier with open source solution
+
+## Contribution
+
+Thanks for considering to help! OFlatmate is still under intensive development, feel free to open [an issue](https://github.com/ludanxer/oflatmate/issues/new) if you want to help :heart:
+
+## License
+
+[MIT](./LICENSE), Sun Haoran
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
       src="https://kit.fontawesome.com/d0e0ef575b.js"
       crossorigin="anonymous"
     ></script>
-    <title>Flatmate</title>
+    <title>OFlatmate</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/components/headings/TheHeading.vue b/src/components/headings/TheHeading.vue
@@ -1,7 +1,7 @@
 <template>
   <nav id="the-heading">
     <h1 class="text-2xl font-medium pl-8 inline-block">
-      <router-link to="/">Flatmate</router-link>
+      <router-link to="/">OFlatmate</router-link>
     </h1>
     <div class="flex-grow"></div>
     <div class="flex" :class="{ 'pr-14': $route.name == 'home' }">

diff --git a/src/views/Authentication.vue b/src/views/Authentication.vue
@@ -4,10 +4,10 @@
       <div class="container px-5 py-24 mx-auto flex flex-wrap items-center">
         <div class="lg:w-3/5 md:w-1/2 md:pr-16 lg:pr-0 pr-0">
           <h1 class="font-medium text-3xl text-gray-900">
-            Welcome to Flatmate
+            Welcome to OFlatmate
           </h1>
           <p class="leading-relaxed mt-4">
-            A platform driven by community to make flat sharing easier
+            A project driven by community to make flat sharing easier
           </p>
         </div>
         <div

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -49,42 +49,57 @@
         </feature-item>
       </div>
     </section>
+
+    <footer
+      class="text-gray-600 container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"
+    >
+      <span class="ml-3 text-xl font-medium text-primary-700">OFlatmate</span>
+      <p
+        class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4"
+      >
+        © 2020 OFlatmate —
+        <outbound-link
+          href="https://github.com/ludanxer"
+          class="text-gray-600 ml-1"
+        >
+          @ludanxer
+        </outbound-link>
+      </p>
+    </footer>
   </div>
 </template>
 
 <script>
 import FeatureItem from '@/components/FeatureItem.vue'
+import OutboundLink from '@/components/OutboundLink.vue'
 
 export default {
-  components: { FeatureItem },
+  components: { FeatureItem, OutboundLink },
   data() {
     return {
       features: [
         {
           title: 'Open Source',
-          description: 'Flatmate is completely open sourced with MIT license',
-          icon: 'fa-code-branch',
-          link: 'Source Code',
+          description:
+            'With the community and transpirancy in mind, OFlatmate is completely open sourced under MIT license.',
+          icon: 'fa-code',
+          link: 'Help us improve',
           outLink: 'https://github.com/ludanxer/flatmate',
         },
         {
           title: 'Public Roadmap',
           description:
-            'Flatmate iterates fast and the next steps are always available in public, \
-            feel free to drop your opions on our plan so we can learn what you think about and \
-            move towards the right direction',
-          icon: 'fa-map',
+            'The next step of OFlatmate is always in public, share your input so we can move towards the right direction.',
+          icon: 'fa-road',
           link: 'Roadmap',
           outLink: 'https://github.com/ludanxer/flatmate/projects',
         },
         {
-          title: 'Community Driven',
+          title: 'Opt In',
           description:
-            'Flatmate will never move to a paid model, and we plan to survive base on your donation. \
-            There are mayn ways to keep Flatmate alive, e.g. give your feedbacks on our website, \
-            check out the link below for more',
-          icon: 'fa-coins',
-          link: 'Help us improve',
+            'Everything is turned off by default. No email notifications or analytic scripts unless you manully turn them on.',
+          icon: 'fa-check',
+          link: 'Doucmentation',
           outLink: 'https://github.com/ludanxer/flatmate',
         },
       ],