From 3e8500d466b641ef34c24f8b0de8163a44ba7a9e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 22:17:18 -0800
Subject: refactoring css

---
 frontend/src/components/Watermark.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/src/components/Watermark.js

(limited to 'frontend/src/components/Watermark.js')

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
new file mode 100644
index 0000000..027aeb6
--- /dev/null
+++ b/frontend/src/components/Watermark.js
@@ -0,0 +1,26 @@
+import styled from "styled-components";
+import React from "react";
+
+const Logo = styled.h1`
+  position: absolute;
+  bottom: 0.75em;
+  left: 1em;
+  opacity: 0.3;
+  font-size: 50px;
+  margin: 0 0;
+  transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
+
+  & > a {
+    text-decoration: none;
+    position: relative;
+    color: ${p => p.theme.colors.text};
+    
+  }
+  
+  &:hover {
+    opacity: 1;
+  }
+`
+export const Watermark = () => <Logo>
+    <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+</Logo>
\ No newline at end of file
-- 
cgit v1.2.3


From 7a671bc96ef06df3da3d2dce3caca559f32c6627 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 23:12:28 -0800
Subject: text area styling

---
 frontend/src/components/Watermark.js | 1 -
 1 file changed, 1 deletion(-)

(limited to 'frontend/src/components/Watermark.js')

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
index 027aeb6..1b7863d 100644
--- a/frontend/src/components/Watermark.js
+++ b/frontend/src/components/Watermark.js
@@ -14,7 +14,6 @@ const Logo = styled.h1`
     text-decoration: none;
     position: relative;
     color: ${p => p.theme.colors.text};
-    
   }
   
   &:hover {
-- 
cgit v1.2.3


From 57584eeb0f8ba7212c613e0c79c20ec3dd67efc5 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 6 Mar 2021 13:54:03 -0800
Subject: code input style finalizations

---
 frontend/src/components/Watermark.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'frontend/src/components/Watermark.js')

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
index 1b7863d..6ab212b 100644
--- a/frontend/src/components/Watermark.js
+++ b/frontend/src/components/Watermark.js
@@ -2,9 +2,9 @@ import styled from "styled-components";
 import React from "react";
 
 const Logo = styled.h1`
-  position: absolute;
-  bottom: 0.75em;
-  left: 1em;
+  position: fixed;
+  bottom: 0.3em;
+  left: 0.5em;
   opacity: 0.3;
   font-size: 50px;
   margin: 0 0;
-- 
cgit v1.2.3


From dbf726d9e021a692254defdab8b993063b15354f Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 6 Mar 2021 16:09:51 -0800
Subject: update watermark styling

---
 frontend/src/components/Watermark.js | 43 +++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 18 deletions(-)

(limited to 'frontend/src/components/Watermark.js')

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
index 6ab212b..2f6c8c6 100644
--- a/frontend/src/components/Watermark.js
+++ b/frontend/src/components/Watermark.js
@@ -1,25 +1,32 @@
 import styled from "styled-components";
 import React from "react";
+import Footer from "./Footer";
 
-const Logo = styled.h1`
-  position: fixed;
-  bottom: 0.3em;
-  left: 0.5em;
-  opacity: 0.3;
-  font-size: 50px;
-  margin: 0 0;
-  transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
+const Logo = styled.div`
+    position: fixed;
+    bottom: 1em;
+    left: 2em;
+    opacity: 0.3;
+    transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
+    
+    &:hover {
+        opacity: 1;
+    }
 
-  & > a {
-    text-decoration: none;
-    position: relative;
-    color: ${p => p.theme.colors.text};
-  }
-  
-  &:hover {
-    opacity: 1;
-  }
+    & > h1 {
+        font-size: 50px;
+        margin: 0 0;
+      
+        & > a {
+            text-decoration: none;
+            position: relative;
+            color: ${p => p.theme.colors.text};
+        }
+    }
 `
 export const Watermark = () => <Logo>
-    <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+    <h1>
+        <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+    </h1>
+    <Footer />
 </Logo>
\ No newline at end of file
-- 
cgit v1.2.3