init commit

.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

.idea/.name

@@ -0,0 +1 @@
+MadokaMagicaSite

.idea/MadokaMagicaSite.iml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="jdk" jdkName="Python 3.12 virtualenv at ~/PycharmProjects/MadokaMagicaSite/venv" jdkType="Python SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="PyDocumentationSettings">
+    <option name="format" value="PLAIN" />
+    <option name="myDocStringFormat" value="Plain" />
+  </component>
+  <component name="TestRunnerService">
+    <option name="PROJECT_TEST_RUNNER" value="py.test" />
+  </component>
+</module>

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.12 (pythonProject)" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/MadokaMagicaSite.iml" filepath="$PROJECT_DIR$/.idea/MadokaMagicaSite.iml" />
+    </modules>
+  </component>
+</project>

app.py

@@ -0,0 +1,21 @@
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+@app.route("/")
+def index():
+    return render_template('index.html')
+
+@app.route("/sql-injection")
+def sql():
+    return render_template('sql-injection.html')
+
+@app.route("/found-me")
+def found():
+    return render_template('found.html')
+
+@app.route("/decode-me")
+def decode():
+    return render_template('decode.html')
+
+app.run()

static/index.css

@@ -0,0 +1,163 @@
+@font-face {
+    font-family: "Monocraft";
+    src: url("/static/fonts/Monocraft.otf") format("opentype");
+}
+
+.simpletext {
+    font-family: Monocraft;
+    color: white;
+    text-align: center;
+}
+
+.header {
+    text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
+    font-family: Monocraft;
+    color: white;
+    text-align: center;
+}
+
+.context {
+     font-family: Monocraft;
+     text-align: center;
+     color: rgba(225, 225, 225, 0.6);
+}
+
+.container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.divv {
+    background-color: rgb(0 0 0 / 85%);
+    border: dashed rgba(225, 225, 225, 0.75);
+    border-width: 2px 3px;
+    border-radius: 2rem/2rem;
+    box-sizing: border-box;
+    margin-left: 2rem;
+    margin-top: 2rem;
+}
+
+.info {
+    width: 65%;
+    height: 20%;
+    padding: 1rem;
+    margin-left: 0rem;
+    border-color: #000000;
+    border-radius: 0;
+    border: none;
+    box-shadow: 1em 1em 0em 0px rgba(186, 65, 166, 0.7);
+    transition: 0.5s;
+}
+
+.info:hover {
+    box-shadow: 1.5em 1.5em 0em 0px rgba(186, 65, 166, 0.7);
+    padding: 1.5rem;
+}
+
+.info1 {
+    width: 45%;
+    height: 50%;
+    padding: 0.85rem;
+    margin-top: 3.5rem;
+    transition: 1s;
+}
+
+.info1:hover {
+     background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(186, 65, 166, 0.3));
+}
+
+.navigation{
+    width: 18%;
+    height: 65%;
+    padding: 1rem;
+    border-color: #000000;
+    border-radius: 0;
+    border: none;
+    margin-right: 0rem;
+    left: calc(100% - 4rem);
+    position: relative;
+    transition: 0.5s;
+}
+
+.navigation:hover {
+    left: 82%;
+
+}
+
+.btn1 {
+  box-shadow: 0 5px 15px 0 #BA41A6;
+  transition: 0.5s;
+  background-color: #BA41A6;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  margin-top: 0.7rem;
+  margin-bottom: 0.7rem;
+}
+.btn1 + .btn1 {
+    margin-left: 1rem;
+}
+
+.btn1:hover {
+  transform: translate(0,-3px);
+  box-shadow: 0 20px 40px 0 #BA41A6;
+}
+
+.btn2 {
+    text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
+    margin-top: 1rem;
+    transition: 0.1s;
+    border-radius: 0.5rem;
+    margin: 0.5rem;
+
+}
+
+.btn2:hover {
+    background-color: rgba(186, 65, 166, 0.5);
+    padding: 0.5rem;
+    margin: 0;
+}
+
+.link {
+  box-shadow: 0 5px 15px 0 #BA41A6;
+  transition: 0.5s;
+  background-color: #BA41A6;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  margin-top: 0.7rem;
+  margin-bottom: 0.7rem;
+  margin-left: 0;
+}
+.link:hover {
+  transform: translate(0,-3px);
+  box-shadow: 0 20px 40px 0 #BA41A6;
+}
+
+.navlink {
+    justify-content: center;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+}
+
+.navbtn {
+    justify-content: center;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+body {
+    background-image: url(/static/imgs/bg.gif);
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    overflow: hidden;
+    background-size: cover;
+
+}
+
+a {
+    text-decoration: none;
+    font-family: Monocraft;
+    color: white;
+}
+

templates/decode.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <meta charset="UTF-8">
+    <title>Попакошька</title>
+</head>
+<body>
+     <div class="info divv">
+        <a href="{{ url_for('index') }}"><h1 class="header">CTF для самых маленьких</h1></a>
+        <h3 class="context">Для тех кто хотел бы разобраться, но не знает, с чего начать</h3>
+    </div>
+</body>

templates/found.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <meta charset="UTF-8">
+    <title>Попакошька</title>
+</head>
+<body>
+     <div class="info divv">
+        <a href="{{ url_for('index') }}"><h1 class="header">CTF для самых маленьких</h1></a>
+        <h3 class="context">Для тех кто хотел бы разобраться, но не знает, с чего начать</h3>
+
+    </div>
+</body>

templates/index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <meta charset="UTF-8">
+    <title>Попакошька</title>
+</head>
+<body >
+
+    <div class="info divv">
+        <a href="{{ url_for('index') }}"><h1 class="header">CTF для самых маленьких</h1></a>
+        <h3 class="context">Для тех кто хотел бы разобраться, но не знает, с чего начать</h3>
+
+    </div>
+
+    <div class="container">
+        <div class="info1 divv" >
+            <p class="simpletext">разделы:</p>
+            <nav class="navbtn">
+                <a href="{{ url_for('sql') }}" class="btn1">sql пипка</a>
+                <a href="{{ url_for('found') }}" class="btn1">forensic</a>
+                <a href="{{ url_for('decode') }}" class="btn1">encode and decode</a>
+                <!--    <a href="">rfi</a>-->
+                <!--    <a href="">lfi</a>-->
+            </nav>
+            <p class="simpletext">Универсальный и крутой справочник -  <a class="simpletext btn2" href="https://book.hacktricks.wiki/en/index.html">HackTricks</a></p>
+        </div>
+
+        <div class="info1 divv">
+            <p class="simpletext">вступление какое нить мб</p>
+            <p class="simpletext"> здесь вы можете oзнакомиться с попками</p>
+        </div>
+
+    </div>
+
+
+<!-- <img src="{{ url_for('static', filename='imgs/Madoka-Kaname.webp') }}"> -->
+</body>
+
+</html>

templates/sql-injection.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <meta charset="UTF-8">
+    <title>Попакошька</title>
+</head>
+<body>
+     <div class="info divv">
+        <a href="{{ url_for('index') }}"><h1 class="header">CTF для самых маленьких</h1></a>
+        <h3 class="context">Для тех кто хотел бы разобраться, но не знает, с чего начать</h3>
+    </div>
+    <div class="navigation divv">
+         <nav class="navlink">
+                <a href="{{ url_for('sql') }}" class="link">sql пипка</a>
+                <a href="{{ url_for('found') }}" class="link">forensic</a>
+                <a href="{{ url_for('decode') }}" class="link">encode and decode</a>
+                <!--    <a href="">rfi</a>-->
+                <!--    <a href="">lfi</a>-->
+            </nav>
+    </div>
+</body>