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

added sponsors

parent cca632ef
No related branches found
No related tags found
1 merge request!1Bfh branch
Pipeline #376128 canceled
Stage: build
Hide whitespace changes
Inline Side-by-side
wiki/footer.html
+ 29
− 4
View file @ 30e5e350
......@@ -11,7 +11,8 @@
</div>
</p>
<hr>
<div class="row align-items-center" style="background-color: #FFF6F2; border-radius: 10px;">
<div style="background-color: #FFF6F2; border-radius: 10px;">
<div class="row align-items-center" >
<div class="col-2" id="#Zeiss">
<a href="http://www.zeiss.de/naturwissenschaften">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/sponsors/online-zeiss-logo-rgb.png" />
......@@ -27,17 +28,30 @@
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/logos-team/jbs-logo-web-rgb-claim.png"/>
</a>
</div>
<div class="col-2" id="#integra">
<a href="https://www.integra-biosciences.com">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/sponsors/integra-logo.jpeg" />
</a>
</div>
<div class="col-2" id="#uni">
<a href="https://www.uni-bielefeld.de/">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png">
</a>
</div>
<div class="col-2" id="#cebitec">
<a href="https://www.cebitec.uni-bielefeld.de/">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/logos-team/cebitec-logo.png">
</div>
<div class="row align-items-center">
<div class="col-2" id="#pf">
<a href="https://www.plasmidfactory.com/">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/sponsors/pf-logo.png">
</a>
</div>
<div class="col-2" id="#snapgene">
<a href="www.snapgene.com">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/sponsors/snapgene-logo-1-2.png">
</a>
</div>
</div>
</div>
<hr>
<!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
......@@ -50,3 +64,14 @@
</div>
</div>
</footer>
<style>
/* damit immer gut fünf in eine Reihe passen*/
.col-2{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
}
</style>
\ No newline at end of file
wiki/pages/bfh.html
+ 112
− 78
View file @ 30e5e350
......@@ -34,84 +34,78 @@
text-align: center;
}
</style>
<div id="mynetwork"></div>
<script type="text/javascript">
let nodes = new vis.DataSet([
{ id: 1,
shape: 'image',
image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png',
url: 'http://www.bing.com'
},
{ id: 2, shape: 'image', image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png', url: 'http://www.bing.com'},
{ id: 3, shape: 'image', image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png', url: 'http://www.bing.com'}
]);
let edges = new vis.DataSet([
{ from: 1, to: 2 },
{ from: 1, to: 3},
{from: 2, to: 3}
]);
let data = {
nodes: nodes,
edges: edges
};
// Network will automatically detect when its container is resized, and redraw itself accordingly
let options = {
autoResize: true,
interaction:{
// you cannot zoom into the graph
//changes colour when hovering the mouse over it
zoomView: false,
hover: true
},
nodes:{
chosen: {label: false, node: function (values, id, hovering, selected) {
values.color = '#850F78';
}},
//cannot be dragged or moved
fixed: true,
borderWidth: 1,
size: 30,
color: {border: '#FFF6F2', background: "#FFF6F2"},
font: { color: "#eeeeee" },
shapeProperties: {
useBorderWithImage: true,
}
},
edges: {
color: 'black',
scaling: {
label: true,
},
shadow: true,
<script type="text/javascript">
let nodes = new vis.DataSet([
{ id: 1,
shape: 'image',
image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png',
url: 'http://www.bing.com'
},
{ id: 2, shape: 'image', image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png', url: 'http://www.bing.com'},
{ id: 3, shape: 'image', image: 'https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png', url: 'http://www.bing.com'}
]);
let edges = new vis.DataSet([
{ from: 1, to: 2 },
{ from: 1, to: 3},
{from: 2, to: 3}
]);
let data = {
nodes: nodes,
edges: edges
};
// Network will automatically detect when its container is resized, and redraw itself accordingly
let options = {
autoResize: true,
interaction:{
// you cannot zoom into the graph
//changes colour when hovering the mouse over it
zoomView: false,
hover: true
},
nodes:{
chosen: {label: false, node: function (values, id, hovering, selected) {
values.color = '#850F78';
}},
//cannot be dragged or moved
fixed: true,
borderWidth: 1,
size: 30,
color: {border: '#FFF6F2', background: "#FFF6F2"},
font: { color: "#eeeeee" },
shapeProperties: {
useBorderWithImage: true,
}
};
let container = document.getElementById("mynetwork");
let network = new vis.Network(container, data, options);
//when you click on the node/logo it opens the link specified for the node
network.on("selectNode", function (params) {
if (params.nodes.length === 1) {
var node = nodes.get(params.nodes[0]);
window.open(node.url, '_blank');
}
});
var changeChosenNodeShadow = function (values, id, hovering, selected) {
values.shadow = true;
values.color = '#850F78';
values.dashes = [10, 10];
};
</script>
},
edges: {
color: 'black',
scaling: {
label: true,
},
shadow: true,
}
};
let container = document.getElementById("mynetwork");
let network = new vis.Network(container, data, options);
//when you click on the node/logo it opens the link specified for the node
network.on("selectNode", function (params) {
if (params.nodes.length === 1) {
var node = nodes.get(params.nodes[0]);
window.open(node.url, '_blank');
}
});
var changeChosenNodeShadow = function (values, id, hovering, selected) {
values.shadow = true;
values.color = '#850F78';
values.dashes = [10, 10];
};
</script>
<!-- end graph -->
<h3 id="collab"> The collaboration</h3>
<hr>
......@@ -120,10 +114,50 @@
</p>
<h3 id="program"> The program</h3>
<hr>
<button type="button" class="collapsible">Scientific Talk</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
</div>
<!-- Video Block Anordnung A-->
<div class="row align-items-center">
<div class="col-5">
<div class="col">
Video1
</div>
<div class="col">
Description
</div>
</div>
<div class="col-2">
<div class="col">
Person1
</div>
<div class="col">
Person2
</div>
</div>
<div class="col-5">
<div class="col">
Video2
</div>
<div class="col">
Text
</div>
</div>
</div>
<!-- Video Block Anordnung B-->
<div class="row align-items-center">
<div class="col-7">
Video
</div>
<div class="col-5">
<div class="col">
Text 1
</div>
<div class="col">
Text 2
</div>
</div>
</div>
<button type="button" class="collapsible">Workshops</button>
<div class="content-laps">
<p>Lorem ipsum...</p>
......
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