Key features fix

RodionfromHSE · Dec 1, 2023 · 77f4e40 · 77f4e40
1 parent 8dc0f88
commit 77f4e40
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/web/src/App.tsx b/web/src/App.tsx
@@ -96,42 +96,42 @@ function App() {
                 <div className={"column flex-1"}>
                   <Card className={"h-full"}>
                     <CardHeader>
-                      <CardTitle>Scientific Specificity</CardTitle>
+                      <CardTitle>Cross-attention visualization</CardTitle>
                     </CardHeader>
-                    <CardContent className={"p-1"}>
+                    <CardContent className={"p-0"}>
                       <img
-                        src={"/media/translation.png"}
-                        alt={"Scientific translation"}
+                        src={"/media/attention.png"}
+                        alt={"Cross-attention visualized"}
                       />
                     </CardContent>
 
                     <CardFooter className={"p-4"}>
                       <p>
-                        Our translator is specialized for scientific content,
-                        handling LaTeX expressions and terminology from arXiv
-                        papers.
+                        Dynamic hover-highlighting reveals word-to-word
+                        connections between original and translated text. This
+                        feature helps you compare and validate translations
+                        visually, enhancing comprehension between languages.
                       </p>
                     </CardFooter>
                   </Card>
                 </div>
                 <div className={"column flex-1"}>
                   <Card className={"h-full"}>
                     <CardHeader>
-                      <CardTitle>Cross-attention visualization</CardTitle>
+                      <CardTitle>Scientific Specificity</CardTitle>
                     </CardHeader>
-                    <CardContent className={"p-0"}>
+                    <CardContent className={"p-1"}>
                       <img
-                        src={"/media/attention.png"}
-                        alt={"Cross-attention visualized"}
+                        src={"/media/translation.png"}
+                        alt={"Scientific translation"}
                       />
                     </CardContent>
 
                     <CardFooter className={"p-4"}>
                       <p>
-                        Dynamic hover-highlighting reveals word-to-word
-                        connections between original and translated text. This
-                        feature helps you compare and validate translations
-                        visually, enhancing comprehension between languages.
+                        Our translator is specialized for scientific content,
+                        handling LaTeX expressions and terminology from arXiv
+                        papers.
                       </p>
                     </CardFooter>
                   </Card>