fix: rename static object

main.py

@@ -73,18 +73,17 @@ QA_CHAIN_PROMPT = PromptTemplate.from_template(template)
 class Predict(BaseModel):
     prompt: str
 
-app = FastAPI()
+app = FastAPI(title="homepage-app")
 api_app = FastAPI(title="api app")
 
-app.mount("/", StaticFiles(directory="static",html = True), name="static")
 app.mount("/api", api_app)
+app.mount("/", StaticFiles(directory="static",html = True), name="static")
+
 
 # @app.get("/")
 # def read_root():
 #     return {"Hello": "World"}
 
-# app.mount("/static", StaticFiles(directory="static"), name="static")
-
 @api_app.post('/predict')
 async def predict(data: Predict):
     input_prompt = data.prompt
@@ -110,7 +109,7 @@ async def predict(data: Predict):
     else:
         raise HTTPException(status_code=400, detail="Prompt Incorrect")
 
-@app.get("/run_ingest")
+@api_app.get("/run_ingest")
 def run_ingest_route():
     try:
         if os.path.exists(PERSIST_DIRECTORY):

static/index.html

@@ -48,199 +48,30 @@
       color: white;
       font-family: "Play", sans-serif;
     }
-
-    .search {
-      width: 100%;
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
-        0 0 8px rgba(255, 0, 0, 0.6);
-      background-color: #fff;
-      padding: 4px;
-      border-radius: 5px;
-    }
-
-    ::placeholder {
-      color: rgb(110, 104, 104);
-      opacity: 1;
-    }
-
-    .search-2 {
-      position: relative;
-      width: 100%;
-    }
-
-    .search-2 input {
-      height: 45px;
-      border: none;
-      width: 100%;
-      padding-left: 100px;
-      padding-right: 200px;
-    }
-
-    .search-2 input:focus {
-      border-color: none;
-      box-shadow: none;
-      outline: none;
-    }
-
-    .search-2 i {
-      position: absolute;
-      top: 12px;
-      left: -10px;
-      font-size: 24px;
-      color: #eee;
-    }
-
-    .search-2 button {
-      position: absolute;
-      right: 100px;
-      top: 0px;
-      border: none;
-      height: 45px;
-      background-color: #ff0059;
-      color: #fff;
-      width: 90px;
-      border-radius: 4px;
-    }
-
-    .search-2 button:hover {
-      background: #ff0059;
-      color: #ffffff;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-
-    .search-2 .upload_button {
-      position: absolute;
-      right: 1px;
-      top: 0px;
-      border: none;
-      height: 45px;
-      background-color: #ff0059;
-      color: #fff;
-      width: 90px;
-      border-radius: 4px;
-    }
-
-    .cancel_button {
-      border: none;
-      height: 45px;
-      background-color: gray;
-      color: #fff;
-      width: 90px;
-      border-radius: 4px;
-    }
-
-    .cancel_button:hover {
-      background: rgb(114, 113, 113);
-      color: #ffffff;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-
-    .default_button {
-      border: none;
-      height: 45px;
-      background-color: #ff0059;
-      color: #fff;
-      width: 90px;
-      border-radius: 4px;
-    }
-
-    .default_button:hover {
-      background: #ff0059;
-      color: #ffffff;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-
-    .upload_button:hover {
-      background: #ff0059;
-      color: #ffffff;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-
-    .search-2 .tutorial_button {
-      position: absolute;
-      left: 1px;
-      top: 0px;
-      border: none;
-      height: 45px;
-      background-color: #ff0059;
-      color: #fff;
-      width: 90px;
-      border-radius: 4px;
-    }
-
-    .tutorial_button:hover {
-      background: #ff0059;
-      color: #ffffff;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-
-    .form-control:focus {
-      border-color: #bc13cf;
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
-        0 0 8px rgba(255, 0, 0, 0.6);
-    }
-
-    @media (max-width: 800px) {
-      .search-2 i {
-        left: 4px;
-      }
-
-      .search-2 input {
-        padding-left: 34px;
-      }
-
-      .search-2 button {
-        height: 37px;
-        top: 5px;
-      }
-
-      .search-2 .tutorial_button {
-        height: 37px;
-        top: 5px;
-      }
-
-      .search-2 .upload_button {
-        height: 37px;
-        top: 5px;
-      }
-
-      .search-2 input {
-        height: 45px;
-        border: none;
-        width: 100%;
-        padding-left: 100px;
-        padding-right: 200px;
-      }
-
-      .default_button {
-        height: 37px;
-      }
-
-      .cancel_button {
-        height: 37px;
-      }
-    }
-
-    .accordion-button:focus {
-      z-index: 3;
-      border-color: #ff0059;
-      box-shadow: 0 0 0 0.25rem rgba(153, 50, 168, 0.25);
-    }
-
-    .accordion-button:not(.collapsed) {
-      color: #ff0059;
-      background-color: #f5b3cb;
-      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
-    }
   </style>
   <body>
+    <script>
+      function accessApi() {
+        window.location = "https://dkdaniz-katara.hf.space/docs";
+      }
+    </script>
     <div class="container">
-      <div class="titlegpt">KARATA LLA</div>
+      <div class="titlegpt">KATARA LLMA</div>
+      <button
+        type="button"
+        style="
+          background-color: rgb(231, 185, 18);
+          border-radius: 8px;
+          color: #ffffff;
+          width: 200px;
+          height: 50px;
+
+          margin-top: 100px;
+        "
+        onclick="accessApi()"
+      >
+        Access our api here
+      </button>
     </div>
   </body>
 </html>