From 685b28298bc5131dfd59bd916c331df4e9ac267b Mon Sep 17 00:00:00 2001
From: Agath21 <agathe.adam@jdev.fr>
Date: Mon, 20 Jan 2025 15:35:25 +0100
Subject: [PATCH] Fix default style for splash #30

---
 css/storymap.css | 2 +-
 index.html       | 4 ++--
 js/storymap.js   | 5 +----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/css/storymap.css b/css/storymap.css
index cf7c204..ec44bcb 100644
--- a/css/storymap.css
+++ b/css/storymap.css
@@ -44,7 +44,7 @@ body {
 	position: fixed;
 	z-index: 50;
 	width: 100%;
-	color: #ffffff;
+	background-color: #fffffff5;
 	height: 100%;
 	top: 0px;
 	left: 0px;
diff --git a/index.html b/index.html
index af92304..9670c3e 100755
--- a/index.html
+++ b/index.html
@@ -49,8 +49,8 @@ <h3></h3>
     <div id="feature-info" class="" data-bs-toggle="tooltip" title=""></div>    
     <div id="template" ></div>     
     <div  id="splash" style="display: none;"> 
-        <div class="story-btn story-btn-next" style="opacity: 1;">
-            <a class="btn btn-default" onclick="$('#splash').fadeOut();$('#content-title').show();">> </a>
+        <div class="story-btn story-btn-next container px-5" style="opacity: 1;">
+            <a class="btn btn-dark" onclick="$('#splash').fadeOut();$('#content-title').show();">Accéder</a>
         </div>
     </div>
     <!-- Modal -->
diff --git a/js/storymap.js b/js/storymap.js
index 7e3fee0..d76586b 100755
--- a/js/storymap.js
+++ b/js/storymap.js
@@ -135,11 +135,8 @@ ks = (function() {
         document.getElementById("block__IframeUrl").innerText = urlIframe;
         //splash config
         if (options.splash && !options.splash.iframe) {            
-            $("#splash").prepend('<div class="col-md-4 col-md-offset-4"><h1></h1><p></p>');
-            $("#splash").css('background-color','rgba(12, 12, 12, .9)');
+            $("#splash").prepend('<div class="container p-5"><h1>'+ options.splash.title +'</h1><h5>'+ options.splash.text +'</h5>');
             $("#splash").show();
-            $("#splash h1").text(options.splash.title);
-            $("#splash p").text(options.splash.text);
         } else if (options.splash && options.splash.iframe) {
             $("#splash .story-btn-next").remove();
             $("#splash").prepend('<iframe src="'+options.splash.iframe+'" style="height:100%;border:none;width:100%;" scrolling="no"></iframe>');