Spaces:
Running
Running
| css = """ | |
| .top-bar { | |
| padding-bottom: 10px; | |
| background-color: transparent; | |
| } | |
| .top-bar .in-bar-title { | |
| background-image: linear-gradient(45deg, #8B5FBF, #D6C6E1, #ffffff); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| font-family: Gelion, "Open Sans", Helvetica, "Helvetica Neue", Arial; | |
| font-size: 2rem; | |
| font-weight: bold; | |
| text-align: left; | |
| display: block; | |
| } | |
| .top-bar .in-bar-subtitle { | |
| font-family: 'Crimson Pro'; | |
| color: #878787; | |
| font-size: 1.4rem; | |
| margin-top: -5px; | |
| display: block; | |
| } | |
| .main { | |
| max-width: 800px; | |
| min-width: min(100%, 800px); | |
| align-self: center; | |
| } | |
| .output { | |
| padding: 10px; | |
| min-height: 300px; | |
| border: 1.5px solid #AC7DD280; | |
| border-radius: 10px; | |
| margin-bottom: 10px; | |
| transition: opacity .1s ease-in-out; | |
| background: var(--block-background-fill); | |
| } | |
| #history { | |
| padding: 10px !important; | |
| border: 1.5px dashed #AC7DD2 !important; | |
| border-radius: 10px !important; | |
| } | |
| #primary-btn { | |
| border: 1.5px solid #AC7DD2; | |
| font-size: 20px; | |
| } | |
| summary { | |
| font-size: 14px; | |
| font-weight: bold; | |
| } | |
| #history_box { | |
| border-bottom: 1.5px dashed #9A73B5; | |
| padding: 10px; | |
| } | |
| .tab-nav { | |
| border-bottom: 1.5px solid #9A73B5 !important; | |
| } | |
| button.selected { | |
| border: 1.5px solid #9A73B5 !important; | |
| border-bottom: none !important; | |
| } | |
| .tabitem { | |
| border: 1.5px solid #9A73B5 !important; | |
| border-top: none !important; | |
| } | |
| """ | |
| # #809A73B5 | |
| top_bar = """ | |
| <head> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"> | |
| </head> | |
| <body> | |
| <div class="top-bar"> | |
| <div class="top-bar-left"> | |
| <span class="in-bar-title"> | |
| AI Research Assistant | |
| <a href="https://github.com/paradoxtown/AI-Research-Assistant"> | |
| <i class="fab fa-github" style="font-size:25px;"></i> | |
| </a> | |
| </span> | |
| <span class="in-bar-subtitle">Your personal free GPT researcher</span> | |
| </div> | |
| </div> | |
| <body> | |
| """ | |
| report_html = """ | |
| <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># Report</span> | |
| """ | |
| english_polishing_html = """ | |
| <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># Polished Result</span> | |
| """ | |
| history_result_html = """ | |
| <span data-testid="block-info" class="svelte-1gfkn6j custom_label")># History Result</span> | |
| """ | |
| literature_review_html = """ | |
| <span data-testid="block-info" class="svelte-1gfkn6j custom_label")>under construction...</span> | |
| """ |