add black theme EN/FR

static/css/app.css

@@ -53,7 +53,7 @@ html, body {
 body {
   padding: 0;
   margin: 0;
-  color: #000;
+  color: #181A1B;
   font-size: 1em;
   line-height: 1.4;
   font-family: ClearSans;
@@ -64,14 +64,10 @@ body {
   .container {
     max-width: 960px;
   }
-
-  .wide .container {
-    max-width: 1150px;
-  }
 }
 
 a {
-  color: #800;
+  color: #17191A;
   text-decoration: underline;
 }
 
@@ -88,57 +84,15 @@ nav a,
   text-decoration: none;
 }
 
-nav {
-  text-align: center;
-}
-
-nav a {
-  display: inline-block;
-}
-
 nav a.text-dark:hover,
 nav a.text-dark:focus {
-  color: #800 !important;
+  color: #17191A !important;
 }
 
 .avatar {
   max-width: 250px;
 }
 
-.team {
-  display: grid;
-  grid-template-columns: repeat(1, 1fr);
-  grid-column-gap: 15px;
-  grid-row-gap: 15px;
-  margin-top: 15px;
-}
-
-.alumni {
-  opacity: 0.6;
-}
-
-.person-avatar {
-  max-width: 80px;
-  border-radius: 50%;
-  margin-right: 15px;
-  float: left;
-}
-
-.person-name {
-  display: block;
-  font-weight: bold;
-  padding-bottom: 10px;
-}
-
-.person-links {
-  display: inline-block;
-  font-size: 1.3rem;
-}
-
-.person-links a:not(:last-child) {
-  margin-right: 5px;
-}
-
 .page {
   min-height: 100%;
   margin-bottom: -92px;
@@ -154,30 +108,16 @@ nav a.text-dark:focus {
   font-weight: bold;
 }
 
-.section {
-  text-decoration: underline;
-}
-
 .services {
   display: grid;
-  grid-template-columns: auto;
+  grid-template-columns: auto auto;
   grid-column-gap: 40px;
   grid-row-gap: 40px;
 }
 
-@media (min-width: 768px) {
+@media (max-width: 768px) {
   .services {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  .team {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (min-width: 1200px) {
-  .services {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: auto;
   }
 }
 
@@ -187,18 +127,6 @@ nav a.text-dark:focus {
   padding-right: 10px;
 }
 
-.tools h5 {
-  border-bottom: 1px solid gray;
-}
-
-.tool-img {
-  max-height: 80px;
-}
-
-.tools a.btn {
-  text-decoration: none;
-}
-
 .card-footer {
   padding: 0 1.25rem 1rem 1.25rem;
   background-color: transparent;
@@ -215,45 +143,7 @@ nav a.text-dark:focus {
   margin: inherit;
 }
 
-.beta {
-  color: gray;
-}
-
-pre,
-code {
-  background-color: #f6f8fa;
-  line-height: 1.45;
-  font-size: 0.9rem;
-  padding: 5px;
-  color: #e83e8c;
-}
-
-pre > code {
-  padding: 0;
-}
-
-.extra a {
-  text-decoration: none;
-}
-
 footer {
+  margin: 10px auto 0;
   text-align: center;
 }
-
-.footer-link {
-  display: block;
-  font-size: 1.1rem;
-  margin-bottom: 8px;
-}
-
-.footer-col {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: center;
-}
-
-.footer-col a,
-.footer-avatar {
-  max-width: 80px;
-}