Some minor improvements + mobile support

This commit is contained in:
thematdev 2021-09-17 15:25:10 +03:00
parent 60c698c0ef
commit 74de406f1d
5 changed files with 30 additions and 14 deletions

View File

@ -21,7 +21,7 @@ body {
.pagehead-inner {
position: inherit;
margin: 0;
width: 24%;
width: 27%;
height: 55vh;
top: 50%;
left: 50%;
@ -33,6 +33,18 @@ body {
flex-direction: column;
}
/* .pagehead-inner {
position: inherit;
margin: 0;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} */
.pagehead-inner > p {
color: white;
font-family: "Overpass Mono", monospace;
@ -80,7 +92,7 @@ body {
.pagebody {
width: 100%;
height: 100vh;
min-height: 100vh;
position: relative;
background: #222;
display: flex;

BIN
app/static/images/blank.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 948 B

BIN
app/static/images/grave.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ url_for('static', filename='css/fonts.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<title>thematdev</title>
@ -12,8 +13,8 @@
<p> Тут можно подпись какую-то сделать </p>
<p> Ваш IQ: {{ random_number }}</p>
<div class="btn-container">
<a class="btn btn-tex">
TeX
<a class="btn" href="https://git.thematdev.org">
Git
</a>
<a class="btn" href="https://wiki.thematdev.org">
Wiki
@ -21,18 +22,21 @@
<a class="btn" href="https://t.me/thematdev">
TG
</a>
<a class="btn" href="mailto:thematdev@thematdev.org">
@
</a>
</div>
</div>
</div>
<div class="pagebody" id="pb">
<div class="pagebody-inner-section" id="pbi">
<h1>Мои проекты</h1>
<h1><strike>Мои проекты</strike> Кладбище</h1>
<div class="project-container" id="pbic">
{% for project in projects %}
<div class="project-element">
<h1> {{ project.title }}</h1>
<img src="{{ url_for('static', filename=project.image)}}" width=200 height=200>
<p> {{ project.description }} </p>
<p> {{project.description|safe}} </p>
</div>
{% endfor %}
</div>

View File

@ -2,19 +2,19 @@
"cols": 3,
"projects" : [
{
"title": "Этот сайт",
"description": "Текст",
"image": "images/thissite.png"
"title": "Этот сайт",
"description": "Я наконец-то начал им заниматься, как вы видите.",
"image": "images/blank.png"
},
{
"title": "ChatManager",
"description": "Плагин для работы с чатом в Minecraft.",
"image": "images/chatmanager.png"
"description": "Плагин для работы с чатом в Minecraft. RIP, даже не пытайтесь аудитить этот код, вам же дороже.",
"image": "images/grave.jpg"
},
{
"title": "Скоро, совсем скоро, текст",
"description": "Скоро",
"image": "images/soon.jpg"
"title": "Wiki",
"description": "Конспекты по информатике и математике. Пока что можете заценить <a href=\"https://wiki.thematdev.org/page/linear_nt\">это </a>",
"image": "images/blank.png"
}
]
}