From 15aa9c78135baa2c0e168c8a5e3a030a09a8f20c Mon Sep 17 00:00:00 2001
From: Dreta <32196824+Dreta@users.noreply.github.com>
Date: Wed, 2 Oct 2024 10:30:18 +0900
Subject: [PATCH] make sections clearer
---
src/lib/components/Section.svelte | 2 +-
src/lib/components/SectionSelector.svelte | 11 +++++++++++
src/routes/engineering/+page.svelte | 8 +++++---
src/routes/results/+page.svelte | 8 +++++---
4 files changed, 22 insertions(+), 7 deletions(-)
diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte
index 94ec722..57193ad 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 d030f8e..d798cb5 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 d959855..a8dbba7 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 ed09801..a705121 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
--
GitLab