minor tweaks

nor0x · Sep 8, 2024 · 1a260d1 · 1a260d1
1 parent f92d5c5
commit 1a260d1
Show file tree

Hide file tree

Showing 3 changed files with 145 additions and 144 deletions.
diff --git a/WahlGPT.Web/Pages/Home.razor b/WahlGPT.Web/Pages/Home.razor
@@ -115,7 +115,7 @@
 						Wie funktioniert WahlGPT?
 					</h2>
 				</header>
-				<p>Ein Large Language Model (LLM) ist ein fortschrittliches Computerprogramm, das natürliche Sprache verstehen und erzeugen kann. Wenn ein LLM mit "Retrieval-Augmented Generation" (RAG) kombiniert wird, kann es besonders nützlich sein, um spezifische Informationen aus großen Textsammlungen, wie zum Beispiel Wahlprogrammen, zu finden und zu nutzen.</p>
+				<p>Ein Large Language Model (LLM) ist eine Software, die natürliche Sprache verstehen und erzeugen kann. Wenn ein LLM mit "Retrieval-Augmented Generation" (RAG) kombiniert wird, kann es besonders nützlich sein, um spezifische Informationen aus großen Textsammlungen, wie zum Beispiel Wahlprogrammen, zu finden und zu nutzen.</p>
 				<p>
 					So funktioniert es:
 					<br />

diff --git a/WahlGPT.Web/wwwroot/css/app.css b/WahlGPT.Web/wwwroot/css/app.css
@@ -1,172 +1,173 @@
 .question-input {
-    background: #ffffff;
-    width: 400px;
-    max-width: 95%;
-    margin: 0 auto;
-    height: 250px;
-    margin-bottom: 12px;
-    color: #666666;
+	background: #ffffff;
+	width: 400px;
+	max-width: 95%;
+	margin: 0 auto;
+	height: 250px;
+	margin-bottom: 12px;
+	color: #666666;
 }
 
 .welcome-icon {
-    font-size:3rem;
-    margin-bottom: 12px !important;
+	font-size: 3rem;
+	margin-bottom: 12px !important;
 }
 
 .action li {
-    width: 100%;
+	width: 100%;
 }
 
 .parties-list {
-    display: flex;
-    list-style-type: none;
-    gap: 4px;
+	display: flex;
+	list-style-type: none;
+	gap: 4px;
 }
 
 .party {
 	padding: 2px !important;
 	margin: 0px;
 	cursor: pointer;
-    width: 70px;
-    text-align: center;
-    border-radius: 40px;
-    font-size:1rem
+	width: 70px;
+	text-align: center;
+	border-radius: 40px;
+	font-size: 1rem
 }
 
 .party.selected {
 	border: 1px solid #ffffff;
-    padding: 2px;
-    color: #666666;
-    background-color: #ffffff;
+	padding: 2px;
+	color: #666666;
+	background-color: #ffffff;
 
 }
 
 
 .answer-loader span {
-    width: 15px;
-    height: 15px;
-    background-color: #666666;
-    border-radius: 50%;
-    display: inline-block;
+	width: 15px;
+	height: 15px;
+	background-color: #666666;
+	border-radius: 50%;
+	display: inline-block;
 }
 
-    span:nth-child(1) {
-        animation: jump .5s infinite alternate;
-    }
+span:nth-child(1) {
+	animation: jump .5s infinite alternate;
+}
 
-    span:nth-child(2) {
-        animation: jump .5s .2s infinite alternate;
-    }
+span:nth-child(2) {
+	animation: jump .5s .2s infinite alternate;
+}
 
-    span:nth-child(3) {
-        animation: jump .5s .4s infinite alternate;
-    }
+span:nth-child(3) {
+	animation: jump .5s .4s infinite alternate;
+}
 
 @keyframes jump {
-    0% {
-        transform: translateY(-5px);
-    }
+	0% {
+		transform: translateY(-5px);
+	}
 
-    100% {
-        transform: translateY(5px);
-        opacity: .6;
-    }
+	100% {
+		transform: translateY(5px);
+		opacity: .6;
+	}
 }
 
 #one {
-    height: 0px;
-    transition: all 0.5s ease-in-out;
-    opacity: 0;
-    background: transparent;
-    padding: 0;
+	height: 0px;
+	transition: all 0.5s ease-in-out;
+	opacity: 0;
+	background: transparent;
+	padding: 0;
 }
 
 /* Core styles/functionality */
 .tab input {
-    position: absolute;
-    opacity: 0;
-    z-index: -1;
+	position: absolute;
+	opacity: 0;
+	z-index: -1;
 }
 
 .tab__content {
-    max-height: 0;
-    overflow: hidden;
-    transition: all 0.35s;
+	max-height: 0;
+	overflow: hidden;
+	transition: all 0.35s;
 }
 
