From bf6306d03d07d9b5e4ca9d5c4d40143fe39b8af2 Mon Sep 17 00:00:00 2001 From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de> Date: Sat, 21 Sep 2024 17:01:19 +0200 Subject: [PATCH] supplement --- src/App/App.css | 2 ++ src/components/Headings.tsx | 4 ++-- src/contents/methods.tsx | 17 +++++++++++++++++ src/headers/meth-h.tsx | 10 ++++++++++ src/headers/prodesc-h.tsx | 2 +- src/headers/sup-h.tsx | 2 +- src/pages.ts | 30 ++++++++++++++++++++++++------ 7 files changed, 57 insertions(+), 10 deletions(-) create mode 100644 src/contents/methods.tsx create mode 100644 src/headers/meth-h.tsx diff --git a/src/App/App.css b/src/App/App.css index 22b463cf..2f7d0fa9 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -676,6 +676,8 @@ footer a:hover { .teamcolzwei{ margin-top: 3rem !important; } + + img, picture, svg { diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx index 850c387a..6a98c996 100644 --- a/src/components/Headings.tsx +++ b/src/components/Headings.tsx @@ -154,8 +154,8 @@ export function Hwave({text, id}:{text: string, id?: string}){ </path> </pattern> </defs> - <text textAnchor="middle" x="50" y="15" fontSize="15" fill="url(#wave)" fillOpacity="0.6">{text}</text> - <text textAnchor="middle" x="50" y="15" fontSize="15" fill="url(#gradient)" fillOpacity="0.3">{text}</text> + <text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#wave)" fillOpacity="0.6">{text}</text> + <text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#gradient)" fillOpacity="0.3">{text}</text> </svg> ) } diff --git a/src/contents/methods.tsx b/src/contents/methods.tsx new file mode 100644 index 00000000..389d255b --- /dev/null +++ b/src/contents/methods.tsx @@ -0,0 +1,17 @@ +import { useNavigateTabs } from "../utils/navigation"; +export function Methods() { + useNavigateTabs(); + return ( + <> + <div className="row"> + <div className="col"> + + </div> + </div> + <div className="row"> + + </div> + </> + ); + } + \ No newline at end of file diff --git a/src/headers/meth-h.tsx b/src/headers/meth-h.tsx new file mode 100644 index 00000000..71c86bdc --- /dev/null +++ b/src/headers/meth-h.tsx @@ -0,0 +1,10 @@ +export function METHH() { + + return ( + <HeaderBox title="Materials" title2="& Methods"> + + </HeaderBox> + ); + } + + import HeaderBox from "../components/HeaderBox"; \ No newline at end of file diff --git a/src/headers/prodesc-h.tsx b/src/headers/prodesc-h.tsx index c9ffe0d9..19b9fd5b 100644 --- a/src/headers/prodesc-h.tsx +++ b/src/headers/prodesc-h.tsx @@ -1,7 +1,7 @@ export function PRODESC() { return ( - <HeaderBox title="Records" > + <HeaderBox title="Project" title2="Documentation" > </HeaderBox> ); diff --git a/src/headers/sup-h.tsx b/src/headers/sup-h.tsx index 85b4c7a6..9e378aa8 100644 --- a/src/headers/sup-h.tsx +++ b/src/headers/sup-h.tsx @@ -1,7 +1,7 @@ export function SUPH() { return ( - <HeaderBox title="Supplementary Data"> + <HeaderBox title="Supplementary" title2="Material"> </HeaderBox> ); diff --git a/src/pages.ts b/src/pages.ts index 65a1da01..4a68590a 100644 --- a/src/pages.ts +++ b/src/pages.ts @@ -23,6 +23,8 @@ } from "./contents"; import { DescSidebar, NoSidebar, EngSide } from "./contents"; import { IBIE, JUDGEH, PRODESC, SUPH, PARTH, ENGH, HOMEH, HPH, SPONH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH } from "./contents"; +import { Methods } from "./contents/methods"; +import { METHH } from "./headers/meth-h"; interface Base { name: string | undefined; @@ -150,6 +152,14 @@ const Pages: (Page | Folder)[] = [ header: JUDGEH, navlist: NoSidebar, }, + { + name: "Materials and Methods", + title: "Materials and Methods", + path: "/materials-methods", + component: Methods, + header: METHH, + navlist: NoSidebar, + }, { name: "Notebook", title: "Notebook", @@ -199,9 +209,9 @@ const Pages: (Page | Folder)[] = [ navlist: SafetySidebar, }, { - name: "Materials and Methods", + name: "Supplementary Material", title: "Supplementary", - path: "/materials-methods", + path: "/supplement", component: Supplementary, header: SUPH, navlist: NoSidebar, @@ -297,6 +307,14 @@ export const NavPages: (Page | PageRef | Folder)[] = [ header: PRODESC, navlist: NoSidebar }, + { + name: "Supplementary Material", + title: "Supplementary", + path: "/supplement", + component: Supplementary, + header: SUPH, + navlist: NoSidebar, + }, ], }, { @@ -312,10 +330,10 @@ export const NavPages: (Page | PageRef | Folder)[] = [ }, { name: "Materials and Methods", - title: "Supplementary", + title: "Materials and Methods", path: "/materials-methods", - component: Supplementary, - header: SUPH, + component: Methods, + header: METHH, navlist: NoSidebar, }, { @@ -335,7 +353,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [ navlist: NoSidebar, }, { - name: "Documentation", + name: "Notebook", title: "Notebook", path: "/notebook", component: Notebook, -- GitLab