Merge pull request #353 from deltaDAO/feat/add-logo

feat: add logo
deltaDAO · May 8, 2023 · eec7b23 · eec7b23
2 parents 07eadc6 + 458c1d1
commit eec7b23
Show file tree

Hide file tree

Showing 3 changed files with 106 additions and 0 deletions.
diff --git a/src/@images/deltaDAO_Logo_small_RGB_positiv.svg b/src/@images/deltaDAO_Logo_small_RGB_positiv.svg
diff --git a/src/components/@shared/Page/PageHeader.module.css b/src/components/@shared/Page/PageHeader.module.css
@@ -15,6 +15,17 @@
   hyphens: auto;
 }
 
+.homeTitleContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.homeTitleContainer h1 {
+  margin-bottom: calc(var(--spacer) / 2);
+}
+
 .homeTitleContainer h1 span {
   display: block;
 }
@@ -38,6 +49,11 @@
   margin-bottom: 0;
 }
 
+.homeTitleContainer svg {
+  width: 15rem;
+  height: 5rem;
+}
+
 .center,
 .search {
   margin-left: auto;

diff --git a/src/components/@shared/Page/PageHeader.tsx b/src/components/@shared/Page/PageHeader.tsx
@@ -3,6 +3,7 @@ import classNames from 'classnames/bind'
 import styles from './PageHeader.module.css'
 import Markdown from '@shared/Markdown'
 import SearchBar from '@components/Header/SearchBar'
+import DeltaDAOLogo from '@images/deltaDAO_Logo_small_RGB_positiv.svg'
 
 const cx = classNames.bind(styles)
 
@@ -35,6 +36,13 @@ export default function PageHeader({
               </span>
             ))}
           </h1>
+          <a
+            href="https://delta-dao.com/"
+            target="_blank"
+            rel="noreferrer noopener"
+          >
+            <DeltaDAOLogo />
+          </a>
         </div>
       ) : (
         <h1 className={styles.title}>{title}</h1>