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

vse ploho

Browse Source
This commit is contained in:
chest 2025-01-24 22:59:08 +03:00
parent f671828664
commit bf94146675
4 changed files with 49 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
static/index.css
View File

@ -3,6 +3,25 @@
src: url("/static/fonts/Monocraft.otf") format("opentype"); src: url("/static/fonts/Monocraft.otf") format("opentype");
} }
#popup-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 85%);
display: none;
}
#popup {
width: 3vw;
height: auto;
bottom: 1.5%;
left: 1.2%;
position: absolute;
background-color: rgb(0 0 0 / 85%);
}
.simpletext { .simpletext {
font-family: Monocraft; font-family: Monocraft;
color: white; color: white;
@ -11,8 +30,6 @@
font-size: 1.1rem; font-size: 1.1rem;
} }
.header { .header {
text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue; text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
font-family: Monocraft; font-family: Monocraft;
@ -75,7 +92,7 @@
height: 65%; height: 65%;
padding: 0; padding: 0;
border-color: #000000; border-color: #000000;
border: 1rem; border-width: 0.4rem;
border-radius: 0.7rem; border-radius: 0.7rem;
margin-right: 0rem; margin-right: 0rem;
left: calc(100% - 5rem); left: calc(100% - 5rem);
@ -141,6 +158,7 @@
margin-top: 0.7rem; margin-top: 0.7rem;
margin-bottom: 0.7rem; margin-bottom: 0.7rem;
margin-left: 0; margin-left: 0;
} }
.link:hover { .link:hover {
transform: translate(0,-3px); transform: translate(0,-3px);
@ -152,8 +170,8 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: column; flex-direction: column;
margin-left: 1.5rem; margin: 1rem 1.5rem 0;
margin-top: 1rem; width: 100%;
} }
.navbtn { .navbtn {

14
static/scripts/popup.js Normal file
View File

@ -0,0 +1,14 @@
const popupOverlay = document.getElementById("popup-overlay");
const popup = document.getElementById("popup");
function showPopup() {
popupOverlay.style.display = "block";
}
function hidePopup() {
popupOverlay.style.display = "none";
}
popupOverlay.addEventListener("click", hidePopup);
popup.addEventListener("click", (event) => event.stopPropagation());

8
templates/decode.html
View File

@ -2,6 +2,7 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<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/popup.js') }}"></script>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Попакошька</title> <title>Попакошька</title>
</head> </head>
@ -13,11 +14,16 @@
<div class="decore1"></div> <div class="decore1"></div>
<nav class="navlink"> <nav class="navlink">
<a href="{{ url_for('index') }}" class="link">на главную</a> <a href="{{ url_for('index') }}" class="link">на главную</a>
<a href="{{ url_for('found') }}" class="link">forensic</a>
<a href="{{ url_for('sql') }}" class="link">sql пипка</a> <a href="{{ url_for('sql') }}" class="link">sql пипка</a>
<a href="{{ url_for('found') }}" class="link">forensic</a>
<!-- <a href="">rfi</a>--> <!-- <a href="">rfi</a>-->
<!-- <a href="">lfi</a>--> <!-- <a href="">lfi</a>-->
</nav> </nav>
</div> </div>
<div id="popup-overlay">
<div id="popup">
</div>
</div>
<img class="helpimg" src="{{ url_for('static', filename='imgs/icon.png') }}"> <img class="helpimg" src="{{ url_for('static', filename='imgs/icon.png') }}">
</body> </body>

2
templates/found.html
View File

@ -13,7 +13,7 @@
<div class="decore1"></div> <div class="decore1"></div>
<nav class="navlink"> <nav class="navlink">
<a href="{{ url_for('index') }}" class="link">на главную</a> <a href="{{ url_for('index') }}" class="link">на главную</a>
<a href="{{ url_for('sql пипка') }}" class="link">forensic</a> <a href="{{ url_for('sql') }}" class="link">sql пипка</a>
<a href="{{ url_for('decode') }}" class="link">encode and decode</a> <a href="{{ url_for('decode') }}" class="link">encode and decode</a>
<!-- <a href="">rfi</a>--> <!-- <a href="">rfi</a>-->
<!-- <a href="">lfi</a>--> <!-- <a href="">lfi</a>-->