donate

server/main.py

@@ -129,6 +129,10 @@ class BaseController(Controller):
     @get("/contacts")
     async def contacts(self) -> Template:
         return Template(name="contacts.html")
+    
+    @get("/donate")
+    async def contacts(self) -> Template:
+        return Template(name="donate.html")
 
     @get("/sitemap.xml", media_type=MediaType.XML)
     async def sitemaps(self) -> bytes:

server/static/scripts.js

@@ -12,6 +12,7 @@ async function SavePhoto(self) {
     let json = await response.json();
     let text = "<h3 class='image-results'>Результаты</h3>";
     let uniqChecker = {};
+    document.getElementById("donate").style.display = "block";
     for (let key in json.results) {
       text += "<div class='image-block'><div class='image-text'>" + json.results[key] + " (вероятность: " +  Math.round(parseFloat(key)*100) + "%)</div>";
       for (let imgKey in json.images) {

server/static/styles.css

@@ -118,4 +118,8 @@ input[type="submit"] {
   input[type="text"]:hover {
     margin: 8px 0;
   }
-  
+  
+  #donate {
+    padding: 5px;
+    color: rgb(112, 47, 244);
+  }

server/templates/base.html

@@ -32,13 +32,13 @@
         <ul>
           <li><a href = "/">Собаки</a></li>
           <li><a href = "/cats">Кошки</a></li>
-          <li><a href = "/contacts">Контакты</a></li>
+          <li><a href = "/donate">Пожертвовать приюту</a></li>
         </ul>
       </div>
       {% block content %}{% endblock %}
       {% block form %}{% endblock %}
     </body>
   </section>
-  <script src="static/scripts.js?v=1"></script>
+  <script src="static/scripts.js?v=2"></script>
 
 </html>

server/templates/cats.html

@@ -20,6 +20,7 @@
       <div id="upload-image-text"></div>
       <img id="image" style="max-width: 200px;"/>
   </div>
+  <div id="donate" style="display:none">Если вам все понравилось вы можете <a href="/donate" target="_blank">помочь</a> приюту</div>
   <div id="result"></div>
 </div>
 {% endblock %}

server/templates/dogs.html

@@ -20,6 +20,8 @@
       <div id="upload-image-text"></div>
       <img id="image" style="max-width: 200px;"/>
   </div>
+
+  <div id="donate" style="display:none">Если вам все понравилось вы можете <a href="/donate" target="_blank">помочь</a> приюту</div>
   <div id="result"></div>
 </div>
 {% endblock %}

server/templates/donate.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block meta %}
+<meta name="description" content="Пожертвовать средства для собачего приюта." />
+{% endblock %}
+{% block title %}Контакты. Определение породы собаки или кошки по фото{% endblock %}
+{% block content %}
+<h1>Пожертвовать средства для приюта</h1>
+<p>Если есть душевный позыв, вы можете пожертвовать любую сумму, чтобы помочь собачему питомнику. Ежемесячные отчеты о переводе средств будут публиковаться в <a href="https://vk.com/dogs_beers?from=groups" target="_blank">группе</a>.
+Помните, что любая сумма может помочь. Все переводы анонимны. Возможно, ваш перевод спасет животного.</p>
+<iframe src="https://yoomoney.ru/quickpay/fundraise/button?billNumber=19SUPKETN2A.250427&" width="330" height="50" frameborder="0" allowtransparency="true" scrolling="no"></iframe>​
+{% endblock %}
+
+