From d5f6c5aee04bfef9b53ed099e774c58afc823840 Mon Sep 17 00:00:00 2001 From: Francisco Pessano Date: Fri, 15 Apr 2022 23:33:57 -0300 Subject: [PATCH] Index page done --- package.json | 2 + public/favicon.ico | Bin 0 -> 10083 bytes public/index.html | 2 +- src/App.js | 8 -- src/App.jsx | 27 +++++ src/Pages/Auth.jsx | 9 ++ src/Pages/Index/Index.jsx | 112 +++++++++++++++++++++ src/Pages/Index/background.svg | 1 + src/Pages/Index/icon (rounded borders).png | Bin 0 -> 22623 bytes src/components/Header/Header.jsx | 58 +++++++++++ src/components/Header/icon.png | Bin 0 -> 13520 bytes src/index.js | 2 + src/styles.css | 20 ++++ src/styles.css.map | 1 + src/styles.scss | 17 ++++ 15 files changed, 250 insertions(+), 9 deletions(-) create mode 100644 public/favicon.ico delete mode 100644 src/App.js create mode 100644 src/App.jsx create mode 100644 src/Pages/Auth.jsx create mode 100644 src/Pages/Index/Index.jsx create mode 100644 src/Pages/Index/background.svg create mode 100644 src/Pages/Index/icon (rounded borders).png create mode 100644 src/components/Header/Header.jsx create mode 100644 src/components/Header/icon.png create mode 100644 src/styles.css create mode 100644 src/styles.css.map create mode 100644 src/styles.scss diff --git a/package.json b/package.json index 120fc85..6327f03 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,9 @@ "@testing-library/user-event": "^13.5.0", "react": "^18.0.0", "react-dom": "^18.0.0", + "react-router-dom": "^6.3.0", "react-scripts": "5.0.1", + "styled-components": "^5.3.5", "web-vitals": "^2.1.4" }, "scripts": { diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..04ffce060a67576e0f3afb0def2a9c7c882ae867 GIT binary patch literal 10083 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 VK6=}T>>@u7=xFL|)M9L7{s(+PL~#HB literal 0 HcmV?d00001 diff --git a/public/index.html b/public/index.html index aa069f2..5b58cf0 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Telegram to Notion Bot diff --git a/src/App.js b/src/App.js deleted file mode 100644 index d7991e6..0000000 --- a/src/App.js +++ /dev/null @@ -1,8 +0,0 @@ -function App() { - return ( - <> - - ); -} - -export default App; \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..197e417 --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,27 @@ +import { + BrowserRouter as Router, + Routes, + Route, + Link +} from "react-router-dom"; + +import Header from './components/Header/Header' + +import Auth from './Pages/Auth' +import Index from './Pages/Index/Index' + +function App() { + return ( + <> +
+ + + } /> + } /> + + + + ); +} + +export default App; \ No newline at end of file diff --git a/src/Pages/Auth.jsx b/src/Pages/Auth.jsx new file mode 100644 index 0000000..a6059a2 --- /dev/null +++ b/src/Pages/Auth.jsx @@ -0,0 +1,9 @@ +function Auth() { + + return ( +
+
+ ) +} + +export default Auth \ No newline at end of file diff --git a/src/Pages/Index/Index.jsx b/src/Pages/Index/Index.jsx new file mode 100644 index 0000000..eb74c82 --- /dev/null +++ b/src/Pages/Index/Index.jsx @@ -0,0 +1,112 @@ +import background from './background.svg' +import styled from "styled-components" + +function Index() { + + const IndexStyles = styled.div` + + height: calc(100vh - 15vh - 1px); //Minus header height and 1 pixel for prevent scrollbar + width: 100%; + + display: flex; + flex-direction: column; + + aspect-ratio: 960/300; + + background-image: url(${background}); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + + .title-list { + + color: #000; + + li { + + display: flex; + align-items: flex-end; + + margin-bottom: 1vh; + + a { + + width: fit-content; + color: #000; + text-decoration: none; + + &:hover h2 { + text-decoration: underline!important; + } + } + + h2 { + display: inline-block; + margin: 0; + font-size: 25pt; + } + + span { + display: inline-block; + + color: #999; + + margin-left: 1vw; + margin-top: 5px; + + align-self: center; + } + } + } + + .link-to-bot { + + width: fit-content; + + color: #fff; + background-color: #4797ff; + + border-radius: 5px; + + margin-top: 6vh; + margin-left: 1vw; + padding: 3vh 6vw; + + font-size: 20pt; + font-weight: bold; + text-decoration: none; + + transition: 0.4s ease-in-out; + + &:hover { + background-color: #0088cc; + transition: 0.4s ease-in-out; + } + } + ` + + const listData = [ + {text: "Free"}, + {text: "Open Source", link: "https://github.com/FranP-code/Telegram-to-Notion-Bot"}, + {text: "Unlimited"}, + {text: "Forever", secondaryText: "(while I can afford it)"} + ] + + return ( + + + + + ) +} + +export default Index \ No newline at end of file diff --git a/src/Pages/Index/background.svg b/src/Pages/Index/background.svg new file mode 100644 index 0000000..89d7bdd --- /dev/null +++ b/src/Pages/Index/background.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/Pages/Index/icon (rounded borders).png b/src/Pages/Index/icon (rounded borders).png new file mode 100644 index 0000000000000000000000000000000000000000..da6f91a6216d20c7461a1507b7f79c64d7e719ef GIT binary patch literal 22623 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 MwgIAA%P#7F08GD#CjbBd literal 0 HcmV?d00001 diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx new file mode 100644 index 0000000..6f871b7 --- /dev/null +++ b/src/components/Header/Header.jsx @@ -0,0 +1,58 @@ +import icon from './icon.png' +import styled from 'styled-components' + +function Header() { + + const HeaderStyles = styled.header` + + height: 15vh; + + display: flex; + align-items: center; + + padding: 0px 2vw; + + border-bottom: 1px solid #eee; + + .logotype { + display: flex; + align-items: center; + + img { + width: 80px; + height: 80px; + + margin-right: 1vw; + + &:hover { + animation: rotate-image 0.5s cubic-bezier(1.000, 0.000, 0.000, 1.000) both; + } + } + + @keyframes rotate-image { + 0% { + transform: rotate(0deg) + } + + 100% { + transform: rotate(360deg) + } + } + } + + ` + + return ( + +
+ Page icon +

