add random images slayd on index page

RustamovAkrom · Oct 28, 2024 · 064114a · 064114a
1 parent 1e26ce4
commit 064114a
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 2 deletions.
diff --git a/app/routes/site.py b/app/routes/site.py
@@ -1,3 +1,5 @@
+import random
+
 from flask import Blueprint, render_template, abort, send_from_directory, flash, request
 from flask_mail import Message
 from app.models import Resume, About, Skill, Service, Project, Category, Contact
@@ -27,7 +29,8 @@ def index():
         # "template_title": "Rustamov Akrom",
         "template_body_class_name": "index",
         "resume": resume_data,
-        "about_avatar_url": about_avatar_url.avatar
+        "about_avatar_url": about_avatar_url.avatar,
+        "baground_image": f"{random.randint(1, 3)}.jpg"
     }
     return context
 

diff --git a/app/static/assets/img/bg_images/1.jpg b/app/static/assets/img/bg_images/1.jpg
diff --git a/app/static/assets/img/bg_images/2.jpg b/app/static/assets/img/bg_images/2.jpg
diff --git a/app/static/assets/img/bg_images/3.jpg b/app/static/assets/img/bg_images/3.jpg
diff --git a/app/templates/site/index.html b/app/templates/site/index.html
@@ -18,7 +18,7 @@
 
 <!-- Hero Section -->
 <section id="hero" class="hero section dark-background">
-  <img src="{{ url_for('static', filename='assets/img/index-bg.jpg') }}" alt="Background Image" data-aos="fade-in" class="img-fluid">
+  <img src="{{ url_for('static', filename='assets/img/bg_images/' + baground_image ) }}" alt="Background Image" data-aos="fade-in" class="img-fluid">
 
   <div class="container d-flex align-items-center" data-aos="zoom-out" data-aos-delay="100">
     <div class="col-md-6">