randon picto added to bg

app.py

@@ -2,6 +2,7 @@ from flask import Flask
 from flask import render_template, request
 from flask_flatpages import FlatPages
 import markdown2, os
+import random
 
 app = Flask(__name__)
 application = app 
@@ -38,15 +39,16 @@ def imagelist(articlename):
 
 @app.route('/')
 def index():
-    infobox = pages.get('info-box')
+    pictoPath = os.listdir('./static/img/shape/') 
+    pictoR = random.choice(pictoPath)
+    print(pictoR)
     page = pages.get_or_404('home')
-    return render_template('home.html' , page=page , infobox=infobox )
+    return render_template('home.html' , page=page , picto=pictoR)
 
 @app.route('/home/') 
 def home():
-    infobox = pages.get('info-box')
     page = pages.get_or_404('home')
-    return render_template('home.html' , page=page , infobox=infobox )
+    return render_template('home.html' , page=page )
 
 @app.route('/<path:path>/')
 def pageStat(path): 

static/js/script.js

@@ -14,11 +14,11 @@ $(document).ready(function(){
     function getRndInteger(min, max) {
          return Math.floor(Math.random() * (max - min + 1) ) + min;
     }
-    
+    var vw = $(window).width(); 
-    var sun_x = getRndInteger(0, 850);
+    var sun_x = getRndInteger(0, vw - 100);
     var sun_y = getRndInteger(0, 550);
-    var shape_x = getRndInteger(-1500, 200);
+    var shape_x = getRndInteger(-1500, vw - 200);
-    var shape_y = getRndInteger(0, 500);
+    var shape_y = getRndInteger(0, 200);
 
 
     $('.picto_sun').css({top:sun_y , left:sun_x,});

templates/base.html

@@ -26,7 +26,7 @@
         </div>
     
         <div class="picto_shape">
-              <img src="{{ url_for('static', filename='img/shape/picto_pe_10.svg')}}" alt="" />
+              <img src="./static/img/shape/{{picto}}" alt="" />
         </div>
 
         {% block content %}