Google Git
Sign in
eclipse / gerrit / www.eclipse.org / mosaic / 1267243b941462eb9a58d8a7790ea823d222124b / . / index.html
blob: f6ddae42bf962fd44a150b2e17ef1755a486ca08 [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="">
<link rel="alternate" hreflang="en-us" href="https://www.eclipse.org/mosaic/">
<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://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" integrity="" 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="alternate" href="/mosaic/index.xml" type="application/rss+xml" title="Eclipse MOSAIC">
<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://www.eclipse.org/mosaic/">
<meta property="twitter:card" content="summary">
<meta property="og:site_name" content="Eclipse MOSAIC">
<meta property="og:url" content="https://www.eclipse.org/mosaic/">
<meta property="og:title" content="Eclipse MOSAIC">
<meta property="og:description" content=""><meta property="og:image" content="https://www.eclipse.org/mosaic/images/logo.svg">
<meta property="twitter:image" content="https://www.eclipse.org/mosaic/images/logo.svg"><meta property="og:locale" content="en-us">
<meta property="og:updated_time" content="2020-10-16T00:00:00&#43;00:00">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.eclipse.org/mosaic/?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https://www.eclipse.org/mosaic/"
}
</script>
<title>Eclipse MOSAIC</title>
</head>
<body id="top" data-spy="scroll" data-offset="70" data-target="#navbar-main" class="page-home ">
<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-6">
<h1>Search</h1>
</div>
<div class="col-6 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:hidden;" class="navbar-brand" href="/mosaic/"><img src="/mosaic/images/logo.svg" alt="Eclipse MOSAIC"></a>
</div>
<button type="button" class="navbar-toggler" data-toggle="collapse"
data-target="#navbar-content" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fas fa-bars"></i></span>
</button>
<div class="navbar-collapse main-menu-item collapse justify-content-center" id="navbar-content">
<ul class="navbar-nav d-md-inline-flex">
<li class="nav-item">
<a class="nav-link " href="/mosaic/about"><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>
</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://www.eclipse.org/mosaic/img/background-home.jpg);opacity: 1.0;"></div>
<div class="container">
<div class="row page-header">
<div class="row col-md-12 justify-content-left alignment-left">
<div class="col-8 justify-content-left">
<div class="row col-md-12 justify-content-left page-header-logo">
<img src="/mosaic/img/EclipseMOSAIC-Logo-RGB-negativ.svg" style="height:13rem;" title="Eclipse MOSAIC">
</div>
<div class="row col-md-12 justify-content-right">
<div class="col-md-8 text-left section-heading">
<p>A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility.</p>
</div>
</div>
</div>
<div class="col-4 justify-content-right buttons">
<div class="col-md-12 justify-content-right text-right">
<a class="mosaic-btn mosaic-btn-light" href="/mosaic/download/" title="&lt;i class=&#39;fa fa-download&#39; aria-hidden=&#39;true&#39;&gt;&lt;/i&gt; Download Now"><i class='fa fa-download' aria-hidden='true'></i> Download Now</a>
</div>
<div class="col-md-12 justify-content-right text-right">
<a class="mosaic-btn mosaic-btn-light" href="/mosaic/docs/" title="&lt;i class=&#39;fa fa-book&#39; aria-hidden=&#39;true&#39;&gt;&lt;/i&gt; Read the Docs"><i class='fa fa-book' aria-hidden='true'></i> Read the Docs</a>
</div>
<div class="col-md-12 justify-content-right text-right">
<a class="mosaic-btn mosaic-btn-light" href="/mosaic/tutorials/" title="&lt;i class=&#39;fa fa-graduation-cap&#39; aria-hidden=&#39;true&#39;&gt;&lt;/i&gt; Tutorials"><i class='fa fa-graduation-cap' aria-hidden='true'></i> Tutorials</a>
</div>
</div>
</div>
<div class="features row col-md-12 align-items-end justify-content-center">
<div class="feature col-md-4">
<div class="feature-inner is-linked-feature">
<a href="/mosaic/about#co_simulation" title="Learn More" class="linked-feature">
<h3>Co-Simulation Framework</h3>
<p>Eclipse MOSAIC couples best in class simulators together to create complex simulation scenarios quickly and easily. Standardized interfaces allow to couple new simulators without effort to extend the modeling capabilities.</p>
<p class="feature-link">Learn More</p>
</a>
</div>
</div>
<div class="feature col-md-4">
<div class="feature-inner is-linked-feature">
<a href="/mosaic/about#model_collection" title="Learn More" class="linked-feature">
<h3>Multi-Domain / Multi-Scale Models</h3>
<p>The flexibility of Eclipse MOSAIC allows to combine simulation models of multiple domains (e.g. application, traffic, communication) on multiple scales (e.g. microscopic-traffic vs. detailled vehicle simulation) which all can be combined.</p>
<p class="feature-link">Learn More</p>
</a>
</div>
</div>
<div class="feature col-md-4">
<div class="feature-inner is-linked-feature">
<a href="/mosaic/contribution" title="Contribute" class="linked-feature">
<h3>Open for Extensions</h3>
<p>Eclipse MOSAIC is Open Source! This makes it very easy to extend the simulation framework by your own models. You can find the source code of the coupling engine, various simulators and models, and example scenarios on our GitHub page.</p>
<p class="feature-link">Contribute</p>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="simulator_coupling" class="home-section wg-text-image " >
<div class="container">
<div class="row text-image">
<div class="col-md-12 row justify-content-center mb-3">
<div class="image image-top col-md-10">
<img src="https://www.eclipse.org/mosaic/img/simulator-coupling.png">
</div>
</div>
<div class="col-md-12 row justify-content-center">
<div class="text-and-buttons">
<div class="text text-center"><p>The Eclipse MOSAIC Co-Simulation Framework flexibly couples simulators from different domains to create a holistic collection of simulation models for different scales. Eclipse MOSAIC improves the development and virtual testing of new Mobility Apps. Simulators could be exchanged according to the scenario and additional simulators could be coupled easily to extend Eclipse MOSAIC.</p>
</div>
<div class="buttons">
</div>
</div>
</div>
</div>
</section>
<section id="news" class="home-section wg-pages " >
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 section-heading">
<h1></h1>
</div>
<div class="col-12 col-md-12">
<div class="media stream-item">
<div class="mr-3">
<a href="/mosaic/post/release-20-0/" >
<img src="/mosaic/post/release-20-0/featured_hu2856af723d2b3e6f45f2d38655ae39d9_95582_300x0_resize_q90_lanczos.jpg" alt="First release of Eclipse MOSAIC">
</a>
</div>
<div class="media-body">
<h3 class="article-title mb-0 mt-0">
<a href="/mosaic/post/release-20-0/" >First release of Eclipse MOSAIC</a>
</h3>
<div class="article-style">
The initial contribution is accomplished! With the autumn version, the committer team from Fraunhofer FOKUS and DCAITI is proud to release Eclipse MOSAIC 20.0 to the open source community. With the runtime infrastructure, core libraries and various implementations of simulators or couplings to existing ones, Eclipse MOSAIC includes the essential feature collection for simulation and virtual testing of connected and automated mobility solutions.
</div>
<div class="stream-meta article-metadata">
<div class="article-metadata">
<span class="article-date">
Oct 16, 2020
</span>
<span class="middot-divider"></span>
<span class="article-reading-time">
1 min read
</span>
</div>
</div>
</div>
</div>
<div class="media stream-item">
<div class="mr-3">
<a href="/mosaic/post/eclipse-mosaic/" >
<img src="/mosaic/post/eclipse-mosaic/featured_hu85d7f974a6a281b36bca4c515ee99cfe_362358_300x0_resize_q90_lanczos.jpg" alt="Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC">
</a>
</div>
<div class="media-body">
<h3 class="article-title mb-0 mt-0">
<a href="/mosaic/post/eclipse-mosaic/" >Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC</a>
</h3>
<div class="article-style">
On the occasion of EclipseCon 2020, Fraunhofer FOKUS launches its simulation environment Eclipse MOSAIC. This solution is based on VSimRTI (Vehicle-2-X Simulation Runtime Infrastructure), which has been developed over the last 12 years in close cooperation with the DCAITI of the TU Berlin and has already been used by more than 600 partners to test mobility services and traffic scenarios. Eclipse MOSAIC is now partially available as open-source.
</div>
<div class="stream-meta article-metadata">
<div class="article-metadata">
<span class="article-date">
Oct 16, 2020
</span>
<span class="middot-divider"></span>
<span class="article-reading-time">
2 min read
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="partners" class="home-section wg-partners " >
<div class="container">
<div class="container-fluid text-muted" style="margin-top: 1em;">
<div class="row">
<div class="col-md-3" style="margin-top: auto; margin-bottom: auto;">
<a href="https://fokus.fraunhofer.de/en" class="view-list-item ml-3">
<img src="/mosaic/img/logos/fh_fokus-logo.png" alt="Fraunhofer logo" class="member-logo" style="width:10rem;">
</a>
<a href="https://www.dcaiti.tu-berlin.de/" target="_blank" rel="noopener" class="view-list-item ml-3">
<img src="/mosaic/img/logos/dcaiti-logo.png" alt="DCAITI" style="width:10rem;">
</a>
</div>
<div class="col-md-9" style="color: #403b3b; margin-top:auto; margin-bottom:auto;">
<b>Fraunhofer FOKUS</b> and <b>DCAITI (Daimler Center for Automotive IT Innovations)</b> developed this simulation platform, formerly known as VSimRTI, to support research in the field of connected and automated mobility for more than 12 years.
</div>
</div>
</div>
<div class="container-fluid text-muted" style="margin-top: 3em;">
<div class="container">
<div class="row">
<div class="col-md-3" style="margin-top: auto; margin-bottom: auto;">
<a href="https://openmobility.eclipse.org" class="view-list-item ml-3"><img src="/mosaic/img/logos/open-mobility-logo.png" alt="openMobility logo" style="width:8rem;"></a>
</div>
<div class="col-md-9" style="color: #403b3b; margin-top: auto; margin-bottom:auto;">
The future of Eclipse MOSAIC is driven by several industry and academic partners in the <b>openMobility Working Group</b> at the Eclipse Foundation.
</div>
</div>
</div>
<div class="row js-layout-row" style="margin-top:3em; justify-content:center;">
<a href="https://openmobility.eclipse.org/members/avl" class="view-list-item ml-3" style="margin-left:auto;margin-right:auto"><img src="/mosaic/img/logos/avl-logo.png" style="height:50px;"></a>
<a href="https://openmobility.eclipse.org/members/bosch" class="view-list-item ml-3" style="margin-left:auto;margin-right:auto"><img src="/mosaic/img/logos/bosch-logo.png" alt="Bosch logo" class="member-logo" style="height:50px;"></a>
<a href="https://openmobility.eclipse.org/members/dlr" class="view-list-item ml-3" style="margin-left:auto;margin-right:auto"><img src="/mosaic/img/logos/dlr-logo.png" alt="DLR logo" class="member-logo" style="height:50px;"></a>
<a href="https://openmobility.eclipse.org/members/itemis" class="view-list-item ml-3" style="margin-left:auto;margin-right:auto"><img src="/mosaic/img/logos/itemis-logo.png" alt="Itemis logo" class="member-logo" style="height:50px;"></a>
<a href="https://openmobility.eclipse.org/members/vector" class="view-list-item ml-3" style="margin-left:auto;margin-right:auto"><img src="/mosaic/img/logos/vector-logo.png" alt="Vector logo" class="member-logo" style="height:50px;"></a>
</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/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-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script>
<script src="/mosaic/js/academic.min.12ac32fae0b6a379104641bfce6313cb.js"></script>
<script src="https://www.eclipse.org/js/mosaic-wg-features-widget.js"></script>
<div class="footer-wrap">
<div class="container">
<footer class="site-footer">
<div class="row">
<div class="col-sm-4">
<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">
<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="https://accounts.eclipse.org/mailing-list/mosaic-dev" title="Mailing list" target="_blank" rel="noopener">
Mailing list
</a>
</li>
</ul>
</div>
<div class="col-sm-4">
<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" 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>