Skip to content

Commit

Permalink
change icon
Browse files Browse the repository at this point in the history
  • Loading branch information
@waleko
waleko committed Nov 19, 2023
1 parent f20da3a commit 013f059
Show file tree
Hide file tree
Showing 5 changed files with 232 additions and 32 deletions.
4 changes: 4 additions & 0 deletions web/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,9 @@
"preview": "vite preview"
},
"dependencies": {
"@fortawesome/free-brands-svg-icons": "^6.4.2",
"@fortawesome/free-solid-svg-icons": "^6.4.2",
"@fortawesome/react-fontawesome": "^0.2.0",
"@radix-ui/react-accordion": "^1.1.2",
"@radix-ui/react-dropdown-menu": "^2.0.6",
"@radix-ui/react-hover-card": "^1.0.7",
Expand All @@ -19,6 +22,7 @@
"@radix-ui/react-slot": "^1.0.2",
"class-variance-authority": "^0.7.0",
"clsx": "^2.0.0",
"draft-js": "^0.11.7",
"lucide-react": "^0.292.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
Expand Down
65 changes: 65 additions & 0 deletions web/pnpm-lock.yaml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file removed web/public/translator.jpg
View file
Binary file not shown.
Binary file added web/public/translator.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
195 changes: 163 additions & 32 deletions web/src/App.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,49 +1,180 @@
import "./App.css";
import TranslationModule from "@/components/TranslationModule.tsx";
import { Separator } from "@/components/ui/separator.tsx";
import { ThemeProvider } from "@/components/theme-provider.tsx";
import { ModeToggle } from "@/components/mode-toggle.tsx";

import "bulma/css/bulma.css";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { faGithub } from "@fortawesome/free-brands-svg-icons";

function App() {
return (
<ThemeProvider defaultTheme={"system"} storageKey={"en2ru-ui-theme"}>
<div className="bg-background min-h-screen">
{/* Header */}
<header className="bg-blue-600 dark:bg-secondary py-4 text-white">
<div className="container mx-auto flex justify-between items-center">
<div className="flex items-center">
<div className="w-12 h-12 rounded-full bg-white mr-4">
<img
src="/translator.jpg"
alt="logo"
className="w-full h-full rounded-full"
/>
<ThemeProvider defaultTheme={"light"}>
{/*<ModeToggle/>*/}
<section className="hero">
<div className="hero-body">
<div className="container is-max-desktop">
<div className="columns is-centered">
<div className="column has-text-centered">
<h1 className="title is-1 publication-title">
En2Ru: Scientific Translator
</h1>
<div className="is-size-5 publication-authors">
<span className="author-block">
<a href="https://github.com/RodionfromHSE">
Rodion Khvorostov
</a>
,
</span>{" "}
<span className="author-block">
<a href="https://github.com/waleko">Alexander Kovrigin</a>
</span>
</div>
<div className="is-size-5publication-authors">
<span className="author-block">Constructor University</span>
</div>
<div className="column has-text-centered">
<div className="publication-links">
<span className="link-block">
<a
href="https://github.com/RodionfromHSE/En2Ru-Science-Translator"
className="external-link button is-normal is-rounded is-dark"
>
<span className="icon">
<FontAwesomeIcon icon={faGithub} />
</span>
<span>Code</span>
</a>
</span>{" "}
<span className="link-block">
<a
href="https://huggingface.co/datasets/waleko/unarXive-en2ru"
className="external-link button is-normal is-rounded is-dark"
>
<span className="icon">🤗</span>
<span>Dataset</span>
</a>
</span>{" "}
<span className="link-block">
<a
href="https://huggingface.co/under-tree/transformer-en-ru"
className="external-link button is-normal is-rounded is-dark"
>
<span className="icon">🤗</span>
<span>Model</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<div className="container is-max-desktop mb-3">
<div className="columns is-centered">
<div className="column is-four-fifths">
<TranslationModule />
</div>
</div>
</div>

<section className="section">
<div className="container is-max-desktop">
<div className="columns is-centered has-text-centered">
<div className="column is-four-fifths">
<h2 className="title is-3">About</h2>
<div className="content has-text-justified">
<p>
Welcome to our scientific translation tool designed
specifically for English to Russian translations, focusing on
scientific content extracted from arXiv papers. Our tool
adeptly handles LaTeX formulas and accurately translates
scientific terms with precision, surpassing other models in
quality.
</p>
<p>
Our model is based on the{" "}
<a
href="https://huggingface.co/Helsinki-NLP/opus-mt-en-ru"
className="text-blue-500 hover:text-blue-800"
>
Helsinki-NLP/opus-mt-en-ru
</a>{" "}
foundation. We have fine-tuned the model with data from{" "}
<a
href="https://huggingface.co/datasets/saier/unarXive_citrec"
className="text-blue-500 hover:text-blue-800"
>
saier/unarXive_citrec
</a>
. We've generated reference translations through knowledge
distillation using the OpenAI GPT-3.5-Turbo model.
</p>
<p>
Our model's proficiency is validated through BLEU scoring
against reference translations, achieving a commendable BLEU
score of 67.20, showcasing its reliability and accuracy.
</p>
</div>
<h1 className="text-2xl font-semibold">
En2Ru Scientific Translator
</h1>
</div>
<ModeToggle />
</div>
</header>
<div className={"flex flex-col items-center"}>
<TranslationModule />
<Separator className="my-4" />
<div className="flex h-5 items-center space-x-4 text-sm">
</div>
</section>

<footer className="footer">
<div className="container">
<div className="content has-text-centered">
<a
href={"https://github.com/RodionfromHSE/En2Ru-Science-Translator"}
className="icon-link external-link"
href="https://github.com/keunhong"
>
GitHub
</a>
<Separator orientation="vertical" />
<a href={"https://huggingface.co/datasets/waleko/unarXive-en2ru"}>
HuggingFace
<i className="fab fa-github"></i>
</a>
<Separator orientation="vertical" />
<div>Blog</div>
</div>
<div className="columns is-centered">
<div className="column is-8">
<div className="content my-footer">
<p>
This website is licensed under a{" "}
<a
rel="license"
className={"text-blue-500 hover:text-blue-800"}
href="https://creativecommons.org/licenses/by-sa/4.0/"
>
Creative Commons Attribution-ShareAlike 4.0 International
License
</a>
</p>
<p>
The template was adopted from{" "}
<a
href={"https://nerfies.github.io/"}
className={"text-blue-500 hover:text-blue-800"}
>
Nerfies
</a>{" "}
and{" "}
<a
href={"https://commit-chronicle.github.io/"}
className={"text-blue-500 hover:text-blue-800"}
>
commit-chronicle
</a>{" "}
and uses{" "}
<a
href={"https://bulma.io"}
className={"text-blue-500 hover:text-blue-800"}
>
Bulma
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</ThemeProvider>
);
}
Expand Down

0 comments on commit 013f059

Please sign in to comment.