updated CSS

eshaan7 · May 9, 2019 · 4e41922 · 4e41922
1 parent 9796cce
commit 4e41922
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 50 deletions.
diff --git a/Flask-app/static/main.css b/Flask-app/static/main.css
@@ -32,54 +32,21 @@ h1, h2, h3, h4, h5, h6 {
   margin-bottom: 20px;
 }
 
-.article-title {
-  color: #444444;
-}
-
-a.article-title:hover {
-  color: #428bca;
-  text-decoration: none;
-}
-
-.article-content {
-  white-space: pre-line;
-}
-
-.article-img {
-  height: 65px;
-  width: 65px;
-  margin-right: 16px;
-}
-
-.article-metadata {
-  padding-bottom: 1px;
-  margin-bottom: 4px;
-  border-bottom: 1px solid #e3e3e3
-}
-
-.article-metadata a:hover {
-  color: #333;
-  text-decoration: none;
-}
-
-.article-svg {
-  width: 25px;
-  height: 25px;
-  vertical-align: middle;
-}
-
-.account-img {
-  height: 125px;
-  width: 125px;
-  margin-right: 20px;
-  margin-bottom: 16px;
-}
-
-.account-heading {
-  font-size: 2.5rem;
-}
-
-.user {
-  font-weight: 5000;
-  color: #fff !important;
+/* FOOTER */
+
+footer {
+  position: fixed;
+  left: 0;
+  bottom: 0 !important;
+  width: 100%;
+  height: 10vh;
+  padding-top: 3.5vh;
+  background-color: #5f788a !important;
+  color: white !important;
+  text-align: center;
+  font-size: 12px;
+  }
+
+  footer i {
+  color: white;
 }
diff --git a/Flask-app/templates/layout.html b/Flask-app/templates/layout.html
@@ -7,6 +7,9 @@
 
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
+    <!-- local css -->
  	  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
     {% block head %}{% endblock %}
     <title>RenameThemSubs</title>
@@ -57,5 +60,29 @@ <h3>Sidebar</h3>
         </div>
       </div>
     </main>
+    <!-- Footer -->
+    <footer>
+      <!-- Footer Elements -->
+      <div id="footer-container">
+          <!-- Twitter -->
+          <a href="https://twitter.com/mask0fmydisguis">
+            <i class="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
+          </a>
+          <!-- Github -->
+          <a href="https://github.com/Eshaan7">
+            <i class="fab fa-github fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
+          </a>
+          <!--Linkedin -->
+          <a href="https://www.linkedin.com/in/eshaan7">
+            <i class="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
+          </a>
+          <!--Instagram-->
+          <a href="https://instagram.com/maskofmydisguise">
+            <i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
+          </a>
+      </div>
+      <!-- /Footer Elements -->
+    </footer>
+    <!-- /Footer -->
 </body>
 </html>