Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

physics-simulation done #814

Merged
merged 8 commits into from
Jul 29, 2023
Merged

physics-simulation done #814

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7aed374
physics-simulation done
maharshi-gor Jul 3, 2023
0499cf5
text bugs fixed
maharshi-gor Jul 5, 2023
6609de3
all sections done
maharshi-gor Jul 8, 2023
57515a2
scientific-domain mobile view
maharshi-gor Jul 8, 2023
94d5632
comments removed
maharshi-gor Jul 11, 2023
43fe11b
links updated
maharshi-gor Jul 13, 2023
b9d55f1
Merge branch 'master' of github.com:Mk996/fury into feature/physics-s…
maharshi-gor Jul 28, 2023
e9ab759
links fixed
maharshi-gor Jul 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added docs/source/_static/css/physics-simulation.css
View file
Open in desktop
Empty file.
43 changes: 37 additions & 6 deletions docs/source/_static/vendor/tabs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@
margin: 30px 0;
}

.tabs-info {
font-size: 20px;
}

.visualization, .data-science, .scientific-domains, .machine-learning, .array-libraries {
max-width: 900px;
margin: 15px auto;
Expand Down Expand Up @@ -125,21 +129,48 @@
}

/* Visualization */
.visualization-images > img {
.visualization-images img,
.visualization-images a {
border-radius: 10px;
}

.image-grid {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 2em;
}

@media only screen and (max-width: 600px) {
.image-grid {
grid-template-columns: repeat(2, 1fr);
}
}

.image-grid > div {
background-color: rgb(238, 238, 238);
border: 2px solid rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
border-radius: 10px;
padding: 10px;

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;

box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media only screen and (max-width: 600px) {
.image-grid > div {
min-height: 150px;
}
}

.image-description {
color: black;
}

.image-grid > div:hover {
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

/* Scientific Domains */
Expand Down
64 changes: 39 additions & 25 deletions docs/source/_templates/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
<link rel="stylesheet" href="_static/css/main.css" />
<link rel="stylesheet" href="_static/css/sponsors.css" />
<link rel="stylesheet" href="_static/css/comp-soft.css" />
<link rel="stylesheet" href="_static/css/physics-simulation.css" />
<link rel="stylesheet" href="_static/css/navbar.css" />

<link rel="stylesheet" href="_static/vendor/vars.css" />
Expand Down Expand Up @@ -437,31 +438,45 @@ <h3 class="h-card__title">Mathematics</h3>
</div>
</li>
<li class="physics-simulation">
<div class="grid-container">
<div class="visualization-images">
<div class="image-grid">
<div>
<a href="fury-pybullet.html"><img src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_domino.gif" alt="physics domino" align="middle"></a>
</div>
<div>
<a href="fury-pybullet.html"><img src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_bricks_multi_actor.gif" alt="physics bricks" align="middle"></a>
</div>
<div>
<a href="fury-pybullet.html"><img src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_collision.gif" alt="physic collision" align="middle"></a>
</div>
<div>
<a href="auto_examples/index.html#demos"><img src="https://github.com/fury-gl/fury-communication-assets/raw/main/brownian_motion.gif" alt="brownian motion" align="middle"></a>
</div>
<div>
<a href="auto_examples/index.html#demos"><img src="https://github.com/fury-gl/fury-communication-assets/raw/main/em_wave.gif" alt="Em wave" align="middle"></a>
</div>
<div>
<a href="auto_examples/index.html#demos"><img src="https://github.com/fury-gl/fury-communication-assets/raw/main/helical_path.gif" alt="Helical path" align="middle"></a>
</div>
<h6 class="tabs-info">With FURY, it becomes simple to produce multiple physics animations with ease.</h6>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This text is slightly too big in mobile version. Can you update this text during mobile version.

Also, it would be great to use the same font family as the other section (scientific domains, etc...)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Serge, I have fixed the text size. But, the font family is the same, it is a matter of color and font-weight but let me take that and make it uniform across the section

<div class="visualization-images">
<div class="image-grid">
<div>
<a href="fury-pybullet.html"><img
src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_domino.gif"
alt="physics domino" align="middle"></a>

</div>
<div>
<a href="fury-pybullet.html"><img
src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_bricks_multi_actor.gif"
alt="physics bricks" align="middle"></a>

</div>
<div>
<a href="fury-pybullet.html"><img
src="https://raw.githubusercontent.com/fury-gl/fury-communication-assets/main/physics_collision.gif"
alt="physic collision" align="middle"></a>

</div>
<div>
<a href="auto_examples/index.html#demos"><img
src="https://github.com/fury-gl/fury-communication-assets/raw/main/brownian_motion.gif"
alt="brownian motion" align="middle"></a>

</div>
<div>
<a href="auto_examples/index.html#demos"><img
src="https://github.com/fury-gl/fury-communication-assets/raw/main/em_wave.gif" alt="Em wave"
align="middle"></a>

</div>
<div>
<a href="auto_examples/index.html#demos"><img
src="https://github.com/fury-gl/fury-communication-assets/raw/main/helical_path.gif"
alt="Helical path" align="middle"></a>

</div>
</div>
<div>
<p>FURY allows you to create easily multiple physics animations.</p>
</div>
</div>
</li>
Expand All @@ -485,7 +500,6 @@ <h3 class="h-card__title">Mathematics</h3>
</div>
</div>
</div>
</div>
</li>
<li class="neuroscience">
<div class="col-sm">
Expand Down