Spaces:
Running
Running
Update README.md
Browse files
README.md
CHANGED
|
@@ -7,87 +7,7 @@ sdk: static
|
|
| 7 |
pinned: true
|
| 8 |
sdk_version: 5.4.0
|
| 9 |
---
|
| 10 |
-
|
| 11 |
-
body {font-family: Arial;}
|
| 12 |
-
|
| 13 |
-
/* Style the tab */
|
| 14 |
-
.tab {
|
| 15 |
-
overflow: hidden;
|
| 16 |
-
border: 1px solid #ccc;
|
| 17 |
-
background-color: #f1f1f1;
|
| 18 |
-
}
|
| 19 |
-
|
| 20 |
-
/* Style the buttons inside the tab */
|
| 21 |
-
.tab button {
|
| 22 |
-
background-color: inherit;
|
| 23 |
-
float: left;
|
| 24 |
-
border: none;
|
| 25 |
-
outline: none;
|
| 26 |
-
cursor: pointer;
|
| 27 |
-
padding: 14px 16px;
|
| 28 |
-
transition: 0.3s;
|
| 29 |
-
font-size: 17px;
|
| 30 |
-
}
|
| 31 |
-
|
| 32 |
-
/* Change background color of buttons on hover */
|
| 33 |
-
.tab button:hover {
|
| 34 |
-
background-color: #ddd;
|
| 35 |
-
}
|
| 36 |
-
|
| 37 |
-
/* Create an active/current tablink class */
|
| 38 |
-
.tab button.active {
|
| 39 |
-
background-color: #ccc;
|
| 40 |
-
}
|
| 41 |
-
|
| 42 |
-
/* Style the tab content */
|
| 43 |
-
.tabcontent {
|
| 44 |
-
display: none;
|
| 45 |
-
padding: 6px 12px;
|
| 46 |
-
border: 1px solid #ccc;
|
| 47 |
-
border-top: none;
|
| 48 |
-
}
|
| 49 |
-
</style>
|
| 50 |
-
|
| 51 |
-
<h2>Tabs</h2>
|
| 52 |
-
<p>Click on the buttons inside the tabbed menu:</p>
|
| 53 |
-
|
| 54 |
-
<div class="tab">
|
| 55 |
-
<button class="tablinks" onclick="openCity(event, 'London')">London</button>
|
| 56 |
-
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
|
| 57 |
-
<button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
|
| 58 |
-
</div>
|
| 59 |
-
|
| 60 |
-
<div id="London" class="tabcontent">
|
| 61 |
-
<h3>London</h3>
|
| 62 |
-
<p>London is the capital city of England.</p>
|
| 63 |
-
</div>
|
| 64 |
-
|
| 65 |
-
<div id="Paris" class="tabcontent">
|
| 66 |
-
<h3>Paris</h3>
|
| 67 |
-
<p>Paris is the capital of France.</p>
|
| 68 |
-
</div>
|
| 69 |
-
|
| 70 |
-
<div id="Tokyo" class="tabcontent">
|
| 71 |
-
<h3>Tokyo</h3>
|
| 72 |
-
<p>Tokyo is the capital of Japan.</p>
|
| 73 |
-
</div>
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
<script>
|
| 77 |
-
function openCity(evt, cityName) {
|
| 78 |
-
var i, tabcontent, tablinks;
|
| 79 |
-
tabcontent = document.getElementsByClassName("tabcontent");
|
| 80 |
-
for (i = 0; i < tabcontent.length; i++) {
|
| 81 |
-
tabcontent[i].style.display = "none";
|
| 82 |
-
}
|
| 83 |
-
tablinks = document.getElementsByClassName("tablinks");
|
| 84 |
-
for (i = 0; i < tablinks.length; i++) {
|
| 85 |
-
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
| 86 |
-
}
|
| 87 |
-
document.getElementById(cityName).style.display = "block";
|
| 88 |
-
evt.currentTarget.className += " active";
|
| 89 |
-
}
|
| 90 |
-
</script>
|
| 91 |
|
| 92 |
<h1>Australian Research Council (ARC) Discovery Project DP220101925 — Deakin University</h1>
|
| 93 |
|
|
|
|
| 7 |
pinned: true
|
| 8 |
sdk_version: 5.4.0
|
| 9 |
---
|
| 10 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
|
| 12 |
<h1>Australian Research Council (ARC) Discovery Project DP220101925 — Deakin University</h1>
|
| 13 |
|