wadehusky
7 months ago
commit
fb9254844e
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 149 KiB |
|
Before Width: | Height: | Size: 960 B |
|
Before Width: | Height: | Size: 963 B |
@ -1,152 +0,0 @@
|
|||||||
/* Общая характеристика */
|
|
||||||
body {
|
|
||||||
background-color: #242829;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Заморочная настройка переключателей */
|
|
||||||
.Select {
|
|
||||||
background-color: rgb(27, 29, 30);
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Mulish', sans-serif;
|
|
||||||
font-size: 2vh;
|
|
||||||
}
|
|
||||||
.Select-input > input {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.Select .Select-value {
|
|
||||||
background-color: rgb(27, 29, 30);
|
|
||||||
}
|
|
||||||
.Select-control {
|
|
||||||
background-color: rgb(25, 25, 25) !important;
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Mulish', sans-serif;
|
|
||||||
font-size: 2vh;
|
|
||||||
}
|
|
||||||
.Select-menu-outer {
|
|
||||||
background-color: rgb(27, 29, 30);
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 10;
|
|
||||||
}
|
|
||||||
.has-value.Select--single>.Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Select-value {
|
|
||||||
font-family: 'Mulish', sans-serif;
|
|
||||||
font-size: 2vh;
|
|
||||||
}
|
|
||||||
.Select-placeholder {
|
|
||||||
font-family: 'Mulish', sans-serif;
|
|
||||||
font-size: 2vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Select-clear {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Верхняя панель */
|
|
||||||
.panel {
|
|
||||||
background-color: #161819;
|
|
||||||
margin: -8px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
padding: 10px;
|
|
||||||
width: 4vh;0
|
|
||||||
}
|
|
||||||
.git_logo {
|
|
||||||
width: 3.2vh;
|
|
||||||
}
|
|
||||||
.soc_logo {
|
|
||||||
width: 3.2vh;
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.react_vol_out {
|
|
||||||
padding-top: 10vh;
|
|
||||||
width: 80vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.react_vol {
|
|
||||||
display: flex;
|
|
||||||
flexDirection: row;
|
|
||||||
}
|
|
||||||
.vol {
|
|
||||||
flex: 1;
|
|
||||||
padding-left: 25px;
|
|
||||||
min-width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Иконка + текст слева в панели */
|
|
||||||
.img_text_panel {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Кнопки социалок */
|
|
||||||
.soc_buttons {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Div для социалок */
|
|
||||||
.socials {
|
|
||||||
background-color: #2e4ebf;
|
|
||||||
border-radius: 15px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
padding-left: 1%;
|
|
||||||
padding-right: 4%;
|
|
||||||
align-items: center;
|
|
||||||
/* height: 60%; */
|
|
||||||
height: 4vh;
|
|
||||||
max-height: 35px;
|
|
||||||
}
|
|
||||||
/* Текст социалок */
|
|
||||||
.soc_text {
|
|
||||||
color: white;
|
|
||||||
padding-left: 8%;
|
|
||||||
font-size: 1.6vh;
|
|
||||||
font-family: 'Mulish', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.empty_box {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Отключить декорацию всего (сделано для убирания подчёркивания ссылок) */
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Действия при разрешении телефона */
|
|
||||||
@media (max-width: 900px) {
|
|
||||||
|
|
||||||
.empty_box {
|
|
||||||
flex: 0;
|
|
||||||
}
|
|
||||||
.soc_buttons {
|
|
||||||
justify-content: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
/* Сверхузкие телефоны */
|
|
||||||
@media (max-width: 400px) {
|
|
||||||
.react_vol {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.vol {
|
|
||||||
padding-top: 8px;
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
@ -1 +1 @@
|
|||||||
|
flask
|
||||||
@ -0,0 +1,76 @@
|
|||||||
|
<mxfile host="app.diagrams.net" modified="2024-04-29T13:47:17.196Z" agent="Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/115.0" etag="XnVek72uMfAQe9lHc6O7" version="24.2.8" type="device">
|
||||||
|
<diagram name="Page-1" id="jgGGHY6DT18EdGNQ9F9V">
|
||||||
|
<mxGraphModel dx="600" dy="322" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
|
||||||
|
<root>
|
||||||
|
<mxCell id="0" />
|
||||||
|
<mxCell id="1" parent="0" />
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-5" value="" style="group" vertex="1" connectable="0" parent="1">
|
||||||
|
<mxGeometry x="307.5" y="330" width="245" height="110" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-1" value="<div>Рецепты: parse_yml(url)</div>" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-5">
|
||||||
|
<mxGeometry x="10" width="220" height="20" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-2" value="<div>[ {'type': 'reaction', 'id': 'Dylovene', 'reactants': {'Silicon': {'amount': 1}, 'Nitrogen': {'amount': 1}, 'Potassium': {'amount': 1}}, 'products': {'Dylovene': 3}}, ...]</div>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-5">
|
||||||
|
<mxGeometry y="20" width="245" height="90" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-10" value="" style="group" vertex="1" connectable="0" parent="1">
|
||||||
|
<mxGeometry x="345.5" y="495" width="170" height="70" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-8" value="load_recipe(recipes)" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-10">
|
||||||
|
<mxGeometry x="20" width="130" height="20" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-9" value="{"Dylovene": reag__.*, ...}" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-10">
|
||||||
|
<mxGeometry y="20" width="170" height="50" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-11" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-2" target="18loy90T9bJApvsHHXn6-8">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-15" value="<div align="left">reag__(<br>category = 'medicine', comps = {'silicon': 1, 'nitrogen': 1, 'potassium': 1}, <br>out = 3<br>)</div>" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;align=left;" vertex="1" parent="1">
|
||||||
|
<mxGeometry x="128" y="490" width="180" height="100" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-9" target="18loy90T9bJApvsHHXn6-15">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-18" target="18loy90T9bJApvsHHXn6-19">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-19" value="<div align="left">reag__(<br>category = 'medicine', comps = {'кремний': 1, 'азот': 1, 'калий': 1}, <br>out = 3<br>)</div>" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;align=left;" vertex="1" parent="1">
|
||||||
|
<mxGeometry x="128" y="620" width="180" height="100" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-21" value="" style="group" vertex="1" connectable="0" parent="1">
|
||||||
|
<mxGeometry x="340.5" y="625" width="180" height="70" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-17" value="<span class="HwtZe" lang="en"><span class="jCAhz ChMk0b"><span class="ryNqvb">localize</span></span></span>(recipes)" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-21">
|
||||||
|
<mxGeometry x="17" width="147" height="20" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-18" value="{"Диловен": reag__.*, ...}" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-21">
|
||||||
|
<mxGeometry y="20" width="180" height="50" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-22" value="" style="group" vertex="1" connectable="0" parent="1">
|
||||||
|
<mxGeometry x="560.495" y="495" width="161.875" height="70" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-3" value="{'dylovene': 'диловен', ...}" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-22">
|
||||||
|
<mxGeometry y="20" width="161.875" height="50" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-4" value="Локализация: parse_ftl(url)" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="18loy90T9bJApvsHHXn6-22">
|
||||||
|
<mxGeometry x="4.375" width="148.75" height="20" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-23" value="{'dylovene': 'диловен', ...}" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" vertex="1" parent="1">
|
||||||
|
<mxGeometry x="576.43" y="647.5" width="130" height="45" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-24" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-3" target="18loy90T9bJApvsHHXn6-23">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-25" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-18" target="18loy90T9bJApvsHHXn6-23">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="18loy90T9bJApvsHHXn6-9" target="18loy90T9bJApvsHHXn6-17">
|
||||||
|
<mxGeometry relative="1" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
<mxCell id="18loy90T9bJApvsHHXn6-28" value="parse.py" style="swimlane;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||||
|
<mxGeometry x="92.37" y="290" width="647.63" height="450" as="geometry" />
|
||||||
|
</mxCell>
|
||||||
|
</root>
|
||||||
|
</mxGraphModel>
|
||||||
|
</diagram>
|
||||||
|
</mxfile>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
from flask import Flask, render_template
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
@app.route("/")
|
||||||
|
def main():
|
||||||
|
return render_template("index.html")
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
app.run(debug=False, port = 5001)
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="ru" data-bs-theme="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>SS14Tools</title>
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<style>
|
||||||
|
.mx-10 {
|
||||||
|
margin-left: 10rem;
|
||||||
|
margin-right: 10rem;
|
||||||
|
}
|
||||||
|
.gxr-- {
|
||||||
|
margin-right: 18rem;
|
||||||
|
}
|
||||||
|
.gxl-- {
|
||||||
|
margin-left: 18rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<nav class="navbar bg-body-tertiary">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand" href="#"><i class="bi bi-tools"></i> SS14Tools</a>
|
||||||
|
<div class="btn-group" role="group" aria-label="Простой пример">
|
||||||
|
<button type="button" class="btn btn-primary"><i class="bi bi-discord"></i></button>
|
||||||
|
<button type="button" class="btn btn-primary"><i class="bi bi-telegram"></i></button>
|
||||||
|
<button type="button" class="btn btn-primary"><i class="bi bi-github"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<center>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col p-5 gxl--">
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" py-5>
|
||||||
|
<span class="mx-10">Реакция</span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" href="#">Пример 1</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Пример 2</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Пример 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col p-5 gxr--">
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
Сколько?
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" href="#">30</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">50</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">100</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">300</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">1000</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</center>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue