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

Add Advisory Committee logos to front page #676

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Add Advisory Committee logos to front page #676

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e1fdf2f
Add Advisory Committee logos to front page
t-sommer Oct 29, 2024
2eb2e7a
Update Renault logo
t-sommer Nov 8, 2024
3f5e180
Add Comsol logo
t-sommer Nov 10, 2024
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
155 changes: 97 additions & 58 deletions content/_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,15 @@
h2 {
font-size: 23px;
}

.logo {
height: 8rem;
padding: 1rem;
}

.logo img {
max-height: 5rem;
}
</style>

<div class="modal fade" id="playerModal" tabindex="-1" aria-labelledby="playerModalLabel" aria-hidden="true">
Expand All @@ -31,22 +40,22 @@
</script>

<div class="ma-masthead mb-3">

<div class="container-xxl">

<div class="container-xxl">

<div class="col-lg-8 mx-auto text-center">

{{< latest-news >}}

<div class="ma-logo fmi-logo masthead-logo d-none d-sm-block mx-auto mt-5 mb-5" style="height: 180px"></div>

<h1 class="mb-4">The leading standard to exchange dynamic simulation models</h1>

<p class="lead mb-5">
The Functional Mock-up Interface is a free standard that defines a container and an interface to exchange dynamic simulation models using a combination of XML files, binaries and C code, distributed as a ZIP file.
It is supported by <a href="/tools/">200+ tools</a> and maintained as a Modelica Association Project.
</p>

<div class="d-grid gap-3 d-lg-flex justify-content-center">

<button type="button" class="btn btn-lg btn-primary btn-ma-primary text-nowrap" data-bs-toggle="modal" data-bs-target="#playerModal">
Expand Down Expand Up @@ -96,151 +105,181 @@ <h1 class="mb-4">The leading standard to exchange dynamic simulation models</h1>
<li><a class="dropdown-item" href="/assets/releases/FMI_for_CoSimulation_v1.0.pdf"><i class="fa-solid fa-file-lines me-2"></i>Co-Simulation 1.0</a></li>
</ul>
</div>

<a class="btn btn-outline-primary btn-lg text-nowrap" href="https://modelica.github.io/fmi-guides/main/fmi-guide/"><i class="fa-solid fa-file-lines me-2"></i>Implementers' Guide</a>

</div>

</div>
</div>
</div>

<div class="container text-md-center mb-5">

<div class="col-lg-8 mx-auto mb-5 text-md-center">
<h2 class="display-5 mb-3 fw-semibold lh-sm">Getting started</h2>
<p class="lead fw-normal">
Jupyter notebooks are a great way to work with FMUs. Join us for an interactive tour of the FMI.
</p>
open on <a class="icon-link fs-5" href="https://colab.research.google.com/github/t-sommer/fmi-getting-started/blob/main/BouncingBall.ipynb"><u>Google Colab</u></a> or <a class="icon-link fs-5" href="https://mybinder.org/v2/gh/t-sommer/fmi-getting-started/HEAD?labpath=BouncingBall.ipynb"><u>Binder<i class="fa-solid fa-arrow-right ms-1"></i></u></a>
</div>

<div class="col-lg-8 mx-auto">
<img src="/assets/images/Jupyter_BouncingBall.png" class="p-3 rounded shadow img-fluid bg-white">
</div>

</div>

<div class="container text-md-center" style="margin-top: 100px; margin-bottom: 100px;">

<div class="col-lg-8 mx-auto mb-5 text-md-center">
<h2 class="display-5 mb-3 fw-semibold lh-sm">Implement the FMI</h2>
<p class="lead fw-normal">
The Reference FMUs are a free reference implementation of both FMI import and export and a starting point for development, testing and debugging.
</p>
<a class="icon-link fs-5" href="https://github.com/modelica/reference-fmus"><u>view project on GitHub <i class="fa-solid fa-arrow-right ms-1"></i></u></a>
</div>

<div class="col-lg-8 mx-auto">
<img src="/assets/images/vscode.png" class="rounded shadow img-fluid">
</div>

</div>

<div class="container my-5">
<div class="container mb-5">

<h2 class="display-5 text-md-center mb-3 fw-semibold lh-sm">Advisory Committee</h2>

<div class="row row-cols-2 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-2 mt-3">
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/ABB.svg" style="padding: 1rem;"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Airbus.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Boeing.svg" style="padding-top: 3%;"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Bosch.svg" style="padding-right: 0.7rem;"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Comsol.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/DLR.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Fraunhofer.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/GM.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Knorr-Bremse.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/MathWorks.png"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/NVIDIA.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Renault.svg" style="padding-top: 0.3rem; height: 100%;"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Saab.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Siemens.svg"/></div></div>
<!-- <div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Synopsys.svg" style="padding-top: 0.7rem;"/></div></div> -->
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Volkswagen.svg"/></div></div>
<div class="col"><div class="d-flex justify-content-center align-items-center bg-light rounded-3 logo"><img src="/assets/images/logos/Volvo.svg"/></div></div>
</div>

<div class="ms-2 mt-2">
<a href="/association/#modelica-association-project-map-fmi">and 35 more<i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>

</div>

<div class="container">

<p class="text-muted mt-4">What users say about FMI:</p>

