more pages
This commit is contained in:
+242
@@ -0,0 +1,242 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Флагманские проекты">
|
||||||
|
<link rel="icon" type="image/png" href="img/icon.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap"
|
||||||
|
rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<title>Флагманские проекты</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
min-height: 100vh;
|
||||||
|
background: linear-gradient(to bottom, #1a1a2e, #16213e);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 2rem 0;
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 2rem;
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem 0;
|
||||||
|
margin-top: 2rem;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2 {
|
||||||
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-grid {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card {
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 1.5rem;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
transition: transform 0.3s, box-shadow 0.3s;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card h3 {
|
||||||
|
color: #e94560;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card p {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card .more-link {
|
||||||
|
display: inline-block;
|
||||||
|
color: #e94560;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card .more-link:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card img {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card img {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-card-text {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
|
<li><a href="index.html#projects">Другие проекты</a></li>
|
||||||
|
<li><a href="services.html">Услуги</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<h1>Флагманские проекты</h1>
|
||||||
|
<h2>Основные проекты, которым уделяется наибольшее внимание</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="project-grid">
|
||||||
|
<div class="project-card">
|
||||||
|
<img src="img/mroaLogo.png" alt="mROA" />
|
||||||
|
<div class="project-card-text">
|
||||||
|
<h3>mROA</h3>
|
||||||
|
<p>Основной проект, над которым я работаю в настоящее время. Это на данный момент такой типо gRPC с
|
||||||
|
блекджеком и ООП. И тут реально очень сильно развита тема объектно-ориентированного
|
||||||
|
программировани, как она представлена конкретно в C# на данный момент, но по сети. Данная
|
||||||
|
библиотека может использоваться например для очень простого внедрения микросерсной архитектуры в
|
||||||
|
ASP.NET Core например при помощи DI или в других случаях взаимодействия по сети.</p>
|
||||||
|
<a href="mroa.html" class="more-link">Подробнее →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="project-card">
|
||||||
|
<img src="img/mroacgtLogo.png" alt="mROA.CodegenTools" />
|
||||||
|
<div class="project-card-text">
|
||||||
|
<h3>mROA.CodegenTools</h3>
|
||||||
|
<p>Инструментарий для генерации кода, разрабатываемый в рамках проекта mROA. Здесь будет описание
|
||||||
|
функциональности и возможностей инструмента.</p>
|
||||||
|
<a href="#" class="more-link">Подробнее →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 Моя страница. Наверное какие-то права защищены!!! <span id="random-emoji"></span></p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="98px" height="96px" viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
+147
-7
@@ -1,9 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Базовая HTML страница">
|
<meta name="description" content="Базовая HTML страница">
|
||||||
|
<link rel="icon" type="image/png" href="img/icon.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap"
|
||||||
|
rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
<title>Моя страница</title>
|
<title>Моя страница</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
@@ -17,14 +22,17 @@
|
|||||||
background: linear-gradient(to bottom, #2c3e50, #3498db);
|
background: linear-gradient(to bottom, #2c3e50, #3498db);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -32,7 +40,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -41,9 +51,69 @@
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
transition: background-color 0.3s;
|
transition: background-color 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-link {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-link:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-link img {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-stats {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-stats img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.github-stats img:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.end-text {
|
||||||
|
text-align: end;
|
||||||
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
background: rgba(255, 255, 255, 0.1);
|
background: rgba(255, 255, 255, 0.1);
|
||||||
@@ -51,39 +121,109 @@
|
|||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
backdrop-filter: blur(5px);
|
backdrop-filter: blur(5px);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
h1, h2 {
|
|
||||||
|
h1,
|
||||||
|
h2 {
|
||||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-margin {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bigger {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#flagships">Флагманы</a></li>
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
<li><a href="#projects">Другие проекты</a></li>
|
<li><a href="#projects">Другие проекты</a></li>
|
||||||
<li><a href="services.html">Услуги</a></li>
|
<li><a href="services.html">Услуги</a></li>
|
||||||
|
<li><a href="https://github.com/YaslePoy" class="github-link" target="_blank"><img src="img/github-mark-white.svg" alt="GitHub">GitHub</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<h1>Добро пожаловать</h1>
|
<h1>Добро пожаловать</h1>
|
||||||
<h2>на сайт программиста, но не верстальщика</h2>
|
<h2>на сайт практически профессионального программиста</h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<h2>Основной контент</h2>
|
<h1>Привет, меня зовут Миша...</h1>
|
||||||
<p>Это базовая HTML страница. Здесь вы можете добавить свой контент.</p>
|
<p class="no-margin">Я вообще много кто, но сейчас я программист</p>
|
||||||
|
<p class="no-margin">Пишу всякие разные проектики на C#, Rust, немного на Python и не много хостингом</p>
|
||||||
|
<p class="bigger">Мои главные проекты которыми я сейчас занимаюсь - <a href="flagships.html">Флагманы</a>. В
|
||||||
|
них я вкладываю большую часть своих усилинй на данный момент.
|
||||||
|
Они могут быть довольно полезными для обычной зазработки, и я даже сам их использую для других своих
|
||||||
|
проектов. Очень советую ознакомиться)))</p>
|
||||||
|
<p class="">Так же тут есть и другие проекты, которые не являются моими основными и я занимаюсь ими
|
||||||
|
когда доходят руки после флагманов. Они тоже в целом прикольные, но врядли особо полезные, разве что
|
||||||
|
можно поглазесь. Так же тут есть старые проекты, которые уже врядли когда-либо будут развиваться и
|
||||||
|
затрагиваться дальше</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Большинство кода который мной написан лежит в открытом доступе на моем <a href="https://github.com/YaslePoy">Гитхабе</a>
|
||||||
|
</p>
|
||||||
|
<h2 class="center">Немножечко статистики</h2>
|
||||||
|
<div class="github-stats">
|
||||||
|
<img src="https://github-readme-stats.vercel.app/api?username=YaslePoy&show_icons=true&theme=dark&hide_border=true" alt="GitHub Stats">
|
||||||
|
<img src="https://github-readme-streak-stats.herokuapp.com/?user=YaslePoy&theme=dark&hide_border=true" alt="GitHub Streak">
|
||||||
|
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=YaslePoy&layout=compact&theme=dark&hide_border=true" alt="Top Languages">
|
||||||
|
</div>
|
||||||
|
<p class="end-text">
|
||||||
|
P.S.: не удивляйтесь, C++ тут очень не заслужанно... это был просто вулкановский код 3д движка для игры, а там один этот код из за того что на вулкане больше чем вся остальная логика игры...
|
||||||
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 Моя страница. Все права защищены.</p>
|
<p>© 2025 Моя страница. Наверное какие-то права защищены!!! <span id="random-emoji"></span></p>
|
||||||
|
<p><a href="https://github.com/YaslePoy" class="github-link" target="_blank"><img src="img/github-mark-white.svg" alt="GitHub">GitHub</a></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>mROA, где ROA - remote object access</title>
|
||||||
|
<link rel="shortcut icon" href="img/icon.png" type="image/png">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<style>
|
||||||
|
main p {
|
||||||
|
font-size: large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block {
|
||||||
|
background-color: #1e1e1e;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 1rem;
|
||||||
|
margin: 1rem 0;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block pre {
|
||||||
|
margin: 0;
|
||||||
|
color: #d4d4d4;
|
||||||
|
font-family: 'Consolas', 'Monaco', monospace;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block .keyword {
|
||||||
|
color: #569cd6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block .string {
|
||||||
|
color: #ce9178;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block .comment {
|
||||||
|
color: #6a9955;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block .class {
|
||||||
|
color: #4ec9b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-block .method {
|
||||||
|
color: #dcdcaa;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
|
<li><a href="index.html#projects">Другие проекты</a></li>
|
||||||
|
<li><a href="services.html">Услуги</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<h1>mROA, где ROA - remote object access</h1>
|
||||||
|
<h2>Флагман из флагманов...</h2>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<p>Основной проект, над которым я работаю в настоящее время. Это на данный момент такой типо gRPC с
|
||||||
|
блекджеком и ООП. И тут реально очень сильно развита тема объектно-ориентированного
|
||||||
|
программировани, как она представлена конкретно в C# на данный момент, но по сети. Данная
|
||||||
|
библиотека может использоваться например для очень простого внедрения микросерсной архитектуры в
|
||||||
|
ASP.NET Core например при помощи DI или в других случаях взаимодействия по сети.</p>
|
||||||
|
<p>Оно должно отлично работать в теории, но на самом деле изначально для этого не предполагалось.</p>
|
||||||
|
<p>Изначально требовалось реализовать общение между клиентов и сервером через объекты по средством gRPC в рамках Unity. Однако
|
||||||
|
после безуспешных поиспков способов реализовать такое на gRPC была написана первая, намного более корявая версия mROA, позволявшаяя передавать своеобразные ссылки на объекты с сервера на клиент, а в последствии и с клиента на сервер и использовать их для удаленного вызова методов</p>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 Моя страница. Наверное какие-то права защищены!!! <span id="random-emoji"></span></p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
const emojis = ['😊', '😎', '🤓', '😄', '😉', '😋', '😜', '🤪', '😇', '🥳'];
|
||||||
|
const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
|
||||||
|
document.getElementById('random-emoji').textContent = randomEmoji;
|
||||||
+64
-2
@@ -4,6 +4,9 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Услуги программиста">
|
<meta name="description" content="Услуги программиста">
|
||||||
|
<link rel="icon" type="image/png" href="img/icon.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
<title>Услуги</title>
|
<title>Услуги</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
@@ -32,6 +35,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
nav a {
|
nav a {
|
||||||
color: white;
|
color: white;
|
||||||
@@ -44,6 +48,15 @@
|
|||||||
nav a:hover {
|
nav a:hover {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
main {
|
main {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -96,13 +109,60 @@
|
|||||||
color: #ff6b81;
|
color: #ff6b81;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-card {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-card img {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-card .content {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html#flagships">Флагманы</a></li>
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
<li><a href="index.html#projects">Другие проекты</a></li>
|
<li><a href="index.html#projects">Другие проекты</a></li>
|
||||||
<li><a href="services.html">Услуги</a></li>
|
<li><a href="services.html">Услуги</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -140,7 +200,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 Моя страница. Все права защищены.</p>
|
<p>© 2025 Моя страница. Все права защищены. <span id="random-emoji"></span></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+104
@@ -0,0 +1,104 @@
|
|||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
min-height: 100vh;
|
||||||
|
background: linear-gradient(to bottom, #1a1a2e, #16213e);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 2rem 0;
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 2rem;
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem 0;
|
||||||
|
margin-top: 2rem;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
+60
-2
@@ -4,6 +4,9 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Условия использования простого хостинга">
|
<meta name="description" content="Условия использования простого хостинга">
|
||||||
|
<link rel="icon" type="image/png" href="img/icon.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
<title>Условия использования - Простой хостинг</title>
|
<title>Условия использования - Простой хостинг</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
@@ -32,6 +35,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
nav a {
|
nav a {
|
||||||
color: white;
|
color: white;
|
||||||
@@ -44,6 +48,15 @@
|
|||||||
nav a:hover {
|
nav a:hover {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
main {
|
main {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -134,13 +147,56 @@
|
|||||||
.request-form button:hover {
|
.request-form button:hover {
|
||||||
background: #ff6b81;
|
background: #ff6b81;
|
||||||
}
|
}
|
||||||
|
.terms-section h3 {
|
||||||
|
color: #e94560;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terms-section {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terms-section h3 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html#flagships">Флагманы</a></li>
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
<li><a href="index.html#projects">Другие проекты</a></li>
|
<li><a href="index.html#projects">Другие проекты</a></li>
|
||||||
<li><a href="services.html">Услуги</a></li>
|
<li><a href="services.html">Услуги</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -274,7 +330,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 Моя страница. Все права защищены.</p>
|
<p>© 2025 Моя страница. Все права защищены. <span id="random-emoji"></span></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+60
-2
@@ -4,6 +4,9 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Условия использования Unlimited-хостинга">
|
<meta name="description" content="Условия использования Unlimited-хостинга">
|
||||||
|
<link rel="icon" type="image/png" href="img/icon.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
<title>Условия использования - Unlimited-хостинг</title>
|
<title>Условия использования - Unlimited-хостинг</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
@@ -32,6 +35,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
nav a {
|
nav a {
|
||||||
color: white;
|
color: white;
|
||||||
@@ -44,6 +48,15 @@
|
|||||||
nav a:hover {
|
nav a:hover {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
nav a.brand {
|
||||||
|
font-family: 'Space Grotesk', monospace;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e94560;
|
||||||
|
}
|
||||||
|
nav a.brand:hover {
|
||||||
|
color: #ff6b81;
|
||||||
|
}
|
||||||
main {
|
main {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -134,13 +147,56 @@
|
|||||||
.request-form button:hover {
|
.request-form button:hover {
|
||||||
background: #ff6b81;
|
background: #ff6b81;
|
||||||
}
|
}
|
||||||
|
.terms-section h3 {
|
||||||
|
color: #e94560;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.8rem 1.5rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terms-section {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terms-section h3 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html#flagships">Флагманы</a></li>
|
<li><a href="index.html" class="brand">Micialware</a></li>
|
||||||
|
<li><a href="flagships.html">Флагманы</a></li>
|
||||||
<li><a href="index.html#projects">Другие проекты</a></li>
|
<li><a href="index.html#projects">Другие проекты</a></li>
|
||||||
<li><a href="services.html">Услуги</a></li>
|
<li><a href="services.html">Услуги</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -269,7 +325,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 Моя страница. Все права защищены.</p>
|
<p>© 2025 Моя страница. Все права защищены. <span id="random-emoji"></span></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<script src="scripts.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user