Add lost password recovery

static/blog.css

@@ -0,0 +1,206 @@
+ /* kitoy <kitoy__at__kitoy.me> */
+
+ :root
+ {
+     --color-text: #fdfdfddd;
+     --color-background: #202020;
+ }
+ 
+ html{
+   height: 100%;
+   width: 80%;
+   margin-left: 10%;
+
+ }
+
+
+ body {
+    color: var(--color-text);
+    background-color:  var(--color-background);
+ }
+
+
+ hr {
+     color: var(--color-text);
+ }
+ 
+ * {-moz-box-sizing: border-box; box-sizing: border-box;}
+
+
+ a {
+     color: var(--color-text);
+     text-decoration: none;
+ }
+
+ .date {
+   margin-bottom: 0;
+ }
+
+ .slug {
+   //margin-left: 1rem;
+   text-align: left;
+   margin-bottom: 2rem;
+ }
+
+ .readmore {
+   text-align: right;
+ }
+
+ .readmore  a {
+   color: var(--color-text);
+   text-decoration: underline;
+ }
+
+
+ .copyleft {
+   display:inline-block;
+   transform: rotate(180deg);
+   padding-bottom: -15px;
+ }
+
+ pre {
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+ }
+
+
+ ul {
+     list-style-type: none;
+     margin: 0;
+     padding: 0;
+ }
+ 
+
+ .articles {
+     max-width: 80%;
+     margin-left: auto;
+     margin-right: auto;
+     margin-top: 5rem;
+     margin-bottom: 3rem;
+     padding:0.5em;
+     border: 7px double;
+     border-color: var(--text-color);
+     border-radius: 10px 10px 10px 10px;
+     line-height: 1.5;
+     letter-spacing: 0.1vw;
+     text-align: justify;
+ }
+
+ .articles ul {
+     list-style-type: disc;
+     margin: 5vw;
+     padding-top: 1vw;
+     padding-bottom: 1vw;
+     padding-left: 1.5vw;
+ }
+
+ 
+.titre {
+     text-align: center;
+ }
+
+
+.index {
+    text-align: left;
+}
+
+ .articles img {
+     display: block;
+     margin-left: auto;
+     margin-right: auto;
+     width: 50%;
+     margin-bottom: 2vw;
+
+ }
+
+ .articles .description {
+    font-weight: 300;
+    font-style: italic;
+    font-size: 1.5vw;
+    padding-bottom: 30px;
+    color: ;
+ }
+
+
+ .pagination a {
+     border: 1px solid;
+     border-color: $color_title;
+     padding: 3px;
+     font-size: 13px;
+ }
+
+ .center {
+     margin: auto;
+     width: 50%;
+     padding: 10px;
+ }
+
+ .contact{
+     text-align:center;
+ }
+
+ footer {
+     position: relative;
+     bottom:0px;
+     width: 100%;
+     text-align:center;
+ }
+
+ @media only screen and (max-width: 980px)
+ {
+     
+     .articles .description {
+	 font-size: 4vw;
+     }
+     
+     .articles {
+	 margin-left: 0;
+	 position: relative;
+	 font-size: 3.5vw;
+	 
+     }
+     
+     footer {
+	 font-size: 3vw;
+     }
+     
+     .articles img {
+	 display: block;
+	 margin-left: auto;
+	 margin-right: auto;
+	 width: 80%;
+     }
+
+
+     
+ }
+
+
+
+ @media only screen and (max-width: 980px){
+
+      html{
+	  height: 100%;
+	  width: 100%;
+	  margin: 0;
+      }
+ }
+
+  @media only screen and (max-width: 768px)
+  { 
+      .h1 {
+	  font-size: 5vw;
+      }
+           
+      .icons img {
+	  width: 7vw;
+	  height: 7vw;
+	  margin: 20px;
+	  display:inline-block;
+	  align-items:center;
+      }
+
+  }

static/cover.css

@@ -40,6 +40,10 @@ body {
   text-shadow: 0 1px 3px rgba(0,0,0,.5);
 }
 
+.container {
+    margin-bottom: 5vw;
+}
+
 a {
   color: #428bca;
 
@@ -158,6 +162,17 @@ a:focus, a:hover {
   border-bottom-color: #fff;
 }
 
+
+/* Footer */
+
+footer {
+    position: bottom;
+    width: 100%;
+    bottom: 0;
+    text-align: center;
+}
+
+
 @media (min-width: 768px) {
   .masthead-brand {
     float: left;
@@ -332,3 +347,4 @@ a:focus, a:hover {
 .post-it h3 {
     font-size: 0.9vw;
 }
+

static/theme.css

@@ -27,3 +27,7 @@ a:focus, a:hover {
     text-decoration: underline;
 
 }
+
+footer {
+    margin-top: 3em;
+}

static/up.css

@@ -48,13 +48,13 @@
 }
 
 .succes p {
-  background-color: #CDCBD0;
-	color: #00A310;
+  background-color: #444;
+	color: #00C613;
 }
 
 .error p {
-	background-color: #CDCBD0;
-	color: #B80000;
+	background-color: #444;
+	color: #FF4A4A;
 }
 
 #majuscule {