accurator/commit

Added logos of partners to bottom of intro page in grayscale.

authorChris Dijkshoorn
Tue Apr 7 20:33:34 2015 +0100
committerChris Dijkshoorn
Tue Apr 7 20:33:34 2015 +0100
commit3e24a9c58bcb3de6b0f31762c8510fda2f62a05a
treedeb918ffe05dc51e8a3fe21592b4cb8ffe377b24
parent8345619828187c185d8f90072d558222cdfdbf3a
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