diff --git a/foomo/docs/projects/architecture.mdx b/foomo/docs/projects/architecture.mdx index d469643..bffd560 100644 --- a/foomo/docs/projects/architecture.mdx +++ b/foomo/docs/projects/architecture.mdx @@ -44,6 +44,6 @@ When it comes to writing backend services we have decided for Go https://go.dev - [webgrapple](webgrapple) - a development proxy - + diff --git a/foomo/docusaurus.config.js b/foomo/docusaurus.config.js index 8ae68c6..7eae368 100644 --- a/foomo/docusaurus.config.js +++ b/foomo/docusaurus.config.js @@ -115,6 +115,16 @@ const config = { footer: { links: [ + { + title: 'github', + items: [ + { + label: 'https://github.com/foomo', + to: 'https://github.com/foomo', + + }, + ], + }, { title: 'legal', items: [ diff --git a/foomo/package.json b/foomo/package.json index fe16edb..e173de3 100644 --- a/foomo/package.json +++ b/foomo/package.json @@ -15,10 +15,10 @@ "typecheck": "tsc" }, "dependencies": { - "@docusaurus/core": "2.1.0", - "@docusaurus/preset-classic": "^2.1.0", - "@docusaurus/theme-live-codeblock": "^2.1.0", - "@docusaurus/theme-search-algolia": "^2.1.0", + "@docusaurus/core": "2.2.0", + "@docusaurus/preset-classic": "^2.2.0", + "@docusaurus/theme-live-codeblock": "^2.2.0", + "@docusaurus/theme-search-algolia": "^2.2.0", "@mdx-js/react": "^1.6.21", "@saucelabs/theme-github-codeblock": "0.1.1", "@svgr/webpack": "^5.5.0", @@ -32,7 +32,7 @@ "url-loader": "^4.1.1" }, "devDependencies": { - "@docusaurus/module-type-aliases": "^2.1.0", + "@docusaurus/module-type-aliases": "^2.2.0", "@tsconfig/docusaurus": "^1.0.4", "typescript": "^4.3.5" }, diff --git a/foomo/src/components/Iframe.tsx b/foomo/src/components/Iframe.tsx index cfa749d..5a53a20 100644 --- a/foomo/src/components/Iframe.tsx +++ b/foomo/src/components/Iframe.tsx @@ -1,10 +1,18 @@ import React from "react"; -export const Iframe = (props: { proportion?: number; src: string }) => { +export const Iframe = (props: { + proportion?: number; + src: string; + style?: React.CSSProperties; +}) => { let { proportion, src } = props; if (!proportion) { proportion = 4 / 3; } + if (!props.style) { + props.style = {}; + } + return (
{ paddingTop: 100 / proportion + "%", position: "relative", float: "left", + ...props.style, }} >