diff --git a/assets/components/AppAppBar.tsx b/assets/components/AppAppBar.tsx index 1440ea4..97ed2ea 100644 --- a/assets/components/AppAppBar.tsx +++ b/assets/components/AppAppBar.tsx @@ -4,12 +4,11 @@ import AppBar from '@mui/material/AppBar'; import Toolbar from '@mui/material/Toolbar'; import Button from '@mui/material/Button'; import Container from '@mui/material/Container'; - -import Sitemark from './SitemarkIcon'; import {NavLink} from "react-router-dom"; import ToggleColorMode from "./ToggleColorMode"; import {PaletteMode} from "@mui/material"; import Link from "@mui/material/Link"; +import {Pets} from "@mui/icons-material"; interface AppAppBarProps { mode: PaletteMode; @@ -47,30 +46,9 @@ export default function AppAppBar({mode, toggleColorMode, isAuthenticated}: AppA })} > - - - - - - - - - - - + + - ); + ) + } diff --git a/assets/components/FAQ.tsx b/assets/components/FAQ.tsx deleted file mode 100644 index 4e86b62..0000000 --- a/assets/components/FAQ.tsx +++ /dev/null @@ -1,183 +0,0 @@ -import * as React from 'react'; -import Accordion from '@mui/material/Accordion'; -import AccordionDetails from '@mui/material/AccordionDetails'; -import AccordionSummary from '@mui/material/AccordionSummary'; -import Box from '@mui/material/Box'; -import Container from '@mui/material/Container'; -import Typography from '@mui/material/Typography'; - -import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; - -export default function FAQ() { - const [expanded, setExpanded] = React.useState(false); - - const handleChange = - (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => { - setExpanded(isExpanded ? panel : false); - }; - - return ( - - - Frequently asked questions - - - - } - aria-controls="panel1d-content" - id="panel1d-header" - > - - May I reuse the data obtained from Domain Watchdog? - - - - - Although the source code of this project is open source, the license does not - extend to the data collected by it.
- This data is redistributed under the same conditions as when it was obtained. - This means that you must respect the reuse conditions of each of the RDAP servers used.
-
- For each domain, Domain Watchdog tells you which RDAP server was contacted. It is your - responsibility to check the conditions of use of this server. - - - - - } - aria-controls="panel2d-content" - id="panel2d-header" - > - - What is an RDAP server? - - - - - The latest version of the WHOIS protocol was standardized in 2004 by RFC 3912 This - protocol allows anyone to retrieve key information concerning a domain name, an IP address, - or an entity registered with a registry.
-
- ICANN launched a global vote in 2023 to propose replacing the WHOIS protocol with RDAP. As a - result, registries and registrars will no longer be required to support WHOIS from 2025 - (WHOIS Sunset Date).
-
- Domain Watchdog uses the RDAP protocol, which will soon be the new standard for retrieving - information concerning domain names. - - - - - } - aria-controls="panel3d-content" - id="panel3d-header" - > - - What are Domain Watchdog's data sources? - - - - - This project relies on open access data. - Domain Watchdog uses the RDAP protocol, which will soon be the new standard for retrieving - information concerning domain names. - - - - - } - aria-controls="panel4d-content" - id="panel4d-header" - > - - What is the added value of Domain Watchdog rather than doing RDAP queries yourself? - - - - - Although the RDAP and WHOIS protocols allow you to obtain precise information about a - domain, it is not possible to perform a reverse search to discover a list of domain names - associated with an entity. Additionally, accessing a detailed history of events (ownership - changes, renewals, etc.) is not feasible with these protocols. - - - - - } - aria-controls="panel5d-content" - id="panel5d-header" - > - - Under what license is the source code for this project released? - - - - - This entire project is licensed under GNU Affero General Public License v3.0 or later. - The source code is published on GitHub and freely accessible. - - - - - - ); -} diff --git a/assets/components/Hero.tsx b/assets/components/Hero.tsx deleted file mode 100644 index b325fc4..0000000 --- a/assets/components/Hero.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import * as React from 'react'; -import Box from '@mui/material/Box'; -import Container from '@mui/material/Container'; -import Stack from '@mui/material/Stack'; -import Typography from '@mui/material/Typography'; -import {styled} from '@mui/material/styles'; - -const StyledBox = styled('div')(({theme}) => ({ - alignSelf: 'center', - width: '100%', - height: 400, - marginTop: theme.spacing(8), - borderRadius: theme.shape.borderRadius, - outline: '1px solid', - boxShadow: '0 0 12px 8px hsla(220, 25%, 80%, 0.2)', - backgroundImage: `url(${'/static/images/templates/templates-images/hero-light.png'})`, - outlineColor: 'hsla(220, 25%, 80%, 0.5)', - backgroundSize: 'cover', - [theme.breakpoints.up('sm')]: { - marginTop: theme.spacing(10), - height: 700, - }, - ...theme.applyStyles('dark', { - boxShadow: '0 0 24px 12px hsla(210, 100%, 25%, 0.2)', - backgroundImage: `url(${'/static/images/templates/templates-images/hero-dark.png'})`, - outlineColor: 'hsla(210, 100%, 80%, 0.1)', - }), -})); - -export default function Hero() { - return ( - ({ - width: '100%', - backgroundRepeat: 'no-repeat', - backgroundImage: - 'radial-gradient(ellipse 80% 50% at 50% -20%, hsl(210, 100%, 90%), transparent)', - ...theme.applyStyles('dark', { - backgroundImage: - 'radial-gradient(ellipse 80% 50% at 50% -20%, hsl(210, 100%, 16%), transparent)', - }), - })} - > - - - - Domain  - ({ - fontSize: 'inherit', - color: 'primary.main', - ...theme.applyStyles('dark', { - color: 'primary.light', - }), - })} - > - Watchdog - - - - Explore the fascinating history of domain names with Domain Watchdog. - This service collects open access information about domain names, helping track changes. - - - - - ); -} diff --git a/assets/components/Highlights.tsx b/assets/components/Highlights.tsx deleted file mode 100644 index 8e95fe1..0000000 --- a/assets/components/Highlights.tsx +++ /dev/null @@ -1,108 +0,0 @@ -import * as React from 'react'; -import Box from '@mui/material/Box'; -import Card from '@mui/material/Card'; -import Container from '@mui/material/Container'; -import Grid from '@mui/material/Grid'; -import Stack from '@mui/material/Stack'; -import Typography from '@mui/material/Typography'; -import AutoFixHighRoundedIcon from '@mui/icons-material/AutoFixHighRounded'; -import QueryStatsRoundedIcon from '@mui/icons-material/QueryStatsRounded'; -import SettingsSuggestRoundedIcon from '@mui/icons-material/SettingsSuggestRounded'; -import ThumbUpAltRoundedIcon from '@mui/icons-material/ThumbUpAltRounded'; - -const items = [ - { - icon: , - title: 'Virtuous RDAP requests', - description: - 'Domain Watchdog is designed to make as few RDAP requests as possible so as not to overload them.', - }, - { - icon: , - title: 'Open access API', - description: - 'The Domain Watchdog API is accessible to all its users.', - }, - { - icon: , - title: 'Open Source', - description: - 'The project is licensed under AGPL-3.0. The source code is freely available on GitHub.', - }, - { - icon: , - title: 'Data quality', - description: - 'The data is retrieved from official top-level domain name registries. Once collected, this data is made available to users of this service.', - }, -]; - -export default function Highlights() { - return ( - - - - - Highlights - - - Here are the reasons why Domain Watchdog is the solution for domain name tracking. - - - - {items.map((item, index) => ( - - - {item.icon} -
- - {item.title} - - - {item.description} - -
- - - ))} - - - - ); -} diff --git a/assets/components/SitemarkIcon.tsx b/assets/components/SitemarkIcon.tsx deleted file mode 100644 index 2ba55c3..0000000 --- a/assets/components/SitemarkIcon.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import * as React from 'react'; -import SvgIcon from '@mui/material/SvgIcon'; - -export default function SitemarkIcon() { - return ( - - - - - ); -} diff --git a/assets/index.tsx b/assets/index.tsx index 5784855..b562e3b 100644 --- a/assets/index.tsx +++ b/assets/index.tsx @@ -1,7 +1,5 @@ import React, {useEffect, useState} from "react"; import ReactDOM from "react-dom/client"; - -import LandingPage from "./pages/LandingPage"; import TextPage from "./pages/TextPage"; import {HashRouter, Route, Routes} from "react-router-dom"; @@ -36,15 +34,14 @@ function App() { - }/> + {isAuthenticated ? + }/> + : + }/> + } }/> }/> - {isAuthenticated ? - }/> - : - }/> - } + diff --git a/assets/pages/DashboardPage.tsx b/assets/pages/DashboardPage.tsx index 80d1688..6cba6c4 100644 --- a/assets/pages/DashboardPage.tsx +++ b/assets/pages/DashboardPage.tsx @@ -1,12 +1,10 @@ import React from 'react'; -const DashboardPage = () => { +export default function DashboardPage() { return ( <>

Dashboard

); }; - -export default DashboardPage; diff --git a/assets/pages/LandingPage.tsx b/assets/pages/LandingPage.tsx deleted file mode 100644 index ec94fec..0000000 --- a/assets/pages/LandingPage.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import * as React from 'react'; -import Box from '@mui/material/Box'; -import Divider from '@mui/material/Divider'; -import Hero from '../components/Hero'; -import Highlights from '../components/Highlights'; -import FAQ from '../components/FAQ'; -import Footer from '../components/Footer'; - -export default function Index() { - return ( - <> - - - - - - - -