accurator/commit
Added logos of partners to bottom of intro page in grayscale.
author | Chris Dijkshoorn |
---|---|
Tue Apr 7 20:33:34 2015 +0100 | |
committer | Chris Dijkshoorn |
Tue Apr 7 20:33:34 2015 +0100 | |
commit | 3e24a9c58bcb3de6b0f31762c8510fda2f62a05a |
tree | deb918ffe05dc51e8a3fe21592b4cb8ffe377b24 |
parent | 8345619828187c185d8f90072d558222cdfdbf3a |
Diff style: patch stat
diff --git a/web/css/accurator.css b/web/css/accurator.css index 03afb2a..669a3a6 100644 --- a/web/css/accurator.css +++ b/web/css/accurator.css @@ -15,6 +15,42 @@ body { margin-top: 20px; } +.logo { + text-align: center; + text-align: bottom; +} + +.footer { + position: absolute; + bottom: 0; + width: 100%; + height: 35px; +} + +.footerLogo { + height: 25px; + margin-bottom: 5px; + margin-top: 5px; + filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ + filter: gray; /* IE5+ */ + -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ +} + +.footerLogo:hover { + filter: none; + -webkit-filter: grayscale(0); +} + +#rijksmuseumLogo { + margin-top: 15px; + height: 15px; +} + +#commitFooterLogo { + margin-top: 15px; + height: 15px; +} + /* Navbar */ #headerImage { height: 20px; @@ -143,12 +179,8 @@ body { } /* About page */ -.footerLogo { - height: 40px; - padding-bottom: 10px; -} - #commitLogo { + height: 40px; text-align: right; } diff --git a/web/html/intro.html b/web/html/intro.html index a0948bc..fe6563b 100644 --- a/web/html/intro.html +++ b/web/html/intro.html @@ -52,6 +52,46 @@ </div> </div> + <!-- Logos --> + <div class="footer container"> + <div class="logo col-md-2"> + <a href="http://www.cwi.nl"> + <img src="img/logos/cwi.png" class="footerLogo" alt="Logo of CWI"> + </img> + </a> + </div> + <div class="logo col-md-2"> + <a href="http://www.tudelft.nl"> + <img src="img/logos/tud.png" class="footerLogo" alt="Logo of TU Delft"> + </img> + </a> + </div> + <div class="logo col-md-2"> + <a href="http://vu.nl/"> + <img src="img/logos/vu.png" class="footerLogo" alt="Logo of VU University Amsterdam"> + </img> + </a> + </div> + <div class="logo col-md-2"> + <a href="http://rijksmuseum.nl"> + <img src="img/logos/rma.png" class="footerLogo" id="rijksmuseumLogo" alt="Logo of Rijksmuseum"> + </img> + </a> + </div> + <div class="logo col-md-2"> + <a href="http://www.naturalis.nl/"> + <img src="img/logos/naturalis.png" class="footerLogo" alt="Logo of Naturalis"> + </img> + </a> + </div> + <div class="logo col-md-2"> + <a href="http://commit-nl.nl/"> + <img src="img/logos/commit.png" class="footerLogo" id="commitFooterLogo" alt="Logo of "> + </img> + </a> + </div> + </div> + <!-- Login modal --> <div class="modal fade" id="modalLogin"> <div class="modal-dialog"> diff --git a/web/img/commit.png b/web/img/logos/commit.png similarity index 100% rename from web/img/commit.png rename to web/img/logos/commit.png diff --git a/web/img/logos/cwi.png b/web/img/logos/cwi.png new file mode 100644 index 0000000..698ed22 Binary files /dev/null and b/web/img/logos/cwi.png differ diff --git a/web/img/logos/naturalis.png b/web/img/logos/naturalis.png new file mode 100644 index 0000000..83c8826 Binary files /dev/null and b/web/img/logos/naturalis.png differ diff --git a/web/img/logos/rma.png b/web/img/logos/rma.png new file mode 100644 index 0000000..a9f0254 Binary files /dev/null and b/web/img/logos/rma.png differ diff --git a/web/img/logos/tud.png b/web/img/logos/tud.png new file mode 100644 index 0000000..b8b71a6 Binary files /dev/null and b/web/img/logos/tud.png differ diff --git a/web/img/logos/vu.png b/web/img/logos/vu.png new file mode 100644 index 0000000..4fd8e64 Binary files /dev/null and b/web/img/logos/vu.png differ