Chest/CTF-site-project
Chest/CTF-site-project
1
1
Fork 0
Code Issues Pull Requests Activity

fix: main page UI

Browse Source
This commit is contained in:
cheeest 2025-04-06 23:00:05 +03:00
parent 16ec5d8aba
commit a23bc7d733
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/index.css
View File

@ -8,6 +8,9 @@
src: url("/static/fonts/JetBrainsMono-Regular.ttf") format("truetype"); src: url("/static/fonts/JetBrainsMono-Regular.ttf") format("truetype");
} }
#popup { #popup {
display: none; display: none;
overflow-y: auto; overflow-y: auto;
@ -160,6 +163,9 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
height: 100%; height: 100%;
min-width: 40rem;
justify-content: center;
align-content: flex-start;
} }
.navgoodlinks { .navgoodlinks {
@ -292,7 +298,7 @@
} }
.info1 { .info1 {
width: clamp(40rem, 45%, 80rem); width: clamp(40rem, 45%, 60rem);
height: clamp(30rem, 50%, 30rem); height: clamp(30rem, 50%, 30rem);
padding: 0.85rem; padding: 0.85rem;
margin-top: 3.5rem; margin-top: 3.5rem;
@ -306,8 +312,8 @@
.small { .small {
width: clamp(30rem, 35%, 40rem); width: clamp(40rem, 35%, 60rem);
height: clamp(30rem, 20%, 30rem); height: clamp(30rem, 20%, 60rem);
} }
.navigation{ .navigation{
@ -492,7 +498,6 @@ body {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
margin: 0; margin: 0;
overflow: hidden;
background-size: cover; background-size: cover;
} }
@ -502,3 +507,8 @@ a {
color: white; color: white;
} }
@media (max-width: 700px) {
/* Стили для мобильных устройств */
.container { align-items: center; }
}

2
templates/_head.html
View File

@ -3,6 +3,8 @@
<script src="{{ url_for('static', filename='scripts/animation.js') }}"></script> <script src="{{ url_for('static', filename='scripts/animation.js') }}"></script>
<meta charset="UTF-8"> <meta charset="UTF-8">
{%- if request.path != url_for('index') %} {%- if request.path != url_for('index') %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/ros-pine-moon.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/ros-pine-moon.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>