logo

laineee · Aug 15, 2022 · a8267c3 · a8267c3
1 parent 9bd7f2b
commit a8267c3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -14,7 +14,10 @@ export default function Home() {
       </Head>
 
       <main className={styles.main}>
-        <h1 className={styles.toplogo}>tuuli</h1>
+        <div className={styles.topbar}>
+          <Image src="/logo.png" width={40} height={40} layout={"fixed"}/>
+          <h1 className={styles.toplogo}>tuuli</h1>
+        </div>
         <h1 className={styles.title}>
           Manage material data - like <span className={styles.gradient}> magic</span>
         </h1>

diff --git a/public/logo.png b/public/logo.png
diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -40,13 +40,20 @@
 
 .toplogo {
   font-size: 3rem;
-  padding: 2rem;
   font-weight: 500;
-  opacity: 80%;
-  color: #f3ec78;
+  opacity: 100%;
+  color: #ccc554;
   font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
 }
 
+.topbar {
+  padding: 2rem;
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: 5px;
+  align-items: center;
+}
+
 .title {
   margin: 0;
   line-height: 1.15;