Docs updates. Broken links.

rerdavies · Oct 21, 2024 · b0580d8 · b0580d8
1 parent c8ab948
commit b0580d8
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 11 deletions.
diff --git a/website/src/VersionInfo.tsx b/website/src/VersionInfo.tsx
@@ -6,7 +6,7 @@ export function Lv2cVersion(): string { return lv2cVersion_; };
 export function Lv2cVersionNotice() : string { return ``;
 }
 
-const copyrightText: string = "Copyright © 2023 Robin Davies.";
+const copyrightText: string = "Copyright © 2024 Robin E. R. Davies.";
 
 export function Lv2cCopyrightText() : string { return copyrightText; }
 
diff --git a/website/src/routes/About.tsx b/website/src/routes/About.tsx
@@ -1,11 +1,42 @@
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import ArchitectureDiagram from '../ArchitectureDiagram';
+import { Link} from "react-router-dom";
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { FigureCaption,SmallPrint, P, Ul,Subheading } from './documentation/StandardFormats';
+import { Lv2cCopyrightText, Lv2cVersion, Lv2cVersionNotice } from '../VersionInfo';
+import { Lv2Cairo } from './documentation/StandardFormats';
+
 
 
 const About = ()=> {
+    const floatLogo = useMediaQuery('(min-width:600px)');
+
     return (
-        <div>
-            <p>About page.</p>
-        </div>
-    );
+        <Box className={"page_frame"}>
+            <div className={"page_column"}>
+                <img src="img/LvcLogo.svg" 
+                    style={{position: "absolute", left: -90,top: -2, height: 76, 
+                        display: floatLogo? undefined: "none"}} />
+
+                <Typography variant="h2" sx={{ marginBottom: 4 }}>
+                    <span style={{fontWeight: 900, color: "#505050"}}>Sponsorship</span>
+                </Typography>
+                <P>
+                    <Lv2Cairo/> accepts sponsorship donations through Github Sponsors. Click <a href='https://github.com/sponsors/rerdavies'>here</a> to make a donation.
+                </P>
+                <div style={{height: 24}} />
+                <div style={{height: 1, background:"#606060",marginTop: 16, marginBottom: 16}} />
+                <Typography paragraph style={{fontSize: "0.8em"}}>
+                    Lv2Cairo is provided under the terms of 
+                    an <Link to="/license">MIT license</Link>.
+                    <br/>{Lv2cCopyrightText()}
+                </Typography>
 
+
+
+            </div>
+        </Box>
+    );
 }
 export default About;
diff --git a/website/src/routes/Home.tsx b/website/src/routes/Home.tsx
@@ -93,12 +93,16 @@ const Home = () => {
 
                 <Box sx={{ paddingLeft: 4, marginBottom: 1.5 }}>
                     <Link to="/documentation/index"><Typography >The Documentation</Typography></Link>
+                    <Box sx={{ paddingLeft: 2, marginTop: 1 }}>
+                        <Link to="/documentation/overview"><Typography >More Details</Typography></Link>
+                        <Link to="/documentation/getting_started"> <Typography>Getting Started</Typography></Link>
+                        <Link to="/documentation/building_an_lv2_audio_plugin"> <Typography>Building an LV2 Audio Plugin</Typography></Link>
+                        <Link to="/documentation/building_an_lv2_ui_plugin"> <Typography>Building an LV2 UI Plugin</Typography></Link>
+                        <Link to="/documentation/apis"> <Typography>API Documentation</Typography></Link>
+                        <Link to="/documentation/coding_conventions"> <Typography>Lv2Cairo Coding Conventions</Typography></Link>
+                    </Box>
                     <br/>
-                    <Link to="/documentation/overview"><Typography >More Details</Typography></Link>
-                    <Link to="/documentation/getting_started"> <Typography>Getting Started</Typography></Link>
-                    <Link to="/documentation/build_an_lv2_audio_plugin"> <Typography>Building an LV2 Audio Plugin</Typography></Link>
-                    <Link to="/documentation/build_an_lv2_ui_plugin"> <Typography>Building an LV2 UI Plugin</Typography></Link>
-                    <br/>
+
                     <a href="http://github.com/rerdavies/lv2cairo"> <Typography>The GitHub Repository</Typography></a>
                 </Box>
                 <div style={{height: 24}} />

diff --git a/website/src/routes/documentation/DocIndex.tsx b/website/src/routes/documentation/DocIndex.tsx
@@ -16,7 +16,7 @@ function DocIndex() {
     return (
         <Box >
             <Box className={"page_column"}>
-                <img src="img/Lv2C-Logo-whitebg.svg" style={{position: "absolute", left: -138,top: -14, width: 125, display: floatLogo? undefined: "none"}} />
+                <img src="img/LvcLogo.svg" style={{position: "absolute", left: -138,top: -14, width: 125, display: floatLogo? undefined: "none"}} />
                 <Typography variant="h3" style={{fontWeight: 1200}}>Lv2Cairo</Typography>
                 <Typography variant="h6" paragraph>The Documentation</Typography>
                 {