From 979b69a5f75f237799449d4523f49f4469b41266 Mon Sep 17 00:00:00 2001
From: Avani Sardana <avanisardana@MacBookAir.local>
Date: Tue, 1 Oct 2024 23:50:56 +0530
Subject: [PATCH] Notebook Final
---
wiki/pages/notebook.html | 55 ++++++++++++++++++++++++++++++----------
1 file changed, 41 insertions(+), 14 deletions(-)
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index 849766c..b9288f6 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -4,27 +4,54 @@
{% block lead %}Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.{% endblock %}
{% block page_content %}
+
+<style>
+ /* Style for the PDF container */
+ #pdf-container {
+ width: 100%;
+ height: 600px;
+ border: 1px solid #ccc;
+ margin-top: 20px;
+ }
+
+ /* Buttons styling */
+ .toggle-btn {
+ margin-right: 10px;
+ padding: 10px 20px;
+ cursor: pointer;
+ background-color: #008CBA;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ }
+
+ .toggle-btn:hover {
+ background-color: #005f73;
+ }
+</style>
<link href="{{ url_for('static', filename = 'blog.css') }}" rel="stylesheet">
<!-- <div class="row mt-4">
<div class="col-lg-8">
<p class="body-text">{{ note|safe }}</p>
</div>
</div> -->
-
-<div class="container"></div>
- <div class="row">
- <div class="col-md-12 text-center">
- <h1 class="display-4"><b>Notebook</b></h1>
- <hr style="width:75%; margin: auto;" />
- <div style="height: 3rem;"></div>
- <p><a href="https://static.igem.wiki/teams/5170/protein-expression.pdf">Protein Expression</a></p>
- <p><a href="https://static.igem.wiki/teams/5170/protein-purification-and-verification.pdf">Protein Purification and Verification</a></p>
- <p><a href="https://static.igem.wiki/teams/5170/phosphorylation.pdf">Phosphorylation</a></p>
- <p><a href="https://static.igem.wiki/teams/5170/click-reaction-and-binding-of-aptamers.pdf">Click Reaction and binding of Aptamers</a></p>
- </div>
- </div>
+<h1 class="padding text-center">Lab Notebook</h1>
+<div style="text-align: center;">
+<button class="toggle-btn" onclick="showPDF('https://static.igem.wiki/teams/5170/protein-expression.pdf')">Protein Expression</button>
+<button class="toggle-btn" onclick="showPDF('https://static.igem.wiki/teams/5170/protein-purification-and-verification.pdf')">Protein Purification and Verification</button>
+<button class="toggle-btn" onclick="showPDF('https://static.igem.wiki/teams/5170/phosphorylation.pdf')">Phosphorylation</button>
+<button class="toggle-btn" onclick="showPDF('https://static.igem.wiki/teams/5170/click-reaction-and-binding-of-aptamers.pdf')">Click Reaction and binding of Aptamers</button>
+<button class="toggle-btn" onclick="showPDF('https://static.igem.wiki/teams/5170/asymmetricpcr.pdf')">Asymmetric PCR</button>
+</div>
+<div id="pdf-container">
+ <iframe id="pdf-viewer" src="https://static.igem.wiki/teams/5170/protein-expression.pdf" width="100%" height="100%"></iframe>
</div>
-<div style="height: 10rem;"></div>
+<script>
+ // JavaScript function to change the PDF source
+ function showPDF(pdfUrl) {
+ document.getElementById('pdf-viewer').src = pdfUrl;
+ }
+</script>
{% endblock %}
--
GitLab