Ai-hack-MAGNUM-OPUS/frontend
1
0
Fork 0
mirror of https://github.com/Ai-hack-MAGNUM-OPUS/frontend.git synced 2024-11-10 19:56:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

add score && add download page && add about page

Browse Source
This commit is contained in:
Firesieht 2022-08-28 02:18:20 +03:00
parent b29590beb9
commit 652fc4c5f1
34 changed files with 1419 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Components/ErrorViewer/index.tsx
View File

@ -41,7 +41,7 @@ export const ErrorViewer : React.FC<ErrorViewerIE> = (props) =>{
(value, index)=><div className={styles.paragraph}>
<div className={styles.num}><strong>№{index+1}</strong> <div className={styles.circle} style={{opacity:"0.5",background: Number(value[1])<50? "#F5222D": Number(value[1]) < 70? "#E3F32A":"#52C41A", display:props.correct? "":"none"}}></div></div>
<div className={styles.paragraph}>{value[0]}</div>
<div><strong>Score:{value[1]}</strong></div>
<div style={{display: props.correct? "":"none"}}><strong>Score:{value[1]}</strong></div>
</div>
)
}

4
Components/header/header.module.css
View File

@ -20,7 +20,7 @@
}
.itemWrapper{
display: flex;
gap:50px;
gap:25px;
}
.item{
display: flex;
@ -34,7 +34,7 @@
font-size: 18px;
line-height: 28px;
cursor: pointer;
white-space: nowrap;
color: #13377D;
background: #F4F7FD;

20
Components/header/index.tsx
View File

@ -12,20 +12,22 @@ export const Header:React.FC = () =>{
<img src="/images/logo.svg"></img>
</div>
<div className={styles.itemWrapper}>
<div className={styles.item} onClick={()=>router.push("about")}>
Про нас
</div>
<div className={styles.item} onClick={()=>router.push("how-to-use")}>
Как пользоваться
</div>
<div className={styles.item} onClick={()=>router.push("/")}>
Главная
Проверить документы
</div>
<div className={styles.item} onClick={()=>router.push("history")}>
<div className={styles.item} onClick={()=>router.push("/how-to-use")}>
Инструкция
</div>
<div className={styles.item} onClick={()=>router.push("/history")}>
История файлов
</div>
<div className={styles.item} onClick={()=>router.push("/about")}>
О нас
</div>
<div className={styles.item} onClick={()=>router.push("/download")}>
Скачать <img src="/images/downloadSmall.svg"></img>
</div>
</div>
</div>
);
}

5
package-lock.json generated
View File

@ -2736,6 +2736,11 @@
"loose-envify": "^1.1.0"
}
},
"react-circular-progressbar": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/react-circular-progressbar/-/react-circular-progressbar-2.1.0.tgz",
"integrity": "sha512-xp4THTrod4aLpGy68FX/k1Q3nzrfHUjUe5v6FsdwXBl3YVMwgeXYQKDrku7n/D6qsJA9CuunarAboC2xCiKs1g=="
},
"react-doc-viewer": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/react-doc-viewer/-/react-doc-viewer-0.1.5.tgz",

1
package.json
View File

@ -14,6 +14,7 @@
"axios": "^0.27.2",
"next": "12.2.5",
"react": "18.2.0",
"react-circular-progressbar": "^2.1.0",
"react-doc-viewer": "^0.1.5",
"react-dom": "18.2.0",
"react-spinners": "^0.13.4"

47
pages/about.tsx Normal file
View File

@ -0,0 +1,47 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import { ErrorViewer } from '../Components/ErrorViewer'
import { FileUploader } from '../Components/FileUploader'
import { Header } from '../Components/header'
import styles from '../styles/Home.module.css'
import 'antd/dist/antd.css';
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
import { useState } from 'react'
import { useRouter } from 'next/router'
const About: NextPage = () => {
return (
<div className={styles.container}>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<Header></Header>
<div className={styles.uploader}>
<div className={styles.h1}>Наша команда</div>
<div>
<img src="/images/member1.png"></img>
<img src="/images/member2.png"></img>
<img src="/images/member3.png"></img>
<img src="/images/member4.png"></img>
<img src="/images/member5.png"></img>
</div>
<div>
<div>Cсылка на репозиторий GitHub:</div>
<div>https://github.com/orgs/Ai-hack-MAGNUM-OPUS/repositories</div>
<div>Cсылка на презентацию:</div>
<div>https://github.com/orgs/Ai-hack-MAGNUM-OPUS/repositories</div>
</div>
</div>
</main>
</div>
)
}
export default About

2
pages/api/consts.ts
View File

@ -1 +1 @@
export const host = "http://192.168.9.201:8000"
export const host = "http://192.168.9.207:8000"

51
pages/download.tsx Normal file
View File

@ -0,0 +1,51 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import { ErrorViewer } from '../Components/ErrorViewer'
import { FileUploader } from '../Components/FileUploader'
import { Header } from '../Components/header'
import styles from '../styles/Home.module.css'
import 'antd/dist/antd.css';
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
import { useState } from 'react'
import { useRouter } from 'next/router'
const Upload: NextPage = () => {
const [files, setFiles] = useState(new Array())
let router = useRouter()
const onDownload = () =>{
}
return (
<div className={styles.container}>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<Header></Header>
<div className={styles.upload} style={{paddingTop:"100px"}}>
<div className={styles.h1}>Расширение для проверки НПА на соответсвие<br></br>
и помощи в создании нормативных документов</div>
<div className={styles.downloadText}>Скачайте десктопный дистрибутив и установите его</div>
<a href="https://akarpov.ru/media/uploads/files/SjA7NLWajg.zip" className={styles.btnBlue}>Скачать <img src="/images/downloadWhite.svg"></img></a>
<div className={styles.supported}>
<div style={{textDecoration:"underline", fontSize:"24px"}} className={styles.downloadText}>совместимо со следующими программами:</div>
<div className={styles.programs}>
<img src="/images/word.svg"></img>
<img src="/images/myoficce.svg"></img>
<img src="/images/libreoficce.svg"></img>
</div>
</div>
</div>
<img className={styles.downloadStars} src="/images/stars.svg"></img>
</main>
</div>
)
}
export default Upload

43
pages/files.tsx
View File

@ -12,7 +12,8 @@ import { host } from './api/consts'
import { PulseLoader } from 'react-spinners'
import axios from 'axios'
import { Checkbox } from 'antd'
import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';
import 'react-circular-progressbar/dist/styles.css';
const Home: NextPage = () => {
@ -27,7 +28,7 @@ const Home: NextPage = () => {
const [data,setData] = useState("")
let i = 1;
let cards = new Array<JSX.Element>()
let correctClasses = 0
const getData = () =>{
if (data == ""){
axios.get(host+"/api/site/docx/" + file.uuid).then(res => {
@ -46,14 +47,16 @@ const Home: NextPage = () => {
setTimeout(getData, 2000);
if (data != ""){
for(var name in data as any) {
if (correct == false && (data as any)[name][0]!=undefined){continue}
if (err == false && (data as any)[name][0]==undefined){continue}
if ((data as any)[name].correct){correctClasses++}
if (correct == false && (data as any)[name].correct == true){continue}
if (err == false && (data as any)[name].correct == false){continue}
cards.push(
<ErrorViewer
num={i}
paragraph={(data as any)[name][0]==undefined? [["Выявлено отсутсвие данного модуля"]]:(data as any)[name]}
paragraph={(data as any)[name].texts}
errText={name}
correct={(data as any)[name][0]==undefined? false:true}
correct={(data as any)[name].correct}
></ErrorViewer>
)
i++
@ -94,6 +97,34 @@ const Home: NextPage = () => {
</div>
{data == ""? <PulseLoader color={"#13377D"}></PulseLoader>:cards}
</div>
<div className={styles.progress}>
<CircularProgressbar
styles={{
root: {},
path: {
stroke: `#13377D`,
strokeLinecap: 'butt',
transition: 'stroke-dashoffset 0.5s ease 0s',
transform: 'rotate(1turn)',
transformOrigin: 'center center',
},
trail: {
stroke: '#fff',
strokeLinecap: 'round',
transformOrigin: 'center center',
},
text: {
fill: '#13377D',
fontWeight:'600',
fontSize: '20px',
},
background: {
fill: '#3e98c7',
},
}}
value={(correctClasses/39)*100} text={`${((correctClasses/39)*100).toFixed(0)}%`}></CircularProgressbar>
<div>Вероятность соответствия документа</div>
</div>
</main>
</div>
)

4
pages/index.tsx
View File

@ -30,10 +30,12 @@ const Upload: NextPage = () => {
<main className={styles.main}>
<Header></Header>
<div className={styles.upload}>
<div className={styles.h1}>Веб-сервис для помощи в проверки НПА</div>
<FileUploader onResponse={(file)=>setFiles([...files, file])}></FileUploader>
<div className={styles.btn} onClick={()=>onNext()}>Далее</div>
</div>
<img className={styles.frame} src="/images/frame.svg"></img>
<img className={styles.stars} src="/images/stars.svg"></img>
</main>
</div>
)

14
pages/view/[id].tsx
View File

@ -35,9 +35,9 @@ const View: NextPage = () => {
cards.push(
<ErrorViewer
num={i}
paragraph={(data as any)[name][0]==undefined? [["Выявлено отсутсвие данного модуля"]]:(data as any)[name]}
paragraph={(data as any)[name].texts}
errText={name}
correct={(data as any)[name][0]==undefined? false:true}
correct={(data as any)[name].correct}
></ErrorViewer>
)
i++
@ -48,19 +48,19 @@ const View: NextPage = () => {
return (
<div className={styles.container}>
<Head>
<title>Загрузите файл</title>
<title>Вьюха</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<Header></Header>
<div className={styles.uploader}>
<div>
<div className={styles.viewer}>
<div className={styles.viewTools}>
<div onClick={()=>router.back()}>
<img style={{transform:"rotate(90deg)", cursor:"pointer"}}src="/images/arrow.svg"></img>
<img style={{ cursor:"pointer"}}src="/images/ArrowLeft.svg"></img>
</div>
<div>
<div className={styles.viewerText}>
{localStorage.getItem(uuid)?.slice(48,localStorage.getItem(uuid)?.length)}
</div>
</div>

3
public/images/ArrowLeft.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6563 7.32115H4.04292L10.3954 1.89258C10.4969 1.80508 10.4353 1.64258 10.301 1.64258H8.6957C8.62495 1.64258 8.55784 1.66758 8.50523 1.71222L1.65033 7.56758C1.58755 7.62115 1.53719 7.68739 1.50269 7.76179C1.46818 7.8362 1.45032 7.91704 1.45032 7.99883C1.45032 8.08062 1.46818 8.16146 1.50269 8.23587C1.53719 8.31027 1.58755 8.3765 1.65033 8.43008L8.54514 14.3211C8.57235 14.3444 8.605 14.3569 8.63947 14.3569H10.2992C10.4335 14.3569 10.4951 14.1926 10.3936 14.1069L4.04292 8.67829H14.6563C14.7361 8.67829 14.8014 8.61401 14.8014 8.53544V7.46401C14.8014 7.38544 14.7361 7.32115 14.6563 7.32115Z" fill="black" fill-opacity="0.85"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 744 B

118
public/images/baba.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

3
public/images/downloadSmall.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="33" height="34" viewBox="0 0 33 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5503 22.3884C16.5774 22.423 16.612 22.451 16.6515 22.4703C16.6911 22.4895 16.7345 22.4996 16.7784 22.4996C16.8224 22.4996 16.8658 22.4895 16.9053 22.4703C16.9448 22.451 16.9794 22.423 17.0065 22.3884L21.0619 17.2577C21.2103 17.0694 21.0764 16.7906 20.8338 16.7906H18.1507V4.53771C18.1507 4.3784 18.0204 4.24805 17.8611 4.24805H15.6886C15.5292 4.24805 15.3989 4.3784 15.3989 4.53771V16.787H12.7231C12.4805 16.787 12.3465 17.0658 12.495 17.2541L16.5503 22.3884ZM30.0307 21.1211H27.8582C27.6989 21.1211 27.5685 21.2515 27.5685 21.4108V26.9869H5.98834V21.4108C5.98834 21.2515 5.85799 21.1211 5.69868 21.1211H3.52618C3.36686 21.1211 3.23651 21.2515 3.23651 21.4108V28.58C3.23651 29.2209 3.75429 29.7387 4.39518 29.7387H29.1617C29.8026 29.7387 30.3203 29.2209 30.3203 28.58V21.4108C30.3203 21.2515 30.19 21.1211 30.0307 21.1211Z" fill="#13377D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 957 B

3
public/images/downloadWhite.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="33" height="34" viewBox="0 0 33 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.0166 22.3884C16.0437 22.423 16.0784 22.451 16.1179 22.4703C16.1574 22.4895 16.2008 22.4996 16.2448 22.4996C16.2887 22.4996 16.3321 22.4895 16.3716 22.4703C16.4111 22.451 16.4458 22.423 16.4729 22.3884L20.5282 17.2577C20.6767 17.0694 20.5427 16.7906 20.3001 16.7906H17.6171V4.53771C17.6171 4.3784 17.4867 4.24805 17.3274 4.24805H15.1549C14.9956 4.24805 14.8652 4.3784 14.8652 4.53771V16.787H12.1894C11.9468 16.787 11.8129 17.0658 11.9613 17.2541L16.0166 22.3884ZM29.497 21.1211H27.3245C27.1652 21.1211 27.0348 21.2515 27.0348 21.4108V26.9869H5.45467V21.4108C5.45467 21.2515 5.32433 21.1211 5.16501 21.1211H2.99251C2.83319 21.1211 2.70284 21.2515 2.70284 21.4108V28.58C2.70284 29.2209 3.22062 29.7387 3.86151 29.7387H28.628C29.2689 29.7387 29.7867 29.2209 29.7867 28.58V21.4108C29.7867 21.2515 29.6563 21.1211 29.497 21.1211Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 956 B

573
public/images/frame.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

9
public/images/libreoficce.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/images/member1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

69
public/images/member1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 33 MiB

BIN
public/images/member2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

34
public/images/member2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 MiB

BIN
public/images/member3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

46
public/images/member3.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 MiB

BIN
public/images/member4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

39
public/images/member4.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 MiB

BIN
public/images/member5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

55
public/images/member5.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 MiB

24
public/images/myoffice.png Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/images/myoficce.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

24
public/images/myoficce.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

79
public/images/stars.svg Normal file
View File

@ -0,0 +1,79 @@
<svg width="492" height="56" viewBox="0 0 492 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_487_3441)">
<path d="M214.791 41.5215C214.007 46.1294 208.615 48.3453 207.653 48.6978C208.615 49.0503 214.007 51.2158 214.791 55.8489C215.601 51.2661 221.043 49.0503 222.005 48.6978C221.043 48.3453 215.601 46.1798 214.791 41.5215C214.892 41.4712 214.817 41.4712 214.791 41.5215Z" fill="#13377D"/>
<path d="M235.546 41.5216C234.762 46.1295 229.371 48.3453 228.409 48.6979C229.371 49.0504 234.762 51.2158 235.546 55.8489C236.331 51.2662 241.773 49.0504 242.735 48.6979C241.773 48.3453 236.331 46.1798 235.546 41.5216Z" fill="#13377D"/>
<path d="M256.302 41.5216C255.517 46.1295 250.126 48.3453 249.164 48.6979C250.126 49.0504 255.517 51.2158 256.302 55.8489C256.302 55.8489 256.302 55.8489 256.428 55.8489C257.213 51.2662 262.655 49.0504 263.617 48.6979C262.655 48.3453 257.213 46.1798 256.428 41.5216H256.302Z" fill="#13377D"/>
<path d="M277.183 41.5215C276.399 46.1294 270.982 48.3453 270.02 48.6978C270.982 49.0503 276.399 51.2158 277.183 55.8489C277.968 51.2661 283.41 49.0503 284.397 48.6978C283.41 48.3453 277.968 46.1798 277.183 41.5215C277.183 41.4712 277.183 41.4712 277.183 41.5215Z" fill="#13377D"/>
<path d="M297.837 41.5215C297.053 46.1294 291.636 48.3453 290.7 48.6978C291.661 49.0503 297.053 51.2158 297.837 55.8489C298.622 51.2661 304.064 49.0503 305.051 48.6978C304.064 48.3453 298.622 46.1798 297.837 41.5215C297.939 41.4712 297.837 41.4712 297.837 41.5215Z" fill="#13377D"/>
<path d="M318.593 41.5215C317.808 46.1294 312.417 48.3453 311.455 48.6978C312.417 49.0503 317.808 51.2158 318.593 55.8489C319.377 51.2661 324.845 49.0503 325.806 48.6978C324.845 48.3453 319.377 46.1798 318.593 41.5215C318.694 41.4712 318.593 41.4712 318.593 41.5215Z" fill="#13377D"/>
<path d="M339.348 41.5215C338.563 46.1294 333.172 48.3453 332.21 48.6978C333.172 49.0503 338.563 51.2158 339.348 55.8489C340.158 51.2661 345.6 49.0503 346.562 48.6978C345.6 48.3453 340.158 46.1798 339.348 41.5215C339.449 41.4712 339.373 41.4712 339.348 41.5215Z" fill="#13377D"/>
<path d="M360.103 41.5216C359.318 46.1295 353.927 48.3453 352.965 48.6979C353.927 49.0504 359.318 51.2158 360.103 55.8489C360.103 55.8489 360.103 55.8489 360.23 55.8489C361.014 51.2662 366.456 49.0504 367.418 48.6979C366.456 48.3453 361.014 46.1798 360.23 41.5216H360.103Z" fill="#13377D"/>
<path d="M380.96 41.5215C380.175 46.1294 374.758 48.3453 373.796 48.6978C374.758 49.0503 380.175 51.2158 380.96 55.8489C381.744 51.2661 387.186 49.0503 388.148 48.6978C387.186 48.3453 381.744 46.1798 380.96 41.5215C380.96 41.4712 380.96 41.4712 380.96 41.5215Z" fill="#13377D"/>
<path d="M401.639 41.5215C400.854 46.1294 395.438 48.3453 394.476 48.6978C395.438 49.0503 400.854 51.2158 401.639 55.8489C402.423 51.2661 407.865 49.0503 408.853 48.6978C407.865 48.3453 402.423 46.1798 401.639 41.5215C401.74 41.4712 401.639 41.4712 401.639 41.5215Z" fill="#13377D"/>
<path d="M7.18838 41.5216C6.35311 46.2554 1.01243 48.3453 0.0505981 48.7734C1.01243 49.1259 6.40373 51.2914 7.18838 55.9245C7.18838 55.9245 7.18838 55.9245 7.31493 55.9245C8.09958 51.3417 13.5415 49.1259 14.5033 48.7734C13.5415 48.4209 8.09958 46.2554 7.31493 41.5971L7.18838 41.5216Z" fill="#13377D"/>
<path d="M27.9436 41.5216C27.159 46.1295 21.7677 48.3453 20.8058 48.6979C21.7677 49.0504 27.159 51.2158 27.9436 55.8489C28.7283 51.2662 34.1702 49.0504 35.132 48.6979C34.1702 48.3453 28.7283 46.1798 27.9436 41.5216Z" fill="#13377D"/>
<path d="M48.7241 41.5215C47.9395 46.1294 42.5229 48.3453 41.561 48.6978C42.5229 49.0503 47.9395 51.2158 48.7241 55.8489C49.5088 51.2661 54.9507 49.0503 55.9125 48.6978C54.9507 48.3453 49.5088 46.1798 48.7241 41.5215C48.7241 41.4712 48.8001 41.4712 48.7241 41.5215Z" fill="#13377D"/>
<path d="M69.4794 41.5215C68.6947 46.1294 63.2781 48.3453 62.3163 48.6978C63.2781 49.0503 68.6947 51.2158 69.4794 55.8489C70.264 51.2661 75.7059 49.0503 76.6931 48.6978C75.7059 48.3453 70.264 46.1798 69.4794 41.5215C69.6312 41.4712 69.4794 41.4712 69.4794 41.5215Z" fill="#13377D"/>
<path d="M90.2346 41.5215C89.4499 46.1294 84.0586 48.3453 83.0968 48.6978C84.0586 49.0503 89.4499 51.2158 90.2346 55.8489C91.0192 51.2661 96.4864 49.0503 97.4483 48.6978C96.4864 48.3453 91.0192 46.1798 90.2346 41.5215C90.3358 41.4712 90.2346 41.4712 90.2346 41.5215Z" fill="#13377D"/>
<path d="M110.99 41.5216C110.129 46.2554 104.814 48.3454 103.852 48.7734C104.814 49.1259 110.205 51.2914 110.99 55.9245C111.8 51.3418 117.242 49.1259 118.204 48.7734C117.242 48.4209 111.8 46.2554 110.99 41.5971C111.091 41.4712 111.015 41.4712 110.99 41.5216Z" fill="#13377D"/>
<path d="M131.745 41.5216C130.96 46.1295 125.569 48.3453 124.607 48.6979C125.569 49.0504 130.96 51.2158 131.745 55.8489C132.53 51.2662 137.972 49.0504 138.933 48.6979C137.972 48.3453 132.53 46.1798 131.745 41.5216Z" fill="#13377D"/>
<path d="M152.526 41.5215C151.716 46.1294 146.324 48.3453 145.362 48.6978C146.324 49.0503 151.716 51.2158 152.526 55.8489C153.31 51.2661 158.752 49.0503 159.714 48.6978C158.752 48.3453 153.31 46.1798 152.526 41.5215C152.602 41.4712 152.526 41.4712 152.526 41.5215Z" fill="#13377D"/>
<path d="M173.407 41.5215C172.623 46.1294 167.206 48.3453 166.244 48.6978C167.206 49.0503 172.623 51.2158 173.407 55.8489C174.192 51.2661 179.634 49.0503 180.621 48.6978C179.634 48.3453 174.192 46.1798 173.407 41.5215C173.407 41.4712 173.407 41.4712 173.407 41.5215Z" fill="#13377D"/>
<path d="M194.036 41.5215C193.251 46.1294 187.86 48.3453 186.898 48.6978C187.86 49.0503 193.251 51.2158 194.036 55.8489C194.821 51.2661 200.263 49.0503 201.25 48.6978C200.263 48.3453 194.821 46.1798 194.036 41.5215C194.137 41.4712 194.036 41.4712 194.036 41.5215Z" fill="#13377D"/>
<path d="M214.791 20.7986C214.007 25.3814 208.615 27.5972 207.653 27.9497C208.615 28.3022 214.007 30.4677 214.791 35.1008C215.601 30.4929 221.043 28.3022 222.005 27.9497C221.043 27.5972 215.601 25.4317 214.791 20.7986C214.892 20.7231 214.817 20.7231 214.791 20.7986Z" fill="#13377D"/>
<path d="M235.546 20.7986C234.762 25.3814 229.371 27.5972 228.409 27.9497C229.371 28.3022 234.762 30.4677 235.546 35.1008C236.331 30.4929 241.773 28.3022 242.735 27.9497C241.773 27.5972 236.331 25.4317 235.546 20.7986C235.648 20.7231 235.572 20.7231 235.546 20.7986Z" fill="#13377D"/>
<path d="M256.302 20.7986C255.517 25.3814 250.126 27.5972 249.164 27.9497C250.126 28.3022 255.517 30.4677 256.302 35.1008H256.428C257.213 30.4929 262.655 28.3022 263.617 27.9497C262.655 27.5972 257.213 25.4317 256.428 20.7986C256.403 20.7231 256.327 20.7231 256.302 20.7986Z" fill="#13377D"/>
<path d="M277.183 20.7986C276.399 25.3814 270.982 27.5972 270.02 27.9497C270.982 28.3022 276.399 30.4677 277.183 35.1008C277.968 30.4929 283.41 28.3022 284.397 27.9497C283.41 27.5972 277.968 25.4317 277.183 20.7986C277.183 20.7231 277.183 20.7231 277.183 20.7986Z" fill="#13377D"/>
<path d="M297.837 20.7986C297.053 25.3813 291.636 27.5971 290.7 27.9497C291.661 28.3022 297.053 30.4676 297.837 35.1007C298.622 30.4928 304.064 28.3022 305.051 27.9497C304.064 27.5971 298.622 25.4317 297.837 20.7986Z" fill="#13377D"/>
<path d="M318.593 20.7986C317.808 25.3813 312.417 27.5971 311.455 27.9497C312.417 28.3022 317.808 30.4676 318.593 35.1007C319.377 30.4928 324.845 28.3022 325.806 27.9497C324.845 27.5971 319.377 25.4317 318.593 20.7986Z" fill="#13377D"/>
<path d="M339.348 20.7986C338.563 25.3814 333.172 27.5972 332.21 27.9497C333.172 28.3022 338.563 30.4677 339.348 35.1008C340.158 30.4929 345.6 28.3022 346.562 27.9497C345.6 27.5972 340.158 25.4317 339.348 20.7986C339.449 20.7231 339.373 20.7231 339.348 20.7986Z" fill="#13377D"/>
<path d="M360.103 20.7986C359.318 25.3814 353.927 27.5972 352.965 27.9497C353.927 28.3022 359.318 30.4677 360.103 35.1008H360.23C361.014 30.4929 366.456 28.3022 367.418 27.9497C366.456 27.5972 361.014 25.4317 360.23 20.7986C360.204 20.7231 360.128 20.7231 360.103 20.7986Z" fill="#13377D"/>
<path d="M380.96 20.7986C380.175 25.3814 374.758 27.5972 373.796 27.9497C374.758 28.3022 380.175 30.4677 380.96 35.1008C381.744 30.4929 387.186 28.3022 388.148 27.9497C387.186 27.5972 381.744 25.4317 380.96 20.7986C380.96 20.7231 380.96 20.7231 380.96 20.7986Z" fill="#13377D"/>
<path d="M401.639 20.7986C400.854 25.3813 395.438 27.5971 394.476 27.9497C395.438 28.3022 400.854 30.4676 401.639 35.1007C402.423 30.4928 407.865 28.3022 408.853 27.9497C407.865 27.5971 402.423 25.4317 401.639 20.7986Z" fill="#13377D"/>
<path d="M7.18838 20.7986C6.40373 25.3814 1.01243 27.5972 0.0505981 27.9497C1.01243 28.3022 6.40373 30.4677 7.18838 35.1008H7.31493C8.09958 30.4929 13.5415 28.3022 14.5033 27.9497C13.5415 27.5972 8.09958 25.4317 7.31493 20.7986C7.28962 20.7231 7.21369 20.7231 7.18838 20.7986Z" fill="#13377D"/>
<path d="M27.9436 20.7986C27.159 25.3814 21.7677 27.5972 20.8058 27.9497C21.7677 28.3022 27.159 30.4677 27.9436 35.1008C28.7283 30.4929 34.1702 28.3022 35.132 27.9497C34.1702 27.5972 28.7283 25.4317 27.9436 20.7986C28.0449 20.7231 27.9689 20.7231 27.9436 20.7986Z" fill="#13377D"/>
<path d="M48.7241 20.7986C47.9395 25.3814 42.5229 27.5972 41.561 27.9497C42.5229 28.3022 47.9395 30.4677 48.7241 35.1008C49.5088 30.4929 54.9507 28.3022 55.9125 27.9497C54.9507 27.5972 49.5088 25.4317 48.7241 20.7986C48.7241 20.7231 48.8001 20.7231 48.7241 20.7986Z" fill="#13377D"/>
<path d="M69.4794 20.7986C68.6947 25.3813 63.2781 27.5971 62.3163 27.9497C63.2781 28.3022 68.6947 30.4676 69.4794 35.1007C70.264 30.4928 75.7059 28.3022 76.6931 27.9497C75.7059 27.5971 70.264 25.4317 69.4794 20.7986Z" fill="#13377D"/>
<path d="M90.2346 20.7986C89.4499 25.3813 84.0586 27.5971 83.0968 27.9497C84.0586 28.3022 89.4499 30.4676 90.2346 35.1007C91.0192 30.4928 96.4864 28.3022 97.4483 27.9497C96.4864 27.5971 91.0192 25.4317 90.2346 20.7986Z" fill="#13377D"/>
<path d="M110.99 20.7986C110.205 25.3814 104.814 27.5972 103.852 27.9497C104.814 28.3022 110.205 30.4677 110.99 35.1008C111.8 30.4929 117.242 28.3022 118.204 27.9497C117.242 27.5972 111.8 25.4317 110.99 20.7986C111.091 20.7231 111.015 20.7231 110.99 20.7986Z" fill="#13377D"/>
<path d="M131.745 20.7986C130.96 25.3814 125.569 27.5972 124.607 27.9497C125.569 28.3022 130.96 30.4677 131.745 35.1008C132.53 30.4929 137.972 28.3022 138.933 27.9497C137.972 27.5972 132.53 25.4317 131.745 20.7986C131.846 20.7231 131.77 20.7231 131.745 20.7986Z" fill="#13377D"/>
<path d="M152.526 20.7986C151.716 25.3814 146.324 27.5972 145.362 27.9497C146.324 28.3022 151.716 30.4677 152.526 35.1008C153.31 30.4929 158.752 28.3022 159.714 27.9497C158.752 27.5972 153.31 25.4317 152.526 20.7986C152.602 20.7231 152.526 20.7231 152.526 20.7986Z" fill="#13377D"/>
<path d="M173.407 20.7986C172.623 25.3813 167.206 27.5971 166.244 27.9497C167.206 28.3022 172.623 30.4676 173.407 35.1007C174.192 30.4928 179.634 28.3022 180.621 27.9497C179.634 27.5971 174.192 25.4317 173.407 20.7986Z" fill="#13377D"/>
<path d="M194.036 20.7986C193.251 25.3813 187.86 27.5971 186.898 27.9497C187.86 28.3022 193.251 30.4676 194.036 35.1007C194.821 30.4928 200.263 28.3022 201.25 27.9497C200.263 27.5971 194.821 25.4317 194.036 20.7986Z" fill="#13377D"/>
<path d="M214.791 0.0503125C214.007 4.65823 208.615 6.87407 207.653 7.22659C208.615 7.5791 214.007 9.74456 214.791 14.3777C215.601 9.79492 221.043 7.5791 222.005 7.22659C221.043 6.87407 215.601 4.70859 214.791 0.0503125C214.892 -4.72032e-05 214.817 -4.72032e-05 214.791 0.0503125Z" fill="#13377D"/>
<path d="M235.546 0.050354C234.762 4.65827 229.371 6.87411 228.409 7.22663C229.371 7.57915 234.762 9.74461 235.546 14.3777C236.331 9.79496 241.773 7.57915 242.735 7.22663C241.773 6.87411 236.331 4.70863 235.546 0.050354Z" fill="#13377D"/>
<path d="M256.302 0.050354C255.517 4.65827 250.126 6.87411 249.164 7.22663C250.126 7.57915 255.517 9.74461 256.302 14.3777C256.302 14.3777 256.302 14.3777 256.428 14.3777C257.213 9.79496 262.655 7.57915 263.617 7.22663C262.655 6.87411 257.213 4.70863 256.428 0.050354H256.302Z" fill="#13377D"/>
<path d="M277.183 0.0503125C276.399 4.65823 270.982 6.87407 270.02 7.22659C270.982 7.5791 276.399 9.74456 277.183 14.3777C277.968 9.79492 283.41 7.5791 284.397 7.22659C283.41 6.87407 277.968 4.70859 277.183 0.0503125C277.183 -4.72032e-05 277.183 -4.72032e-05 277.183 0.0503125Z" fill="#13377D"/>
<path d="M297.837 0.0503125C297.053 4.65823 291.636 6.87407 290.7 7.22659C291.661 7.5791 297.053 9.74456 297.837 14.3777C298.622 9.79492 304.064 7.5791 305.051 7.22659C304.064 6.87407 298.622 4.70859 297.837 0.0503125C297.939 -4.72032e-05 297.837 -4.72032e-05 297.837 0.0503125Z" fill="#13377D"/>
<path d="M318.593 0.0503125C317.808 4.65823 312.417 6.87407 311.455 7.22659C312.417 7.5791 317.808 9.74456 318.593 14.3777C319.377 9.79492 324.845 7.5791 325.806 7.22659C324.845 6.87407 319.377 4.70859 318.593 0.0503125C318.694 -4.72032e-05 318.593 -4.72032e-05 318.593 0.0503125Z" fill="#13377D"/>
<path d="M339.348 0.0503125C338.563 4.65823 333.172 6.87407 332.21 7.22659C333.172 7.5791 338.563 9.74456 339.348 14.3777C340.158 9.79492 345.6 7.5791 346.562 7.22659C345.6 6.87407 340.158 4.70859 339.348 0.0503125C339.449 -4.72032e-05 339.373 -4.72032e-05 339.348 0.0503125Z" fill="#13377D"/>
<path d="M360.103 0.050354C359.318 4.65827 353.927 6.87411 352.965 7.22663C353.927 7.57915 359.318 9.74461 360.103 14.3777C360.103 14.3777 360.103 14.3777 360.23 14.3777C361.014 9.79496 366.456 7.57915 367.418 7.22663C366.456 6.87411 361.014 4.70863 360.23 0.050354H360.103Z" fill="#13377D"/>
<path d="M380.96 0.0503125C380.175 4.65823 374.758 6.87407 373.796 7.22659C374.758 7.5791 380.175 9.74456 380.96 14.3777C381.744 9.79492 387.186 7.5791 388.148 7.22659C387.186 6.87407 381.744 4.70859 380.96 0.0503125C380.96 -4.72032e-05 380.96 -4.72032e-05 380.96 0.0503125Z" fill="#13377D"/>
<path d="M401.639 0.0503125C400.854 4.65823 395.438 6.87407 394.476 7.22659C395.438 7.5791 400.854 9.74456 401.639 14.3777C402.423 9.79492 407.865 7.5791 408.853 7.22659C407.865 6.87407 402.423 4.70859 401.639 0.0503125C401.74 -4.72032e-05 401.639 -4.72032e-05 401.639 0.0503125Z" fill="#13377D"/>
<path d="M422.394 41.5215C421.609 46.1294 416.218 48.3453 415.256 48.6978C416.218 49.0503 421.609 51.2158 422.394 55.8489C423.179 51.2661 428.621 49.0503 429.608 48.6978C428.621 48.3453 423.179 46.1798 422.394 41.5215C422.495 41.4712 422.394 41.4712 422.394 41.5215Z" fill="#13377D"/>
<path d="M443.149 41.5215C442.365 46.1294 436.973 48.3453 436.012 48.6978C436.973 49.0503 442.365 51.2158 443.149 55.8489C443.959 51.2661 449.401 49.0503 450.363 48.6978C449.401 48.3453 443.959 46.1798 443.149 41.5215C443.251 41.4712 443.175 41.4712 443.149 41.5215Z" fill="#13377D"/>
<path d="M463.905 41.5216C463.12 46.1295 457.729 48.3453 456.767 48.6979C457.729 49.0504 463.12 51.2158 463.905 55.8489C464.689 51.2662 470.131 49.0504 471.093 48.6979C470.131 48.3453 464.689 46.1798 463.905 41.5216Z" fill="#13377D"/>
<path d="M484.736 41.5215C483.926 46.1294 478.534 48.3453 477.573 48.6978C478.534 49.0503 483.926 51.2158 484.736 55.8489C485.52 51.2661 490.962 49.0503 491.924 48.6978C490.962 48.3453 485.52 46.1798 484.736 41.5215C484.736 41.4712 484.736 41.4712 484.736 41.5215Z" fill="#13377D"/>
<path d="M422.394 20.7986C421.609 25.3813 416.218 27.5971 415.256 27.9497C416.218 28.3022 421.609 30.4676 422.394 35.1007C423.179 30.4928 428.621 28.3022 429.608 27.9497C428.621 27.5971 423.179 25.4317 422.394 20.7986Z" fill="#13377D"/>
<path d="M443.149 20.7986C442.365 25.3814 436.973 27.5972 436.012 27.9497C436.973 28.3022 442.365 30.4677 443.149 35.1008C443.959 30.4929 449.401 28.3022 450.363 27.9497C449.401 27.5972 443.959 25.4317 443.149 20.7986C443.251 20.7231 443.175 20.7231 443.149 20.7986Z" fill="#13377D"/>
<path d="M463.905 20.7986C463.12 25.3814 457.729 27.5972 456.767 27.9497C457.729 28.3022 463.12 30.4677 463.905 35.1008C464.689 30.4929 470.131 28.3022 471.093 27.9497C470.131 27.5972 464.689 25.4317 463.905 20.7986C464.006 20.7231 463.93 20.7231 463.905 20.7986Z" fill="#13377D"/>
<path d="M484.736 20.7986C483.926 25.3814 478.534 27.5972 477.573 27.9497C478.534 28.3022 483.926 30.4677 484.736 35.1008C485.52 30.4929 490.962 28.3022 491.924 27.9497C490.962 27.5972 485.52 25.4317 484.736 20.7986C484.736 20.7231 484.736 20.7231 484.736 20.7986Z" fill="#13377D"/>
<path d="M422.394 0.0503125C421.609 4.65823 416.218 6.87407 415.256 7.22659C416.218 7.5791 421.609 9.74456 422.394 14.3777C423.179 9.79492 428.621 7.5791 429.608 7.22659C428.621 6.87407 423.179 4.70859 422.394 0.0503125C422.495 -4.72032e-05 422.394 -4.72032e-05 422.394 0.0503125Z" fill="#13377D"/>
<path d="M443.149 0.0503125C442.365 4.65823 436.973 6.87407 436.012 7.22659C436.973 7.5791 442.365 9.74456 443.149 14.3777C443.959 9.79492 449.401 7.5791 450.363 7.22659C449.401 6.87407 443.959 4.70859 443.149 0.0503125C443.251 -4.72032e-05 443.175 -4.72032e-05 443.149 0.0503125Z" fill="#13377D"/>
<path d="M7.18838 0.050354C6.40373 4.65827 1.01243 6.87411 0.0505981 7.22663C1.01243 7.57915 6.40373 9.74461 7.18838 14.3777C7.18838 14.3777 7.18838 14.3777 7.31493 14.3777C8.09958 9.79496 13.5415 7.57915 14.5033 7.22663C13.5415 6.87411 8.09958 4.70863 7.31493 0.050354H7.18838Z" fill="#13377D"/>
<path d="M27.9436 0.050354C27.159 4.65827 21.7677 6.87411 20.8058 7.22663C21.7677 7.57915 27.159 9.74461 27.9436 14.3777C28.7283 9.79496 34.1702 7.57915 35.132 7.22663C34.1702 6.87411 28.7283 4.70863 27.9436 0.050354Z" fill="#13377D"/>
<path d="M48.7241 0.0503125C47.9395 4.65823 42.5229 6.87407 41.561 7.22659C42.5229 7.5791 47.9395 9.74456 48.7241 14.3777C49.5088 9.79492 54.9507 7.5791 55.9125 7.22659C54.9507 6.87407 49.5088 4.70859 48.7241 0.0503125C48.7241 -4.72032e-05 48.8001 -4.72032e-05 48.7241 0.0503125Z" fill="#13377D"/>
<path d="M69.4794 0.0503125C68.6947 4.65823 63.2781 6.87407 62.3163 7.22659C63.2781 7.5791 68.6947 9.74456 69.4794 14.3777C70.264 9.79492 75.7059 7.5791 76.6931 7.22659C75.7059 6.87407 70.264 4.70859 69.4794 0.0503125C69.6312 -4.72032e-05 69.4794 -4.72032e-05 69.4794 0.0503125Z" fill="#13377D"/>
<path d="M90.2346 0.0503125C89.4499 4.65823 84.0586 6.87407 83.0968 7.22659C84.0586 7.5791 89.4499 9.74456 90.2346 14.3777C91.0192 9.79492 96.4864 7.5791 97.4483 7.22659C96.4864 6.87407 91.0192 4.70859 90.2346 0.0503125C90.3358 -4.72032e-05 90.2346 -4.72032e-05 90.2346 0.0503125Z" fill="#13377D"/>
<path d="M110.99 0.0503125C110.205 4.65823 104.814 6.87407 103.852 7.22659C104.814 7.5791 110.205 9.74456 110.99 14.3777C111.8 9.79492 117.242 7.5791 118.204 7.22659C117.242 6.87407 111.8 4.70859 110.99 0.0503125C111.091 -4.72032e-05 111.015 -4.72032e-05 110.99 0.0503125Z" fill="#13377D"/>
<path d="M131.745 0.050354C130.96 4.65827 125.569 6.87411 124.607 7.22663C125.569 7.57915 130.96 9.74461 131.745 14.3777C132.53 9.79496 137.972 7.57915 138.933 7.22663C137.972 6.87411 132.53 4.70863 131.745 0.050354Z" fill="#13377D"/>
<path d="M152.526 0.0503125C151.716 4.65823 146.324 6.87407 145.362 7.22659C146.324 7.5791 151.716 9.74456 152.526 14.3777C153.31 9.79492 158.752 7.5791 159.714 7.22659C158.752 6.87407 153.31 4.70859 152.526 0.0503125C152.602 -4.72032e-05 152.526 -4.72032e-05 152.526 0.0503125Z" fill="#13377D"/>
<path d="M173.407 0.0503125C172.623 4.65823 167.206 6.87407 166.244 7.22659C167.206 7.5791 172.623 9.74456 173.407 14.3777C174.192 9.79492 179.634 7.5791 180.621 7.22659C179.634 6.87407 174.192 4.70859 173.407 0.0503125C173.407 -4.72032e-05 173.407 -4.72032e-05 173.407 0.0503125Z" fill="#13377D"/>
<path d="M194.036 0.0503125C193.251 4.65823 187.86 6.87407 186.898 7.22659C187.86 7.5791 193.251 9.74456 194.036 14.3777C194.821 9.79492 200.263 7.5791 201.25 7.22659C200.263 6.87407 194.821 4.70859 194.036 0.0503125C194.137 -4.72032e-05 194.036 -4.72032e-05 194.036 0.0503125Z" fill="#13377D"/>
</g>
<defs>
<clipPath id="clip0_487_3441">
<rect width="492" height="56" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

32
public/images/word.svg Normal file
View File

@ -0,0 +1,32 @@
<svg width="130" height="48" viewBox="0 0 130 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_492_5698)">
<path d="M46.1515 5.75781H25.303V42.2427H46.1515C46.8721 42.2427 47.4546 41.6602 47.4546 40.9396V7.06084C47.4546 6.34027 46.8721 5.75781 46.1515 5.75781Z" fill="#2196F3"/>
<path d="M25.303 12.2744H43.5455V14.8792H25.303V12.2744ZM25.303 17.4852H43.5455V20.0913H25.303V17.4852ZM25.303 22.6987H43.5455V25.3047H25.303V22.6987ZM25.303 27.9108H43.5455V30.5155H25.303V27.9108ZM25.303 33.1216H43.5455V35.729H25.303V33.1216Z" fill="white"/>
<path d="M27.9091 47.455L0.545441 42.2429V5.75802L27.9091 0.545898V47.455Z" fill="#0D47A1"/>
<path d="M20.3085 33.137H16.7682L14.4201 21.4253C14.2924 20.8038 14.2182 20.1275 14.1934 19.3718H14.1517C14.0957 20.2018 14.0084 20.8859 13.895 21.4253L11.4844 33.137H7.80073L4.07407 14.8763H7.55967L9.56113 27.031C9.64191 27.5574 9.70576 28.2532 9.74746 29.1249H9.80219C9.82694 28.476 9.92988 27.7555 10.0928 26.9815L12.6597 14.875H16.0763L18.4022 27.1287C18.483 27.5822 18.5572 28.2311 18.6237 29.0976H18.6641C18.6902 28.4265 18.7592 27.7489 18.8726 27.0609L20.831 14.875H24.0469L20.3085 33.137Z" fill="white"/>
</g>
<path d="M60.3237 15.8148L63.1769 20.6505L66.0301 15.8148L66.6865 21.5212H68.3207L67.0348 11.6756L63.1769 18.0384L59.3325 11.6756L58.0465 21.5212H59.6807L60.3237 15.8148Z" fill="black"/>
<path d="M69.6843 12.908C69.6843 13.1491 69.7736 13.359 69.9523 13.5376C70.1398 13.7073 70.3541 13.7921 70.5952 13.7921C70.8542 13.7921 71.0685 13.7073 71.2382 13.5376C71.4168 13.359 71.5061 13.1491 71.5061 12.908C71.5061 12.658 71.4168 12.4481 71.2382 12.2784C71.0685 12.1088 70.8542 12.0239 70.5952 12.0239C70.3541 12.0239 70.1398 12.1088 69.9523 12.2784C69.7736 12.4481 69.6843 12.658 69.6843 12.908ZM69.8853 15.3594V21.5212H71.3052V15.3594H69.8853Z" fill="black"/>
<path d="M74.2605 18.4403C74.2605 18.0563 74.3454 17.7169 74.515 17.4222C74.6847 17.1276 74.9124 16.8954 75.1982 16.7257C75.4929 16.556 75.8189 16.4712 76.1761 16.4712C76.4618 16.4712 76.7387 16.5158 77.0066 16.6051C77.2745 16.6944 77.5111 16.8195 77.7165 16.9802C77.9309 17.132 78.0871 17.3106 78.1854 17.516V15.922C77.971 15.7076 77.6808 15.538 77.3147 15.4129C76.9485 15.2879 76.5467 15.2254 76.1091 15.2254C75.475 15.2254 74.9035 15.3638 74.3945 15.6407C73.8944 15.9086 73.497 16.2836 73.2023 16.7659C72.9165 17.2481 72.7736 17.8062 72.7736 18.4403C72.7736 19.0654 72.9165 19.6236 73.2023 20.1147C73.497 20.5969 73.8944 20.9765 74.3945 21.2533C74.9035 21.5212 75.475 21.6552 76.1091 21.6552C76.5467 21.6552 76.9485 21.5927 77.3147 21.4676C77.6808 21.3426 77.971 21.1729 78.1854 20.9586V19.3646C78.0871 19.561 77.9353 19.7396 77.7299 19.9004C77.5245 20.0611 77.2879 20.1862 77.02 20.2755C76.7521 20.3648 76.4708 20.4094 76.1761 20.4094C75.8189 20.4094 75.4929 20.3246 75.1982 20.1549C74.9124 19.9852 74.6847 19.7575 74.515 19.4717C74.3454 19.177 74.2605 18.8332 74.2605 18.4403Z" fill="black"/>
<path d="M81.2177 15.3594H79.7844V21.5212H81.2177V15.3594ZM83.0529 16.8998L83.7495 15.6809C83.6155 15.5112 83.4503 15.3951 83.2538 15.3326C83.0574 15.2611 82.8475 15.2254 82.6243 15.2254C82.3117 15.2254 82.0081 15.337 81.7134 15.5603C81.4276 15.7836 81.191 16.0872 81.0034 16.4712C80.8248 16.8462 80.7355 17.2794 80.7355 17.7705L81.2177 18.0518C81.2177 17.7571 81.249 17.5026 81.3115 17.2883C81.383 17.065 81.4946 16.8909 81.6464 16.7659C81.7982 16.6409 81.9947 16.5783 82.2358 16.5783C82.4144 16.5783 82.5617 16.6051 82.6778 16.6587C82.7939 16.7123 82.919 16.7927 83.0529 16.8998Z" fill="black"/>
<path d="M84.0772 18.4403C84.0772 19.0654 84.2201 19.6236 84.5059 20.1147C84.8006 20.5969 85.198 20.9765 85.6981 21.2533C86.1982 21.5212 86.7652 21.6552 87.3993 21.6552C88.0333 21.6552 88.5959 21.5212 89.0871 21.2533C89.5872 20.9765 89.9846 20.5969 90.2793 20.1147C90.574 19.6236 90.7213 19.0654 90.7213 18.4403C90.7213 17.8062 90.574 17.2481 90.2793 16.7659C89.9846 16.2836 89.5872 15.9086 89.0871 15.6407C88.5959 15.3638 88.0333 15.2254 87.3993 15.2254C86.7652 15.2254 86.1982 15.3638 85.6981 15.6407C85.198 15.9086 84.8006 16.2836 84.5059 16.7659C84.2201 17.2481 84.0772 17.8062 84.0772 18.4403ZM85.5641 18.4403C85.5641 18.0563 85.6445 17.7169 85.8052 17.4222C85.966 17.1276 86.1848 16.8998 86.4616 16.7391C86.7384 16.5783 87.051 16.498 87.3993 16.498C87.7386 16.498 88.0467 16.5783 88.3236 16.7391C88.6093 16.8998 88.8326 17.1276 88.9933 17.4222C89.1541 17.7169 89.2344 18.0563 89.2344 18.4403C89.2344 18.8243 89.1541 19.1636 88.9933 19.4583C88.8326 19.7441 88.6093 19.9718 88.3236 20.1415C88.0467 20.3022 87.7386 20.3826 87.3993 20.3826C87.051 20.3826 86.7384 20.3022 86.4616 20.1415C86.1848 19.9718 85.966 19.7441 85.8052 19.4583C85.6445 19.1636 85.5641 18.8243 85.5641 18.4403Z" fill="black"/>
<path d="M92.3753 19.4985L91.5314 20.3424C91.71 20.5746 91.9288 20.7979 92.1878 21.0122C92.4557 21.2176 92.7638 21.3873 93.1121 21.5212C93.4693 21.6462 93.8577 21.7088 94.2775 21.7088C94.9562 21.7088 95.492 21.5346 95.8849 21.1863C96.2868 20.8291 96.4877 20.3603 96.4877 19.7798C96.4877 19.4048 96.3984 19.1011 96.2198 18.8689C96.0501 18.6368 95.8224 18.4403 95.5366 18.2796C95.2509 18.1188 94.9383 17.9715 94.599 17.8375C94.3489 17.7393 94.1212 17.6455 93.9158 17.5562C93.7193 17.4669 93.5586 17.3687 93.4336 17.2615C93.3175 17.1454 93.2594 17.0159 93.2594 16.873C93.2594 16.7034 93.3264 16.5739 93.4604 16.4846C93.5943 16.3953 93.764 16.3506 93.9694 16.3506C94.273 16.3506 94.5677 16.4265 94.8535 16.5783C95.1392 16.7302 95.3848 16.9266 95.5902 17.1677L96.3939 16.3104C96.2243 16.105 96.0189 15.922 95.7777 15.7612C95.5366 15.6005 95.2643 15.471 94.9606 15.3728C94.6659 15.2745 94.3489 15.2254 94.0096 15.2254C93.6345 15.2254 93.2818 15.2879 92.9513 15.4129C92.6298 15.529 92.3709 15.7121 92.1744 15.9622C91.9869 16.2122 91.8931 16.5248 91.8931 16.8998C91.8931 17.266 91.9779 17.5696 92.1476 17.8107C92.3262 18.0518 92.5495 18.2483 92.8174 18.4001C93.0942 18.543 93.3711 18.668 93.6479 18.7752C93.9247 18.8734 94.1658 18.9716 94.3712 19.0699C94.5766 19.1592 94.7374 19.2708 94.8535 19.4048C94.9696 19.5298 95.0276 19.6816 95.0276 19.8602C95.0276 20.0656 94.9517 20.2263 94.7999 20.3424C94.657 20.4585 94.4561 20.5166 94.1971 20.5166C93.9917 20.5166 93.7863 20.4809 93.5809 20.4094C93.3755 20.329 93.1701 20.2129 92.9647 20.0611C92.7683 19.9004 92.5718 19.7129 92.3753 19.4985Z" fill="black"/>
<path d="M97.3025 18.4403C97.3025 19.0654 97.4454 19.6236 97.7312 20.1147C98.0259 20.5969 98.4233 20.9765 98.9234 21.2533C99.4234 21.5212 99.9905 21.6552 100.625 21.6552C101.259 21.6552 101.821 21.5212 102.312 21.2533C102.812 20.9765 103.21 20.5969 103.505 20.1147C103.799 19.6236 103.947 19.0654 103.947 18.4403C103.947 17.8062 103.799 17.2481 103.505 16.7659C103.21 16.2836 102.812 15.9086 102.312 15.6407C101.821 15.3638 101.259 15.2254 100.625 15.2254C99.9905 15.2254 99.4234 15.3638 98.9234 15.6407C98.4233 15.9086 98.0259 16.2836 97.7312 16.7659C97.4454 17.2481 97.3025 17.8062 97.3025 18.4403ZM98.7894 18.4403C98.7894 18.0563 98.8698 17.7169 99.0305 17.4222C99.1913 17.1276 99.4101 16.8998 99.6869 16.7391C99.9637 16.5783 100.276 16.498 100.625 16.498C100.964 16.498 101.272 16.5783 101.549 16.7391C101.835 16.8998 102.058 17.1276 102.219 17.4222C102.379 17.7169 102.46 18.0563 102.46 18.4403C102.46 18.8243 102.379 19.1636 102.219 19.4583C102.058 19.7441 101.835 19.9718 101.549 20.1415C101.272 20.3022 100.964 20.3826 100.625 20.3826C100.276 20.3826 99.9637 20.3022 99.6869 20.1415C99.4101 19.9718 99.1913 19.7441 99.0305 19.4583C98.8698 19.1636 98.7894 18.8243 98.7894 18.4403Z" fill="black"/>
<path d="M104.81 15.3594V16.6319H108.347V15.3594H104.81ZM108.186 12.6267L108.869 11.5015C108.798 11.4122 108.695 11.3229 108.561 11.2336C108.436 11.1443 108.284 11.0684 108.106 11.0059C107.927 10.9434 107.717 10.9121 107.476 10.9121C107.047 10.9121 106.686 10.9969 106.391 11.1666C106.096 11.3274 105.869 11.5685 105.708 11.89C105.556 12.2025 105.48 12.5999 105.48 13.0822V21.5212H106.9V13.3635C106.9 13.1045 106.927 12.8946 106.98 12.7339C107.034 12.5731 107.105 12.457 107.195 12.3856C107.293 12.3142 107.409 12.2784 107.543 12.2784C107.659 12.2784 107.771 12.3008 107.878 12.3454C107.994 12.3901 108.097 12.4838 108.186 12.6267Z" fill="black"/>
<path d="M108.596 15.3594V16.6319H112.092V15.3594H108.596ZM109.627 13.2161V21.5212H111.06V13.2161H109.627Z" fill="black"/>
<path d="M59.7209 31.9026C59.7209 31.2596 59.8549 30.6881 60.1228 30.188C60.3996 29.679 60.7792 29.2816 61.2614 28.9958C61.7436 28.7101 62.2928 28.5672 62.909 28.5672C63.5431 28.5672 64.0967 28.7101 64.57 28.9958C65.0523 29.2816 65.4273 29.679 65.6953 30.188C65.9632 30.6881 66.0971 31.2596 66.0971 31.9026C66.0971 32.5456 65.9587 33.1216 65.6819 33.6306C65.414 34.1307 65.0389 34.5236 64.5566 34.8094C64.0833 35.0952 63.5341 35.2381 62.909 35.2381C62.2928 35.2381 61.7436 35.0952 61.2614 34.8094C60.7792 34.5236 60.3996 34.1307 60.1228 33.6306C59.8549 33.1216 59.7209 32.5456 59.7209 31.9026ZM58.0465 31.9026C58.0465 32.5992 58.1671 33.2466 58.4082 33.8449C58.6493 34.4433 58.9842 34.9612 59.4128 35.3988C59.8504 35.8364 60.3684 36.1802 60.9667 36.4302C61.565 36.6714 62.2125 36.7919 62.909 36.7919C63.6145 36.7919 64.262 36.6714 64.8513 36.4302C65.4497 36.1802 65.9676 35.8364 66.4052 35.3988C66.8428 34.9612 67.1821 34.4433 67.4233 33.8449C67.6644 33.2466 67.7849 32.5992 67.7849 31.9026C67.7849 31.1971 67.6644 30.5497 67.4233 29.9603C67.1821 29.3709 66.8383 28.8619 66.3918 28.4332C65.9542 27.9956 65.4407 27.6563 64.8513 27.4152C64.262 27.1741 63.6145 27.0535 62.909 27.0535C62.2214 27.0535 61.5784 27.1741 60.9801 27.4152C60.3907 27.6563 59.8727 27.9956 59.4262 28.4332C58.9886 28.8619 58.6493 29.3709 58.4082 29.9603C58.1671 30.5497 58.0465 31.1971 58.0465 31.9026Z" fill="black"/>
<path d="M68.6926 30.4291V31.7017H72.2289V30.4291H68.6926ZM72.0682 27.6965L72.7514 26.5713C72.6799 26.482 72.5772 26.3927 72.4433 26.3034C72.3182 26.2141 72.1664 26.1382 71.9878 26.0756C71.8092 26.0131 71.5994 25.9819 71.3582 25.9819C70.9296 25.9819 70.5679 26.0667 70.2732 26.2364C69.9785 26.3971 69.7508 26.6382 69.5901 26.9597C69.4382 27.2723 69.3623 27.6697 69.3623 28.1519V36.591H70.7822V28.4332C70.7822 28.1742 70.809 27.9644 70.8626 27.8036C70.9162 27.6429 70.9876 27.5268 71.0769 27.4554C71.1752 27.3839 71.2913 27.3482 71.4252 27.3482C71.5413 27.3482 71.6529 27.3705 71.7601 27.4152C71.8762 27.4598 71.9789 27.5536 72.0682 27.6965Z" fill="black"/>
<path d="M72.8263 30.4291V31.7017H76.3627V30.4291H72.8263ZM76.2019 27.6965L76.8851 26.5713C76.8136 26.482 76.7109 26.3927 76.577 26.3034C76.452 26.2141 76.3001 26.1382 76.1215 26.0756C75.9429 26.0131 75.7331 25.9819 75.492 25.9819C75.0633 25.9819 74.7016 26.0667 74.4069 26.2364C74.1122 26.3971 73.8845 26.6382 73.7238 26.9597C73.572 27.2723 73.4961 27.6697 73.4961 28.1519V36.591H74.916V28.4332C74.916 28.1742 74.9428 27.9644 74.9963 27.8036C75.0499 27.6429 75.1214 27.5268 75.2107 27.4554C75.3089 27.3839 75.425 27.3482 75.5589 27.3482C75.675 27.3482 75.7867 27.3705 75.8938 27.4152C76.0099 27.4598 76.1126 27.5536 76.2019 27.6965Z" fill="black"/>
<path d="M77.4155 27.9778C77.4155 28.2189 77.5048 28.4288 77.6834 28.6074C77.8709 28.777 78.0852 28.8619 78.3263 28.8619C78.5853 28.8619 78.7996 28.777 78.9693 28.6074C79.1479 28.4288 79.2372 28.2189 79.2372 27.9778C79.2372 27.7277 79.1479 27.5179 78.9693 27.3482C78.7996 27.1785 78.5853 27.0937 78.3263 27.0937C78.0852 27.0937 77.8709 27.1785 77.6834 27.3482C77.5048 27.5179 77.4155 27.7277 77.4155 27.9778ZM77.6164 30.4291V36.591H79.0363V30.4291H77.6164Z" fill="black"/>
<path d="M81.9916 33.5101C81.9916 33.1261 82.0765 32.7867 82.2461 32.492C82.4158 32.1973 82.6435 31.9651 82.9293 31.7955C83.224 31.6258 83.55 31.5409 83.9072 31.5409C84.1929 31.5409 84.4698 31.5856 84.7377 31.6749C85.0056 31.7642 85.2422 31.8892 85.4476 32.05C85.662 32.2018 85.8182 32.3804 85.9165 32.5858V30.9917C85.7021 30.7774 85.4119 30.6077 85.0458 30.4827C84.6796 30.3577 84.2778 30.2952 83.8402 30.2952C83.2061 30.2952 82.6346 30.4336 82.1256 30.7104C81.6255 30.9783 81.2281 31.3534 80.9334 31.8356C80.6476 32.3179 80.5048 32.876 80.5048 33.5101C80.5048 34.1352 80.6476 34.6933 80.9334 35.1845C81.2281 35.6667 81.6255 36.0462 82.1256 36.3231C82.6346 36.591 83.2061 36.7249 83.8402 36.7249C84.2778 36.7249 84.6796 36.6624 85.0458 36.5374C85.4119 36.4124 85.7021 36.2427 85.9165 36.0284V34.4343C85.8182 34.6308 85.6664 34.8094 85.461 34.9702C85.2556 35.1309 85.019 35.2559 84.7511 35.3452C84.4832 35.4345 84.2019 35.4792 83.9072 35.4792C83.55 35.4792 83.224 35.3943 82.9293 35.2247C82.6435 35.055 82.4158 34.8273 82.2461 34.5415C82.0765 34.2468 81.9916 33.903 81.9916 33.5101Z" fill="black"/>
<path d="M90.1946 36.7249C90.909 36.7249 91.5208 36.5865 92.0298 36.3097C92.5388 36.0329 92.9541 35.6176 93.2755 35.0639L92.0298 34.5549C91.8333 34.8853 91.5877 35.1309 91.293 35.2916C90.9983 35.4524 90.6545 35.5328 90.2616 35.5328C89.8865 35.5328 89.565 35.4524 89.2971 35.2916C89.0381 35.1309 88.8417 34.8987 88.7077 34.5951C88.5738 34.2825 88.5068 33.903 88.5068 33.4565C88.5157 33.01 88.5872 32.6349 88.7211 32.3313C88.8551 32.0276 89.0515 31.7955 89.3105 31.6347C89.5695 31.474 89.8821 31.3936 90.2482 31.3936C90.5518 31.3936 90.8153 31.4606 91.0385 31.5945C91.2707 31.7285 91.4493 31.916 91.5743 32.1571C91.7083 32.3982 91.7753 32.684 91.7753 33.0144C91.7753 33.0769 91.7574 33.1573 91.7217 33.2555C91.6949 33.3449 91.6681 33.4163 91.6413 33.4699L92.0834 32.8537H87.904V33.8449H93.3157C93.3247 33.8092 93.3291 33.7512 93.3291 33.6708C93.3381 33.5904 93.3425 33.5145 93.3425 33.4431C93.3425 32.7822 93.2175 32.2196 92.9674 31.7553C92.7263 31.282 92.3781 30.9203 91.9226 30.6702C91.4672 30.4202 90.9135 30.2952 90.2616 30.2952C89.6097 30.2952 89.0426 30.4291 88.5604 30.697C88.0781 30.956 87.7031 31.3266 87.4352 31.8089C87.1762 32.2911 87.0467 32.8582 87.0467 33.5101C87.0467 34.153 87.1762 34.7156 87.4352 35.1979C87.6941 35.6801 88.0603 36.0552 88.5336 36.3231C89.0158 36.591 89.5695 36.7249 90.1946 36.7249Z" fill="black"/>
<path d="M107.339 33.4967L104.647 26.7454L101.981 33.4967L99.7574 27.2142H97.9223L101.753 37.0866L104.647 30.4559L107.54 37.0866L111.371 27.2142H109.536L107.339 33.4967Z" fill="black"/>
<path d="M110.855 33.5101C110.855 34.1352 110.998 34.6933 111.283 35.1845C111.578 35.6667 111.976 36.0462 112.476 36.3231C112.976 36.591 113.543 36.7249 114.177 36.7249C114.811 36.7249 115.374 36.591 115.865 36.3231C116.365 36.0462 116.762 35.6667 117.057 35.1845C117.352 34.6933 117.499 34.1352 117.499 33.5101C117.499 32.876 117.352 32.3179 117.057 31.8356C116.762 31.3534 116.365 30.9783 115.865 30.7104C115.374 30.4336 114.811 30.2952 114.177 30.2952C113.543 30.2952 112.976 30.4336 112.476 30.7104C111.976 30.9783 111.578 31.3534 111.283 31.8356C110.998 32.3179 110.855 32.876 110.855 33.5101ZM112.342 33.5101C112.342 33.1261 112.422 32.7867 112.583 32.492C112.744 32.1973 112.962 31.9696 113.239 31.8089C113.516 31.6481 113.829 31.5677 114.177 31.5677C114.516 31.5677 114.824 31.6481 115.101 31.8089C115.387 31.9696 115.61 32.1973 115.771 32.492C115.932 32.7867 116.012 33.1261 116.012 33.5101C116.012 33.8941 115.932 34.2334 115.771 34.5281C115.61 34.8139 115.387 35.0416 115.101 35.2113C114.824 35.372 114.516 35.4524 114.177 35.4524C113.829 35.4524 113.516 35.372 113.239 35.2113C112.962 35.0416 112.744 34.8139 112.583 34.5281C112.422 34.2334 112.342 33.8941 112.342 33.5101Z" fill="black"/>
<path d="M120.305 30.4291H118.872V36.591H120.305V30.4291ZM122.14 31.9696L122.837 30.7506C122.703 30.5809 122.538 30.4649 122.341 30.4023C122.145 30.3309 121.935 30.2952 121.711 30.2952C121.399 30.2952 121.095 30.4068 120.801 30.6301C120.515 30.8533 120.278 31.1569 120.091 31.5409C119.912 31.916 119.823 32.3491 119.823 32.8403L120.305 33.1216C120.305 32.8269 120.336 32.5724 120.399 32.3581C120.47 32.1348 120.582 31.9607 120.734 31.8356C120.885 31.7106 121.082 31.6481 121.323 31.6481C121.502 31.6481 121.649 31.6749 121.765 31.7285C121.881 31.7821 122.006 31.8624 122.14 31.9696Z" fill="black"/>
<path d="M128.464 26.1426V36.591H129.924V26.1426H128.464ZM123.361 33.5101C123.361 34.1798 123.499 34.7558 123.776 35.2381C124.053 35.7203 124.419 36.0909 124.874 36.3499C125.339 36.5999 125.834 36.7249 126.361 36.7249C126.879 36.7249 127.33 36.5955 127.714 36.3365C128.107 36.0775 128.415 35.7069 128.638 35.2247C128.871 34.7424 128.987 34.1709 128.987 33.5101C128.987 32.8403 128.871 32.2688 128.638 31.7955C128.415 31.3132 128.107 30.9426 127.714 30.6836C127.33 30.4247 126.879 30.2952 126.361 30.2952C125.834 30.2952 125.339 30.4247 124.874 30.6836C124.419 30.9337 124.053 31.2998 123.776 31.7821C123.499 32.2554 123.361 32.8314 123.361 33.5101ZM124.861 33.5101C124.861 33.0993 124.946 32.7465 125.115 32.4518C125.285 32.1571 125.508 31.9339 125.785 31.7821C126.071 31.6302 126.379 31.5543 126.709 31.5543C126.986 31.5543 127.259 31.6302 127.527 31.7821C127.803 31.9339 128.027 32.1571 128.196 32.4518C128.375 32.7376 128.464 33.0903 128.464 33.5101C128.464 33.9298 128.375 34.287 128.196 34.5817C128.027 34.8675 127.803 35.0862 127.527 35.2381C127.259 35.3899 126.986 35.4658 126.709 35.4658C126.379 35.4658 126.071 35.3899 125.785 35.2381C125.508 35.0862 125.285 34.863 125.115 34.5683C124.946 34.2736 124.861 33.9209 124.861 33.5101Z" fill="black"/>
<defs>
<clipPath id="clip0_492_5698">
<rect width="48" height="48" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

124
styles/Home.module.css
View File

@ -1,20 +1,19 @@
.selector{
width: 20%;
height: calc(100vh - 120px);
padding: 50px;
padding-left: 100px;
display: flex;
justify-content: right;
}
.pagination{
width: calc(80% - 100px);
height: calc(100vh - 120px);
width: calc(70% - 100px);
height: calc(100vh - 150px);
padding: 50px;
padding-left: 0px;
padding-top: 10px;
overflow-y: scroll;
}
.main{
padding-top: 120px;
padding: 0px 75px;
padding-top: 150px;
display: flex;
justify-content: space-around;
}
@ -78,3 +77,114 @@
justify-content: left;
}
.h1{
margin-top: -75px;
font-weight: 700;
font-size: 48px;
line-height: 111.5%;
color: #13377D;
text-align: center;
z-index: 10;
margin-bottom: 75px;
}
.frame{
position: absolute;
bottom: 0px;
right: 0px;
width: 35%;
}
.stars{
position: absolute;
bottom: 50px;
left: 75px;
width:35%;
}
.progress{
padding: 20px;
padding-top:50px;
width: 10%;
margin-left: -40px;
}
.viewer{
padding: 0px 40px;
padding-right: 30%;
padding-bottom: 100px;
}
.viewerText{
font-weight: 500;
font-size: 20px;
line-height: 28px;
/* identical to box height, or 140% */
/* Character/Title .85 */
color: rgba(0, 0, 0, 0.85);
}
.viewTools{
padding-left: 15px;
display: flex;
gap:25px;
margin-bottom: 20px;
}
.downloadText{
font-weight: 300;
font-size: 36px;
line-height: 111.5%;
color: #000000;
}
.downloadStars{
position: absolute;
bottom: 50px;
left:-50px
}
.programs{
display: flex;
gap:25px;
height: 36px;
}
.supported{
margin-top: 100px;
display: flex;
flex-direction: column;
gap:25px;
justify-content: center;
align-items: center;
}
.btnBlue{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 24px;
gap: 10px;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
cursor: pointer;
text-decoration: none;
color: #F4F7FD;
background: #13377D;
border-radius: 8px;
transition: 0.3s;
}
.btnBlue:hover{
text-decoration: none;
transition: 0.3s;
color: #F4F7FD;
padding: 12px 26px;
}

20
styles/globals.css
View File

@ -15,6 +15,26 @@ a {
box-sizing: border-box;
}
*::-webkit-scrollbar-track
{
border-radius: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb
{
padding: 5px;
border-radius: 10px;
background-color: #13377D;
}
@media (prefers-color-scheme: dark) {
html {
color-scheme: white;