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

wip: feat: mobile

Browse Source
This commit is contained in:
Sweetbread 2025-04-07 23:40:00 +03:00
parent 18020f6854
commit d66a1bbc12
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/index.css
View File

@ -297,10 +297,10 @@
.headerblock { .headerblock {
width: clamp(60rem, 65% , 140rem); width: clamp(60rem, 65% , 140rem);
height: clamp(10rem, 20%, 10rem); height: 10rem;
padding: 1rem; padding: 1rem;
margin-left: 0rem; margin-left: 0;
border-color: #000000; border-color: black;
border-radius: 0; border-radius: 0;
border: none; border: none;
box-shadow: 1em 1em 0em 0px rgba(186, 65, 166, 0.7); box-shadow: 1em 1em 0em 0px rgba(186, 65, 166, 0.7);
@ -311,7 +311,6 @@
flex-direction: column; flex-direction: column;
background-color: rgb(0 0 0 / 85%); background-color: rgb(0 0 0 / 85%);
box-sizing: border-box; box-sizing: border-box;
margin-top: 2rem;
} }
.headerblock:hover { .headerblock:hover {
@ -519,9 +518,14 @@
body { body {
background-image: url(/static/imgs/bg.gif); background-image: url(/static/imgs/bg.gif);
width: 100vw; width: 100vw;
height: 100vh; height: calc(100dvh - 2rem);
margin: 0; margin: 0;
background-size: cover; background-size: cover;
padding-top: 2rem;
}
body > .container {
height: calc(100% - 12rem);
} }
a { a {

1
templates/utils/_head.html
View File

@ -2,6 +2,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- 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">