<div class="row featurette justify-content-md-center p-4">
<div class="col-md-6 mt-4">
<blockquote class="blockquote lead">
<p>"FMI is the preferred model exchange and co-simulation format of Robert Bosch GmbH at system level enabling the exchange of models with internal and external partners using different modelling tools."</p>
</blockquote>
<figcaption class="blockquote-footer">
Robert Bosch GmbH on <a href="https://itea3.org/project/impact-stream/modelisar-impact-story.html">ITEA3 MODELISAR</a>
</figcaption>
<blockquote class="blockquote lead">
<p>"FMI is the preferred model exchange and co-simulation format of Robert Bosch GmbH at system level enabling the exchange of models with internal and external partners using different modelling tools."</p>
</blockquote>
<figcaption class="blockquote-footer">
Robert Bosch GmbH on <a href="https://itea3.org/project/impact-stream/modelisar-impact-story.html">ITEA3 MODELISAR</a>
</figcaption>
</div>
<div class="col-md-6 text-center">
<div class="ma-quote-logo" style="background-image: url(/assets/images/bosch-logo.png); background-position: center; /* Center the image */
background-repeat: no-repeat;
background-size: contain; height: 100%; min-height: 10em; max-width: 17em; margin: auto;"></div>
</div>
</div>

<div class="row featurette justify-content-md-center p-4">
<div class="col-md-6 text-center order-2 order-md-1">
<div class="ma-quote-logo" style="background-image: url(/assets/images/Haldex.svg); background-position: center; /* Center the image */
background-repeat: no-repeat;
background-size: contain; height: 100%; min-height: 10em; max-width: 12em; margin: auto;"></div>
</div>
<div class="col-md-6 mt-4 order-1 order-md-2">
<blockquote class="blockquote lead">
<p>"Driving our future is all about scalable solutions. The use of the FMI standard scales our capabilities to virtual integrate our scalable braking systems with customers’ and partners’ systems of systems."</p>
</blockquote>
<figcaption class="blockquote-footer">
Edo Drenth, VP Global Vehicle Dynamics, <a href="https://www.haldex.com">Haldex</a>
</figcaption>
<blockquote class="blockquote lead">
<p>"Driving our future is all about scalable solutions. The use of the FMI standard scales our capabilities to virtual integrate our scalable braking systems with customers’ and partners’ systems of systems."</p>
</blockquote>
<figcaption class="blockquote-footer">
Edo Drenth, VP Global Vehicle Dynamics, <a href="https://www.haldex.com">Haldex</a>
</figcaption>
</div>
</div>

<div class="row featurette justify-content-md-center p-4">
<div class="col-md-6 mt-4">
<blockquote class="blockquote lead">
<p>"Supported by Siemens from the beginning, FMI is becoming an important building block in the efficient creation of interdisciplinary, multi-level digital twins of our entire portfolio - from rail and gas turbine engineering to virtual commissioning in the process industry and operational support in manufacturing plants."</p>
</blockquote>
<figcaption class="blockquote-footer">
Virginie Maillard, Lead Technology Field Simulation & Digital Twin, <a href="https://siemens.com">Siemens</a>
</figcaption>
<blockquote class="blockquote lead">
<p>"Supported by Siemens from the beginning, FMI is becoming an important building block in the efficient creation of interdisciplinary, multi-level digital twins of our entire portfolio - from rail and gas turbine engineering to virtual commissioning in the process industry and operational support in manufacturing plants."</p>
</blockquote>
<figcaption class="blockquote-footer">
Virginie Maillard, Lead Technology Field Simulation & Digital Twin, <a href="https://siemens.com">Siemens</a>
</figcaption>
</div>
<div class="col-md-6 text-center">
<div class="ma-quote-logo" style="background-image: url(/assets/images/siemens-logo.png); background-position: center; /* Center the image */
background-repeat: no-repeat;
background-size: contain; height: 100%; min-height: 10em; max-width: 14em; margin: auto;"></div>
</div>
</div>

<div class="row featurette justify-content-md-center p-4">
<div class="col-md-6 text-center order-2 order-md-1">
<div class="ma-quote-logo" style="background-image: url(/assets/images/saab-logo.png); background-position: center; /* Center the image */
background-repeat: no-repeat;
background-size: contain; height: 100%; min-height: 10em; max-width: 14em; margin: auto;"></div>
</div>
<div class="col-md-6 mt-4 order-1 order-md-2">
<blockquote class="blockquote lead">
<p>"With the ever increasing use of models in aircraft system development, tool interoperability and model reuse are central challenges. At Saab we see the FMI standard as an enabler for scalable and tool neutral integration of simulation models from different technical disciplines, developed by different internal teams or by external partners."</p>
</blockquote>
<figcaption class="blockquote-footer">
Göran Ancker, Technical Fellow Aircraft System Simulation, <a href="https://saabgroup.com/">Saab AB</a>
</figcaption>
<blockquote class="blockquote lead">
<p>"With the ever increasing use of models in aircraft system development, tool interoperability and model reuse are central challenges. At Saab we see the FMI standard as an enabler for scalable and tool neutral integration of simulation models from different technical disciplines, developed by different internal teams or by external partners."</p>
</blockquote>
<figcaption class="blockquote-footer">
Göran Ancker, Technical Fellow Aircraft System Simulation, <a href="https://saabgroup.com/">Saab AB</a>
</figcaption>
</div>
</div>

<div class="container mt-5">

<h2 class="text-center display-6 fw-normal">Merchandising</h2>

<div class="row">

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/fmi-hoodie.jpg">
</div>

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/m-hoodie.jpg">
</div>

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/fmi-womens-t-shirt.jpg">
</div>

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/modelica-t-shirt.jpg">
</div>

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/fmi-mug.jpg">
</div>

<div class="col-lg-2 col-4">
<img class="rounded-3" src="/assets/images/merch/fmi-sticker.jpg">
</div>

</div>

<div class="ms-1">
<a href="https://ma-merch.myspreadshop.de/all">Modelica merchandising shop<i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>

</div>

</div>
15 changes: 15 additions & 0 deletions static/assets/images/logos/ABB.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions static/assets/images/logos/Airbus.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions static/assets/images/logos/Boeing.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading