Static pages #1020, #1024, #1028, #1032

dailyidea · Jul 9, 2021 · ceeb30a · ceeb30a
1 parent ebbc412
commit ceeb30a
Show file tree

Hide file tree

Showing 6 changed files with 170 additions and 18 deletions.
diff --git a/front/assets/style/base.scss b/front/assets/style/base.scss
@@ -204,6 +204,32 @@ h1.page-title {
   @include page-title;
 }
 
+.static-page-content {
+  font-size: 16px;
+  line-height: 140%;
+  color: #4C4763;
+
+  h1 {
+    font-style: normal;
+    font-weight: 350;
+    font-size: 32px;
+    line-height: 38px;
+    margin-bottom: 1.5rem;
+  }
+  h2 {
+    font-weight: 350;
+    font-size: 24px;
+    line-height: 29px;
+    margin-bottom: 1rem;
+  }
+  p, ul {
+    margin-bottom: 1rem;
+  }
+  blockquote.blockquote {
+    font-size: 16px;
+  }
+}
+
 h2.section-heading {
   @include section-heading;
 }

diff --git a/front/components/layout/StaticPage.vue b/front/components/layout/StaticPage.vue
@@ -1,21 +1,43 @@
 <template>
   <layout>
-    <div class="min-vh100-fh">
+    <a
+      role="button"
+      class="d-inline-flex align-center mt-4 pl-4"
+      @click="back()"
+    >
+      <svg
+        width="8"
+        height="14"
+        viewBox="0 0 8 14"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        class="mr-1 mb-1"
+      >
+        <path d="M7 1L1 7L7 13" stroke="#4C4763" />
+      </svg>
+      <span>Back</span>
+    </a>
+    <div
+      class="static-page-content min-vh100-fh pa-4 m-auto"
+      style="max-width: 640px;"
+    >
       <slot />
     </div>
-
-    <main-footer />
   </layout>
 </template>
 
 <script>
 import Layout from '@/components/layout/Layout'
-import MainFooter from '@/components/layout/MainFooter'
 
 export default {
   components: {
-    Layout,
-    MainFooter
+    Layout
+  },
+
+  methods: {
+    back() {
+      window.history.back()
+    }
   }
 }
 </script>
diff --git a/front/pages/about.vue b/front/pages/about.vue
@@ -1,21 +1,60 @@
 <template>
   <static-page>
-    <h1 class="page-title">About Daily Idea</h1>
+    <h1>DailyIdea – about page</h1>
 
-    <h2>What Is Daily Idea</h2>
     <p>
-      Daily Idea is a place where you can store your ideas and get inspired by
-      other people's ideas. You'll get a daily reminder to save an idea. Over
-      time, you'll become an idea machine! Get reminded of your best ideas
-      later. Browse other ideas to inspire your own creativity.
+      Welcome to <strong>Daily Idea!</strong> The goal of the site is pretty
+      straightforward – provide a digital environment where users can submit
+      their ideas or browse other people's ideas. The primary target audience is
+      startup ideas, business ideas, or inventions.
     </p>
+    <div class="mb-4">
+      The mission of the site is to:
+      <ol>
+        <li>
+          Be a place where you store your ideas so you can reference them later
+          (like a diary)
+        </li>
+        <li>
+          Encourage you to get into the habit of regularly thinking of ideas
+        </li>
+      </ol>
+    </div>
 
-    <h2>How does Daily Idea Work?</h2>
     <p>
-      We'll send you a daily email reminding you to submit an idea. Just respond
-      to it and we'll save it for you. Practice generating ideas to become an
-      idea machine.
+      Many people already store ideas in Evernote, Google Docs, Notes, text
+      documents, other tools, etc. Daily Idea doesn't have to become the primary
+      place people store ideas, it’s just another option that people can use.
     </p>
+
+    <p>
+      In contrast to the other options, this allows people who want to share
+      their ideas an easy way to do so and get inspire by other people's ideas.
+    </p>
+
+    <h2>Inspiration</h2>
+    <p>
+      <a href="https://jamesaltucher.com/" rel="nofollow noopener"
+        >James Altucher</a
+      >
+      wrote a blog post called
+      <a
+        href="https://jamesaltucher.com/blog/how-to-become-an-idea-machine/"
+        rel="nofollow noopener"
+        >How To Become An Idea Machine</a
+      >. And we thought it was awesome!
+    </p>
+
+    <div>
+      In fact, he's written a lot on the topic of generating ideas, but the most
+      important part of it is this:
+    </div>
+    <blockquote class="blockquote">
+      Creating ideas is a skill. And like any skill, it takes practice. Thinking
+      of ideas every day strengthens your "idea muscle".
+    </blockquote>
+
+    <p>We made Daily Idea to make it easy to practice coming up with ideas.</p>
   </static-page>
 </template>
 

diff --git a/front/pages/community-guidelines.vue b/front/pages/community-guidelines.vue
@@ -0,0 +1,65 @@
+<template>
+  <static-page>
+    <h1>Community Guidelines & Terms of Service</h1>
+
+    <h2>Do:</h2>
+    <ul>
+      <li>Each post must contain an idea</li>
+      <li>Be welcoming and open-minded</li>
+      <li>
+        Be respectable to other users. Treat them as you would treat them in
+        real life
+      </li>
+      <li>
+        Be tolerant towards other’s viewpoints; respectfully disagree when
+        opinions do not align
+      </li>
+      <li>Respect the privacy and personal information of other users</li>
+      <li>Communicate with courtesy and respect</li>
+      <li>Be clear and stay on topic</li>
+    </ul>
+
+    <h2>Don’t:</h2>
+    <ul>
+      <li>
+        Zero tolerance towards hate speech:<br />
+        We define hate speech as content that does or intends to attack,
+        threaten, incite violence against, or dehumanize an individual or a
+        group of individuals on the basis of protected attributes. We also do
+        not allow content that verbally or physically threatens violence or
+        depicts harm to an individual or a group based on any of the following
+        protected attributes:
+      </li>
+      <ul>
+        <li>Race</li>
+        <li>National origin</li>
+        <li>Religion</li>
+        <li>Caste</li>
+        <li>Sexual orientation</li>
+        <li>Sex</li>
+        <li>Gender</li>
+        <li>Gender identity</li>
+        <li>Serious disease or disability</li>
+        <li>Immigration status</li>
+      </ul>
+      <li>
+        Spam posting - your posts and comments should be wholesome. Posts should
+        contain all the needed information about each idea
+      </li>
+      <li>
+        Advertising - no advertising of 3rd websites or services without
+        consulting with DailyIdea staff beforehand
+      </li>
+    </ul>
+  </static-page>
+</template>
+
+<script>
+import StaticPage from '@/components/layout/StaticPage'
+
+export default {
+  components: {
+    StaticPage
+  }
+}
+</script>
diff --git a/front/pages/privacy.vue b/front/pages/privacy.vue
@@ -1,6 +1,6 @@
 <template>
   <static-page>
-    <h1 class="page-title">Privacy Policy</h1>
+    <h1>Privacy Policy</h1>
 
     <p>
       At Daily Idea, accessible from

diff --git a/front/pages/terms.vue → front/pages/terms-of-service.vue b/front/pages/terms.vue → front/pages/terms-of-service.vue
@@ -1,6 +1,6 @@
 <template>
   <static-page>
-    <h1 class="page-title">Terms and Conditions of Use</h1>
+    <h1>Terms and Conditions of Use</h1>
 
     <h2>1. Terms</h2>
     <p>