Skip to content
Snippets Groups Projects
Commit 343d9189 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

added pages

parent 9ad88411
No related branches found
No related tags found
2 merge requests!4React branch,!3React branch
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 3648 additions and 465 deletions
README.md
+ 8
− 1
View file @ 343d9189
......@@ -96,4 +96,11 @@ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
source ~/.nvm/nvm.sh
nvm install 18.18.0
nvm alias default 18.18.0
nvm use 18.18.0
\ No newline at end of file
nvm use 18.18.0
How to switch to node version 20.0.0:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
source ~/.nvm/nvm.sh
nvm install 20.0.0
nvm alias default 20.0.0
nvm use 20.0.0
\ No newline at end of file
index.html
+ 1
− 0
View file @ 343d9189
......@@ -9,6 +9,7 @@
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>%VITE_TEAM_NAME% - iGEM %VITE_TEAM_YEAR%</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="root"></div>
......
package-lock.json 0 → 100644
+ 3231
− 0
View file @ 343d9189
This diff is collapsed.
package.json
+ 2
− 1
View file @ 343d9189
......@@ -15,7 +15,8 @@
"react": "^18.2.0",
"react-bootstrap": "^2.10.2",
"react-dom": "^18.2.0",
"react-router-dom": "^6.23.0"
"react-router-dom": "^6.23.0",
"use-local-storage": "^3.0.0"
},
"devDependencies": {
"@types/node": "^20.12.10",
......
src/components/Header.tsx
+ 1
− 1
View file @ 343d9189
......@@ -5,7 +5,7 @@ interface HeaderProps {
export function Header({ title, lead }: HeaderProps) {
return (
<header className="bg-hero py-5 mb-5">
<header className="py-5 mb-5">
<div className="container h-100">
<div className="row h-100 align-items-center">
<div className="col-lg-12">
......
src/components/Navbar.tsx
+ 1
− 1
View file @ 343d9189
......@@ -45,7 +45,7 @@ export function Navbar({isDarkMode, setIsDarkMode}:any) {
});
return (
<BootstrapNavbar expand="lg" bg={isDarkMode ? "dark" : "light"} variant={isDarkMode ? "dark" : "light"} fixed="top">
<BootstrapNavbar className="navbar-custom" expand="lg" bg={isDarkMode ? "d" : "l"} variant={isDarkMode ? "dark" : "light"} fixed="top">
<Container>
<BootstrapNavbar.Brand>
{import.meta.env.VITE_TEAM_NAME}
......
src/containers/App/App.css
+ 32
− 11
View file @ 343d9189
:root {
/* our colours*/
--text-primary: #850F78;
--mediumpurple: #bc15aa;
/*--purple: #B85BD1; */
--accen-secondary: #F57D22;
--accent-primary: #F4CC1E;
--lightyellow: #fae99e;
--lightblue: #A0A7F3 ;
--offblack: #32232C ;
--cebitecgray: #8295A4;
/*--offwhite: #e9dff1; */
--ourbeige: #FFF6F2;
--background: white;
/*igem colours*/
--igemdarkgreen: #006530;
--igemmediumgreen: #019968;
--igemlightgreen: #99cb9a;
}
body {
padding-top: 56px;
background-color: #fffdf0;
background-color: var(--background);
color: #493843;
}
body.dark-mode {
background-color: #130d11;
color: #fffdf0;
background-color: var(--offblack);
color: white;
}
.left-aligned {
margin-left: auto;
.bg-d{
background-color: var(--text-primary) !important;
color: white;
}
.bg-dark {
background-color: #27233A !important;
.bg-l{
background-color: var(--text-primary) !important;
color: white;
}
.bg-hero {
background-color: #05204A;
color: #FFDB23;
.left-aligned {
margin-left: auto;
}
/* CALLOUT */
.bd-callout {
padding: 1.25rem;
......
src/contents/bfh.tsx 0 → 100644
+ 26
− 0
View file @ 343d9189
import { Link } from "react-router-dom";
export function Bfh() {
return (
<>
<div className="row">
<div className="col">
<h2>Wiki under construction!</h2>
<hr />
<p>See you soon!</p>
</div>
</div>
<div className="row">
<div className="d-flex flex-column justify-content-center align-items-center">
<h2></h2>
<hr />
<Link to="/description" className="btn btn-secondary btn-lg">
Project Description
</Link>
</div>
</div>
</>
);
}
src/contents/index.tsx
+ 3
− 0
View file @ 343d9189
......@@ -23,3 +23,6 @@ export * from "./model.tsx";
export * from "./plant.tsx";
export * from "./software.tsx";
export * from "./sustainable.tsx";
// Contribution
export * from "./bfh.tsx";
export * from "./wiki.tsx";
\ No newline at end of file
src/contents/wiki.tsx 0 → 100644
+ 26
− 0
View file @ 343d9189
import { Link } from "react-router-dom";
export function Wiki() {
return (
<>
<div className="row">
<div className="col">
<h2>Wiki under construction!</h2>
<hr />
<p>See you soon!</p>
</div>
</div>
<div className="row">
<div className="d-flex flex-column justify-content-center align-items-center">
<h2></h2>
<hr />
<Link to="/description" className="btn btn-secondary btn-lg">
Project Description
</Link>
</div>
</div>
</>
);
}
src/pages.ts
+ 22
− 1
View file @ 343d9189
......@@ -19,7 +19,9 @@ import {
Plant,
Software,
Sustainable,
Bfh
} from "./contents";
import { Wiki } from "./contents/wiki";
interface Base {
name: string | undefined;
......@@ -41,7 +43,7 @@ class Page implements Base {
const Pages: (Page | Folder)[] = [
{
name: "Home",
title: "Atropos",
title: "Bielefeld CeBiTec",
path: "/",
component: Home,
lead: "Change the fates' design...",
......@@ -194,6 +196,25 @@ const Pages: (Page | Folder)[] = [
},
],
},
{
name: "Contribution",
folder: [
{
name: "BFH",
title: "BFH European MeetUp",
path: "/bfh",
component: Bfh,
lead: "MeetUp",
},
{
name: "Wiki",
title: "wiki",
path: "/wiki",
component: Wiki,
lead: "Wiki",
},
]
},
];
export default Pages;
src/utils/index.css 0 → 100644
+ 26
− 0
View file @ 343d9189
:root {
/* our colours*/
--text-primary: #850F78;
--mediumpurple: #bc15aa;
/*--purple: #B85BD1; */
--accen-secondary: #F57D22;
--accent-primary: #F4CC1E;
--lightyellow: #fae99e;
--lightblue: #A0A7F3 ;
--offblack: #32232C ;
--cebitecgray: #8295A4;
/*--offwhite: #e9dff1; */
--ourbeige: #FFF6F2;
--background: white;
/*igem colours*/
--igemdarkgreen: #006530;
--igemmediumgreen: #019968;
--igemlightgreen: #99cb9a;
}
[data-theme='dark'] {
--accen-secondary: #F57D22;
--accent-primary: #F4CC1E;
--background: #32232C;
--text-primary: white;
--text-secondary: grey;
}
\ No newline at end of file
yarn.lock
+ 269
− 449
View file @ 343d9189
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment