mirror of
https://github.com/AykutSarac/jsoncrack.com.git
synced 2025-01-12 19:02:53 +08:00
update privacy
This commit is contained in:
AykutSarac
parent
9def292467
commit
4d6a9b9a15
@ -78,7 +78,7 @@
|
||||
"• if we believe disclosure is necessary or appropriate to protect the rights, property, or safety of the Company, our customers, or others."
|
||||
],
|
||||
"Security of Data": [
|
||||
"The security of your data is important to us but remember that no method of transmission over the Internet or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security."
|
||||
"All data processing and operations are done entirely on the client side. No data is sent to or stored on our servers. Your data remains private on your device."
|
||||
],
|
||||
"Service Providers": [
|
||||
"We may employ third party companies and individuals to facilitate our Service (“Service Providers”), provide Service on our behalf, perform Service-related services or assist us in analyzing how our Service is used.",
|
||||
@ -86,7 +86,7 @@
|
||||
],
|
||||
"Analytics": [
|
||||
"We may use third-party Service Providers to monitor and analyze the use of our Service.",
|
||||
"We use Google Analytics as a third-party tracking service, but we don’t use it to track you individually or collect personal user information. We use Google Analytics to collect information about how our website performs and how our users, in general, navigate through and use jsoncrack.com. This helps us evaluate our users use of jsoncrack.com, compile statistical reports on activity, and improve our content and website performance",
|
||||
"We use Google Analytics as a third-party tracking service, but we don't use it to track you individually or collect personal user information. We use Google Analytics to collect information about how our website performs and how our users, in general, navigate through and use jsoncrack.com. This helps us evaluate our users use of jsoncrack.com, compile statistical reports on activity, and improve our content and website performance",
|
||||
"Google Analytics gathers certain simple, non-personally identifying information over time, browser type, internet service provider, referring and exit pages, timestamp, and similar data about your use of jsoncrack.com. We do not link this information to any of your personal information such as your username. We do not collect IP addresses through Google Analytics.",
|
||||
"Google provides further information about its own privacy practices and offers a browser add-on to opt out of Google Analytics tracking here: https://support.google.com/analytics/answer/4597324?hl=en"
|
||||
],
|
||||
|
||||
@ -1,129 +0,0 @@
|
||||
import React from "react";
|
||||
import dynamic from "next/dynamic";
|
||||
import { useRouter } from "next/router";
|
||||
import {
|
||||
Alert,
|
||||
Anchor,
|
||||
Center,
|
||||
Container,
|
||||
LoadingOverlay,
|
||||
MantineProvider,
|
||||
Text,
|
||||
} from "@mantine/core";
|
||||
import styled, { ThemeProvider } from "styled-components";
|
||||
import { FaInfoCircle } from "react-icons/fa";
|
||||
import { lightTheme } from "src/constants/theme";
|
||||
import { JSONCrackLogo } from "src/layout/JsonCrackLogo";
|
||||
|
||||
const Toaster = dynamic(() => import("react-hot-toast").then(c => c.Toaster));
|
||||
|
||||
const StyledWrapper = styled.div`
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: 40px 40px;
|
||||
background-image: linear-gradient(to right, #f7f7f7 1px, transparent 1px),
|
||||
linear-gradient(to bottom, #f7f7f7 1px, transparent 1px);
|
||||
image-rendering: pixelated;
|
||||
-webkit-mask-image: linear-gradient(to bottom, transparent, 0%, white, 98%, transparent);
|
||||
mask-image: linear-gradient(to bottom, transparent, 0%, white, 98%, transparent);
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledPaper = styled.div`
|
||||
border-radius: 0px;
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
padding: 24px;
|
||||
|
||||
background: rgba(255, 255, 255, 0.09);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
`;
|
||||
|
||||
function Loading() {
|
||||
const router = useRouter();
|
||||
const [loading, setLoading] = React.useState(false);
|
||||
|
||||
React.useEffect(() => {
|
||||
const handleStart = (url: string) => url !== router.asPath && setLoading(true);
|
||||
const handleComplete = (url: string) => url === router.asPath && setLoading(false);
|
||||
|
||||
router.events.on("routeChangeStart", handleStart);
|
||||
router.events.on("routeChangeComplete", handleComplete);
|
||||
router.events.on("routeChangeError", handleComplete);
|
||||
|
||||
return () => {
|
||||
router.events.off("routeChangeStart", handleStart);
|
||||
router.events.off("routeChangeComplete", handleComplete);
|
||||
router.events.off("routeChangeError", handleComplete);
|
||||
};
|
||||
});
|
||||
|
||||
if (loading) return <LoadingOverlay visible />;
|
||||
return null;
|
||||
}
|
||||
|
||||
export const AuthLayout = ({ children }: React.PropsWithChildren) => {
|
||||
return (
|
||||
<StyledWrapper>
|
||||
<MantineProvider forceColorScheme="light">
|
||||
<ThemeProvider theme={lightTheme}>
|
||||
<Toaster
|
||||
position="bottom-right"
|
||||
containerStyle={{
|
||||
bottom: 34,
|
||||
right: 8,
|
||||
fontSize: 14,
|
||||
}}
|
||||
toastOptions={{
|
||||
style: {
|
||||
background: "#4D4D4D",
|
||||
color: "#B9BBBE",
|
||||
borderRadius: 4,
|
||||
},
|
||||
}}
|
||||
/>
|
||||
|
||||
<Container>
|
||||
<Center mb="xl">
|
||||
<JSONCrackLogo fontSize="1.5rem" />
|
||||
</Center>
|
||||
<Alert py="sm" mb="md" color="indigo" icon={<FaInfoCircle />}>
|
||||
Premium editor has been moved to{" "}
|
||||
<Anchor href="https://todiagram.com" inherit rel="noopener">
|
||||
todiagram.com
|
||||
</Anchor>
|
||||
.
|
||||
</Alert>
|
||||
<StyledPaper>
|
||||
{children}
|
||||
<Loading />
|
||||
</StyledPaper>
|
||||
<Text maw={250} ta="center" mx="auto" pos="relative" mt="md" fz="xs" c="gray.6">
|
||||
By continuing you are agreeing to our{" "}
|
||||
<Anchor fz="xs" component="a" href="/legal/terms" target="_blank">
|
||||
Terms of Service
|
||||
</Anchor>{" "}
|
||||
and{" "}
|
||||
<Anchor fz="xs" component="a" href="/legal/privacy" target="_blank">
|
||||
Privacy Policy
|
||||
</Anchor>
|
||||
</Text>
|
||||
</Container>
|
||||
</ThemeProvider>
|
||||
</MantineProvider>
|
||||
</StyledWrapper>
|
||||
);
|
||||
};
|
||||
@ -20,7 +20,7 @@ const Privacy = () => {
|
||||
Privacy Policy
|
||||
</Title>
|
||||
<Text c="gray.6" ta="center">
|
||||
Last updated: May 21, 2024
|
||||
Last updated: Nov 30, 2024
|
||||
</Text>
|
||||
|
||||
<Stack mt={50} my="lg">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user