Merge pull request #1977 from syeopite/add996

Change empty home page to search engine like layout

2 files changed, 22 insertions, 6 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index b9411351..a725b456 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -178,7 +178,7 @@ img.thumbnail {
   flex: 1;
 }
 
-.navbar > .searchbar {
+.searchbar {
   flex-grow: 2; /* take double the space of the other items */
 }
 
@@ -191,7 +191,7 @@ img.thumbnail {
   display: inline;
 }
 
-.navbar > .searchbar .pure-form input[type="search"] {
+.searchbar .pure-form input[type="search"] {
   margin-bottom: 1px;
 
   border-top: 0;
@@ -216,12 +216,12 @@ input[type="search"]::-webkit-search-cancel-button {
   background-size: 14px;
 }
 
-.navbar > .searchbar .pure-form fieldset {
+.searchbar .pure-form fieldset {
   padding: 0;
 }
 
 /* attract focus to the searchbar by adding a subtle transition */
-.navbar > .searchbar .pure-form input[type="search"]:focus {
+.searchbar .pure-form input[type="search"]:focus {
   margin-bottom: 0px;
   border-bottom: 2px solid #aaa;
 }
@@ -594,7 +594,7 @@ body.dark-theme {
   color: #f0f0f0;
 }
 
-.dark-theme .navbar > .searchbar input {
+.dark-theme .searchbar input {
   background-color: inherit;
   color: inherit;
 }
@@ -633,7 +633,7 @@ body.dark-theme {
     color: #f0f0f0;
   }
 
-  .no-theme .navbar > .searchbar input {
+  .no-theme .searchbar input {
     background-color: inherit;
     color: inherit;
   }
diff --git a/assets/css/empty.css b/assets/css/empty.css
new file mode 100644
index 00000000..6ad1515d
--- /dev/null
+++ b/assets/css/empty.css
@@ -0,0 +1,16 @@
+#search-widget {
+    text-align: center;
+    margin: 20vh 0 50px 0;
+}
+
+#logo > h1 {
+    font-size: 3.5em;
+    margin: 0;
+    padding: 0;
+}
+
+@media screen and (max-width: 1500px) and (max-height: 1000px) {
+    #logo > h1 {
+      font-size: 10vmin;
+    }
+}