updated styling to match overture.bio

Author: MitchellShiell

website/docs/03-other-software/images/arrangerDev.svg

@@ -4,7 +4,7 @@ import type * as Preset from '@docusaurus/preset-classic';
 
 const config: Config = {
   title: 'Overture Docs',
-  tagline: 'Docs for Developers & Informaticians',
+  tagline: 'Resources for Developers & Informaticians',
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here

website/docs/03-other-software/images/maestroDev.svg

@@ -15,10 +15,10 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "3.5.2",
-    "@docusaurus/preset-classic": "3.5.2",
-    "@docusaurus/theme-mermaid": "^3.5.2",
-    "@docusaurus/theme-search-algolia": "^3.5.2",
+    "@docusaurus/core": "^3.6.2",
+    "@docusaurus/preset-classic": "^3.6.2",
+    "@docusaurus/theme-mermaid": "^3.6.2",
+    "@docusaurus/theme-search-algolia": "^3.6.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
@@ -27,9 +27,9 @@
     "swagger-ui-react": "^5.17.14"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.5.2",
-    "@docusaurus/tsconfig": "3.5.2",
-    "@docusaurus/types": "3.5.2",
+    "@docusaurus/module-type-aliases": "^3.6.2",
+    "@docusaurus/tsconfig": "^3.6.2",
+    "@docusaurus/types": "^3.6.2",
     "typescript": "~5.5.2"
   },
   "browserslist": {

website/docs/03-other-software/images/platform.svg

@@ -0,0 +1,50 @@
+import React from 'react';
+import Link from '@docusaurus/Link';
+import styles from './styles.module.css';
+
+interface ButtonProps {
+  children: React.ReactNode;
+  className?: string;
+  to?: string;
+  variant?: 'primary' | 'secondary';
+  size?: 'small' | 'normal' | 'large';
+  onClick?: () => void;
+}
+
+const Button: React.FC<ButtonProps> = ({
+  children,
+  className = '',
+  to,
+  variant = 'primary',
+  size = 'normal',
+  onClick,
+}) => {
+  const classes = [
+    styles.button,
+    variant === 'primary' ? styles.primary : styles.secondary,
+    size === 'small' ? styles.small : size === 'large' ? styles.large : '',
+    className,
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+  if (onClick) {
+    return (
+      <button className={classes} onClick={onClick} type="button">
+        {children}
+      </button>
+    );
+  }
+
+  if (to) {
+    return (
+      <Link className={classes} to={to}>
+        {children}
+      </Link>
+    );
+  }
+
+  return null;
+};
+
+export default Button;