Spaces:
Running
Running
Commit
•
4fb3f28
1
Parent(s):
10225da
Add modal information
Browse files- index.html +48 -0
index.html
CHANGED
|
@@ -7,8 +7,49 @@
|
|
| 7 |
<title>Huggy</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 +129,12 @@
|
|
| 88 |
};
|
| 89 |
document.body.appendChild(script);
|
| 90 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 91 |
</body>
|
| 92 |
</html>
|
|
|
|
| 7 |
<title>Huggy</title>
|
| 8 |
<link rel="shortcut icon" href="TemplateData/favicon.ico">
|
| 9 |
<link rel="stylesheet" href="TemplateData/style.css">
|
| 10 |
+
<style>
|
| 11 |
+
div#discordButton button{
|
| 12 |
+
position: absolute;
|
| 13 |
+
left: 0px;
|
| 14 |
+
}
|
| 15 |
+
</style>
|
| 16 |
+
|
| 17 |
+
<!-- Bootstrap CSS -->
|
| 18 |
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
| 19 |
</head>
|
| 20 |
<body class="dark">
|
| 21 |
+
<!-- Modal -->
|
| 22 |
+
<div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
| 23 |
+
<div class="modal-dialog" role="document">
|
| 24 |
+
<div class="modal-content">
|
| 25 |
+
<div class="modal-header">
|
| 26 |
+
<img class="modal-title" id="exampleModalLabel" src="./TemplateData/logo.png" alt="logo" style="max-height:200px" class="img-fluid"/>
|
| 27 |
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
| 28 |
+
<span aria-hidden="true">×</span>
|
| 29 |
+
</button>
|
| 30 |
+
</div>
|
| 31 |
+
<div class="modal-body">
|
| 32 |
+
<h3> What is Huggy 🐶? </h3>
|
| 33 |
+
<p> Huggy is a dog that <b>learned how to catch the stick with deep reinforcement learning</b> - throw the stick to see how he has learned!</p>
|
| 34 |
+
<p> If you like the game, don't forget to click on the like 💖 button.</p>
|
| 35 |
+
<p> Do you want to learn more about Deep RL? 🤖
|
| 36 |
+
We launched a <b>free class from beginner to expert!</b>
|
| 37 |
+
👉 <a href="https://bit.ly/3RFUKiW">Start here</a> </p>
|
| 38 |
+
</div>
|
| 39 |
+
<div class="modal-footer">
|
| 40 |
+
<button type="button" class="btn btn-success" data-dismiss="modal">Let me play!</button>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
</div>
|
| 44 |
+
</div>
|
| 45 |
+
<div id="discordButton">
|
| 46 |
+
<a href="https://discord.gg/6EbMcWJHdb">
|
| 47 |
+
<button class="btn btn-primary"> Join our Discord </button>
|
| 48 |
+
</a>
|
| 49 |
+
</div>
|
| 50 |
+
|
| 51 |
+
|
| 52 |
+
|
| 53 |
<div id="unity-container" class="unity-desktop">
|
| 54 |
<canvas id="unity-canvas"></canvas>
|
| 55 |
</div>
|
|
|
|
| 129 |
};
|
| 130 |
document.body.appendChild(script);
|
| 131 |
</script>
|
| 132 |
+
<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>
|
| 133 |
+
<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>
|
| 134 |
+
<script>
|
| 135 |
+
$(document).ready(function(){
|
| 136 |
+
$("#infoModal").modal('show');
|
| 137 |
+
});
|
| 138 |
+
</script>
|
| 139 |
</body>
|
| 140 |
</html>
|