Skip to content

Commit

Permalink
add ukrainian versions
Browse files Browse the repository at this point in the history
  • Loading branch information
@flexxdnx
flexxdnx committed Oct 22, 2024
1 parent f273ddc commit 76a11be
Show file tree
Hide file tree
Showing 9 changed files with 820 additions and 382 deletions.
2 changes: 1 addition & 1 deletion html/about_en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="#">EN</a>
<a class="dropdown-item first enable" href="../html/about_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="about_ua.html">UA</a>
Expand Down
129 changes: 100 additions & 29 deletions html/about_ua.html
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>About us</title>

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<html lang="uk">

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body style=" color: white; background-color: #EAF5FF; height: 100vh;"
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Про проєкт</title>

<link href="../css/header_footer.css" rel="stylesheet" />
<link href="../css/about.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>

<body style=" color: white; background-color: #EAF5FF; height: 100vh;"
class="ink-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">
<header>
<nav class="navbar navbar-expand-xl navbar-dark bg-header pl-5 pr-5 pt-3 pb-3 border-bottom border-dark">
<a class="navbar-brand " href="../home_en.html">
<a class="navbar-brand " href="../html/home_ua.html">
<img src="../img/matico.png" alt="" width="35" height="35" class="d-inline-block align-text-top"> MatViz3D
</a>
<li class="language-button-mobile nav-item ml-auto mr-3 ">
Expand All @@ -27,10 +33,10 @@
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="../home_en.html">EN</a>
<a class="dropdown-item first " href="../home_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="html/home_ua.html">UA</a>
<a class="dropdown-item enable" href="html/home_ua.html">UA</a>
</li>
</ul>
</div>
Expand All @@ -42,19 +48,19 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item ml-1 mr-1 ">
<a class="nav-link hovering" href="../home_en.html">Home</a>
<a class="nav-link hovering" href="../html/home_ua.html">Головна</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering active" href="about_en.html">About</a>
<a class="nav-link hovering active" href="about_ua.html">Про проєкт</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="instructions_en.html">How To Use</a>
<a class="nav-link hovering" href="instructions_ua.html">Як користуватися</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="downloads_en.html">Versions & Installation</a>
<a class="nav-link hovering" href="downloads_ua.html">Версії та Завантаження</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="publications_en.html">Scientific Publications</a>
<a class="nav-link hovering" href="publications_ua.html">Наукові публікації</a>
</li>
<li class="language-button nav-item ml-1 mr-1">
<div class="dropdown">
Expand All @@ -64,10 +70,10 @@
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="#">EN</a>
<a class="dropdown-item first" href="../html/about_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="about_ua.html">UA</a>
<a class="dropdown-item enable" href="about_ua.html">UA</a>
</li>
</ul>
</div>
Expand All @@ -76,17 +82,81 @@
</div>
</nav>
</header>

<div class="content">
<div class="main-heading-cont">
<p class="main-heading">
MatViz3D — це інструмент для моделювання та візуалізації мікроструктур матеріалів з використанням клітинних автоматів. Проєкт був розроблений кафедрою математичного моделювання та інтелектуальних обчислень НТУ "ХПІ" і доступний на GitHub.
</p>
</div>
<div class="infopole">
<div class="left-container">
<div class="gif-cont">
<img src="../img/3d.gif" class="zd-gif">
</div>
<p class="key-features">
Основні можливості
</p>
<div class="list-cont">
<ol>
<li>
<span class="list-point">Візуалізація мікроструктур у форматі 3D для детального аналізу.</span>
</li>
<li>
<span class="list-point">Можливість збільшення та повороту куба матеріалу для огляду.</span>
</li>
<li>
<span class="list-point">Збереження зображень у різних форматах для документації.</span>
</li>
<li>
<span class="list-point">Перегляд гістограми розподілу об'єму зерен.</span>
</li>
<li>
<span class="list-point">Анімації генерації мікроструктур.</span>
</li>
<li>
<span class="list-point">Вибір алгоритмів для аналізу мікроструктури матеріалів.</span>
</li>
</ol>
</div>
</div>
<div class="right-container">
<div class="gif-cont">
<img src="../img/people.gif" class="zd-gif">
</div>
<p class="key-features">
Цільова аудиторія
</p>
<div class="qwe">
<div class="textcent">
<div class="list-cont">
<ol>
<li>
<span class="list-point">Матеріалознавці та інженери — дослідники мікроструктур матеріалів для покращення їх властивостей.</span>
</li>
<li>
<span class="list-point">Академіки — професори, аспіранти та науковці технічних університетів.</span>
</li>
<li>
<span class="list-point">Механіки — професіонали, що аналізують поведінку матеріалів під навантаженням.</span>
</li>
<li>
<span class="list-point">Спеціалісти з комп'ютерного моделювання — для 3D-візуалізації та аналізу складних структур.</span>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="border-top border-dark">
<div class="left-footer-cont">
<div class="footer-content ml-5">
<a href="https://github.com/MME-NTU-KhPI/MatViz3D" target="_blank">
MatViz3D
</a>
<p>
Department of Mathematical Modeling and Intelligent Computing in Engineering (MMI), NTU "KhPI", st. 2
Kyrpychova
Ave., c. Kharkiv, Ukraine, 61002
Кафедра математичного моделювання та інтелектуальних обчислень у інженерії (ММІ), НТУ "ХПІ", вул. 2 Кирпичова, м. Харків, Україна, 61002
</p>
<p>
[email protected]
Expand All @@ -96,16 +166,17 @@
<div class="right-footer-cont">
<div class="footer-links mr-5">
<a href="https://web.kpi.kharkov.ua/dpm/uk/istoriya-kafedri/">
About the Department
Про кафедру
</a>
<a href="#">
Team
Команда
</a>
<a href="https://web.kpi.kharkov.ua/dpm/uk/kontaktna-informatsiya-kafedri/">
Contact
Контакти
</a>
</div>
</div>
</footer>
</body>

