Skip to content
Snippets Groups Projects
Commit cca632ef authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

made bfh page fit in with the rest of the layout pages

parent 3af16fa9
No related branches found
No related tags found
1 merge request!1Bfh branch
Pipeline #376100 canceled
Stage: build
Hide whitespace changes
Inline Side-by-side
wiki/layout.html
+ 3
− 1
View file @ cca632ef
......@@ -20,7 +20,8 @@
<script src="{{ url_for('static', filename = 'd3.min.js') }}"></script>
<script> AOS.init(); </script>
<script type="text/javascript" src="{{ url_for('static', filename = 'vis-network.min.js') }}"></script>
<title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
......@@ -28,6 +29,7 @@
<body>
<script> AOS.init(); </script>
<!-- Navigation -->
{% include 'menu.html' %}
......
wiki/pages/bfh.html
+ 17
− 140
View file @ cca632ef
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/>
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/>
<!-- Bootstrap CSS -->
<link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom CSS -->
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
<!-- AOS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="{{ url_for('static', filename = 'd3.min.js') }}"></script>
<title>{% block title %}{% endblock %} | Bielefeld-CeBiTec - iGEM 2024</title>
</head>
<style>
#mynetwork {
width: 800px;
height: 800px;
border: 1px solid lightgray;
}
body{
color: white;
}
.gallery-container{
border-color: white;
}
.sidebarEntry{
color: white;
}
.background-image{
opacity: 0.5;
width: 100%;
}
</style>
<body > <!-- style="background-image: url('https://static.igem.wiki/teams/5247/photos/university/bielefeld-3381870.jpg');" -->
<!-- Navigation -->
{% include 'menu.html' %}
<script>
AOS.init();
</script>
{% extends "layout.html" %}
{% block title %}Contribution{% endblock %}
{% block lead %}Make a useful contribution for future iGEM teams. Use this page to document that contribution.{% endblock %}
<!-- Side bar has to be here to be places correctly on the left side of the page-->
{% block sidebar %}
<ul class="sidebar">
<li> <a class="anchor sidebarEntry" href="#collab">The collaboration</a> </li>
<li> <a class="anchor sidebarEntry" href="#program">The program</a> </li>
<li> <a class="anchor sidebarEntry" href="#impact">Impact</a> </li>
<li> <a class="anchor sidebarEntry" href="#gallery">Photos</a> </li>
</ul>
{% endblock %}
{% block page_content %}
<!-- Page Content -->
<div class="container-fluid">
<div class="row mt-5">
<div class="col-2 d-none d-lg-block">
<div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">
<ul class="sidebar">
<li> <a class="anchor sidebarEntry" href="#collab">The collaboration</a> </li>
<li> <a class="anchor sidebarEntry" href="#program">The program</a> </li>
<li> <a class="anchor sidebarEntry" href="#impact">Impact</a> </li>
<li> <a class="anchor sidebarEntry" href="#gallery">Photos</a> </li>
</ul>
</div>
</div>
<div class="col">
<div data-aos="zoom-in-down" data-aos-offset="500" data-aos-easing="ease-in-sine" data-aos-duration="1000">
<img src="https://static.igem.wiki/teams/5247/logos-team/european-meet-up.png" height="250px" style="padding-top: 10px; padding-bottom: 20px;">
</div>
......@@ -78,33 +22,10 @@
<p>
Over the past years, we have all made many friends and expanded our scientific network during the iGEM competition and afterwards. The idea behind the cooperation between Bielefeld, Frankfurt and Hamburg is based on the friendship that former participants have gained alongside the iGEM competition. Our mission is to promote future projects and bring teams together. The location of the BFH European Meet-Up 2024 will alternate between the universities of Bielefeld, Frankfurt, and Hamburg. We wish you lots of fun and hope that the iGEM competition fulfills you as much as it has fulfilled us.
</p>
<div class="gallery-container">
<div class="row">
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/darmstadt.png" height="80px">
</div>
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/general-logo-logo-igem-leuven.png" height="80px">
</div>
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-d-sseldorf-team-logo-transparent-background.png" height="80px">
</div>
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-hamburg-logo.png" height="80px">
</div>
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/logo-igem-tu-dresden.png" height="80px">
</div>
<div class="col">
<img src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-aachen-2024.png" height="80px">
</div>
</div>
</div>
</span>
<!-- Graph -->
<title>Hello Network Graph</title>
<script type="text/javascript" src="{{ url_for('static', filename = 'vis-network.min.js') }}"></script>
<style type="text/css">
#mynetwork {
width: 100%;
......@@ -244,50 +165,6 @@
<p>
</p>
</div>
<div class="col-2 d-none d-lg-block">
<!-- empty so far -->
</div>
</div>
</div>
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
{% include 'footer.html' %}
<!-- Bootstrap Bundle with Popper -->
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
<!-- collapsible script-->
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</body>
</html>
<!--
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
-->
{% endblock %}
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