Home Explore Help
Sign In
rootless
/
hugo-toha
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

add 404 page

hossainemruz 5 years ago
parent
00465629d2
commit
6e747d9e0c
6 changed files with 45 additions and 21 deletions
Unified View Show Diff Stats
  1. 13 11
      layouts/404.html
  2. 1 1
      layouts/partials/footer.html
  3. 1 1
      layouts/partials/navbar.html
  4. 9 8
      static/assets/css/achievements.css
  5. 21 0
      static/assets/css/style.css
  6. BIN
      static/assets/images/404.png

+ 13 - 11
layouts/404.html
View File 

@@ -1,11 +1,13 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>404 Page</title>
 
-</head>
 
-<body>
 
-    <h1>It seems you got lost....</h1>
 
-</body>
 
-</html>
 
+{{ define "navbar" }}
 
+    {{ partial "navbar-2.html" (dict "baseURL" .Site.BaseURL "title" .Site.Title "hasToggleButton" true) }}
 
+{{ end }}
 
+
 
+{{ define "content" }}
 
+<div class="notFound">
 
+    <img src="/assets/images/404.png" alt="">
 
+    <div class="message">
 
+        <h1>404</h1>
 
+        <h4>The page you are looking for is not done yet.</h4>
 
+    </div>
 
+</div>
 
+{{ end }}

+ 1 - 1
layouts/partials/footer.html
View File 

@@ -6,7 +6,7 @@
 
         <ul>
 
         <ul>
 
           {{ range .Site.Menus.main }}
 
           {{ range .Site.Menus.main }}
 
           <li class="nav-item">
 
           <li class="nav-item">
 
-            <a class="smooth-scroll" href="#{{ .URL }}">{{ .Name }}</a>
 
+            <a class="smooth-scroll" href="{{ .URL }}">{{ .Name }}</a>
 
           </li>
 
           </li>
 
           {{ end }}
 
           {{ end }}
 
         </ul>
 
         </ul>

+ 1 - 1
layouts/partials/navbar.html
View File 

@@ -1,6 +1,6 @@
 
 <nav class="navbar navbar-expand-lg top-navbar initial-navbar" id="top-navbar">
 
 <nav class="navbar navbar-expand-lg top-navbar initial-navbar" id="top-navbar">
 
   <div class="container">
 
   <div class="container">
 
-    <a class="navbar-brand" href="#">{{- .Site.Title -}}</a>
 
+    <a class="navbar-brand" href="{{ .Site.BaseURL }}">{{- .Site.Title -}}</a>
 
     <button
 
     <button
 
       class="navbar-toggler navbar-dark"
 
       class="navbar-toggler navbar-dark"
 
       id="navbar-toggler"
 
       id="navbar-toggler"

+ 9 - 8
static/assets/css/achievements.css
View File 

@@ -5,19 +5,20 @@
 
   margin-left: 7px;
 
   margin-left: 7px;
 
   margin-right: 7px;
 
   margin-right: 7px;
 
   z-index: 1;
 
   z-index: 1;
 
-  opacity: 1;
 
   background-size: cover;
 
   background-size: cover;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
   background-position: center;
 
   background-position: center;
 
   position: relative;
 
   position: relative;
 
   overflow: hidden;
 
   overflow: hidden;
 
+  transition: all 0.3s ease-out;
 
 }
 
 }
 
 
 
 #gallery .achievement-entry:hover {
 
 #gallery .achievement-entry:hover {
 
   cursor: pointer;
 
   cursor: pointer;
 
   z-index: 1;
 
   z-index: 1;
 
-  opacity: 0.95;
 
-  transition: opacity 0.3s ease-out;
 
+  transform: scale(1.1);
 
+  transition: all 0.3s ease-out;
 
+  z-index: 20000;
 
 }
 
 }
 
 
 
 #gallery .achievement-details {
 
 #gallery .achievement-details {
 
@@ -25,6 +26,7 @@
 
   z-index: 1;
 
   z-index: 1;
 
   opacity: 1 !important;
 
   opacity: 1 !important;
 
   transition: none !important;
 
   transition: none !important;
 
+  transform: none !important;
 
 }
 
 }
 
 
 
 #gallery .img-type-1 {
 
 #gallery .img-type-1 {
 
@@ -41,7 +43,6 @@
 
   padding: 10px;
 
   padding: 10px;
 
   font-size: 0rem;
 
   font-size: 0rem;
 
   opacity: 0;
 
   opacity: 0;
 
-  position: absolute;
 
 }
 
 }
 
 
 
 #gallery .achievement-entry:hover i {
 
 #gallery .achievement-entry:hover i {
 
@@ -52,17 +53,17 @@
 
 }
 
 }
 
 
 
 #gallery .img-type-1 i {
 
 #gallery .img-type-1 i {
 
-  margin-top: 140px;
 
+  margin-top: 135px;
 
 }
 
 }
 
 #gallery .img-type-2 i {
 
 #gallery .img-type-2 i {
 
-  margin-top: 65px;
 
+  margin-top: 50px;
 
 }
 
 }
 
 
 
 #gallery .achievement-details.img-type-1 i,
 
 #gallery .achievement-details.img-type-1 i,
 
 .achievement-details.img-type-2 i {
 
 .achievement-details.img-type-2 i {
 
-  right: 5px !important;
 
-  margin-top: 5px !important;
 
+  margin-top: 0px !important;
 
   transition: none !important;
 
   transition: none !important;
 
+  float: right;
 
 }
 
 }
 
 
 
 #gallery .achievement-entry .title {
 
 #gallery .achievement-entry .title {

+ 21 - 0
static/assets/css/style.css
View File 

@@ -191,6 +191,27 @@ a:hover {
 
   color: #c0ccda;
 
   color: #c0ccda;
 
 }
 
 }
 
 
 
+.notFound{
 
+  padding-top: 5rem;
 
+  text-align: center;
 
+  padding-bottom: 8rem;
 
+}
 
+
 
+.notFound img{
 
+  height: 500px;
 
+}
 
+
 
+.notFound h1{
 
+  font-style: italic;
 
+}
 
+
 
+.notFound .message{
 
+  position: absolute;
 
+  max-width: 20rem;
 
+  top: 40%;
 
+  left: 30%;
 
+}
 
+
 
 /* --- FOOTER END ---- */
 
 /* --- FOOTER END ---- */
 
 
 
 /* ============= Device specific fixes ======= */
 
 /* ============= Device specific fixes ======= */

BIN
static/assets/images/404.png
View File