From cc3b7f43d5ae941ec3e8ccda02b5a679f693d8c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mihae=C4=BCs=20Mejerovs?= <mmejerovs.e@rkg.lv> Date: Tue, 21 May 2024 17:50:40 +0000 Subject: [PATCH] Upload files to "/" --- about.html | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++ account.html | 111 +++++++++++++++++++++++++++++++++++++++++++++++ base.html | 44 +++++++++++++++++++ contact.html | 101 +++++++++++++++++++++++++++++++++++++++++++ download.html | 79 ++++++++++++++++++++++++++++++++++ 5 files changed, 452 insertions(+) create mode 100644 about.html create mode 100644 account.html create mode 100644 base.html create mode 100644 contact.html create mode 100644 download.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..f46eebe --- /dev/null +++ b/about.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>About</title> + <link rel="stylesheet" href="static/css/main.css"> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <style> + body { + background-color: #004577; + color: #ffc400; + + } + .center-text { + text-align: center; /* Center align the text */ + font-size: 40px; /* Set the font size to be large */ + font-family: 'Pix'; /* Set a cursive font for a classic feel */ + margin-bottom: 30px; /* Add some space below the title */ + + } + + header { + text-align: center; + margin-bottom: 30px; + padding-top: 50px; + } + + main { + margin-bottom: 40px; + padding: 20px; + max-width: 600px; + margin: 0 auto; + background-color: #1e1e1e; + } + + section { + margin-bottom: 30px; + color: #ffffff; + text-align: left; + margin: 0 auto; + max-width: 600px; + padding: 0 20px; + } + + ul { + list-style-position: inside; + } + + footer { + text-align: center; + } + + footer a { + color: #1e1e1e; + text-decoration: none; + } + + footer a:hover { + text-decoration: underline; + } + + + </style> +</head> +<body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + +<header> + <h1 class="center-text">About </h1> +</header> +<main class="rounded-3"> + <section> + <h2>Introduction</h2> + <p>is an adventurous game tsion-making. Dive into procedurally genenging enemies, and collect powerful loot!</p> + </section> + <section> + <h2>Features</h2> + <ul> + <li>Procedurally ge levendlesseplayability</li> + <li>Various cla with unique abilities</li> + <li>Dynamictem with strategic depth</li> + <li>Rich lor capng storyline</li> + </ul> + </section> + <section> + <h2>Development Team</h2> + <p>igners, programmers an immersive gaming experience.</p> + </section> +</main> + +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> +</body> +</html> diff --git a/account.html b/account.html new file mode 100644 index 0000000..1f03c6f --- /dev/null +++ b/account.html @@ -0,0 +1,111 @@ +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Stats</title> + <link rel="stylesheet" href="static/css/main.css"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <style> + /* Add your custom CSS styles here */ + body { + background-color: #004577; /* Vibrant blue background */ + color: #ffffff; /* White text color */ + } + + .stats-table { + margin-top: 20px; /* Add margin to the top of the table */ + width: 100%; /* Set table width to 100% */ + border-collapse: collapse; /* Collapse border spacing */ + border: 2px solid yellow; /* Set border color and width */ + } + + .stats-table th, + .stats-table td { + padding: 10px; /* Add padding to table cells */ + text-align: left; /* Align text to the left within cells */ + border-bottom: 1px solid #ffffff; /* Add bottom border to cells */ + } + + .stats-table th { + background-color: #1e1e1e; /* Dark background for table header */ + } + + .back-btn { + background-color: #ffc400; /* Yellow background for the button */ + color: #000; /* Black text color */ + border: none; /* Remove border */ + padding: 10px 20px; /* Add padding */ + margin-top: 20px; /* Add margin to the top */ + cursor: pointer; /* Change cursor to pointer on hover */ + border-radius: 5px; /* Add border radius */ + } + + .back-btn:hover { + background-color: #ffa000; /* Lighter yellow on hover */ + } + </style> +</head> +<body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + +<div class="container"> + <h1>Statistics</h1> + <table class="stats-table"> + <tr> + <th>Statistic</th> + <th>Value</th> + </tr> + <tr> + <td>Damage done</td> + <td>4 747 673</td> + </tr> + <tr> + <td>Enemies killed</td> + <td>678 239</td> + </tr> + <tr> + <td>Best score</td> + <td>489</td> + </tr> + <tr> + <td>Games played</td> + <td>2051</td> + </tr> + <tr> + <td>Time played</td> + <td>150h</td> + </tr> + </table> +</div> +<div class="container text-center"> + <form action="/index" method="post"> + <button class="back-btn" onclick="window.location.href = '/';" type="submit">home</button> +</div> + +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> +</body> +</html> diff --git a/base.html b/base.html new file mode 100644 index 0000000..3e403e4 --- /dev/null +++ b/base.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html lang="ru"> + +<head> + <meta charset="utf-8" /> + <link rel="stylesheet" href="static/css/style.css" /> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + <title>{% block title %}{% endblock %}</title> +</head> + <body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + + <div class="container"> + {% block content %}{% endblock %} + </div> +<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXlJpW3Q8J2hJFj6WAZ6e8ksj65h9Cae9sDj2lzZ9X8tBT2g6sy60OGa+I5C" crossorigin="anonymous"></script> +<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0ey14XtQznfW+dStF45fm1k4TcG5R8bGykvOnpGEL+DQ/ylrz5cPYxKH" crossorigin="anonymous"></script> + +</body> +</html> \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..4258d65 --- /dev/null +++ b/contact.html @@ -0,0 +1,101 @@ +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Contact Us</title> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <style> + + body { + background-color: #004577; + color: #ffffff; + } + + .contact{ + padding-top: 50px; + text-align: center; /* Center align content */ + } + + form { + max-width: 600px; /* Set max width for the form */ + margin: auto; /* Center the form */ + } + + label { + font-weight: bold; /* Bold labels */ + margin-top: 10px; /* Add space between labels and inputs */ + display: block; /* Display labels as block elements */ + } + + input[type="text"], + textarea { + width: 100%; /* Take full width of the container */ + padding: 8px; /* Add some padding */ + margin-top: 6px; /* Add space between inputs */ + margin-bottom: 20px; /* Add space at the bottom */ + border-radius: 5px; /* Add border radius */ + border: 1px solid #ccc; /* Add border */ + } + + input[type="submit"] { + background-color: #ffc400; /* Yellow background */ + color: #004577; /* Blue text color */ + border: none; /* No border */ + padding: 10px 20px; /* Add padding */ + cursor: pointer; /* Show pointer cursor on hover */ + border-radius: 5px; /* Add border radius */ + } + + input[type="submit"]:hover { + background-color: #ffa000; /* Darker yellow on hover */ + } + </style> +</head> +<body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + +<div class="contact"> + <h1>Contact Us</h1> + <p>We'd love to hear from you!</p> + + <form action="/send_message" method="post"> + <label for="name">Name:</label> + <input type="text" id="name" name="name" required> + + <label for="email">Email:</label> + <input type="text" id="email" name="email" required> + + <label for="message">Message:</label> + <textarea id="message" name="message" rows="4" required></textarea> + + <a href="/index" class="btn btn-primary">Отправить</a> + </form> +</div> + +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> +</body> +</html> diff --git a/download.html b/download.html new file mode 100644 index 0000000..4ad6672 --- /dev/null +++ b/download.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Download</title> + <link rel="stylesheet" href="static/css/style.css" /> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <style> + body { + background-color: #ffffff; /* Vibrant blue background */ + color: #066163; /* White text color */ + } + + .center-text { + padding-top: 50px; + text-align: center; /* Center align the text */ + font-size: 180px; /* Set the font size to be large */ + margin-bottom: 30px; /* Add some space below the title */ + } + + .download-button { + text-align: center; + margin-top: 50px; + } + + .download-button a { + display: inline-block; + padding: 10px 20px; + background-color: #066163; + color: #ffffff; + text-decoration: none; + border-radius: 5px; + font-size: 24px; + transition: background-color 0.3s; + } + + .download-button a:hover { + background-color: #ff9100; + } + </style> +</head> +<body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + + <div class="center"> + <p class="glavp">Скачать</p> + </div> + +<div class="download-button"> + <a href="https://www.minecraft.net/ru-ru" class="btn btn-primary">Download Now</a> +</div> + +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> +</body> +</html>