Skip to content
Snippets Groups Projects
Commit ed4866aa authored by Arjun Nalladimma's avatar Arjun Nalladimma Committed by Vishwaa Kannan
Browse files

Modeling_Homepage_Akhila

parent 5ec30ab7
No related branches found
No related tags found
1 merge request!31Modeling_Homepage_Akhila
Expand all Hide whitespace changes
Inline Side-by-side
static/app.js
+ 1
− 1
View file @ ed4866aa
......@@ -35,7 +35,7 @@ document.addEventListener('DOMContentLoaded', function () {
box.classList.add('show');
}, index * 200); // Delay each image by 200ms
} else {
box.classList.remove('show');
//box.classList.remove('show');
}
});
}
......
static/model-viewer.min.js 0 → 100644
+ 1093
− 0
View file @ ed4866aa
This diff is collapsed.
wiki/layout.html
+ 2
− 0
View file @ ed4866aa
......@@ -14,6 +14,8 @@
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
<script defer src="{{ url_for('static', filename = 'app.js') }}"></script>
<script type="module" src="{{ url_for('static', filename = 'model-viewer.min.js') }}"></script>
<title>{% block title %}{% endblock %} | GCM-KY - iGEM 2024</title>
......
wiki/pages/home.html
+ 54
− 41
View file @ ed4866aa
......@@ -61,32 +61,8 @@
</head>
<body>
<!-- Full-screen GIF Section -->
<div class="carousel-container">
<div class="carousel">
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0190.jpg" alt="Image 1">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0187.jpg" alt="Image 2">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/img-2974.png" alt="Image 3">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/20240229-210156.png" alt="Image 3">
</div>
<!-- Add more slides as needed -->
</div>
<button class="carousel-button left-button" onclick="moveCarousel(-1)">&#10094;</button>
<button class="carousel-button right-button" onclick="moveCarousel(1)">&#10095;</button>
</div>
<!-- About PFAS Section -->
<section id="about-pfas" class="content-section">
<!-- About PFAS Section -->
<section id="about-pfas" class="content-section">
<div class="grid-container">
<div class="grid-item">
<h2>What is PFAS?</h2>
......@@ -111,25 +87,62 @@
<p>We aim to develop a reliable and efficient system for detecting PFAS, making testing more accessible to the public and helping combat the spread of these dangerous chemicals.</p>
</div>
</div>
</section>
</section>
<div class="scroll-animation-section">
<div class="image-container">
<div class="image-box" id="image1">
<img src="https://static.igem.wiki/teams/5114/home-page/gatton.jpeg" alt="Image 1">
<p>Gatton</p>
</div>
<div class="image-box" id="image2">
<img src="https://static.igem.wiki/teams/5114/home-page/c-logo.webp" alt="Image 2">
<p>Collegiate</p>
<!-- Full-screen GIF Section -->
<section class="content-section">
<h2 style="margin-top: 0% !important;">Some of our key moments!</h2>
<hr style="background-color: white !important;">
<div class="carousel-container">
<div class="carousel">
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0190.jpg" alt="Image 1">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/image-caroussel/img-0187.jpg" alt="Image 2">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/img-2974.png" alt="Image 3">
</div>
<div class="carousel-slide">
<img src="https://static.igem.wiki/teams/5114/home-page/20240229-210156.png" alt="Image 3">
</div>
<!-- Add more slides as needed -->
</div>
<div class="image-box" id="image3">
<img src="https://static.igem.wiki/teams/5114/home-page/dmhs-copy-2-orig.jpg" alt="Image 3">
<p>Manual</p>
<button class="carousel-button left-button" onclick="moveCarousel(-1)">&#10094;</button>
<button class="carousel-button right-button" onclick="moveCarousel(1)">&#10095;</button>
</div>
</section>
<section class="content-section">
<div class="scroll-animation-section">
<div class="image-container">
<div class="image-box" id="image1">
<img src="https://static.igem.wiki/teams/5114/home-page/gatton.jpeg" alt="Image 1">
<p>Gatton</p>
</div>
<div class="image-box" id="image2">
<img src="https://static.igem.wiki/teams/5114/home-page/c-logo.webp" alt="Image 2">
<p>Collegiate</p>
</div>
<div class="image-box" id="image3">
<img src="https://static.igem.wiki/teams/5114/home-page/dmhs-copy-2-orig.jpg" alt="Image 3">
<p>Manual</p>
</div>
</div>
</div>
</div>
</section>
<section class="content-section">
<h2 style="margin-top: 1% !important;">Interactive Protein Structure of prmA</h2>
<hr style="background-color: white !important;">
<div class="model-container">
<model-viewer src="https://innovator2030.github.io/Innovator2030/Final.glb" alt="Protein Structure" camera-controls auto-rotate style="width: 80%; height: 600px; margin:auto;"></model-viewer>
</div>
</section>
</body>
</html>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment