Skip to content

Feature/titles #187

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Feature/titles #187

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e402bf2
remove section name from content
meganrm Mar 27, 2025
e03793c
add titles
meganrm Mar 27, 2025
e5f85b2
adding titles
meganrm Mar 27, 2025
e719c47
change case
meganrm Mar 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 3 additions & 6 deletions src/components/main-layout/ContentPanel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { Flex } from "antd";

import useModule from "../../hooks/useModule";
import { Section, PageContent, Module } from "../../types";
import { moduleNames } from "../../content";
import PointerIcon from "../icons/PointerIcon";
import NextButton from "../shared/NextButton";
import BackButton from "../shared/BackButton";
Expand Down Expand Up @@ -33,21 +32,19 @@ const ContentPanel: React.FC<ContentPanelProps> = ({
}) => {
const showButton = nextButton;
const { totalMainContentPages } = useModule(currentModule);
const moduleName = moduleNames[currentModule];
let header;
const module = <span style={{ fontWeight: 300 }}>{moduleName}</span>;
if (section !== Section.BonusContent) {
const pageInfo = `${pageNumber} of ${totalMainContentPages}`;
const pageInfo = `${pageNumber}/${totalMainContentPages}`;
if (title) {
header = (
<>
{pageInfo} - {module} - {title}
{pageInfo} - {title}
</>
);
} else {
header = (
<>
{pageInfo} - {module} - {Section[section]}
{pageInfo} - {Section[section]}
</>
);
}
Expand Down
8 changes: 6 additions & 2 deletions src/content/HighAffinity.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Start the Experiment",
title: "Start the experiment",
content: (
<>
Now, let's use this simulation to make measurements. We're going
Expand All @@ -72,7 +72,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Start the Experiment",
title: "Start the experiment",
content: (
<>
Now, let's use this simulation to make measurements. We're going
Expand All @@ -86,6 +86,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Identifying equilibrium",
content: (
<>
When the reaction first starts, the concentration of each
Expand All @@ -101,6 +102,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Affinity",
content: (
<>
The goal of these experiments is to figure out how tightly two
Expand All @@ -119,6 +121,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Repeating the experiment",
content: (
<>
We want to understand the affinity of{" "}
Expand All @@ -141,6 +144,7 @@ export const highAffinityContentArray: PageContent[] = [
layout: LayoutType.LiveSimulation,
},
{
title: "Deriving Kd",
content: (
<>
We use the constant{" "}
Expand Down
2 changes: 2 additions & 0 deletions src/content/LowAffinity.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ export const lowAffinityContentArray: PageContent[] = [
layout: LayoutType.FullScreenOverlay,
},
{
title: "Experiment with a binding partner",
content: (
<>
Molecule <C /> has a different binding affinity with molecule{" "}
Expand All @@ -23,6 +24,7 @@ export const lowAffinityContentArray: PageContent[] = [
"Press play and watch the Concentration over time plot until you think the reaction has reached equilibrium. Then, press the “Record” button to record the equilibrium concentration.",
},
{
title: "Determining Kd",
content: (
<>
We can use the same method we used for <A /> and <B /> to
Expand Down