Skip to content

Commit a47011d

Browse files
committed
add a grid of animations to doc front page
1 parent cbc6e85 commit a47011d

File tree

3 files changed

+77
-3
lines changed

3 files changed

+77
-3
lines changed

docs/make.jl

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ makedocs(;
1212
sitename = "Multibody.jl",
1313
warnonly = [:missing_docs, :cross_references, :docs_block],
1414
pagesonly = true,
15+
# draft = true,
1516
format = Documenter.HTML(;
1617
prettyurls = get(ENV, "CI", nothing) == "true",
1718
edit_link = nothing),

docs/src/examples/three_springs.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@ systems = @named begin
2424
bar1 = FixedTranslation(r = [0.3, 0, 0])
2525
bar2 = FixedTranslation(r = [0, 0, 0.3])
2626
spring1 = Multibody.Spring(c = 20, m = 0, s_unstretched = 0.1, fixed_rotation_at_frame_b=true,
27-
r_rel_0 = [-0.2, -0.2, 0.2])
28-
spring2 = Multibody.Spring(c = 40, m = 0, s_unstretched = 0.1)
29-
spring3 = Multibody.Spring(c = 20, m = 0, s_unstretched = 0.1, fixed_rotation_at_frame_a=false)
27+
r_rel_0 = [-0.2, -0.2, 0.2], radius=0.05, num_windings=10)
28+
spring2 = Multibody.Spring(c = 40, m = 0, s_unstretched = 0.1, color=[0,0,0.3,1])
29+
spring3 = Multibody.Spring(c = 20, m = 0, s_unstretched = 0.1, radius=0.05, num_windings=10)
3030
end
3131
eqs = [connect(world.frame_b, bar1.frame_a)
3232
connect(world.frame_b, bar2.frame_a)

docs/src/index.md

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,79 @@ Built on top of the Julia language and the JuliaSim suite of tools for modeling,
7979

8080
In this documentation, you will find everything you need to get started with Multibody.jl, from basic component descriptions to detailed examples showcasing the package's capabilities. As you explore this documentation, you'll learn how to create complex models, work with forces and torques, simulate various types of motions, and visualize your results in both 2D and 3D. Whether you are a seasoned researcher or a newcomer to the field, Multibody.jl will empower you to bring your ideas to life and unlock new possibilities in the fascinating world of multibody dynamics.
8181

82+
## Example overview
83+
The following animations give a quick overview of simple mechanisms that can be modeled using Multibody.jl. The examples are ordered from simple at the top, to more advanced at the bottom. Please browse the examples for even more examples!
84+
```@raw html
85+
<!DOCTYPE html>
86+
<html lang="en">
87+
<head>
88+
<meta charset="UTF-8">
89+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
90+
<title>GIF Grid</title>
91+
<style>
92+
.grid-container {
93+
display: grid;
94+
grid-template-columns: repeat(3, 1fr);
95+
grid-template-rows: repeat(4, auto);
96+
gap: 10px;
97+
padding: 20px;
98+
}
99+
.grid-item {
100+
width: 100%;
101+
height: auto;
102+
}
103+
.grid-item img {
104+
width: 100%;
105+
height: auto;
106+
display: block;
107+
}
108+
</style>
109+
</head>
110+
<body>
111+
112+
<div class="grid-container">
113+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/pendulum/">
114+
<img src="https://help.juliahub.com/multibody/dev/examples/furuta.gif" alt="Furuta">
115+
</a>
116+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/spring_damper_system/">
117+
<img src="https://help.juliahub.com/multibody/dev/examples/springdamper.gif" alt="springdamper">
118+
</a>
119+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/spherical_pendulum/">
120+
<img src="https://help.juliahub.com/multibody/dev/examples/spherical.gif" alt="spherical">
121+
</a>
122+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/three_springs/">
123+
<img src="https://help.juliahub.com/multibody/dev/examples/three_springs.gif" alt="three_springs">
124+
</a>
125+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/space/">
126+
<img src="https://help.juliahub.com/multibody/dev/examples/space.gif" alt="space">
127+
</a>
128+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/free_motion/#Body-suspended-in-springs">
129+
<img src="https://help.juliahub.com/multibody/dev/examples/free_body.gif" alt="free_body">
130+
</a>
131+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/ropes_and_cables/">
132+
<img src="https://help.juliahub.com/multibody/dev/examples/flexible_rope.gif" alt="flexible_rope">
133+
</a>
134+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/ropes_and_cables/">
135+
<img src="https://help.juliahub.com/multibody/dev/examples/mounted_chain.gif" alt="mounted_chain">
136+
</a>
137+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/ropes_and_cables/">
138+
<img src="https://help.juliahub.com/multibody/dev/examples/stiff_rope.gif" alt="stiff_rope">
139+
</a>
140+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/kinematic_loops/">
141+
<img src="https://help.juliahub.com/multibody/dev/examples/fourbar2.gif" alt="fourbar2">
142+
</a>
143+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/kinematic_loops/">
144+
<img src="https://help.juliahub.com/multibody/dev/examples/fourbar.gif" alt="fourbar">
145+
</a>
146+
<a class="grid-item" href="https://help.juliahub.com/multibody/dev/examples/robot/">
147+
<img src="https://help.juliahub.com/multibody/dev/examples/robot.gif" alt="robot">
148+
</a>
149+
</div>
150+
151+
</body>
152+
</html>
153+
```
154+
82155

83156

84157

0 commit comments

Comments
 (0)