merge pull request #25 from xames3/refactor/xames3-headshots

Fix: remove unlinked title reference

Author: xames3

coeus_sphinx_theme/navbar.html.jinja

@@ -4,7 +4,7 @@ Coeus Sphinx Theme Main Navigation Bar Template
 
 Author: Akshay Mestry <[email protected]>
 Created on: Sunday, October 06 2024
-Last updated on: Wednesday, October 30 2024
+Last updated on: Sunday, November 24 2024
 -->
 <header class="header-pill glass-bevel">
     {%- block header_left %}
@@ -58,13 +58,13 @@ Last updated on: Wednesday, October 30 2024
                 </div>
             </div>
             {%- endfor %}
-            {%- if docsearch or hasdoc('search') %}
-                <div class="header-search glass-bevel">
-                    {%- include "searchbox.html.jinja" %}
-                </div>
-            {%- endif %}
         </nav>
         {%- endif %}
+        {%- if docsearch or hasdoc('search') %}
+            <div class="header-search">
+                {%- include "searchbox.html.jinja" %}
+            </div>
+        {%- endif %}
         {%- endblock header_main_nav -%}
     </div>
     {%- endblock header_right %}

coeus_sphinx_theme/static/coeus.css

@@ -400,13 +400,13 @@ header {
 
 input::-moz-placeholder,
 textarea::-moz-placeholder {
-    color: var(--main-page-muted-text-color);
+    color: var(--main-page-white-color);
     opacity: 1;
 }
 
 input::placeholder,
 textarea::placeholder {
-    color: var(--main-page-muted-text-color);
+    color: var(--main-page-white-color);
     opacity: 1;
 }
 
@@ -934,12 +934,7 @@ table tbody td:not(:first-child) {
 .header-search {
     padding: 0.5rem;
     margin-right: 0.15rem;
-    border-radius: var(--main-rounded-corner-radius);
-    background-color: var(--main-page-header-background);
-    -webkit-backdrop-filter: blur(12px) var(--coeus-backdrop-brightness) var(--coeus-backdrop-contrast) var(--coeus-backdrop-grayscale) var(--coeus-backdrop-hue-rotate) var(--coeus-backdrop-invert) var(--coeus-backdrop-opacity) var(--coeus-backdrop-saturate) var(--coeus-backdrop-sepia);
-    backdrop-filter: blur(12px) var(--coeus-backdrop-brightness) var(--coeus-backdrop-contrast) var(--coeus-backdrop-grayscale) var(--coeus-backdrop-hue-rotate) var(--coeus-backdrop-invert) var(--coeus-backdrop-opacity) var(--coeus-backdrop-saturate) var(--coeus-backdrop-sepia);
-    -webkit-backdrop-filter: var(--coeus-backdrop-blur) var(--coeus-backdrop-brightness) var(--coeus-backdrop-contrast) var(--coeus-backdrop-grayscale) var(--coeus-backdrop-hue-rotate) var(--coeus-backdrop-invert) var(--coeus-backdrop-opacity) var(--coeus-backdrop-saturate) var(--coeus-backdrop-sepia);
-    backdrop-filter: var(--coeus-backdrop-blur) var(--coeus-backdrop-brightness) var(--coeus-backdrop-contrast) var(--coeus-backdrop-grayscale) var(--coeus-backdrop-hue-rotate) var(--coeus-backdrop-invert) var(--coeus-backdrop-opacity) var(--coeus-backdrop-saturate) var(--coeus-backdrop-sepia);
+    background-color: transparent;
 }
 
 .searchbox {
@@ -967,7 +962,7 @@ table tbody td:not(:first-child) {
     position: relative;
     width: 15rem;
     right: 50%;
-    transform: translateX(-40%);
+    transform: translateX(-90%);
     padding: 1rem;
     background-color: var(--main-page-header-background);
     -webkit-backdrop-filter: blur(12px) var(--coeus-backdrop-brightness) var(--coeus-backdrop-contrast) var(--coeus-backdrop-grayscale) var(--coeus-backdrop-hue-rotate) var(--coeus-backdrop-invert) var(--coeus-backdrop-opacity) var(--coeus-backdrop-saturate) var(--coeus-backdrop-sepia);
@@ -1935,7 +1930,7 @@ table:not(.does-not-exist):hover .navbarlink>* {
 }
 
 #right-sidebar ul {
-    margin-left: 4.5rem;
+    margin-left: 3rem;
     font-size: 0.875rem;
     line-height: 1;
     width: 276px;
@@ -1946,7 +1941,7 @@ table:not(.does-not-exist):hover .navbarlink>* {
     font-weight: 600;
     line-height: 1.25;
     margin-bottom: .25rem;
-    margin-left: 4rem;
+    margin-left: 3.5rem;
     padding: 1.5rem .5rem .25rem;
     background-color: transparent;
 }
@@ -1956,16 +1951,12 @@ table:not(.does-not-exist):hover .navbarlink>* {
     padding-top: 0.5rem;
 }
 
+#right-sidebar ul li ul {
+    margin-left: 1rem;
+}
+
 #right-sidebar ul li a {
-    width: 175px;
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration-line: none;
-    transition-duration: 0.15s;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    display: none;
 }
 
 #right-sidebar ul li a:focus-visible {
@@ -1976,8 +1967,16 @@ table:not(.does-not-exist):hover .navbarlink>* {
     font-weight: 600;
 }
 
-#right-sidebar ul li ul {
-    margin-left: 1rem;
+#right-sidebar ul li ul a:first-child {
+    width: 225px;
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration-line: none;
+    transition-duration: 0.15s;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
 #right-sidebar ul:not(:last-child) {