Spaces:
Running
Running
Add overlay
Browse files- index.html +31 -0
index.html
CHANGED
|
@@ -7,8 +7,32 @@
|
|
| 7 |
<title>SaySomething (2D)</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 +112,12 @@
|
|
| 88 |
};
|
| 89 |
document.body.appendChild(script);
|
| 90 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 91 |
</body>
|
| 92 |
</html>
|
|
|
|
| 7 |
<title>SaySomething (2D)</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 |
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
| 20 |
+
<span aria-hidden="true">×</span>
|
| 21 |
+
</button>
|
| 22 |
+
</div>
|
| 23 |
+
<div class="modal-body">
|
| 24 |
+
<h3> What is Say Something 😲 ? </h3>
|
| 25 |
+
<p> Say Something is a game where an <b>AI asks you to write something either nice, mean or informative/interesting.</b> </p>
|
| 26 |
+
|
| 27 |
+
<p>If you like the game, don't forget to click on the like 💖 button.</p>
|
| 28 |
+
<p> Do you want to learn how to build your own version of the game 🤖? Check 👉 <a href="https://thomassimonini.substack.com/p/creating-an-engaging-ai-powered-game?r=dq5fg&utm_campaign=post&utm_medium=web" target="_blank"> this tutorial</a> </p>
|
| 29 |
+
</div>
|
| 30 |
+
<div class="modal-footer">
|
| 31 |
+
<button type="button" class="btn btn-success" data-dismiss="modal">Let me play!</button>
|
| 32 |
+
</div>
|
| 33 |
+
</div>
|
| 34 |
+
</div>
|
| 35 |
+
</div>
|
| 36 |
<div id="unity-container" class="unity-desktop">
|
| 37 |
<canvas id="unity-canvas"></canvas>
|
| 38 |
</div>
|
|
|
|
| 112 |
};
|
| 113 |
document.body.appendChild(script);
|
| 114 |
</script>
|
| 115 |
+
<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>
|
| 116 |
+
<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>
|
| 117 |
+
<script>
|
| 118 |
+
$(document).ready(function(){
|
| 119 |
+
$("#infoModal").modal('show');
|
| 120 |
+
});
|
| 121 |
+
</script>
|
| 122 |
</body>
|
| 123 |
</html>
|