new background

alkatorapi/views.py

@@ -8,7 +8,7 @@ from .models import User
 
 @csrf_exempt
 def register(request):
-    if date.today() >= date(2024, 4, 21):
+    if date.today() >= date(2024, 5, 4):
         return HttpResponse('{"reason":"Too late!"}', status=400, content_type='application/json')
     if not request.POST.get('agreement'):
         return HttpResponse('{"reason":"Je potřeba souhlasit se zpracováním údajů!"}', status=400, content_type='application/json')

frontend/src/scripts/index.js

@@ -56,7 +56,7 @@ class Main extends Component {
             <h1 class="col val">
                 <b>KDY?</b>
                 <br />
-                21.4.2024
+                4.5.2024
             </h1>
             <div class="col"></div>
             <h1 class="col val">
@@ -72,7 +72,7 @@ class Main extends Component {
             </h1>
         </div>
     </div>
-    <div class="container">
+    <div class="container text">
         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Aliquam erat volutpat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
     </div>
     <form class="container" onSubmit={(e) => this.onSubmit(e)}>

frontend/src/styles/index.scss

@@ -1,13 +1,29 @@
 @import "../../node_modules/bootstrap/scss/bootstrap";
 
-.logo{
-  width: 100%;
-  height: auto;
+body {
+  background: url("/public/bg.jpg") repeat-x, rgb(239, 176, 13);
 }
 
-.info{
-  margin-top: 30px;
-  margin-bottom: 30px;
+.logo{
+  width: calc(100% - 20px);
+  background:rgba(255,255,255,0.4);
+  padding: 10px;
+  margin: 10px;
+  border-radius: 40px;
+  height: auto;
+}
+.val{
+  margin:10px;
+  background:rgba(255,255,255,0.7);
+  padding: 10px;
+  border-radius: 10px;
+}
+
+.text>p{
+  margin: 10px 0;
+  background:rgba(255,255,255,0.7);
+  padding: 10px;
+  border-radius: 10px;
 }
 
 .video{