PSS-495 | Update about page (#191)

sora-xor · Apr 27, 2021 · 0e2936b · 0e2936b
1 parent e028fec
commit 0e2936b
Show file tree

Hide file tree

Showing 41 changed files with 699 additions and 188 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -113,10 +113,16 @@
       <div class="app-body">
         <div class="app-content">
           <router-view :parent-loading="loading" />
-          <p v-if="!isAboutPage" class="app-disclaimer">{{ t('disclaimer') }}</p>
+          <p v-if="isAboutPage" class="app-disclaimer about-disclaimer">{{ t('disclaimer') }}</p>
+          <p v-else class="app-disclaimer">{{ t('disclaimer') }}</p>
         </div>
-        <footer class="app-footer">
-          <p v-if="isAboutPage" class="app-disclaimer">{{ t('disclaimer') }}</p>
+        <footer v-if="isAboutPage" class="app-footer about-footer">
+          <div class="sora-logo">
+            <span class="sora-logo__title">{{ t('poweredBy') }}</span>
+            <div class="sora-logo__image"></div>
+          </div>
+        </footer>
+        <footer v-else class="app-footer">
           <div class="sora-logo">
             <span class="sora-logo__title">{{ t('poweredBy') }}</span>
             <div class="sora-logo__image"></div>
@@ -441,7 +447,7 @@ $logo-width: 40px;
 $logo-width-big: 150px;
 $logo-horizontal-margin: $inner-spacing-mini / 2;
 $header-height: 64px;
-$sidebar-witdh: 160px;
+$sidebar-width: 160px;
 $sora-logo-height: 36px;
 $sora-logo-width: 173.7px;
 $account-name-margin: -2px 8px 0 12px;
@@ -465,7 +471,7 @@ $disclaimer-letter-spacing: -0.03em;
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-    width: $sidebar-witdh;
+    width: $sidebar-width;
     border-right: 1px solid var(--s-color-base-border-secondary);
     padding-top: $inner-spacing-small;
     padding-bottom: $inner-spacing-medium;

diff --git a/src/assets/about/about01.png b/src/assets/about/about01.png
diff --git a/src/assets/about/about02-1.png b/src/assets/about/about02-1.png
diff --git a/src/assets/about/about02-2.png b/src/assets/about/about02-2.png
diff --git a/src/assets/about/about02-shadow-1.png b/src/assets/about/about02-shadow-1.png
diff --git a/src/assets/about/about02.png b/src/assets/about/about02.png
diff --git a/src/assets/about/about02x.png b/src/assets/about/about02x.png
diff --git a/src/assets/about/about03-1.png b/src/assets/about/about03-1.png
diff --git a/src/assets/about/about03-2.png b/src/assets/about/about03-2.png
diff --git a/src/assets/about/about03-shadow-1.png b/src/assets/about/about03-shadow-1.png
diff --git a/src/assets/about/about03.png b/src/assets/about/about03.png
diff --git a/src/assets/about/about03x.png b/src/assets/about/about03x.png
diff --git a/src/assets/about/about04-1.png b/src/assets/about/about04-1.png
diff --git a/src/assets/about/about04-2.png b/src/assets/about/about04-2.png
diff --git a/src/assets/about/about04-shadow-1.png b/src/assets/about/about04-shadow-1.png
diff --git a/src/assets/about/about04.png b/src/assets/about/about04.png
diff --git a/src/assets/about/about04x.png b/src/assets/about/about04x.png
diff --git a/src/assets/about/about05-1.png b/src/assets/about/about05-1.png
diff --git a/src/assets/about/about05-2.png b/src/assets/about/about05-2.png
diff --git a/src/assets/about/about05-shadow-1.png b/src/assets/about/about05-shadow-1.png
diff --git a/src/assets/about/about05.png b/src/assets/about/about05.png
diff --git a/src/assets/about/about05x.png b/src/assets/about/about05x.png
diff --git a/src/assets/about/about06-shadow-1.png b/src/assets/about/about06-shadow-1.png
diff --git a/src/assets/about/about06.png b/src/assets/about/about06.png
diff --git a/src/assets/about/about07-1.png b/src/assets/about/about07-1.png
diff --git a/src/assets/about/about07-2.png b/src/assets/about/about07-2.png
diff --git a/src/assets/about/about07-3.png b/src/assets/about/about07-3.png
diff --git a/src/assets/about/about07-shadow-1.png b/src/assets/about/about07-shadow-1.png
diff --git a/src/assets/about/about08.png b/src/assets/about/about08.png
diff --git a/src/assets/about/hero.png b/src/assets/about/hero.png
diff --git a/src/assets/about/web3.png b/src/assets/about/web3.png
diff --git a/src/assets/about/web3.svg b/src/assets/about/web3.svg
diff --git a/src/assets/img/social/github.svg b/src/assets/img/social/github.svg
diff --git a/src/assets/img/social/medium.svg b/src/assets/img/social/medium.svg
diff --git a/src/assets/img/social/reddit.svg b/src/assets/img/social/reddit.svg
diff --git a/src/assets/img/social/sora.svg b/src/assets/img/social/sora.svg
diff --git a/src/assets/img/social/telegram.svg b/src/assets/img/social/telegram.svg
diff --git a/src/assets/img/social/twitter.svg b/src/assets/img/social/twitter.svg