From d9574ce36f758c701abe3b08ecf3351c11606eef Mon Sep 17 00:00:00 2001
From: danamir <danamir522@gmail.com>
Date: Sun, 10 May 2020 05:37:45 +0300
Subject: [PATCH] 123

---
 app.py                 |  2 +-
 static/css/index.css   | 50 ++++++++++++++++++++++++++++++
 static/css/nopage.css  | 47 ++++++++++++++++++++++++++++
 static/css/yespage.css | 69 ++++++++++++++++++++++++++++++++++++++++++
 templates/yespage.html | 26 +++++++++-------
 5 files changed, 182 insertions(+), 12 deletions(-)

diff --git a/app.py b/app.py
index 8821c64..5b25d98 100644
--- a/app.py
+++ b/app.py
@@ -23,4 +23,4 @@ def nopressed():
 
 if __name__ == '__main__':
 	app.jinja_env.auto_reload = True
-	app.run(debug=True, host='0.0.0.0')	
\ No newline at end of file
+	app.run(debug=False, host='0.0.0.0')	
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
index 8c189a2..98add01 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -60,3 +60,53 @@ body{
 	border: 2px solid #4ce0b3;
 	color:#2b3a67;
 }
+
+/* Small devices (landscape phones, 576px and up) */
+@media (max-width: 576px) {  
+	img{
+		max-width: 200px;
+		height: auto;
+		margin-top: 2vh;
+	}
+
+	div.row h1{
+		font-size: 20pt;
+	}
+
+	div.row h2{
+		font-size: 10pt;
+	}
+
+	container-fluid{
+		min-width: 500px;
+		vertical-align: middle;
+	}
+
+}
+ 
+/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
+@media (max-width: 768px) {  
+ 
+}
+ 
+/* Large devices (desktops, 992px and up) */
+@media (max-width: 992px) { 
+ 
+}
+ 
+/* Extra large devices (large desktops, 1200px and up) */
+@media (max-width: 1200px) {  
+    
+}
+ 
+ 
+ 
+/*
+::::::::::::::::::::::::::::::::::::::::::::::::::::
+Custom media queries
+*/
+ 
+/* Set width to make card deck cards 100% width */
+@media (max-width: 950px) { 
+ 
+}
\ No newline at end of file
diff --git a/static/css/nopage.css b/static/css/nopage.css
index 4fe12f7..4bec9a5 100644
--- a/static/css/nopage.css
+++ b/static/css/nopage.css
@@ -50,3 +50,50 @@ img{
 	text-transform: uppercase;
 	border: #fe5f55;
 }
+
+/* Small devices (landscape phones, 576px and up) */
+@media (max-width: 576px) {  
+	.img{
+		max-width: 700px;
+		height: auto;
+		margin-top: 2vh;
+	}
+
+	div.row h1{
+		font-size: 20pt;
+	}
+
+	div.row h2{
+		font-size: 10pt;
+	}
+
+
+
+}
+ 
+/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
+@media (max-width: 768px) {  
+ 
+}
+ 
+/* Large devices (desktops, 992px and up) */
+@media (max-width: 992px) { 
+ 
+}
+ 
+/* Extra large devices (large desktops, 1200px and up) */
+@media (max-width: 1200px) {  
+    
+}
+ 
+ 
+ 
+/*
+::::::::::::::::::::::::::::::::::::::::::::::::::::
+Custom media queries
+*/
+ 
+/* Set width to make card deck cards 100% width */
+@media (max-width: 950px) { 
+ 
+}
\ No newline at end of file
diff --git a/static/css/yespage.css b/static/css/yespage.css
index 3c2b3cf..aac29e3 100644
--- a/static/css/yespage.css
+++ b/static/css/yespage.css
@@ -48,3 +48,72 @@ img{
 	text-transform: uppercase;
 	border: #fe5f55;
 }
+
+
+.container{
+    padding-right: 0;
+    padding-left: 0;
+    margin-right: auto;
+    margin-left: auto;
+    text-align: center;
+}
+
+
+/* Small devices (landscape phones, 576px and up) */
+@media (max-width: 576px) {  
+	img{
+		max-width: 200px;
+		height: auto;
+		margin-top: 2vh;
+	}
+
+	div.row h1{
+		font-size: 20pt;
+	}
+
+	div.row h2{
+		font-size: 10pt;
+	}
+
+	container-fluid{
+		min-width: 500px;
+		vertical-align: middle;
+	}
+
+	.container{
+		padding-right: 0;
+		padding-left: 0;
+		margin-right: auto;
+		margin-left: auto;
+		text-align: center;
+	}
+	
+
+}
+ 
+/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
+@media (max-width: 768px) {  
+ 
+}
+ 
+/* Large devices (desktops, 992px and up) */
+@media (max-width: 992px) { 
+ 
+}
+ 
+/* Extra large devices (large desktops, 1200px and up) */
+@media (max-width: 1200px) {  
+    
+}
+ 
+ 
+ 
+/*
+::::::::::::::::::::::::::::::::::::::::::::::::::::
+Custom media queries
+*/
+ 
+/* Set width to make card deck cards 100% width */
+@media (max-width: 950px) { 
+ 
+}
\ No newline at end of file
diff --git a/templates/yespage.html b/templates/yespage.html
index 1d6de5b..9416c6e 100644
--- a/templates/yespage.html
+++ b/templates/yespage.html
@@ -11,17 +11,21 @@
 </head>
 <body>
 	<div class="container-fluid">
-		<div class="row">
-			<img  src="{{url_for('static', filename='img/love2.jpg')}}">
-		</div> 
-		<div class="row">
-				<h1>ТЬМООООООК</h1>
-		</div>
-		<div class="row">
-			<h2>Мы вместе {{days}} дней </h>	
-		</div>
-		<div class="row">
-			<button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button>	
+		<div class="container">
+
+		
+			<div class="row">
+				<img  src="{{url_for('static', filename='img/love2.jpg')}}">
+			</div> 
+			<div class="row">
+					<h1>ТЬМООООООК</h1>
+			</div>
+			<div class="row">
+				<h2>Мы вместе {{days}} дней </h>	
+			</div>
+			<div class="row">
+				<button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button>	
+			</div>
 		</div>
 	</div>
 </body>