fix: update reference list formatting

src/app.css

@@ -89,7 +89,15 @@ strong {
 }
 
 .a-layout img {
-  max-width: 35rem;
+  max-width: min(35rem, 100%);
+}
+
+.a-layout i {
+  font-style: italic;
+}
+
+.a-layout b {
+  font-weight: bold;
 }
 
 .gradient-text {

src/lib/components/References.svelte

+<script>
+    import { fade } from 'svelte/transition'
+
+    let expanded = false
+</script>
+
+{#if expanded}
+    <div transition:fade class="rounded-3xl p-3 bg-sky-50" id="references">
+        <slot />
+    </div>
+{:else}
+    <button on:click={() => expanded = true} transition:fade class="rounded-3xl p-3 bg-sky-50">
+        Expand References
+    </button>
+{/if}

src/lib/components/SectionSelector.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <p class="font-display text-lg mb-3">On This Page</p>
-<div class="bg-cyan-50 rounded-3xl px-3 py-2">
+<div class="bg-sky-50 rounded-3xl px-3 py-2">
     {#each sections as section}
         <Section section={section} />
     {/each}

src/routes/description/+page.svelte

@@ -8,6 +8,7 @@
     import img7 from '$lib/images/pages/overview-img7.webp'
     import img8 from '$lib/images/pages/overview-img8.webp'
     import { onMount } from 'svelte'
+    import References from '$lib/components/References.svelte'
 
     let rightImage: HTMLElement
     let end: HTMLElement
@@ -242,15 +243,53 @@
 </div>
 
 <h2 bind:this={end} class="heading-2" id="references">References</h2>
-<p>In ScanCer, we refer to previous researchers' use of FRET technology for comparing ATP levels in the
-    mitochondrial matrix of HeLa cells with those in the cytoplasm and nucleus, and use FRET as the
-    technical
-    basis to improve an efficient ATP detection probe for high-throughput drug screening and fluorescence
-    imaging. Using the sensor that we have developed, we screened breast cancer medicines and conducted
-    functional validation.</p>
-<p>In ScanCer, we refer to previous researchers' use of FRET technology for comparing ATP levels in the
-    mitochondrial matrix of HeLa cells with those in the cytoplasm and nucleus, and use FRET as the
-    technical
-    basis to improve an efficient ATP detection probe for high-throughput drug screening and fluorescence
-    imaging. Using the sensor that we have developed, we screened breast cancer medicines and conducted
-    functional validation.</p>
+<References>
+    <p>Algar, W. R., Hildebrandt, N., Vogel, S. S., & Medintz, I. L. (2019). FRET as a biomolecular research tool —
+        understanding its potential while avoiding pitfalls. <i>Nature Methods, 16</i>(9), 815–829.
+        https://doi.org/10.1038/s41592-019-0530-8</p>
+
+    <p>Blay, V., Tolani, B., Ho, S. P., & Arkin, M. R. (2020). High-throughput screening: Today’s biochemical and
+        cell-based approaches. <i>Drug Discovery Today, 25</i>(10), 1807–1821.
+        https://doi.org/10.1016/j.drudis.2020.07.024</p>
+
+    <p>Erard, M., Fredj, A., Pasquier, H., Beltolngar, D. B., Bousmah, Y., Derrien, V., Vincent, P., & Merola, F.
+        (2013). Minimum set of mutations needed to optimize cyan fluorescent proteins for live cell imaging. <i>Molecular
+            bioSystems, 9</i>(2), 258–267. https://doi.org/10.1039/c2mb25303h</p>
+
+    <p>Gorodetska, I., Kozeretska, I., & Dubrovska, A. (2019). BRCA genes: The role in genome stability, cancer stemness
+        and therapy resistance. <i>Journal of Cancer, 10</i>(9), 2109–2127. https://doi.org/10.7150/jca.30410</p>
+
+    <p>Imamura, H., Nhat, K. P. H., Togawa, H., Saito, K., Iino, R., Kato-Yamada, Y., Nagai, T., & Noji, H. (2009).
+        Visualization of ATP levels inside single living cells with fluorescence resonance energy transfer-based
+        genetically encoded indicators. <i>Proceedings of the National Academy of Sciences, 106</i>(37), 15651–15656.
+        https://doi.org/10.1073/pnas.0904764106</p>
+
+    <p>Lambert, T. (n.d.). Aquamarine at FPbase. <i>FPbase</i>. Retrieved from
+        https://www.fpbase.org/protein/aquamarine/</p>
+
+    <p>Lambert, T. (n.d.). Mbaojin at FPbase. <i>FPbase</i>. Retrieved from https://www.fpbase.org/protein/mbaojin/</p>
+
+    <p>Miyawaki, A. (2003). Visualization of the spatial and temporal dynamics of intracellular signaling. <i>Developmental
+        Cell, 4</i>(3), 295–305. https://doi.org/10.1016/S1534-5807(03)00060-1</p>
+
+    <p>Siegel, R. L., Giaquinto, A. N., & Jemal, A. (2024). Cancer statistics, 2024. <i>CA: A Cancer Journal for
+        Clinicians, 74</i>(1), 12–49. https://doi.org/10.3322/caac.21820</p>
+
+    <p>Sun, Y. S., Zhao, Z., Yang, Z. N., Xu, F., Lu, H. J., Zhu, Z. Y., Shi, W., Jiang, J., Yao, P. P., & Zhu, H. P.
+        (2017). Risk factors and preventions of breast cancer. <i>International Journal of Biological Sciences, 13</i>(11),
+        1387–1397. https://doi.org/10.7150/ijbs.21635</p>
+
+    <p>Wang, N., Tytell, J., & Ingber, D. E. (2009). Mechanotransduction at a distance: Mechanically coupling the
+        extracellular matrix with the nucleus. <i>Nature Reviews Molecular Cell Biology, 10</i>(1), 75–82.
+        https://doi.org/10.1038/nrm2594</p>
+
+    <p>Zhang, H., Lesnov, G. D., Subach, O. M., Zhang, W., Kuzmicheva, T. P., Vlaskina, A. V., Samygina, V. R., Chen,
+        L., Ye, X., Nikolaeva, A. Y., Gabdulkhakov, A., Papadaki, S., Qin, W., Borshchevskiy, V., Perfilov, M. M.,
+        Gavrikov, A. S., Drobizhev, M., Mishin, A. S., Piatkevich, K. D., & Subach, F. V. (2024). Bright and stable
+        monomeric green fluorescent protein derived from staygold. <i>Nature Methods, 21</i>(4), 657–665.
+        https://doi.org/10.1038/s41592-024-02203-y</p>
+
+    <p>Zhou, H., Su, X., Lin, L., Zhang, J., Qi, Q., Guo, F., Xu, F., & Yang, B. (2019). Inhibitory effects of antiviral
+        drug candidates on canine parvovirus in F81 cells. <i>Viruses, 11</i>(8), 742. https://doi.org/10.3390/v11080742
+    </p>
+</References>

src/routes/model/+page.svelte

 <script>
     import { math } from 'mathlifier'
     import Molstar from '$lib/components/Molstar.svelte'
+    import References from '$lib/components/References.svelte'
 </script>
 
 <p>Throughout the project, our team utilized molecular docking technology to screen drugs from a drug library and
@@ -742,32 +743,31 @@
 <p>TODO</p>
 
 <h2 class="heading-2" id="references">References</h2>
-<p>Trott, O., & Olson, A. J. (2010). AutoDock Vina: improving the speed and accuracy of docking with a new scoring
-    function, efficient optimization, and multithreading. Journal of computational chemistry, 31(2), 455–461.
-    https://doi.org/10.1002/jcc.21334</p>
+<References>
+    <p>Abagyan, R., Totrov, M., & Kuznetsov, D. (1994). ICM—a new method for protein modeling and design: applications
+        to docking and structure prediction from the distorted native conformation. <i>Journal of Computational
+            Chemistry</i>, <i>15</i>(5), 488–506.</p>
 
-<p>Abagyan, R., Totrov, M., & Kuznetsov, D. (1994). ICM—a new method for protein modeling and design: applications to
-    docking and structure prediction from the distorted native conformation. Journal of computational chemistry, 15(5),
-    488-506.</p>
+    <p>Baxter, J. (1981). Local optima avoidance in depot location. <i>Journal of the Operational Research Society</i>,
+        <i>32</i>(9), 815–819.</p>
 
-<p>Holland JH. Adaptation in Natural and Artificial Systems. Ann Arbor: The University of Michigan Press; 1975.</p>
+    <p>Blum, A. R. C., Blesa, M., & Sampels, M. (Eds.). (2008). <i>Hybrid Metaheuristics: An Emerging Approach to
+        Optimization</i>. Springer-Verlag.</p>
 
-<p>Eberhart R, Kennedy J. A new optimizer using particle swarm theory. Proceedings of the Sixth International Symposium
-    on Micro Machine and Human Science; 1995. Oct 4, pp. 39–43.</p>
+    <p>Eberhart, R., & Kennedy, J. (1995). A new optimizer using particle swarm theory. In Proceedings of the Sixth
+        International Symposium on Micro Machine and Human Science (pp. 39–43).</p>
 
-<p>Kennedy J, Eberhart R. Particle swarm optimization. Proceedings of the IEEE International Conference on Neural
-    Networks; 1995. Nov, pp. 1942–1948.</p>
+    <p>Holland, J. H. (1975). <i>Adaptation in Natural and Artificial Systems</i>. The University of Michigan Press.</p>
 
-<p>Kirkpatrick S, Gelatt C, Vecchi M. Optimization by simulated annealing. Science. 1983 May;vol. 220:671–680.</p>
+    <p>Kennedy, J., & Eberhart, R. (1995). Particle swarm optimization. In Proceedings of the IEEE International
+        Conference on Neural Networks (pp. 1942–1948).</p>
 
-<p>Baxter J. Local optima avoidance in depot location. Journal of the Operational Research Society. 1981;vol. 32(no.
-    9):815–819.</p>
+    <p>Kirkpatrick, S., Gelatt, C., & Vecchi, M. (1983). Optimization by simulated annealing. <i>Science</i>, <i>220</i>,
+        671–680.</p>
 
-<p>Blum ARC, Blesa M, Sampels M, editors. Hybrid Metaheuristics: An Emerging Approach to Optimization. Springer-Verlag;
-    2008.</p>
+    <p>Trott, O., & Olson, A. J. (2010). AutoDock Vina: improving the speed and accuracy of docking with a new scoring
+        function, efficient optimization, and multithreading. <i>Journal of Computational Chemistry</i>, <i>31</i>(2),
+        455–461. https://doi.org/10.1002/jcc.21334</p>
 
-<p>Abagyan R, Totrov M, Kuznetsov D. ICM - A new method for protein modeling and design - applications to docking and
-    structure prediction from the distorted native conformation. Journal of Computational Chemistry. 1994 May;vol.
-    15:488–506.</p>
-
-<p>TODO</p>
\ No newline at end of file
+    <p>TODO</p>
+</References>