Merge pull request #23 from openscholar/16119-lynx-logo

#16119 adding lynx logo

css/lynx_search.css

@@ -100,8 +100,8 @@
     to right,
     #323232 20%,
     rgba(50, 50, 50, 0.95) 50%,
-    rgba(50, 50, 50, 0.1) 80%,
-    rgba(50, 50, 50, 0) 100%
+    rgba(50, 50, 50, 0.5) 80%,
+    rgba(50, 50, 50, 0.2) 100%
   );
   content: "";
   height: 100%;
@@ -418,7 +418,7 @@
   .path-lynx .search-lynx-form .form-actions {
     width: 25%;
     right: 6px;
-    bottom: 8px;
+    bottom: 28px;
     width: 25%;
     position: absolute;
     top: auto;
@@ -441,6 +441,15 @@
     position: sticky;
     top: 1rem;
   }
+  .path-lynx .search-lynx-form:before {
+    background: linear-gradient(
+      to right,
+      #323232 20%,
+      rgba(50, 50, 50, 0.95) 50%,
+      rgba(50, 50, 50, 0.1) 80%,
+      rgba(50, 50, 50, 0) 100%
+    );
+  }
 }
 /***** sidebar filter *****/
 span.fieldset-legend {
@@ -517,6 +526,43 @@ fieldset legend {
   background: var(--color-red1);
 }
 
+.path-lynx .lynx-logo {
+  background: url(../images/lynx-white.png) no-repeat;
+  height: 215px;
+  width: 100%;
+  margin-left: .625rem;
+  margin-bottom: 1.5rem;
+}
+
+.path-lynx .lynx-listing-page .lynx-logo {
+  background: none;
+  height: auto;
+  margin: 0;
+}
+
+.path-lynx.one-sidebar #page:before {
+  background: url(../images/lynx-black.png) no-repeat;
+  height: 115px;
+  margin-left: 1rem;
+  background-size: contain;
+  content: "";
+  display: inline-block;
+  width: 200px;
+  margin-top: 10px;
+}
+
+.path-lynx .lynx-search-container {
+  display: flex;
+  justify-content: space-evenly;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.path-lynx .lynx-listing-page .lynx-search-container {
+  display: block;
+  height: auto;
+}
+
 @media (max-width: 767px) {
   .pager-nav .pagination>li {
     margin-bottom: 0.3rem;
@@ -536,4 +582,8 @@ fieldset legend {
   .path-lynx.sidebar-second aside h3 {
     margin-bottom: 1.5rem;
   }
+  .path-lynx .lynx-logo {
+    height: 160px;
+    background-size: contain;
+  }
 }

src/Form/SearchLynxForm.php

@@ -22,7 +22,7 @@ public function getFormId() {
    */
   public function buildForm(array $form, FormStateInterface $form_state) {
     $form['search_container'] = [
-      '#prefix' => '<div class="lynx-search-container"><div class="lynx-search-main">',
+      '#prefix' => '<div class="lynx-search-container"><div class="lynx-logo"></div><div class="lynx-search-main">',
     ];
     $form['title_text'] = [
       '#markup' => '<div><h1>Search Thousands of OpenScholar Websites</h1></div><div><h2>Discover scholars, publications & research news</h2></div>',