danamir/kotyaFlask
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: danamir:6f721b18d76540c887dfcc6d90da8718d3c4bbc6
Branches Tags
danamir:master
..
compare: danamir:93a682754dad937c291d85e610ef5d59967e9ba6
Branches Tags
danamir:master

5 Commits
6f721b18d7 ... 93a682754d

Author SHA1 Message Date
danamir
93a682754d bug fix 2020-05-10 21:07:18 +03:00
danamir
869463d68b bugfix 2020-05-10 20:00:36 +03:00
danamir
b83056a22d no page fix bugs 2020-05-10 19:57:08 +03:00
danamir
e3a710897f buttons redesign 2020-05-10 19:38:22 +03:00
danamir
2ddf7d0b56 yespage bugfix 2020-05-10 19:25:36 +03:00
7 changed files with 54 additions and 57 deletions
Expand all files Collapse all files

4
app.py
View File

@@ -22,10 +22,6 @@ def nopressed():
return render_template('nopage.html') return render_template('nopage.html')
@app.route('test', methods=['GET', 'POST'])
def t():
return render_template('/test/t1.html')
if __name__ == '__main__': if __name__ == '__main__':
app.jinja_env.auto_reload = True app.jinja_env.auto_reload = True
app.run(debug=False, host='0.0.0.0') app.run(debug=False, host='0.0.0.0')

6
static/css/index.css
View File

@@ -31,6 +31,7 @@ body{
border: 2px; border: 2px;
border-radius: 24px; border-radius: 24px;
font-size: 25px; font-size: 25px;
text-transform: uppercase;
color:#faf3dd; color:#faf3dd;
cursor:pointer; cursor:pointer;
@@ -44,6 +45,7 @@ body{
border: 2px; border: 2px;
border-radius: 24px; border-radius: 24px;
font-size: 25px; font-size: 25px;
text-transform: uppercase;
color:#faf3dd; color:#faf3dd;
cursor:pointer; cursor:pointer;
@@ -51,13 +53,13 @@ body{
.kotya #yesbtn:hover{ .kotya #yesbtn:hover{
background:#90ddf0; background:#90ddf0;
border: 2px solid #4ce0b3; border: 2px solid #faf3dd;
color:#2b3a67; color:#2b3a67;
} }
.kotya #nobtn:hover{ .kotya #nobtn:hover{
background:#90ddf0; background:#90ddf0;
border: 2px solid #4ce0b3; border: 2px solid #faf3dd;;
color:#2b3a67; color:#2b3a67;
} }

47
static/css/nopage.css
View File

@@ -1,25 +1,21 @@
body, html{ body{
background: url(../img/noback.jpg); background: url(../img/noback.jpg);
font-family: sans-serif; margin: 0;
line-height: 1.15; padding: 0;
-webkit-text-size-adjust: 100%; background-position: center;
-ms-text-size-adjust: 100%; background-repeat: no-repeat;
-ms-overflow-style: scrollbar; background-size: cover;
-webkit-tap-highlight-color: transparent; height: 100vh;
} }
.container-fluid{
.h1, h1 { padding-right: 0;
font-size: 30pt; padding-left: 0;
color: #cc0000; margin-right: auto;
font-family: 'Pattaya', sans-serif; margin-left: auto;
text-align: center; text-align: center;
} vertical-align: middle;
margin-top: 10vh;
container-fluid{
min-width: 500px;
} }
div.row{ div.row{
@@ -34,7 +30,6 @@ div.row h1{
font-size: 50pt; font-size: 50pt;
text-align: center; text-align: center;
border-radius: 100px; border-radius: 100px;
margin-top: 5vh;
} }
@@ -49,12 +44,22 @@ img{
background-color: #fe5f55; background-color: #fe5f55;
text-transform: uppercase; text-transform: uppercase;
border: #fe5f55; border: #fe5f55;
width: 200px;
height: 50px;
font-size: 25px;
border-radius: 24px;
}
#backbtn:hover{
background:#90ddf0;
border: 2px solid #faf3dd;;
color:#2b3a67;
} }
/* Small devices (landscape phones, 576px and up) */ /* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { @media (max-width: 576px) {
.img{ img{
max-width: 700px; width: 200px;
height: auto; height: auto;
margin-top: 2vh; margin-top: 2vh;
} }

16
static/css/yespage.css
View File

@@ -1,7 +1,7 @@
body{ body{
background: url(../img/yesback.jpg);
margin: 0; margin: 0;
padding: 0; padding: 0;
background: url(../img/yesback.jpg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@@ -55,11 +55,17 @@ img{
background-color: #fe5f55; background-color: #fe5f55;
text-transform: uppercase; text-transform: uppercase;
border: #fe5f55; border: #fe5f55;
} width: 200px;
#mainpage{ height: 50px;
vertical-align: middle; font-size: 25px;
border-radius: 24px;
} }
#backbtn:hover{
background:#90ddf0;
border: 2px solid #faf3dd;;
color:#2b3a67;
}
/*Small devices (landscape phones, 576px and up) */ /*Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { @media (max-width: 576px) {
@@ -70,10 +76,12 @@ img{
div.row h1{ div.row h1{
font-size: 20pt; font-size: 20pt;
margin-top: 10px;
} }
div.row h2{ div.row h2{
font-size: 10pt; font-size: 10pt;
margin-top: 10px;
} }
container-fluid{ container-fluid{

4
templates/index.html
View File

@@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ru"> <html lang="ru">
<head> <head>
<title>Ты котя?</title> <title>Ты котя?</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='css/index.css')}}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css')}}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
{% include 'bootstrap.html' %} {% include 'bootstrap.html' %}
</head> </head>
<body> <body>

2
templates/nopage.html
View File

@@ -5,8 +5,8 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/nopage.css')}}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/nopage.css')}}">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
{%include 'bootstrap.html'%} {%include 'bootstrap.html'%}
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Жаль</title> <title>Жаль</title>
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">

16
templates/yespage.html
View File

@@ -1,41 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ru"> <html lang="ru">
<head> <head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/yespage.css')}}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/yespage.css')}}">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
{%include 'bootstrap.html'%} {%include 'bootstrap.html'%}
<title>Да, ты Котя</title> <title>Да, ты Котя</title>
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<img src="{{url_for('static', filename='img/love2.jpg')}}"> <img src="{{url_for('static', filename='img/love2.jpg')}}">
</div></div>
</div> </div>
<div class="row "> <div class="row ">
<h1>ТЬМООООООК</h1> <h1>ТЬМООООООК</h1>
</div></div>
</div> </div>
<div class="row "> <div class="row ">
<h2>Мы вместе {{days}} дней </h> <h2>Мы вместе {{days}} дней </h>
</div></div>
</div> </div>
<div class="row"> <div class="row">
<button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button> <button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button>
</div> </div>
</div></div>
</div> </div>
</body> </body>
</html> </html>