Spaces:
Running
Running
Commit
•
3e857f6
1
Parent(s):
469858b
Add modal
Browse files- 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">×</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>
|