Skip to content

Commit 9842b6e

Browse files
victorbvictorb
committed
Reorganize and shuffle things around
1 parent 57aa7a9 commit 9842b6e

File tree

4 files changed

+74
-71
lines changed

4 files changed

+74
-71
lines changed

‎README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
1212
### [Live Demos](https://victorb.github.io/dogoap)
1313

14-
[![Live Demo](./docs/images/live_demo.png)](https://victorb.github.io/dogoap)
14+
[![Live Demo](./web-src/images/live_demo.png)](https://victorb.github.io/dogoap)
1515

1616
## Documentation
1717

@@ -78,4 +78,4 @@ More involved examples can be found here: [bevy_dogoap examples](./crates/bevy_d
7878

7979
## License
8080

81-
MIT 2024 - Victor Bjelkholm
81+
MIT 2024 - Victor Bjelkholm

‎docs/images/live_demo.png renamed to ‎web-src/images/live_demo.png

File renamed without changes.

‎web-src/index.html

+30-28
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,31 @@
1-
<html>
2-
3-
<head>
4-
<title>Dogoap Bevy Examples</title>
5-
<link rel="stylesheet" href="./3rd-party/speed-highlight.css">
6-
<link rel="stylesheet" href="./style.css">
7-
</head>
8-
9-
<body>
10-
<div id="title">
11-
<div>Dogoap - WASM Examples</div>
12-
</div>
13-
<div id="menu">
14-
<a href="#cells">Cells / Quickstart</a>
15-
<a href="#miner">Miner / Longer plans</a>
16-
<a href="https://github.com/victorb/dogoap" class="right-aligned">Source Code / GitHub</a>
17-
</div>
18-
19-
<div id="wrapper">
20-
<div id="container">
21-
<span id="loading">Loading example...</span>
22-
<canvas id="example-canvas"></canvas>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta property="og:title" content="Dogoap Bevy Examples">
7+
<meta property="og:description" content="Live demonstration of using the dogoap & bevy_dogoap library with Bevy">
8+
<meta property="og:image" content="./images/live_demo.png">
9+
<title>Dogoap Bevy Examples</title>
10+
<link rel="stylesheet" href="./3rd-party/speed-highlight.css">
11+
<link rel="stylesheet" href="./style.css">
12+
</head>
13+
<body>
14+
<div id="title">
15+
<div>Dogoap - Bevy Examples</div>
2316
</div>
24-
<div id="code" class='shj-lang-rs'></div>
25-
</div>
26-
<script type="module" src="./app.js"></script>
27-
</body>
28-
29-
</html>
17+
<div id="menu">
18+
<a href="#cells">Cells / Quickstart</a>
19+
<a href="#miner">Miner / Longer plans</a>
20+
<a href="https://github.com/victorb/dogoap" class="right-aligned">Source Code / GitHub</a>
21+
</div>
22+
<div id="wrapper">
23+
<div id="container">
24+
<span id="loading">Loading example...</span>
25+
<canvas id="example-canvas"></canvas>
26+
</div>
27+
<div id="code" class='shj-lang-rs'></div>
28+
</div>
29+
<script type="module" src="./app.js"></script>
30+
</body>
31+
</html>

‎web-src/style.css

+42-41
Original file line numberDiff line numberDiff line change
@@ -14,37 +14,6 @@ body {
1414
font-family: sans-serif;
1515
}
1616

17-
canvas {
18-
outline: none;
19-
z-index: 1;
20-
}
21-
22-
#wrapper {
23-
margin-top: 25px;
24-
display: flex;
25-
flex-grow: 1;
26-
padding: 10px;
27-
}
28-
29-
#container {
30-
width: 1280px;
31-
height: 720px;
32-
min-width: 180px;
33-
min-height: 120px;
34-
background-color: rgba(0, 0, 0, 0.05);
35-
border: 1px solid rgba(255, 255, 255, 0.1);
36-
position: relative;
37-
display: flex;
38-
justify-content: center;
39-
align-items: center;
40-
color: white;
41-
42-
display: flex;
43-
flex-direction: column;
44-
justify-content: center;
45-
align-items: center;
46-
}
47-
4817
#title {
4918
font-size: 26px;
5019
margin-left: 10px;
@@ -53,12 +22,6 @@ canvas {
5322
text-align: center;
5423
}
5524

56-
#loading {
57-
position: absolute;
58-
z-index: 0;
59-
font-size: 2em;
60-
}
61-
6225
#menu {
6326
height: 50px;
6427
display: flex;
@@ -85,9 +48,41 @@ a.right-aligned {
8548
margin-right: 10px !important;
8649
}
8750

88-
[class*="shj-lang-"] {
89-
margin: 0px;
90-
padding: 0px;
51+
#wrapper {
52+
margin-top: 25px;
53+
display: flex;
54+
flex-grow: 1;
55+
padding: 10px;
56+
}
57+
58+
#container {
59+
width: 1280px;
60+
height: 720px;
61+
min-width: 180px;
62+
min-height: 120px;
63+
background-color: rgba(0, 0, 0, 0.05);
64+
border: 1px solid rgba(255, 255, 255, 0.1);
65+
position: relative;
66+
display: flex;
67+
justify-content: center;
68+
align-items: center;
69+
color: white;
70+
71+
display: flex;
72+
flex-direction: column;
73+
justify-content: center;
74+
align-items: center;
75+
}
76+
77+
#loading {
78+
position: absolute;
79+
z-index: 0;
80+
font-size: 2em;
81+
}
82+
83+
canvas {
84+
outline: none;
85+
z-index: 1;
9186
}
9287

9388
#code {
@@ -97,4 +92,10 @@ a.right-aligned {
9792
max-height: 90vh;
9893
overflow-y: scroll;
9994
margin-left: 20px;
100-
}
95+
}
96+
97+
[class*="shj-lang-"] {
98+
margin: 0px;
99+
padding: 0px;
100+
}
101+

0 commit comments

Comments
 (0)