Telegram to Notion Bot

+
+
+ +
+
+ ) +} + +export default Header \ No newline at end of file diff --git a/src/components/Header/icon.png b/src/components/Header/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..5b4cc61c479f5fa49d88b27181475f83f5a6897c GIT binary patch literal 13520 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 literal 0 HcmV?d00001 diff --git a/src/index.js b/src/index.js index 5d4fdcf..0eb610a 100644 --- a/src/index.js +++ b/src/index.js @@ -3,6 +3,8 @@ import ReactDOM from 'react-dom/client'; import App from './App'; import reportWebVitals from './reportWebVitals'; +import './styles.css' + const root = ReactDOM.createRoot(document.getElementById('root')); root.render( diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..b5d68ad --- /dev/null +++ b/src/styles.css @@ -0,0 +1,20 @@ +html, body { + margin: 0; + padding: 0; +} + +body { + @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap"); + font-family: "Inter", sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; +} + +img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +}/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/src/styles.css.map b/src/styles.css.map new file mode 100644 index 0000000..85a73d9 --- /dev/null +++ b/src/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;ACCJ;;ADEA;EACY,+FAAA;EACR,gCAAA;ACCJ;;ADEA;EACI,SAAA;ACCJ;;ADEA;EACI,yBAAA;KAAA,sBAAA;MAAA,qBAAA;UAAA,iBAAA;ACCJ","file":"styles.css"} \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss new file mode 100644 index 0000000..54a049f --- /dev/null +++ b/src/styles.scss @@ -0,0 +1,17 @@ +html, body { + margin: 0; + padding: 0; +} + +body { + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap'); + font-family: 'Inter', sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; +} + +img { + user-select: none; +} \ No newline at end of file