From 72a89f563033eb13d7db84a9091a9d590a11a22e Mon Sep 17 00:00:00 2001
From: Avani Sardana <avanisardana@MacBookAir.local>
Date: Wed, 2 Oct 2024 04:32:48 +0530
Subject: [PATCH] added images to education, hp

---
 static/edublog.css                | 24 ++++++++++++++++++++++++
 wiki/edublogs/colouringbook.md    |  4 +++-
 wiki/edublogs/labvisit.md         |  2 ++
 wiki/edublogs/natpaperpres.md     |  4 +++-
 wiki/edublogs/openday.md          | 10 +++++++++-
 wiki/edublogs/paperdisc.md        |  4 +++-
 wiki/edublogs/pictionary.md       | 11 ++++++++++-
 wiki/edublogs/researchpaper.md    | 11 ++++++++++-
 wiki/edublogs/schoolvisits.md     |  4 +++-
 wiki/edublogs/scicomm.md          | 11 ++++++++++-
 wiki/edublogs/scitechquiz.md      |  9 +++++++++
 wiki/edublogs/syntheticbiology.md |  8 ++++++++
 wiki/edublogs/whatisigem.md       | 11 ++++++++++-
 wiki/pages/blog.html              |  1 +
 wiki/pages/edublog.html           |  3 ++-
 wiki/pages/education.html         |  2 +-
 16 files changed, 108 insertions(+), 11 deletions(-)
 create mode 100644 static/edublog.css

diff --git a/static/edublog.css b/static/edublog.css
new file mode 100644
index 0000000..9a72441
--- /dev/null
+++ b/static/edublog.css
@@ -0,0 +1,24 @@
+.card-body{
+    /*grey background with opacity 0.2*/
+    background-color: rgba(128, 128, 128, 0.2);
+    border: none;
+    border-radius: 10px;
+    /*fit page with equal left and right margins*/
+    margin-bottom: 2%;
+    margin-right: 0%;
+}
+
+.card-mb-4{
+    border: none;
+}
+.card-title, .card-text, .blog-text{
+    color: black;
+    margin-right: 0%;
+}
+
+img {
+    max-height: 300px;
+    max-width: auto;
+    display: block;
+    margin-left: auto; 
+    margin-right: auto;}
\ No newline at end of file
diff --git a/wiki/edublogs/colouringbook.md b/wiki/edublogs/colouringbook.md
index 41e760b..80a4b59 100644
--- a/wiki/edublogs/colouringbook.md
+++ b/wiki/edublogs/colouringbook.md
@@ -9,4 +9,6 @@ Colouring is often deemed to be a therapeutic and relaxing activity, for childre
 
 Anushka and Geeth from iGEM IISc's design team curated a SynBio colouring book over the course of the iGEM cycle, with colour-in pictures of DNA and bacteria, among other Synthetic Biology motifs; as well as of neurons and the brain, among other biological concepts closely related to AptalXero. 
 
