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 { .pagehead-inner {
position: inherit; position: inherit;
margin: 0; margin: 0;
width: 24%; width: 27%;
height: 55vh; height: 55vh;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -33,6 +33,18 @@ body {
flex-direction: column; 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 { .pagehead-inner > p {
color: white; color: white;
font-family: "Overpass Mono", monospace; font-family: "Overpass Mono", monospace;
@ -80,7 +92,7 @@ body {
.pagebody { .pagebody {
width: 100%; width: 100%;
height: 100vh; min-height: 100vh;
position: relative; position: relative;
background: #222; background: #222;
display: flex; 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> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <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/fonts.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<title>thematdev</title> <title>thematdev</title>
@ -12,8 +13,8 @@
<p> Тут можно подпись какую-то сделать </p> <p> Тут можно подпись какую-то сделать </p>
<p> Ваш IQ: {{ random_number }}</p> <p> Ваш IQ: {{ random_number }}</p>
<div class="btn-container"> <div class="btn-container">
<a class="btn btn-tex"> <a class="btn" href="https://git.thematdev.org">
TeX Git
</a> </a>
<a class="btn" href="https://wiki.thematdev.org"> <a class="btn" href="https://wiki.thematdev.org">
Wiki Wiki
@ -21,18 +22,21 @@
<a class="btn" href="https://t.me/thematdev"> <a class="btn" href="https://t.me/thematdev">
TG TG
</a> </a>
<a class="btn" href="mailto:thematdev@thematdev.org">
@
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="pagebody" id="pb"> <div class="pagebody" id="pb">
<div class="pagebody-inner-section" id="pbi"> <div class="pagebody-inner-section" id="pbi">
<h1>Мои проекты</h1> <h1><strike>Мои проекты</strike> Кладбище</h1>
<div class="project-container" id="pbic"> <div class="project-container" id="pbic">
{% for project in projects %} {% for project in projects %}
<div class="project-element"> <div class="project-element">
<h1> {{ project.title }}</h1> <h1> {{ project.title }}</h1>
<img src="{{ url_for('static', filename=project.image)}}" width=200 height=200> <img src="{{ url_for('static', filename=project.image)}}" width=200 height=200>
<p> {{ project.description }} </p> <p> {{project.description|safe}} </p>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

View File

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