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

put carousel in footer and changed info box icons

parent 6d7030db
No related branches found
No related tags found
1 merge request!1Bfh branch
Pipeline #378245 canceled
Stage: build
Hide whitespace changes
Inline Side-by-side
static/custom_slick.js 0 → 100644
+ 13
− 0
View file @ c79640eb
//initialize
$(document).ready(function(){
$('.slick-carousel').slick({
infinite: true,
slidesToShow: 1,
adaptiveHeight: true,
autoplay: true,
autoplaySpeed: 2000,
dots: false,
prevArrow: false,
nextArrow: false
});
});
\ No newline at end of file
static/footer.css
+ 5
− 1
View file @ c79640eb
......@@ -31,4 +31,8 @@ footer a {
--igemdarkgreen: #006530;
--igemmediumgreen: #019968;
--igemlightgreen: #99cb9a;
}
\ No newline at end of file
}
.slick-slide {
width: 200px;
}
static/hint.css
+ 4
− 4
View file @ c79640eb
......@@ -142,7 +142,7 @@
color:var(--info-title-color)
}
.hint-container.info>.hint-container-title:before {
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%234cb3d4'/%3E%3C/svg%3E")
background-image:url("https://static.igem.wiki/teams/5247/design/icons/info-filled-small.png")
}
.hint-container.info code {
background:var(--info-code-bg-color)
......@@ -155,7 +155,7 @@
color:var(--note-title-color)
}
.hint-container.note>.hint-container-title:before {
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%23ccc'/%3E%3C/svg%3E")
background-image:url("https://static.igem.wiki/teams/5247/design/icons/bulb-small.png")
}
.hint-container.note code {
background:var(--note-code-bg-color)
......@@ -168,7 +168,7 @@
color:var(--tip-title-color)
}
.hint-container.tip>.hint-container-title:before {
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009400' d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E")
background-image:url("https://static.igem.wiki/teams/5247/design/icons/bulb-small-fat.png")
}
.hint-container.tip code {
background:var(--tip-code-bg-color)
......@@ -181,7 +181,7 @@
color:var(--warning-title-color)
}
.hint-container.warning>.hint-container-title:before {
background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z' fill='%23e6a700'/%3E%3C/svg%3E")
background-image:url("https://static.igem.wiki/teams/5247/design/icons/shield-exclamation-small-orange.png")
}
.hint-container.warning code {
background:var(--warning-code-bg-color)
......
static/style.css
+ 5
− 0
View file @ c79640eb
......@@ -215,6 +215,11 @@ svg text:hover{
width: auto;
margin: 0.5rem;
}
.img-sponsor{
max-width: 70%;
max-height: 150px;
}
.backtotop {
place-self:end;
......
wiki/footer.html
+ 27
− 58
View file @ c79640eb
......@@ -50,22 +50,33 @@
Universität Bielefeld
</div>
</div>
<div class="col-sm-8">
<div class="col-4">
<div class="slick-carousel">
<a href="https://www.plasmidfactory.com/">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/pf-logo.png">
</a>
<a href="http://www.zeiss.de/naturwissenschaften">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/online-zeiss-logo-rgb.png" />
</a>
<a href="https://www.jenabioscience.com/">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/logos-team/jbs-logo-web-rgb-claim.png"/>
</a>
<a href="https://www.gip.com/home/">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/gip-logo-black-cutout-claim.png" />
</a>
<a href="https://www.integra-biosciences.com">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/integra-logo.jpeg" />
</a>
<a href="https://www.uni-bielefeld.de/">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png">
</a>
<a href="www.snapgene.com">
<img class="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/snapgene-logo-1-2.png">
</a>
</div>
</div>
<div class="col-4">
<div class="row align-items-center">
<!-- Social Media und co-->
<div class="col">
<!--begin-->
<div class="your-class">
<div>your content</div>
<div>your content</div>
<div>your content</div>
</div>
<!-- end-->
</div>
<!-- former teams -->
<div class="col">
<div class="row align-items-center">
......@@ -118,49 +129,7 @@
</div>
</div>
<hr>
<!--
<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" />
</a>
</div>
<div class="col-2" id="#gip">
<a href="https://www.gip.com/home/">
<img class="img-fluid" src="https://static.igem.wiki/teams/5247/sponsors/gip-logo-black-cutout-claim.png" />
</a>
</div>
<div class="col-2" id="#jbs">
<a href="https://www.jenabioscience.com/">
<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>
<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>
-->
<!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
<div class="col d-none d-lg-block">
......
wiki/layout.html
+ 4
− 0
View file @ c79640eb
......@@ -29,7 +29,11 @@
<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>
<!-- Slick -->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="static/slick.js"></script>
<script src="static/custom_slick.js"></script>
<script src="{{ url_for('static', filename = 'd3.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'javascript.js') }}"></script>
......
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