Fix for astropy#105

apooravc · apooravc · commit 945515b2339f · 2018-02-09T19:23:25.000+05:30
diff --git a/css/style.css b/css/style.css
@@ -28,6 +28,39 @@ article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
+.footer {
+	color: white;
+	background-color: #1a1a1a;
+	position: relative;
+}
+.footer-text {
+	width: 50%;
+	padding: 12px 12px;
+}
+.footer-text a:hover {
+	color: #FF851B;
+}
+.footer-stamp {
+	position: absolute;
+	top: 20px;
+	right: 10px;
+}
+@media (max-width: 710px) {
+  .footer-text {
+	width: 40%;
+	padding: 12px 6px;
+  }
+}
+@media (max-width: 593px) {
+  .footer-text {
+	width: 90%;
+	padding: 12px 12px;
+  }
+  .footer-stamp {
+	position: static;
+	margin: 13px;
+  }
+}
 body {
 	line-height: 1;
 }
diff --git a/index.html b/index.html
@@ -137,16 +137,19 @@ <h1>Support Astropy</h1>
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 		<script src="js/jquery.sidr.min.js"></script>
 		<script src="js/functions.js"></script>
-
-		<hr>
-		<p>
-		<img style="vertical-align:middle" src="images/astropy_brandmark.png" height=20><span style="vertical-align:middle">
-        <a href="code_of_conduct.html"> The Astropy project is committed to fostering an inclusive community</a></span>.
-        </p>
-
 	</footer>
-
 </div>
 
+<div class="footer">
+	<div class="footer-text">
+		<h2>
+			<img style="vertical-align:middle" src="images/astropy_brandmark.png" height="40px">
+			<span style="vertical-align:middle">Code of Conduct</span>
+		</h2>
+		<hr>
+	    <p>The Astropy project is committed to fostering an inclusive community. The community of participants in open source Astronomy projects is made up of members from around the globe with a diverse set of skills, personalities, and experiences. It is through these differences that our community experiences success and continued growth. <a href="code_of_conduct.html">Learn more</a></p>
+	</div>
+	<img src="images/Numfocus_stamp.png" class="footer-stamp">
+</div>
 </body>
 </html>
