From 93e9679ab46e3c412736f7192e9f945328a06af0 Mon Sep 17 00:00:00 2001 From: swve Date: Tue, 21 Jun 2022 22:39:39 +0200 Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20create=20sponsors=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Footer/Footer.tsx | 69 +++++++++++++++------------ components/Header/Header.tsx | 2 - pages/sponsoring.tsx | 92 ++++++++++++++++++++++++++++++++++++ 3 files changed, 130 insertions(+), 33 deletions(-) create mode 100644 pages/sponsoring.tsx diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx index f75c93e..9ae9865 100644 --- a/components/Footer/Footer.tsx +++ b/components/Footer/Footer.tsx @@ -4,40 +4,47 @@ import styled from "styled-components"; export default function Footer(props) { return ( - - © 2022 Sweave   ⏤{" "} - - + <> + + © 2022 Sweave   ⏤{" "} + + + ); } -const FooterWrapper: any = styled.div` +const FooterCopyright: any = styled.div` position: relative; display: flex; margin: auto; diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx index 9ba0131..1d8d161 100644 --- a/components/Header/Header.tsx +++ b/components/Header/Header.tsx @@ -217,5 +217,3 @@ const LeftWrapper: any = styled.div` } `; -// Dialog CSS -const ApiDialog = styled(Dialog)``; diff --git a/pages/sponsoring.tsx b/pages/sponsoring.tsx new file mode 100644 index 0000000..66f1f8b --- /dev/null +++ b/pages/sponsoring.tsx @@ -0,0 +1,92 @@ +import Footer from "@components/Footer/Footer"; +import Header from "@components/Header/Header"; +import React from "react"; +import styled from "styled-components"; + +function Privacy() { + return ( + <> + +
+

Sponsoring

+ +

Sponsors ✨

+ +

GitStory isn't sponsored yet.

+

+ If you like GitStory and find it useful please feel free to support me & the open source project through GitHub sponsors{" "} + + here + +

+

Your Sponsorship 💓

+

+ Your sponsorship helps to maintain, improve, update and support GitStory and{" "} + + Framestack + and future incoming open source projects. +

+ +
+ + + ); +} + +const SponsoInfo = styled.div` + background-color: #171d21e6; + -webkit-backdrop-filter: saturate(180%) blur(14px); + backdrop-filter: saturate(180%) blur(14px); + + padding: 50px; + padding-top: 10px; + width: fit-content; + border-radius: 6px; + overflow: clip; + font-size: 14px; + box-shadow: 0 9px 11px 2px rgb(3 8 19 / 20%); + margin-top: 50px; + + top: -10px; + position: relative; + + h2 { + font-size: 30px; + } + + h4 { + font-size: 20px; + font-weight: bolder; + } + + a { + font: bold; + text-decoration: underline; + } +`; + +const GradientHeader = styled.div` + height: 380px; + padding-left: 130px; + padding-right: 130px; + padding-top: 30px; + + @media (max-width: 768px) { + padding-left: 60px; + padding-right: 60px; + } + background: linear-gradient(180deg, #09090a 0%, rgba(39, 49, 55, 0.52) 100%), + linear-gradient(228.87deg, rgba(69, 80, 174, 0.54) 9.05%, rgba(227, 9, 88, 0.27) 51.25%, rgba(255, 255, 255, 0) 84.11%), + linear-gradient(243.33deg, #4c15eb 5.62%, #245aaa 36.13%, rgba(221, 50, 13, 0.71) 127.92%); + + h1 { + padding-top: 20px; + font-size: 45px; + } + + // media query for mobile + @media (max-width: 1500px) { + height: 650px; + } +`; +export default Privacy; From 0b965b9a6777e9c0a6253bda9a108eb8cf5d7d10 Mon Sep 17 00:00:00 2001 From: swve Date: Tue, 21 Jun 2022 22:48:21 +0200 Subject: [PATCH 2/2] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20fix=20typos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/about.tsx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/pages/about.tsx b/pages/about.tsx index a7e5b2c..dd3910c 100644 --- a/pages/about.tsx +++ b/pages/about.tsx @@ -17,11 +17,11 @@ function About() { -

Explore your favorite projects by going back in time using the reactive calendar

+

Use the Reactive calendar to go back in time

 -

See the list of commits by day/month/year

+

Check commits by day, month and year

 @@ -29,7 +29,7 @@ function About() { -

Explore "snapshots" of GitHub repositories by navigating to the exact tree of a commit

+

Explore "snapshots" of GitHub repositories by navigating to the exact commit

@@ -38,7 +38,10 @@ function About() { 💜 {" "} - by + by{" "} + + +