diff options
| author | Jacky Zhao <[email protected]> | 2021-03-06 17:57:24 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-03-06 17:57:24 -0800 |
| commit | 5dd02b5c2acd7a4c408ce9ffa1d95e208d20bbc8 (patch) | |
| tree | 5a09bea364331dd0f41510153924065b815b702e /frontend/src/components/Watermark.js | |
| parent | fix(typo): public api docs endpoint (diff) | |
| parent | fix password modal (diff) | |
| download | ctrl-v-5dd02b5c2acd7a4c408ce9ffa1d95e208d20bbc8.tar.xz ctrl-v-5dd02b5c2acd7a4c408ce9ffa1d95e208d20bbc8.zip | |
Merge pull request #70 from jackyzha0/visual-overhaul
Diffstat (limited to 'frontend/src/components/Watermark.js')
| -rw-r--r-- | frontend/src/components/Watermark.js | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js new file mode 100644 index 0000000..2f6c8c6 --- /dev/null +++ b/frontend/src/components/Watermark.js @@ -0,0 +1,32 @@ +import styled from "styled-components"; +import React from "react"; +import Footer from "./Footer"; + +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; + } + + & > h1 { + font-size: 50px; + margin: 0 0; + + & > a { + text-decoration: none; + position: relative; + color: ${p => p.theme.colors.text}; + } + } +` +export const Watermark = () => <Logo> + <h1> + <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> + </h1> + <Footer /> +</Logo>
\ No newline at end of file |