Merge pull request #2 from nor0x/done

nor0x · Sep 29, 2024 · 4092356 · 4092356
2 parents c21d2df + 7156263
commit 4092356
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 27 deletions.
diff --git a/WahlGPT.Web/Pages/Home.razor b/WahlGPT.Web/Pages/Home.razor
@@ -23,33 +23,18 @@
 			Willkommen zu <strong>WahlGPT</strong>
 			<div class="beta-badge">βeta</div>
 		</h1>
-		<p class="header-info-text">...ein LLM das die Wahlprogramme zur Nationalratswahl 2024 <a href="https://www.bmi.gv.at/412/Nationalratswahlen/Nationalratswahl_2024/start.aspx#pk_02" target="_blank">aller Parteien</a> gelesen hat und dir Fragen dazu beantwortet.
-		</p>
-		<p>
-			bisher wurden <span data-countup> @_answerCount</span> Antworten generiert
+		<p class="header-info-text">...ich bin ein LLM das die Wahlprogramme zur Nationalratswahl 2024 <a href="https://www.bmi.gv.at/412/Nationalratswahlen/Nationalratswahl_2024/start.aspx#pk_02" target="_blank">aller Parteien</a> gelesen hat und dir Fragen dazu beantwortet.
 		</p>
+		<div class="done-header-text">
+		<h3>
+			Die Nationalratswahl 2024 ist vorbei!
+			<br />
+			Seit dem Start am 7. September 2024 habe ich insgesamt <span data-countup> @_answerCount</span> Antworten generiert.
+		</h3>
+			<p class="header-info-text">Wenn dir WahlGPT gefallen hat, kannst du mich gerne <a href="https://bento.me/nor0x" target="_blank">unterstützen</a> oder <a href="https://johnnys.news/2024/09/How-I-built-wahlGPT" target="_blank">mehr über das Projekt erfahren</a>.</p>
 
-		<ul class="actions special">
-			<li>
-				<textarea class="question-input" type="text" placeholder="Deine Frage zum Wahlprogramm?"
-						  @oninput="QuestionChanged" />
-						  <p>Partei(en) auswählen:</p>
-				<ul class="parties-list">
-					@foreach (var party in _parties)
-					{
-						@if (party.selected)
-						{
-							<li class="party selected" @onclick="() => SelectParty(party.party)">@party.party</li>
-						}
-						else
-						{
-							<li class="party" @onclick="() => SelectParty(party.party)">@party.party</li>
-						}
-					}
-				</ul>
-				<button class="button primary" @onclick="AskQuestion" disabled="@_buttonDisabled">@_questionButtonText</button>
-			</li>
-		</ul>
+			<div class="seeya-badge"><span>👋</span><br />bis zur nächsten Wahl</div>
+		</div>
 	</div>
 </section>
 
@@ -240,7 +225,6 @@
 	{
 		if(firstRender)
 		{
-			await _js.InvokeVoidAsync("doSuggestions");
 			await Task.Run(async () =>
 			{
 				_answerCount = await _chat.GetCount();

diff --git a/WahlGPT.Web/wwwroot/css/app.css b/WahlGPT.Web/wwwroot/css/app.css
@@ -232,6 +232,21 @@ span:nth-child(3) {
 	display: inline-block;
 }
 
+.seeya-badge {
+	color: white;
+	font-size: 20px;
+	font-weight: 100;
+	transform: rotate(-3deg);
+	animation: none !important;
+	display: inline-block;
+	font-family: cursive;
+	margin-top:5rem;
+}
+
+.seeya-badge span {
+	font-size: 40px;
+}
+
 .selected-party-badge {
 	background-color: #666666;
 	color: #ffffff;
@@ -272,6 +287,18 @@ span:nth-child(3) {
 	margin-top: 1.1rem !important;
 }
 
+.done-header-text {
+	margin-top: 1.1rem;
+	max-width: 60%;
+	margin: 0 auto;
+	margin-top: 4rem;
+	text-wrap: balance;
+}
+
+.done-header-text h3 {
+	margin-bottom: 0 !important;
+}
+
 .blazor-loader {
 	display: flex;
 	flex-direction: column;
@@ -376,6 +403,11 @@ code {
 		transform: rotate(-9deg);
 	}
 
+
+	.done-header-text {
+		max-width: 96%;
+	}
+
 	.answer-info-text {
 		max-width: 80%;
 	}
@@ -385,7 +417,7 @@ code {
 	}
 
 	.header-info-text {
-		width: 80% !important;
+		width: 96%;
 	}
 
 	.top-menu ul {