Update app.py

app.py

@@ -92,85 +92,52 @@ def main():
     
     # Add custom CSS
     st.markdown("""
-<style>
-body, .main, .block-container {
-    background-color: #1a1a1a;
-    color: #d0d0d0;
-}
-
-/* Sidebar dark theme */
-[data-testid="stSidebar"] {
-    background-color: #121212;
-    color: #d0d0d0;
-}
-[data-testid="stSidebar"] .stMarkdown {
-    color: #d0d0d0;
-}
-
-/* Input boxes */
-input, textarea, .stTextInput > div > div > input {
-    background-color: #2d2d2d !important;
-    color: #f0f0f0 !important;
-    border: 1px solid #555 !important;
-}
-.stTextArea textarea {
-    background-color: #2d2d2d !important;
-    color: #f0f0f0 !important;
-    border: 1px solid #555 !important;
-}
-
-/* Button styles */
-.stButton>button {
-    color: #1a1a1a;
-    background-color: #9c7c38;
-    border: 2px solid #9c7c38;
-}
-.stButton>button:hover {
-    color: #9c7c38;
-    background-color: #1a1a1a;
-    border: 2px solid #9c7c38;
-}
-
-/* Markdown headers */
-h1, h2, h3 {
-    color: #9c7c38;
-}
-
-/* Output story container */
-.story-container {
-    background-color: #2d2d2d;
-    color: #eaeaea;
-    padding: 20px;
-    border-radius: 5px;
-    border-left: 5px solid #9c7c38;
-    font-family: 'Times New Roman', Times, serif;
-    line-height: 1.6;
-    box-shadow: 0 0 10px rgba(156, 124, 56, 0.3);
-}
-
-/* Expander (prompt) */
-.st-expander {
-    background-color: #2d2d2d;
-    color: #d0d0d0;
-}
-
-/* Scrollbar dark theme */
-::-webkit-scrollbar {
-    width: 8px;
-}
-::-webkit-scrollbar-track {
-    background: #1a1a1a;
-}
-::-webkit-scrollbar-thumb {
-    background: #555;
-    border-radius: 4px;
-}
-::-webkit-scrollbar-thumb:hover {
-    background: #777;
-}
-</style>
-""", unsafe_allow_html=True)
+    <style>
+    .main {
+        background-color: #1a1a1a;
+        color: #d0d0d0;
+    }
+    
+    .stButton>button {
+        color: #1a1a1a;
+        background-color: #9c7c38;
+        border: 2px solid #9c7c38;
+    }
+    .stButton>button:hover {
+        color: #9c7c38;
+        background-color: #1a1a1a;
+        border: 2px solid #9c7c38;
+    }
+    h1, h2, h3 {
+        color: #9c7c38;
+    }
+    .sidebar .sidebar-content {
+        background-color: #1a1a1a;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # Title
+    st.title("The Raven's Quill")
+    st.subheader("Generate Edgar Allan Poe-style Stories with AI")
+    
 
+    # Set model path
+    model_path = "model"
+    
+    # Generation parameters
+    # Sidebar introduction
+    st.sidebar.markdown("## 🪶 About This App")
+    st.sidebar.markdown(
+    """
+    **The Raven's Quill** lets you generate short stories in the style of **Edgar Allan Poe**.
+    📝 **How to use:**
+    - Select the genre, atmosphere, themes, and character details
+    - Add special elements like ravens or unreliable narrators
+    - Click **Generate Poe Story** to receive your tale of terror
+  
+    """
+    )
 
     max_new_tokens = st.sidebar.slider("Max Tokens", 500, 4096, 2048, 100,
                                      help="Maximum length of generated text")