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