-.tab input:checked ~ .tab__content {
-    max-height: 10rem;
+.tab input:checked~.tab__content {
+	max-height: 10rem;
 }
 
 /* Visual styles */
 .accordion {
-    color: var(--theme);
-    border: 2px solid;
-    border-radius: 0.5rem;
-    overflow: hidden;
+	color: var(--theme);
+	border: 2px solid;
+	border-radius: 0.5rem;
+	overflow: hidden;
 }
 
 .tab__label,
 .tab__close {
-    display: flex;
-    color: #666666;
-    background: var(--theme);
-    cursor: pointer;
+	display: flex;
+	color: #666666;
+	background: var(--theme);
+	cursor: pointer;
 }
 
 .tab__label {
-    justify-content: space-between;
-    padding: 1rem;
+	justify-content: space-between;
+	padding: 1rem;
 }
 
-    .tab__label::after {
-        content: "\276F";
-        width: 1em;
-        height: 1em;
-        text-align: center;
-        transform: rotate(90deg);
-        transition: all 0.35s;
-    }
+.tab__label::after {
+	content: "\276F";
+	width: 1em;
+	height: 1em;
+	text-align: center;
+	transform: rotate(90deg);
+	transition: all 0.35s;
+}
 
-.tab input:checked + .tab__label::after {
-    transform: rotate(270deg);
+.tab input:checked+.tab__label::after {
+	transform: rotate(270deg);
 }
 
 .tab__content p {
-    margin: 0;
-    padding: 1rem;
+	margin: 0;
+	padding: 1rem;
 }
 
 .tab__close {
-    justify-content: flex-end;
-    padding: 0.5rem 1rem;
-    font-size: 0.75rem;
+	justify-content: flex-end;
+	padding: 0.5rem 1rem;
+	font-size: 0.75rem;
 }
 
 .accordion--radio {
-    --theme: var(--secondary);
+	--theme: var(--secondary);
 }
 
 /* Arrow animation */
-.tab input:not(:checked) + .tab__label:hover::after {
-    animation: bounce .5s infinite;
+.tab input:not(:checked)+.tab__label:hover::after {
+	animation: bounce .5s infinite;
 }
 
 @keyframes bounce {
-    25% {
-        transform: rotate(90deg) translate(.25rem);
-    }
+	25% {
+		transform: rotate(90deg) translate(.25rem);
+	}
 
-    75% {
-        transform: rotate(90deg) translate(-.25rem);
-    }
+	75% {
+		transform: rotate(90deg) translate(-.25rem);
+	}
 }
 
 .flow-img {
-    max-width: 100%;
-    display: flex;
-    margin-top: 4rem;
+	max-width: 100%;
+	display: flex;
+	margin-top: 4rem;
 }
+
 .answer-info-text {
 	font-size: 0.8rem;
 	text-align: center;
@@ -179,69 +180,69 @@
 
 
 #blazor-error-ui {
-    background: lightyellow;
-    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
-
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
+	background: lightyellow;
+	bottom: 0;
+	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+	display: none;
+	left: 0;
+	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+	position: fixed;
+	width: 100%;
+	z-index: 1000;
+}
+
+#blazor-error-ui .dismiss {
+	cursor: pointer;
+	position: absolute;
+	right: 0.75rem;
+	top: 0.5rem;
+}
 
 .blazor-error-boundary {
-    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
-    padding: 1rem 1rem 1rem 3.7rem;
-    color: white;
+	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+	padding: 1rem 1rem 1rem 3.7rem;
+	color: white;
 }
 
-    .blazor-error-boundary::after {
-        content: "An error has occurred."
-    }
+.blazor-error-boundary::after {
+	content: "An error has occurred."
+}
 
 .loading-progress {
-    position: relative;
-    display: block;
-    width: 8rem;
-    height: 8rem;
-    margin: 20vh auto 1rem auto;
-}
-
-    .loading-progress circle {
-        fill: none;
-        stroke: #e0e0e0;
-        stroke-width: 0.6rem;
-        transform-origin: 50% 50%;
-        transform: rotate(-90deg);
-    }
-
-        .loading-progress circle:last-child {
-            stroke: #1b6ec2;
-            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
-            transition: stroke-dasharray 0.05s ease-in-out;
-        }
+	position: relative;
+	display: block;
+	width: 8rem;
+	height: 8rem;
+	margin: 20vh auto 1rem auto;
+}
+
+.loading-progress circle {
+	fill: none;
+	stroke: #e0e0e0;
+	stroke-width: 0.6rem;
+	transform-origin: 50% 50%;
+	transform: rotate(-90deg);
+}
+
+.loading-progress circle:last-child {
+	stroke: #b01010;
+	stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
+	transition: stroke-dasharray 0.05s ease-in-out;
+}
 
 .loading-progress-text {
-    position: absolute;
-    text-align: center;
-    font-weight: bold;
-    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
+	position: absolute;
+	text-align: center;
+	font-weight: bold;
+	inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
 }
 
-    .loading-progress-text:after {
-        content: var(--blazor-load-percentage-text, "Loading");
-    }
+.loading-progress-text:after {
+	content: var(--blazor-load-percentage-text, "Loading");
+}
 
 code {
-    color: #c02d76;
+	color: #c02d76;
 }