Fix default style for splash mviewer#30

jdev-org · Jan 20, 2025 · 685b282 · 685b282
1 parent ab88c0f
commit 685b282
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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>');