Merge pull request #2 from mardolsimulations/feature/version10

Website big changes
This commit is contained in:
Mark
2024-02-25 20:11:41 +03:00
committed by GitHub
9 changed files with 192 additions and 45 deletions
-2
View File
@@ -3,8 +3,6 @@
## About ## About
Official website of the MARDOL Simulations. Here you can find our add-ons and download them. Also there is information about us Official website of the MARDOL Simulations. Here you can find our add-ons and download them. Also there is information about us
This is not the release version of the website. Work in progress.
## Contributing ## Contributing
This is another open-source project of MARDOL Simulations. All the files are under MIT License. This is another open-source project of MARDOL Simulations. All the files are under MIT License.
+14 -5
View File
@@ -6,14 +6,23 @@
<title>MARDOL Simulations — разработчики дополнений для авиасимуляторов</title> <title>MARDOL Simulations — разработчики дополнений для авиасимуляторов</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="cover.css" rel="stylesheet"> <link href="static/css/cover.css" rel="stylesheet">
<link rel="icon" href="static/images/icon.ico" type="image/x-icon">
<meta name="author" content="uw935">
<meta name="description" content="MARDOL Simulations — создание дополнений для авиасимуляторов">
<meta name="keywords" content="MARDOL Simulations, MARDOL, simulations, mardol, mardol simulations, авиасимуляторы, simulations, fspax, fspax 2.0, fspax скачать">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="#89B3E7">
<meta name="format-detection" content="telephone=no">
<style> <style>
body { body {
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
} }
.bg-image { .bg-image {
background-image: url("./static/images/img.png"); background-image: url("./static/images/img.jpg");
background-size: cover; background-size: cover;
} }
</style> </style>
@@ -24,8 +33,8 @@
<div> <div>
<nav class="nav nav-masthead justify-content-center float-md-end"> <nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link active" aria-current="page" href="#">Главная</a> <a class="nav-link active" aria-current="page" href="#">Главная</a>
<a class="nav-link" href="index.html">Скачать</a> <a class="nav-link" href="pages/download.html">Скачать</a>
<a class="nav-link" href="#">О нас</a> <a class="nav-link" href="pages/about.html">О нас</a>
</nav> </nav>
</div> </div>
</header> </header>
@@ -40,7 +49,7 @@
</main> </main>
<footer class="mt-auto text-white-50"> <footer class="mt-auto text-white-50">
<p>MARDOL Simulations @ 2024 (website WIP)</p> <p>MARDOL Simulations @ 2024</p>
</footer> </footer>
</div> </div>
</body> </body>
+113
View File
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MARDOL Simulations — разработчики дополнений для авиасимуляторов</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="../static/css/cover.css" rel="stylesheet">
<link rel="icon" href="../static/images/icon.ico" type="image/x-icon">
<meta name="author" content="uw935">
<meta name="description" content="MARDOL Simulations — создание дополнений для авиасимуляторов">
<meta name="keywords" content="MARDOL Simulations, MARDOL, simulations, mardol, mardol simulations, авиасимуляторы, simulations, fspax, fspax 2.0, fspax скачать">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="#89B3E7">
<meta name="format-detection" content="telephone=no">
</head>
<body class="d-flex h-100 text-center text-white bg-image">
<div style="color: black;" class="offcanvas offcanvas-start" tabindex="-1" id="contactOffcanvas" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Присоединиться к команде</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div>
Помоги нам создавать сообщества и дополнения для авиасимуляторов.
<br>
Работа у нас полностью на энтузиазме, мы открыты к экспериментам и твоим творческим абмициям
<br>
<br>
Открытые вакансии:
</div>
<br>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#vacancies" class="btn btn-warning" type="button">
Комьюнити-менеджер
</button>
<br>
<br>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#vacancies" class="btn btn-warning" type="button">
Разработчик C#
</button>
<br>
<br>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#vacancies" class="btn btn-warning" type="button">
Продакт-менджер
</button>
<br>
<br>
<br>
</div>
</div>
<div style="color: black;" class="modal fade" id="vacancies" tabindex="-1" aria-labelledby="vacanciesLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="vacanciesLabel">Свяжитесь с нами</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Выберите контакт место, где вам удобнее всего общаться.<br><br>В первом письме, напишите вакансию, которая вас заинтересовала и пару слов о себе.
</div>
<div class="modal-footer">
<a href="https://uw935.t.me/" type="button" class="btn btn-success" data-bs-dismiss="modal">Телеграмм</a>
<a href="https://vk.com/uw935" type="button" class="btn btn-success">ВКонтакте</a>
</div>
</div>
</div>
</div>
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link" href="../index.html">Главная</a>
<a class="nav-link" href="download.html">Скачать</a>
<a class="nav-link active" aria-current="page" href="#">О нас</a>
</nav>
</div>
</header>
<main class="px-3">
Мы — команда, любящая несколько вещей: <b>авиасимуляторы</b>, <b>авиацию</b> и <b>код</b>.<br>
И ещё мы любим создавать удобный контент для авиасимуляторов. Пишем на C#, наш код доступен на <b>GitHub</b>
<br>
<br>
<div style="color: black;" class="card">
<div class="card-body">
uw935 (Mark) — основатель, разработчик — <a href="https://github.com/uw935">GitHub</a><br>
exituser (Alexander) — разработчик — <a href="https://github.com/exituser">GitHub</a>
</div>
</div>
<br>
<br>
<div class="d-grid gap-2">
<button data-bs-toggle="offcanvas" href="#contactOffcanvas" role="button" aria-controls="contactOffcanvas" class="btn btn-primary" type="button">
Присоединиться
</button>
</div>
</main>
<footer class="mt-auto text-white-50">
<p>MARDOL Simulations @ 2024 (website WIP)</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
+55
View File
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MARDOL Simulations — разработчики дополнений для авиасимуляторов</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="../static/css/cover.css" rel="stylesheet">
<link rel="icon" href="../static/images/icon.ico" type="image/x-icon">
<meta name="author" content="uw935">
<meta name="description" content="MARDOL Simulations — создание дополнений для авиасимуляторов">
<meta name="keywords" content="MARDOL Simulations, MARDOL, simulations, mardol, mardol simulations, авиасимуляторы, simulations, fspax, fspax 2.0, fspax скачать">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="#89B3E7">
<meta name="format-detection" content="telephone=no">
</head>
<body class="d-flex h-100 text-center text-white bg-image">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link" href="../index.html">Главная</a>
<a class="nav-link active" aria-current="page" href="#">Скачать</a>
<a class="nav-link" href="about.html">О нас</a>
</nav>
</div>
</header>
<main class="px-3">
<div class="card text-center" style="color: black;">
<div class="card-header">
FSPax
</div>
<div class="card-body">
<h5 class="card-title">FSPax — 2.0</h5>
<p class="card-text">
Воспроизведение озвучки бортпроводников теперь в новой версии.<br>
Удобный UI, поддержка разработчиков, open-source и другое...</p>
<a href="https://vk.com/mardolsim" class="btn btn-primary">Следить за новостями</a>
</div>
<div class="card-footer text-muted">
В марте...
</div>
</div>
</main>
<footer class="mt-auto text-white-50">
<p>MARDOL Simulations @ 2024 (website WIP)</p>
</footer>
</div>
</body>
</html>
-37
View File
@@ -1,37 +0,0 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MARDOL Simulations — российские разработчики дополнений для авиасимуляторов</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="cover.css" rel="stylesheet">
<style>
</style>
</head>
<body class="d-flex h-100 text-center text-white bg-image">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link active" aria-current="page" href="index.html">Главная</a>
<a class="nav-link" href="#">Скачать</a>
<a class="nav-link" href="#">О нас</a>
</nav>
</div>
</header>
<main>
<h1>
</h1>
</main>
<footer class="mt-auto text-white-50">
<p>MARDOL Simulations @ 2024</p>
</footer>
</div>
</body>
</html>
+9
View File
@@ -1,3 +1,7 @@
body {
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}
.bd-placeholder-img { .bd-placeholder-img {
font-size: 1.125rem; font-size: 1.125rem;
text-anchor: middle; text-anchor: middle;
@@ -48,3 +52,8 @@
color: #fff; color: #fff;
border-bottom-color: #fff; border-bottom-color: #fff;
} }
.offcanvas, .modal-backdrop {
/* --bs-offcanvas-zindex: 1; */
--bs-backdrop-zindex: 1;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 285 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 MiB