new version

Signed-off-by: Milind Kamat <[email protected]>

app.py

@@ -7,45 +7,46 @@ st.markdown("""
     header {visibility: hidden;}
     footer {visibility: hidden;}
     
-    /* Navigation bar container */
+    /* Navigation container */
     .nav-container {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 0.8rem 2rem;
+        padding: 0.8rem 1rem;  /* Reduced padding */
         background-color: white;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
-        z-index: 1000;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     }
     
     /* Logo */
     .logo {
         color: #1a73e8;
-        font-size: 1.2rem;
+        font-size: 1.1rem;  /* Reduced font size */
         font-weight: 600;
         text-decoration: none;
+        margin-right: 1rem;  /* Added margin */
     }
     
     /* Search box */
-    .search-box {
+    .search-container {
         flex: 1;
-        max-width: 500px;
-        margin: 0 2rem;
-        padding: 0.6rem 1rem;
+        max-width: 450px;  /* Reduced width */
+        margin: 0 1rem;
+    }
+    
+    .search-box {
+        width: 100%;
+        padding: 0.5rem 0.8rem;  /* Reduced padding */
         border: 1px solid #ddd;
-        border-radius: 8px;
+        border-radius: 6px;
         font-size: 0.9rem;
+        outline: none;
     }
     
     /* Navigation links */
     .nav-links {
         display: flex;
-        gap: 1.2rem;
-        align-items: center;
+        gap: 1rem;  /* Reduced gap */
+        margin-left: 1rem;
     }
     
     .nav-link {
@@ -53,35 +54,24 @@ st.markdown("""
         text-decoration: none;
         font-size: 0.9rem;
         font-weight: 500;
-        padding: 0.5rem 0.8rem;
-        border-radius: 4px;
-        transition: all 0.2s ease;
+        padding: 0.4rem 0.6rem;  /* Reduced padding */
+        white-space: nowrap;
     }
     
     .nav-link:hover {
         color: #1a73e8;
-        background-color: rgba(26, 115, 232, 0.1);
-    }
-    
-    /* Add margin to main content to prevent overlap */
-    .main-content {
-        margin-top: 4rem;
     }
 </style>
 
 <div class="nav-container">
     <a href="/" class="logo">SCISPACE</a>
-    <input type="text" class="search-box" placeholder="Search or ask a question">
+    <div class="search-container">
+        <input type="text" class="search-box" placeholder="Search or ask a question">
+    </div>
     <div class="nav-links">
-        <a href="https://github.com" target="_blank" class="nav-link">GitHub</a>
-        <a href="https://scholar.google.com" target="_blank" class="nav-link">Google Scholar</a>
-        <a href="https://openai.com" target="_blank" class="nav-link">OpenAI</a>
         <a href="/streamlit" class="nav-link">Streamlit</a>
         <a href="/pricing" class="nav-link">Pricing</a>
         <a href="/library" class="nav-link">My Library</a>
     </div>
 </div>
-
-<div class="main-content">
-</div>
 """, unsafe_allow_html=True)

appmaster.py

@@ -0,0 +1,87 @@
+import streamlit as st
+
+st.markdown("""
+<style>
+    /* Hide default Streamlit elements */
+    #MainMenu {visibility: hidden;}
+    header {visibility: hidden;}
+    footer {visibility: hidden;}
+    
+    /* Navigation bar container */
+    .nav-container {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0.8rem 2rem;
+        background-color: white;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
+        z-index: 1000;
+    }
+    
+    /* Logo */
+    .logo {
+        color: #1a73e8;
+        font-size: 1.2rem;
+        font-weight: 600;
+        text-decoration: none;
+    }
+    
+    /* Search box */
+    .search-box {
+        flex: 1;
+        max-width: 500px;
+        margin: 0 2rem;
+        padding: 0.6rem 1rem;
+        border: 1px solid #ddd;
+        border-radius: 8px;
+        font-size: 0.9rem;
+    }
+    
+    /* Navigation links */
+    .nav-links {
+        display: flex;
+        gap: 1.2rem;
+        align-items: center;
+    }
+    
+    .nav-link {
+        color: #5f6368;
+        text-decoration: none;
+        font-size: 0.9rem;
+        font-weight: 500;
+        padding: 0.5rem 0.8rem;
+        border-radius: 4px;
+        transition: all 0.2s ease;
+    }
+    
+    .nav-link:hover {
+        color: #1a73e8;
+        background-color: rgba(26, 115, 232, 0.1);
+    }
+    
+    /* Add margin to main content to prevent overlap */
+    .main-content {
+        margin-top: 4rem;
+    }
+</style>
+
+<div class="nav-container">
+    <a href="/" class="logo">SCISPACE</a>
+    <input type="text" class="search-box" placeholder="Search or ask a question">
+    <div class="nav-links">
+        <a href="https://github.com" target="_blank" class="nav-link">GitHub</a>
+        <a href="https://scholar.google.com" target="_blank" class="nav-link">Google Scholar</a>
+        <a href="https://openai.com" target="_blank" class="nav-link">OpenAI</a>
+        <a href="/streamlit" class="nav-link">Streamlit</a>
+        <a href="/pricing" class="nav-link">Pricing</a>
+        <a href="/library" class="nav-link">My Library</a>
+    </div>
+</div>
+
+<div class="main-content">
+</div>
+""", unsafe_allow_html=True)