diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte index 94ec722076cab9d809237747b23c0039c9795e15..57193ad31dd2c797008f46515764f1e9b77b5a28 100644 --- a/src/lib/components/Section.svelte +++ b/src/lib/components/Section.svelte @@ -4,7 +4,7 @@ export let section: SectionSpecification </script> -<a class="mb-3" href={`#${section.id}`} style="line-height: 1.5 !important">{section.name}</a> +<a class="section" href={`#${section.id}`}>{section.name}</a> <div class="ml-5"> {#each section.subSections as sub} <svelte:self section={sub} /> diff --git a/src/lib/components/SectionSelector.svelte b/src/lib/components/SectionSelector.svelte index d030f8ee55280e1df0989441c071e5d98387f21b..d798cb57a6b04eb1e367803a6cc82a71199d682b 100644 --- a/src/lib/components/SectionSelector.svelte +++ b/src/lib/components/SectionSelector.svelte @@ -13,3 +13,14 @@ {/each} </div> </div> + +<style> + :global(.section) { + display: block; + line-height: 1.5 !important; + } + + :global(.section):not(:last-of-type) { + margin-bottom: 0.75rem; + } +</style> diff --git a/src/routes/engineering/+page.svelte b/src/routes/engineering/+page.svelte index d959855b6085352ea52ea53fbd5e6afb139d75f1..a8dbba7c5cb6d01aae613a2f63f819989e0cab5e 100644 --- a/src/routes/engineering/+page.svelte +++ b/src/routes/engineering/+page.svelte @@ -51,10 +51,12 @@ to add digestion sites of NheI and BamHI to the ends separately using PCR (Polymerase Chain Reaction) for its later insertion into the plasmid.</p> -<div class="flex justify-center"> - <img alt="ATP sensor sequence" src='https://static.igem.wiki/teams/5045/results-img4.webp' /> -</div> +<object class="w-full aspect-square" data="https://static.igem.wiki/teams/5045/results-sequence.pdf" + title="ATP sensor sequence" type="application/pdf" /> <p class="slight">Figure 4. ATP sensor sequence</p> +<p class="slight">Certain browsers may not support embedded PDF.</p> +<p class="text-center"><a class="inline" href="https://static.igem.wiki/teams/5045/results-sequence.pdf">Open in new + tab</a> <h2 class="heading-2" id="amplifying">Amplifying and Extracting Vector Plasmids</h2> <p> diff --git a/src/routes/results/+page.svelte b/src/routes/results/+page.svelte index ed098011d4f5eabce88a4cdf1c50c996aa3f9c35..a7051216a79877c6ab472ab2d2841b23d7207920 100644 --- a/src/routes/results/+page.svelte +++ b/src/routes/results/+page.svelte @@ -42,10 +42,12 @@ </div> <p class="slight">Figure 3. Simulating FRET protein pairs</p> -<div class="flex justify-center"> - <img alt="ATP sensor sequence" src='https://static.igem.wiki/teams/5045/results-img4.webp' /> -</div> +<object class="w-full aspect-square" data="https://static.igem.wiki/teams/5045/results-sequence.pdf" + title="ATP sensor sequence" type="application/pdf" /> <p class="slight">Figure 4. ATP sensor sequence</p> +<p class="slight">Certain browsers may not support embedded PDF.</p> +<p class="text-center"><a class="inline" href="https://static.igem.wiki/teams/5045/results-sequence.pdf">Open in new + tab</a></p> <p>In our experiment, we screened for anti-tumor drugs through high-throughput drug screening to validate the tool we developed, "ScanCer." We also hope that the drugs identified through this screening process may hold potential