-The final colouring book consisted of over twenty drawings for children to colour-in, and was distributed in some government schools in Bangalore. We present below some snippets from the colouring book.
\ No newline at end of file
+The final colouring book consisted of over twenty drawings for children to colour-in, and was distributed in some government schools in Bangalore. We present below some snippets from the colouring book.
+
+![coloring book](https://static.igem.wiki/teams/5170/hp-images/coloringbook.jpeg "Coloring Book")
\ No newline at end of file
diff --git a/wiki/edublogs/labvisit.md b/wiki/edublogs/labvisit.md
index 70868d2..394a12f 100644
--- a/wiki/edublogs/labvisit.md
+++ b/wiki/edublogs/labvisit.md
@@ -11,3 +11,5 @@ The IISc iGEM team opened the doors of its lab on 7 and 8 September 2024 for a l
 The visitors were shown the different equipment used in the lab and explained the basic principles behind the different techniques and assays used in Synthetic Biology - such as gel electrophoresis, bacterial culture and PCR. Special emphasis was laid on the importance of following proper lab ethics and safety practices. 
 
 The student visitors appreciated this experience of gaining exposure to what research looked like, and were exciting to work in a lab some day.   
+
+![lab visit](https://static.igem.wiki/teams/5170/hp-images/labvisit.jpg "Lab Visit")
diff --git a/wiki/edublogs/natpaperpres.md b/wiki/edublogs/natpaperpres.md
index 878993c..19406de 100644
--- a/wiki/edublogs/natpaperpres.md
+++ b/wiki/edublogs/natpaperpres.md
@@ -8,4 +8,6 @@ iGEM IISc organised a paper presentation competition in collaboration with Natur
 
 The session was attended by first and second year undergraduates and was a learning experience for everyone, with thought provoking discussion sessions following each presentation. The Naturalists convenors constituted the judging panel for the event, and gave the participants feedback on their presentations and ways in which they could improve. 
 
-The event was a great way for students to learn how to present a topic to an audience which may not have a background in the field, which is an essential skill in research and academia. 
\ No newline at end of file
+The event was a great way for students to learn how to present a topic to an audience which may not have a background in the field, which is an essential skill in research and academia. 
+
+![Paper Presentation](https://static.igem.wiki/teams/5170/hp-images/paperppt.png "Paper Presentation")
\ No newline at end of file
diff --git a/wiki/edublogs/openday.md b/wiki/edublogs/openday.md
index af7972d..7b48aa1 100644
--- a/wiki/edublogs/openday.md
+++ b/wiki/edublogs/openday.md
@@ -9,4 +9,12 @@ IISc’s much awaited event of the year, the Open Day, was held on 24 February 2
 Though still in the preliminary stages of finalising our idea, iGEM IISc took the opportunity to set up our own stall at the Open Day. The team leader Subhanan and the co-team leader Suvam held the stall and presented posters educating the general public about Synthetic Biology, as well as aptamers and their utility in ongoing research in theranostics for a wide repertoire of diseases.
 
 The visitors were intrigued to learn about recent advances and what all has been achieved with Synthetic Biology, and were excited to hear about iGEM and the prospects it provides to students, particularly undergraduates, in solving real-world problems and giving shape to their ideas.
-  
\ No newline at end of file
+  
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/openday1.jpeg" alt="Open Day">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/openday2.jpeg" alt="Open Day">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/edublogs/paperdisc.md b/wiki/edublogs/paperdisc.md
index 1eef28c..0e63aca 100644
--- a/wiki/edublogs/paperdisc.md
+++ b/wiki/edublogs/paperdisc.md
@@ -8,4 +8,6 @@ iGEM IISc 2024, together with the future iGEMers from IISc, organised a research
 
 Open discussion is the most fruitful way to learn new things and expand your horizons, and this session certainly provided a great opportunity to learn from one's peers. It was fascinating to see the passion with which topics were presented from fields spanning from astrobiology to systems chemistry. 
 
-The session was an afternoon full of scintillating conversations and scientific debates, and left all the attendees yearning for more knowledge. The future iGEMers were excited to continue this tradition throughout their 2025 iGEM cycle. 
\ No newline at end of file
+The session was an afternoon full of scintillating conversations and scientific debates, and left all the attendees yearning for more knowledge. The future iGEMers were excited to continue this tradition throughout their 2025 iGEM cycle. 
+
+<img src="https://static.igem.wiki/teams/5170/hp-images/paperdisc.jpeg" alt="Open Day">
\ No newline at end of file
diff --git a/wiki/edublogs/pictionary.md b/wiki/edublogs/pictionary.md
index cd06439..3b288de 100644
--- a/wiki/edublogs/pictionary.md
+++ b/wiki/edublogs/pictionary.md
@@ -6,4 +6,13 @@ date: 28 August 2024
 
 To take a break from the stress of research work and academics, iGEM IISc organised a fun event on 25 August 2024 - SynBio Pictionary!
 
-Participants were divided into four teams, and took turns picking chits from a box, which listed words related to Synthetic Biology, and drew them for their team to guess. The experience was a fun one, and even presented the opportunity to learn new things in the process. All the participants had an evening full of laughs, a welcome break before they went back to their tight schedules.
\ No newline at end of file
+Participants were divided into four teams, and took turns picking chits from a box, which listed words related to Synthetic Biology, and drew them for their team to guess. The experience was a fun one, and even presented the opportunity to learn new things in the process. All the participants had an evening full of laughs, a welcome break before they went back to their tight schedules.
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/pictionary1.jpeg" alt="Pictionary">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/pictionary2.jpeg" alt="Pictionary">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/edublogs/researchpaper.md b/wiki/edublogs/researchpaper.md
index cb3b69b..aff2262 100644
--- a/wiki/edublogs/researchpaper.md
+++ b/wiki/edublogs/researchpaper.md
@@ -10,4 +10,13 @@ And that's why, before our team passed on the baton, we wanted to ease the futur
 
 Anurag Sarkar, a core member of the IISc iGEM team, conducted a session on 'How (Not) to Read a Research Paper'  on 23 August 2024. He introduced the structure and types of articles found in a journal, where and how to search for papers, and how to deal with bad science due to AI and other malicious intent. He encouraged the junior batch to 'be informed, but not be influenced.' 
 
-The talk was received very well by the students, and they were excited to use this newfound advice to start exploring the world of science, and start their own iGEM cycle soon.
\ No newline at end of file
+The talk was received very well by the students, and they were excited to use this newfound advice to start exploring the world of science, and start their own iGEM cycle soon.
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/anurag.jpeg" alt="Research Paper">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/anurag2.jpeg" alt="Research Paper">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/edublogs/schoolvisits.md b/wiki/edublogs/schoolvisits.md
index 6cfb45a..2f6f0b5 100644
--- a/wiki/edublogs/schoolvisits.md
+++ b/wiki/edublogs/schoolvisits.md
@@ -14,4 +14,6 @@ In several schools, we also spoke about Synthetic Biology and its massive contri
 
 School visits also gave us the golden opportunity to present AptalXero to students from grades 9th to 12th. We explained the rationale behind our idea of choosing neurodegenerative diseases as our focus, and went on to talk about how we later shifted our focus to proteinopathies in general. The students were excited to learn that we, as young undergraduates, were making an effort to contribute to existing endeavours to cure a long-standing problem. We also spread awareness about Alzheimer's Disease and some of the misconceptions surrounding it, such as how many Indians mistake Alzheimer's and dementia for 'simple aging.' We explained the importance of early diagnosis in controlling the severity of the disease. The audience was saddened to hear some of the stories we had heard about patients of neurodegenerative disorders, and we encouraged them to spread awareness about such diseases in their local environments.
 
-We emphasised the importance of Foundational Advance as our track, and how research is never done in silos. There is an increasing need for awareness and continuity in research. As we talked about what the research sector looks like, we explained that every scientist has a fundamental duty to be honest and ethical about his work, and that a good scientist is always well-aware of other ongoing work in the field.
\ No newline at end of file
+We emphasised the importance of Foundational Advance as our track, and how research is never done in silos. There is an increasing need for awareness and continuity in research. As we talked about what the research sector looks like, we explained that every scientist has a fundamental duty to be honest and ethical about his work, and that a good scientist is always well-aware of other ongoing work in the field.
+
+<img src="https://static.igem.wiki/teams/5170/hp-images/avanischool.png" alt="School Presentation">
\ No newline at end of file
diff --git a/wiki/edublogs/scicomm.md b/wiki/edublogs/scicomm.md
index 986b11b..bba8a05 100644
--- a/wiki/edublogs/scicomm.md
+++ b/wiki/edublogs/scicomm.md
@@ -10,4 +10,13 @@ Parth Kumar, Human Practices Coordinator of the IISc iGEM Team, conducted a sess
 
 With personal anecdotes, drawing from iGEM's Mastering Science Communication Project, and his learnings from his internship at the Office of Communications, IISc, Parth demonstrated what really goes into science communication and writing research highlights and press releases. He used exercises and hands-on examples to bring out the importance of 'cutting the clutter' and 'de-jargonising' science. 
 
-The audience thoroughly enjoyed the talk, and Parth encouraged them to become active SciCommers and spread the word about how cool science can be!
\ No newline at end of file
+The audience thoroughly enjoyed the talk, and Parth encouraged them to become active SciCommers and spread the word about how cool science can be!
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/introtoscicomm.jpeg" alt="Sci-Comm">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/introtoscicomm2.jpeg" alt="Sci-Comm">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/edublogs/scitechquiz.md b/wiki/edublogs/scitechquiz.md
index 4b2151e..5b47838 100644
--- a/wiki/edublogs/scitechquiz.md
+++ b/wiki/edublogs/scitechquiz.md
@@ -7,3 +7,12 @@ date: 3 September 2024
 Quizzes present a fun way to expand your horizons and learn more about what's happening in the world. With this in mind, iGEM IISc organised a Sci-Tech Quiz on 27 July 2024. The quizmaster was Shloak Vatsal, ex-iGEMer and third year undergraduate at IISc.
 
 Shloak posed intriguing questions ranging from various fields of science and technology. Questions ranged from pop science, recent discoveries, misconceptions and myths, as well as remarkable feats achieved in days gone by. The first prize was bagged by the trio consisting of Aarav Ghate, Anurag Sarkar and Durga Naniwadekar.
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/scitechquiz1.jpeg" alt="Pictionary">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/scitechquiz2.jpeg" alt="Pictionary">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/edublogs/syntheticbiology.md b/wiki/edublogs/syntheticbiology.md
index c949bc6..fa83aa9 100644
--- a/wiki/edublogs/syntheticbiology.md
+++ b/wiki/edublogs/syntheticbiology.md
@@ -11,3 +11,11 @@ Everyone's heard this a million times - iGEM is a "Synthetic Biology" competitio
 Avani, Wet Lab Coordinator of the IISc iGEM Team, gave a talk titled 'Synthetic Biology for Dummies.' She covered various aspects, from the history and evolution of synthetic biology, the methods it uses and the basic underlying principles, a case study, and future prospects. She demystified the subject and efficiently broke down complicated jargon, to make it an approachable and accessible talk.
 
 The objective of the talk was to start from the complete basics and appeal to a wider audience, even those who did not have a background in Biology. IISc's culture is to never treat iGEM as something only for Biology majors - and Avani's talk was successful in showing the future iGEMers that they could help out in the technical aspects of iGEM even if they felt they didn't know much at the time!
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/synbiotalk.jpg" alt="SynBio">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/synbiotalk2.jpg" alt="SynBio">
+</div>
diff --git a/wiki/edublogs/whatisigem.md b/wiki/edublogs/whatisigem.md
index 4b48066..5d07623 100644
--- a/wiki/edublogs/whatisigem.md
+++ b/wiki/edublogs/whatisigem.md
@@ -6,4 +6,13 @@ date: 15 August 2024
 
 iGEM IISc conducted an Orientation Session for IISc' 2025 iGEM Cycle. Parth Kumar, Human Practices Coordinator of the 2024 team, introduced the incoming batch of students to Synthetic Biology and iGEM, and its main objectives. He explained how a typical iGEM cycle runs, and explained the importance of having a proper design-build-test-learn (DBTL) cycle. Apart from speaking about his experiences in the iGEM team, Parth also introduced AptalXero, and the work that the team was doing. 
 
-Anurag Sarkar, Dry Lab Coordinator of the 2024 Team, also shared his anecdotes, and introduced the dry lab aspects of iGEM. Aditya K Ammembal, Team Leader of the 2023 IISc Team, as well as Advisor to the 2024 Team, mentioned the most important thing is to enjoy the learning process that comes with iGEM. The session concluded with the speakers encouraging the junior batch to participate in iGEM wholeheartedly and carry forward IISc's long-standing legacy.
\ No newline at end of file
+Anurag Sarkar, Dry Lab Coordinator of the 2024 Team, also shared his anecdotes, and introduced the dry lab aspects of iGEM. Aditya K Ammembal, Team Leader of the 2023 IISc Team, as well as Advisor to the 2024 Team, mentioned the most important thing is to enjoy the learning process that comes with iGEM. The session concluded with the speakers encouraging the junior batch to participate in iGEM wholeheartedly and carry forward IISc's long-standing legacy.
+
+<div class="row padding">
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/whatisigem.jpeg" alt="What is iGEM">
+</div>
+<div class="col-6">
+<img src="https://static.igem.wiki/teams/5170/hp-images/whatisigem2.jpeg" alt="What is iGEM">
+</div>
+</div>
\ No newline at end of file
diff --git a/wiki/pages/blog.html b/wiki/pages/blog.html
index 3b4926a..0a1b40a 100644
--- a/wiki/pages/blog.html
+++ b/wiki/pages/blog.html
@@ -6,5 +6,6 @@
 {% block page_content %}
 <link href="{{ url_for('static', filename = 'blog.css') }}" rel="stylesheet">
         <p class="body-text">{{ blog|safe }}</p>
+        <a href="{{ url_for('pages', page='bloglist') }}">Back</a>
 <div style="height: 10rem;"></div>
 {% endblock %}
diff --git a/wiki/pages/edublog.html b/wiki/pages/edublog.html
index afab1bb..87bf1f1 100644
--- a/wiki/pages/edublog.html
+++ b/wiki/pages/edublog.html
@@ -4,7 +4,7 @@
 {% block lead %}Educational blog post by {{ blog.metadata.author }}{% endblock %}
 
 {% block page_content %}
-<link href="{{ url_for('static', filename = 'blog.css') }}" rel="stylesheet">
+<link href="{{ url_for('static', filename = 'edublog.css') }}" rel="stylesheet">
 
 <div class="container">
   <h1 class="text-center display-4">{{ blog.metadata.title }}</h1>
@@ -13,6 +13,7 @@
   <div class="blog-content">
     {{ blog | safe }}
   </div>
+  <a href="{{ url_for('pages', page='education') }}">Back</a>
   <div style="height: 10rem;"></div>
 </div>
 {% endblock %}
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 1d0c9bd..d8b2ab1 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -4,7 +4,7 @@
 {% block lead %}Browse through educational blog posts.{% endblock %}
 
 {% block page_content %}
-<link href="{{ url_for('static', filename = 'blog.css') }}" rel="stylesheet">
+<link href="{{ url_for('static', filename = 'edublog.css') }}" rel="stylesheet">
 <h1 class="text-center padding display-4"><b>Education</b></h1>
 
 <div class="d-flex flex-wrap row">
-- 
GitLab