ThomasSimonini HF staff commited on
Commit
3e857f6
β€’
1 Parent(s): 469858b
Files changed (1) hide show
  1. index.html +33 -0
index.html CHANGED
@@ -7,8 +7,34 @@
7
  <title>Jammot</title>
8
  <link rel="shortcut icon" href="TemplateData/favicon.ico">
9
  <link rel="stylesheet" href="TemplateData/style.css">
 
 
10
  </head>
11
  <body class="dark">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  <div id="unity-container" class="unity-desktop">
13
  <canvas id="unity-canvas"></canvas>
14
  </div>
@@ -88,5 +114,12 @@
88
  };
89
  document.body.appendChild(script);
90
  </script>
 
 
 
 
 
 
 
91
  </body>
92
  </html>
 
7
  <title>Jammot</title>
8
  <link rel="shortcut icon" href="TemplateData/favicon.ico">
9
  <link rel="stylesheet" href="TemplateData/style.css">
10
+ <!-- Bootstrap CSS -->
11
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
12
  </head>
13
  <body class="dark">
14
+ <!-- Modal -->
15
+ <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
16
+ <div class="modal-dialog" role="document">
17
+ <div class="modal-content">
18
+ <div class="modal-header">
19
+ <img class="modal-title" id="exampleModalLabel" src="./TemplateData/logo.png" alt="logo" style="max-height:200px" class="img-fluid"/>
20
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
21
+ <span aria-hidden="true">&times;</span>
22
+ </button>
23
+ </div>
24
+ <div class="modal-body">
25
+ <h3> What is Smart Robot πŸ€– ? </h3>
26
+ <p> Smart Robot is a game where a robot that can <b>understand player orders and perform them</b>. </p>
27
+
28
+ <p>If you like the game, don't forget to click on the like πŸ’– button.</p>
29
+ <p> Do you want to learn how to build your own robot game using AI πŸ€–? Check this tutorial </p>
30
+ πŸ‘‰ <a href="" target="_blank">Start here</a> </p>
31
+ </div>
32
+ <div class="modal-footer">
33
+ <button type="button" class="btn btn-success" data-dismiss="modal">Let me play!</button>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ </div>
38
  <div id="unity-container" class="unity-desktop">
39
  <canvas id="unity-canvas"></canvas>
40
  </div>
 
114
  };
115
  document.body.appendChild(script);
116
  </script>
117
+ <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
118
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
119
+ <script>
120
+ $(document).ready(function(){
121
+ $("#infoModal").modal('show');
122
+ });
123
+ </script>
124
  </body>
125
  </html>