blob: bd6730c3b1a65aea6d4994e2befc6951f837bae1 [file] [log] [blame]
<!DOCTYPE html><html lang="en-us" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Source Themes Academic 4.8.0">
<meta name="author" content="Fraunhofer FOKUS">
<meta name="description" content="Hello!">
<link rel="alternate" hreflang="en-us" href="https://staging.eclipse.org/mosaic/about/">
<meta name="theme-color" content="#68145C">
<script src="/mosaic/js/mathjax-config.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha512-MCWBwPSput2UWNwyznVFLbD2iUc1e5VsdD1zahsWVzkDSUzyHhMZ4kCS3wgYSRm0mU+glwD/Q9lSJrDPwbUL2A==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/all.min.css" integrity="sha512-ZYg+hQvLlM0W9C3P6vTpes5LmJ66G2EsroxDNzwD6qiulckldb29eD9I672HL2X+LH5nRhY1sQqZLJGB+aUUPg==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-light.min.css" crossorigin="anonymous" title="hl-light">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-light.min.css" crossorigin="anonymous" title="hl-dark" disabled>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js" integrity="sha512-TmDwFLhg3UA4ZG0Eb4MIyT1O1Mb+Oww5kFG0uHqXsdbyZz9DcvYQhKpGgNkamAI6h2lGGZq2X8ftOJvF/XjTUg==" crossorigin="anonymous" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.1.0/es5/tex-chtml.min.js" integrity="sha512-uwL1UtpYdWra2iqJlAW8Ts0s9Os6IxWLDJDF/BnWdhDmT7DEMFba3GPsFwmV3QiTNcUyl2GB5vsgycB/MOvo9g==" crossorigin="anonymous" async></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i%7CRoboto+Mono&display=swap">
<link rel="stylesheet" href="/mosaic/css/academic.css">
<link rel="manifest" href="/mosaic/index.webmanifest">
<link rel="icon" type="image/png" href="/mosaic/images/icon_hu6bdfb97c7e23190c70e41ca0e15a9fce_30436_32x32_fill_lanczos_center_2.png">
<link rel="apple-touch-icon" type="image/png" href="/mosaic/images/icon_hu6bdfb97c7e23190c70e41ca0e15a9fce_30436_192x192_fill_lanczos_center_2.png">
<link rel="canonical" href="https://staging.eclipse.org/mosaic/about/">
<meta property="twitter:card" content="summary">
<meta property="og:site_name" content="Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility">
<meta property="og:url" content="https://staging.eclipse.org/mosaic/about/">
<meta property="og:title" content="About | Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility">
<meta property="og:description" content="Hello!"><meta property="og:image" content="https://staging.eclipse.org/mosaic/images/logo.svg">
<meta property="twitter:image" content="https://staging.eclipse.org/mosaic/images/logo.svg"><meta property="og:locale" content="en-us">
<meta property="article:published_time" content="2019-01-01T00:00:00&#43;00:00">
<meta property="article:modified_time" content="2019-01-01T00:00:00&#43;00:00">
<title>About | Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility</title>
</head>
<body id="top" data-spy="scroll" data-offset="70" data-target="#navbar-main" class=" page-mosaic page-about ">
<aside class="search-results" id="search">
<div class="container">
<section class="search-header">
<div class="row no-gutters justify-content-between mb-3">
<div class="col-10 col-md-3">
<div class="logo" style="background-image: url(/mosaic/img/logos/mosaic/EclipseMOSAIC-Logo-RGB-positiv.svg)"></div>
</div>
<div class="col-2 col-md-4 col-search-close">
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
</div>
</div>
<div id="search-box">
<input name="q" id="search-query" placeholder="Search..." autocapitalize="off"
autocomplete="off" autocorrect="off" spellcheck="false" type="search">
</div>
</section>
<section class="section-search-results">
<div id="search-hits">
</div>
</section>
</div>
</aside>
<nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
<div class="container">
<div class="d-none d-lg-inline-flex">
<a style="visibility:visible;" class="navbar-brand" href="/mosaic/"><img src="/mosaic/images/logo.svg" alt="Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility"></a>
</div>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-content-mobile" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fas fa-bars"></i></span>
</button>
<div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
<a class="navbar-brand" href="/mosaic/"><img src="/mosaic/images/logo.svg" alt="Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility"></a>
</div>
<div id="navbar-content" class="navbar-collapse main-menu-item collapse justify-content-start">
<ul class="navbar-nav d-md-inline-flex">
<li class="nav-item">
<a class="nav-link active" href="/mosaic/about/" data-target="[]"><span>About</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/news/"><span>News</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/docs/"><span>Documentation</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/tutorials/"><span>Tutorials</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/download/"><span>Download</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/community/"><span>Community</span></a>
</li>
</ul>
</div>
<ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
<li class="nav-item">
<a class="nav-link js-search" href="#" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></a>
</li>
<li class="nav-item ">
<a href="https://github.com/eclipse/mosaic" target="blank">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
</li>
</ul>
<div id="navbar-content-mobile" class="navbar-collapse main-menu-item collapse justify-content-start d-lg-none">
<ul class="navbar-nav d-inline-flex">
<li class="nav-item">
<a class="nav-link active" href="/mosaic/about/" data-target="[]"><span>About</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/news/"><span>News</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/docs/"><span>Documentation</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/tutorials/"><span>Tutorials</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/download/"><span>Download</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/mosaic/community/"><span>Community</span></a>
</li>
</ul>
</div>
</div>
</nav>
<span class="js-widget-page d-none"></span>
<section id="page_header" class="home-section wg-page-header bg-image parallax " >
<div class="page-header-background" style="background-image: url(https://staging.eclipse.org/mosaic/img/background-home-02.jpg);opacity: 0.3;"></div>
<div class="container">
<div class="page-header row">
<div class="col-12 alignment-center">
<div class="row justify-content-center">
<div class="section-heading col-12 col-md-5 mb-4 text-center">
<h1>About Eclipse MOSAIC</h1>
<p>Design concepts and features<br>of the simulation framework.</p>
</div>
</div>
</div>
</div>
<hr class="vertical-span" />
</div>
</section>
<section id="co_simulation" class="home-section wg-text-image " >
<div class="container">
<div class="text-image image-right row">
<div class="section-heading title col-12 justify-content-center">
<h1>MOSAIC as Co-Simulation Framework</h1>
</div>
<div class="w-100"></div>
<div class="col-12 justify-content-start">
<div class="row">
<div class="text-and-buttons col-md-5">
<div class="text"><p>With standardized interfaces, inspired by HLA (High Level Architecture), Eclipse MOSAIC employs the concept of Federates
and Ambassadors to couple individual simulators to the whole environment. Each simulator is wrapped into a Federate
object, which is linked to an Ambassador for direct connection with the MOSAIC runtime infrastructure (RTI).</p>
<p>The RTI handles all management tasks for the lifecycle of simulation; such as the federation management to start and
stop simulators, the interaction management to exchange data between simulators, and the time management to synchronize
the event processing in all simulators.</p>
</div>
<div class="buttons">
</div>
</div>
<div class="image image-right col-md-7">
<img src="https://staging.eclipse.org/mosaic/img/common-architecture.jpeg">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="model_collection" class="home-section wg-cards " >
<div class="container">
<div class="section-heading row mb-3">
<div class="col-12">
<div class="row justify-content-center">
<h1 class="text-center">MOSAIC as Collection of Models</h1>
</div>
</div>
<div class="col-12">
<div class="row justify-content-center">
<p class="text-center">Different models allow for many fields of<br>application for the simulation suite.</p>
</div>
</div>
</div>
<div class="cards row justify-content-center position-relative">
<div class="overlay col-12 position-absolute"></div>
<div id="card-wrap-0" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-purple">
<span class="title no-subtitle">Application</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/smart-application.png" alt="Mobility Application" style="max-width: 75%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Mobility Applications</h4>
</div>
<div class="text col-12 mb-1">
<p>Development of smart and sustainable mobility applications for all kinds of users and impact assessment in future traffic models.</p>
</div>
</div>
</div>
</div>
<div id="card-wrap-1" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-blue">
<span class="title no-subtitle">Communication</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/connected-vehicles.png" alt="Intelligent Connected Vehicles" style="max-width: 85%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Intelligent Connected Vehicles</h4>
</div>
<div class="text col-12 mb-1">
<p>Realistic modelling and simulation of communication links via 4G/5G cellular and ITS-G5 ad-hoc networks.</p>
</div>
</div>
</div>
</div>
<div id="card-wrap-2" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-green">
<span class="title no-subtitle">Traffic</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/public-safety.png" alt="Smart Public Safety" style="max-width: 90%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Smart Public Safety</h4>
</div>
<div class="text col-12 mb-1">
<p>Integration of Vulnerable Road User (pedestrians, cyclists) into simulation scenarios to increase the public safety.</p>
</div>
</div>
</div>
</div>
<div id="card-wrap-3" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-blue">
<span class="title no-subtitle">Communication</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/traffic-management.png" alt="Real Time Traffic Management" style="max-width: 85%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Real Time Traffic Management</h4>
</div>
<div class="text col-12 mb-1">
<p>Management and control of road infrastructure to avoid traffic jams, prioritize emergency vehicles and increase overall traffic efficiency.</p>
</div>
</div>
</div>
</div>
<div id="card-wrap-4" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-green">
<span class="title no-subtitle">Traffic</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/e-mobility.png" alt="Electric Mobility" style="max-width: 90%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Electric Mobility</h4>
</div>
<div class="text col-12 mb-1">
<p>Integration of electric vehicles and battery components as well as charging infrastructure for green mobility solutions.</p>
</div>
</div>
</div>
</div>
<div id="card-wrap-5" class="card-wrap col-11 col-sm-10 col-md-6 col-lg-5 col-xl-4 position-relative mb-4">
<div class="banner mosaic-purple">
<span class="title no-subtitle">Application</span>
</div>
<div class="card container">
<div class="row pt-4 pr-4 pb-0 pl-4">
<div class="w-100" style="margin-top: 1.8rem;"></div>
<div class="image col-12 mb-3">
<div class="row align-items-end" style="height: 9rem;">
<img class="mx-auto" src="/mosaic/img/collaborative-driving.png" alt="Real Time Traffic Management" style="max-width: 85%;" />
</div>
</div>
<div class="subtitle col-12 mb-2">
<h4 class="m-0">Collaborative Driving</h4>
</div>
<div class="text col-12 mb-1">
<p>Virtual Testing of ADAS functions for collaboration among vehicles to increase safety and improve efficiency.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.6.0/umd/popper.min.js" integrity="sha512-BmM0/BQlqh02wuK5Gz9yrbe7VyIVwOzD1o40yi1IsTjriX/NGF37NyXHfmFzIlMmoSIBXgqDiG1VNU6kB5dBbA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha512-S5PZ9GxJZO16tT9r3WJp/Safn31eu8uWrzglMahDT4dsmgqWonRY9grk3j+3tfuPr9WJNsfooOR7Gi7HL5W2jw==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.8/mermaid.min.js" integrity="sha512-1tS1YUns336Mtxl+vkaLcADPwE1CPNVy3WEf7nrI7DGMMb6/FAVBgL2IzAWVBkB6vVuK94s2zVoiXcw1QZ9S1g==" crossorigin="anonymous" title="mermaid"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js" integrity="sha512-1LdB3V708w6G4QRl7NsVdTr7MDibyRXr9stQZ+EGjEE0ZPMZkA//ir7kCWmFyxdAJNIRXdR/ZeJmCV0boyiCXw==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/java.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/json.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/xml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/shell.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/dos.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="anonymous"></script>
<script>const code_highlighting = true;</script>
<script>const isSiteThemeDark = false;</script>
<script>
const search_config = {"indexURI":"/mosaic/index.json","minLength":1,"threshold":0.3};
const i18n = {"no_results":"No results found","placeholder":"Search...","results":"results found"};
const content_type = {
'post': "Posts",
'project': "Projects",
'publication' : "Publications",
'talk' : "Talks"
};
</script>
<script id="search-hit-fuse-template" type="text/x-template">
<div class="search-hit" id="summary-{{key}}">
<div class="search-hit-content">
<div class="search-hit-name">
<a href="{{relpermalink}}">{{title}}</a>
<div class="article-metadata search-hit-type">{{type}}</div>
<p class="search-hit-description">{{snippet}}</p>
</div>
</div>
</div>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js" integrity="sha512-o38bmzBGX+hD3JHWUFCDA09btWaqrNmoJ3RXLlrysA7PP01Kgs4UlE4MhelE1v5dJR3+cxlR4qQlotsW7jKsnw==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js" integrity="sha512-mhbv5DqBMgrWL+32MmsDOt/OAvqr/cHimk6B8y/bx/xS88MVkYGPiVv2ixKVrkywF2qHplNRUvFsAHUdxZ3Krg==" crossorigin="anonymous"></script>
<script type="application/javascript" src="/mosaic/js/academic.min.0992ad8b8d033c3858bb90b03966346a.js"></script>
<script type="application/javascript" src="/mosaic/js/mosaic-wg-cards.js"></script>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new window.bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
<div class="footer-wrap">
<div class="container">
<footer class="site-footer">
<div class="row">
<div class="col-sm-4 mb-3 mb-md-0">
<b>Eclipse MOSAIC</b>
<ul>
<li>
<a href="/mosaic/download/" title="Download Eclipse MOSAIC" >
Download Eclipse MOSAIC
</a>
</li>
<li>
<a href="/mosaic/docs/" title="Documentation" >
Documentation
</a>
</li>
<li>
<a href="/mosaic/tutorials/" title="Tutorials" >
Tutorials
</a>
</li>
<li>
<a href="/mosaic/community/#projects" title="Projects" >
Projects
</a>
</li>
<li>
<a href="/mosaic/publications/" title="Publications" >
Publications
</a>
</li>
</ul>
</div>
<div class="col-sm-4 mb-3 mb-md-0">
<b>Community</b>
<ul>
<li>
<a href="/mosaic/community/" title="Eclipse MOSAIC Community" >
Eclipse MOSAIC Community
</a>
</li>
<li>
<a href="/mosaic/contribution/" title="How to contribute" >
How to contribute
</a>
</li>
<li>
<a href="https://github.com/eclipse/mosaic" title="Github" target="_blank" rel="noopener">
Github
</a>
</li>
<li>
<a href="/mosaic/get_in_contact/" title="Contact &amp; Mailing list" >
Contact & Mailing list
</a>
</li>
</ul>
</div>
<div class="col-sm-4 mb-3 mb-md-0">
<b>Eclipse Foundation</b>
<ul>
<li>
<a href="https://www.eclipse.org/" title="About Eclipse Foundation" target="_blank" rel="noopener">
About Eclipse Foundation
</a>
</li>
<li>
<a href="https://www.eclipse.org/legal/privacy.php" title="Privacy Policy" target="_blank" rel="noopener">
Privacy Policy
</a>
</li>
<li>
<a href="https://www.eclipse.org/legal/termsofuse.php" title="Website terms of use" target="_blank" rel="noopener">
Website terms of use
</a>
</li>
<li>
<a href="https://www.eclipse.org/legal/copyright.php" title="Copyright" target="_blank" rel="noopener">
Copyright
</a>
</li>
<li>
<a href="https://www.eclipse.org/legal" title="Legal" target="_blank" rel="noopener">
Legal
</a>
</li>
</ul>
</div>
</div>
<div class="row justify-content-center mt-3 position-relative">
<p class="powered-by text-center font-italic mb-0 pb-0">
Powered by the
<a href="https://sourcethemes.com/academic/" target="_blank" rel="noopener">Academic theme</a> for
<a href="https://gohugo.io" target="_blank" rel="noopener">Hugo</a>.
<br>
Header image &#169; fanjianhua/ iStock
</p>
<span class="position-absolute mr-3 mr-md-0" aria-hidden="true" style="right: 0;">
<a href="#" class="back-to-top">
<span class="button_icon">
<i class="fas fa-chevron-up fa-2x"></i>
</span>
</a>
</span>
</div>
</footer>
</div>
</div>
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Cite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<pre><code class="tex hljs"></code></pre>
</div>
<div class="modal-footer">
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
<i class="fas fa-copy"></i> Copy
</a>
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<div id="modal-error"></div>
</div>
</div>
</div>
</div>
</body>
</html>