</html>
8 changes: 4 additions & 4 deletions html/downloads_en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,10 +33,10 @@
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="../home_en.html">EN</a>
<a class="dropdown-item first enable" href="../html/downloads_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="html/home_ua.html">UA</a>
<a class="dropdown-item" href="../html/downloads_ua.html">UA</a>
</li>
</ul>
</div>
Expand Down Expand Up @@ -70,10 +70,10 @@
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="#">EN</a>
<a class="dropdown-item first enable" href="downloads_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="about_ua.html">UA</a>
<a class="dropdown-item" href="downloads_ua.html">UA</a>
</li>
</ul>
</div>
Expand Down
129 changes: 113 additions & 16 deletions html/downloads_ua.html
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,118 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Downloads</title>

<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet"
/>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Завантаження</title>

<link href="../css/header_footer.css" rel="stylesheet" />
<link href="../css/downloads.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>

<body style="background-color: #EAF5FF; height: 100vh;"
class="ink-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">
<header>
<nav class="navbar navbar-expand-xl navbar-dark bg-header pl-5 pr-5 pt-3 pb-3 border-bottom border-dark">
<a class="navbar-brand " href="../html/home_ua.html">
<img src="../img/matico.png" alt="" width="35" height="35" class="d-inline-block align-text-top"> MatViz3D
</a>
<li class="language-button-mobile nav-item ml-auto mr-3 ">
<div class="dropdown">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="../img/globe-icon.png" alt="" class="globe-icon">
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first enable" href="../html/downloads_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item" href="../html/downloads_ua.html">UA</a>
</li>
</ul>
</div>
</li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item ml-1 mr-1 ">
<a class="nav-link hovering" href="../html/home_ua.html">Головна</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering " href="about_ua.html">Про проєкт</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="instructions_ua.html">Як користуватися</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering active" href="downloads_ua.html">Версії та встановлення</a>
</li>
<li class="nav-item ml-1 mr-1">
<a class="nav-link hovering" href="publications_ua.html">Наукові публікації</a>
</li>
<li class="language-button nav-item ml-1 mr-1">
<div class="dropdown">
<button class="btn d-flex align-items-center" type="button" id="dropdownMenuButton"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="../img/globe-icon.png" alt="" class="globe-icon">
</button>
<ul class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<li class="dropdown-item">
<a class="dropdown-item first " href="../html/downloads_en.html">EN</a>
</li>
<li class="dropdown-item">
<a class="dropdown-item enable" href="../html/downloads_ua.html">UA</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
</header>
<div class="content">

</div>
<footer class="border-top border-dark">
<div class="left-footer-cont">
<div class="footer-content ml-5">
<a href="https://github.com/MME-NTU-KhPI/MatViz3D" target="_blank">
MatViz3D
</a>
<p>
Кафедра математичного моделювання та інтелектуальних обчислень в інженерії (ММІ), НТУ "ХПІ", вул. Кирпичова,
2, м. Харків, Україна, 61002
</p>
<p>
[email protected]
</p>
</div>
</div>
<div class="right-footer-cont">
<div class="footer-links mr-5">
<a href="https://web.kpi.kharkov.ua/dpm/uk/istoriya-kafedri/">
Про кафедру
</a>
<a href="#">
Команда
</a>
<a href="https://web.kpi.kharkov.ua/dpm/uk/kontaktna-informatsiya-kafedri/">
Контакти
</a>
</div>
</div>
</footer>
</body>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<h2>DOWNLOAD AND VERSIONS PAGE</h2>
</body>
</html>
Loading

0 comments on commit 76a11be

Please sign in to comment.