blob: 267b5924793f7c892c96e9d17eb551f819a6fe9f [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-13T00: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 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-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>
</div>
<div class="navbar-collapse main-menu-item collapse justify-content-start" 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/about_deprecated"><span>About (Deprecated)</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 " >
<div class="page-header-background" style=""></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/docs/extending_mosaic/simulator_coupling/" title="Learn More" class="linked-feature">
<h3>Simulator Coupling</h3>
<p>Eclipse MOSAIC couples best in class simulators together with various built-in simulation models to create complex simulation scenarios quickly and easily. Own simulators can be coupled easily to the runtime infrastructure.</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/docs/building_scenarios/scenarios/" title="Learn More" class="linked-feature">
<h3>Multi-Domain / Multi Scale</h3>
<p>The flexibility of Eclipse MOSAIC allows to combine simulation models of multiple domains (e.g. traffic, communication, applicaiton) 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="https://github.com/eclipse/mosaic" title="Go to GitHub" class="linked-feature">
<h3>Open Source</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">Go to GitHub</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="title row col-md-12 justify-content-center">
<div class="col-md-6 section-heading">
<h1>Co-Simulation Framework</h1>
</div>
</div>
<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>Eclipse MOSAIC is based on the High Level Architecture (HLA) standard for simulation interoperability and provides a
runtime infrastructure (RTI) as a standalone master that centrally regulates communication, time synchronization and
data exchange.</p>
<!--, compared to other existing standards such as the Functional Mock-Up Interface (FMI), which does not provide a
master algorithm. So you can only focus on the coupling process of your preferred simulator.-->
</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>Current News</h1>
</div>
<div class="col-12 col-lg-8">
<div class="media stream-item">
<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">
<div>
<span><a href="/mosaic/author/fraunhofer-fokus/">Fraunhofer FOKUS</a></span>, <span><a href="/mosaic/author/mitra-motakef-tratar/">Mitra Motakef-Tratar</a></span>
</div>
<span class="article-date">
Oct 13, 2020
</span>
<span class="middot-divider"></span>
<span class="article-reading-time">
2 min read
</span>
</div>
</div>
</div>
<div class="ml-3">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="partners" class="home-section wg-portfolio " >
<div class="container">
<div class="row">
<div class="col-12 col-lg-4 section-heading">
<h1>Partners</h1>
</div>
<div class="col-12 col-lg-8">
<div class=" row js-layout-row ">
<div class="col-12 isotope-item ">
<div class="media stream-item">
<div class="media-body">
<h3 class="article-title mb-0 mt-0">
<a href="https://openmobility.eclipse.org/" target="_blank" rel="noopener">openMobility</a>
</h3>
<div class="article-style">
openMobility Working Group is founded to support the development and broad introduction of open source mobility modeling and simulation technologies. The aim of the Working Group is to deliver a openMobility framework of tools based on validated models, which are accepted as “standard tools” in industry applications and academia.Eclipse MOSAIC contributes with its features and flexibility to make open source framework available to a broad public.
</div>
<div class="stream-meta article-metadata">
<div class="article-metadata">
<span class="article-date">
Jul 17, 2020
</span>
</div>
</div>
</div>
<div class="ml-3">
<a href="https://openmobility.eclipse.org/" target="_blank" rel="noopener">
<img src="/mosaic/group/openmobility/featured_hua05ed380653d709eaf1029f3e25fcfde_65460_150x0_resize_lanczos_2.png" alt="openMobility">
</a>
</div>
</div>
</div>
<div class="col-12 isotope-item ">
<div class="media stream-item">
<div class="media-body">
<h3 class="article-title mb-0 mt-0">
<a href="https://www.dcaiti.tu-berlin.de/" target="_blank" rel="noopener">DCAITI</a>
</h3>
<div class="article-style">
The DCATI institute was founded in 2006 as a joint initiative of Daimler AG and the Tecnical University of Berlin. Through cooperation with professional engineers from Daimler AG and researchers from various research institutes (TU Berlin , Fraunhofer FOKUS), the DCATI Institute plays a pioneering role in new IT-driven product and process innovations for the automotive sector.
</div>
<div class="stream-meta article-metadata">
<div class="article-metadata">
<span class="article-date">
Apr 27, 2016
</span>
</div>
</div>
</div>
<div class="ml-3">
<a href="https://www.dcaiti.tu-berlin.de/" target="_blank" rel="noopener">
<img src="/mosaic/group/dcaiti/featured_hu339aeb0cca00aa2329b404ca33f97466_74513_150x0_resize_lanczos_2.PNG" alt="DCAITI">
</a>
</div>
</div>
</div>
<div class="col-12 isotope-item js-id-Demo">
<div class="media stream-item">
<div class="media-body">
<h3 class="article-title mb-0 mt-0">
<a href="https://www.fokus.fraunhofer.de/en" target="_blank" rel="noopener">Fraunhofer FOKUS</a>
</h3>
<div class="article-style">
The Fraunhofer Institute for Open Communication Systems (FOKUS) is an organization of the Fraunhofer Society and it is engaged in applied research and development in the field of Information and Communications Technology (ICT). Fraunhofer FOKUS Institute is based on an organization with different business units and Eclipse MOSAIC is the result of many years of automotive research at ASCT (Automotive Services and Communication Technologies).
</div>
<div class="stream-meta article-metadata">
<div class="article-metadata">
<span class="article-date">
Apr 27, 2016
</span>
</div>
</div>
</div>
<div class="ml-3">
<a href="https://www.fokus.fraunhofer.de/en" target="_blank" rel="noopener">
<img src="/mosaic/group/fokus/featured_hu7f3b1844d34cbad3cdebec64c7f6caed_3975_150x0_resize_lanczos_2.png" alt="Fraunhofer FOKUS">
</a>
</div>
</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/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/mosaic/download/" title="Download Eclipse MOSAIC" >
Download Eclipse MOSAIC
</a>
</li>
<li>
<a href="/mosaic/mosaic/documentation" title="Documentation" >
Documentation
</a>
</li>
<li>
<a href="/mosaic/mosaic/tutorials" title="Tutorials" >
Tutorials
</a>
</li>
<li>
<a href="/mosaic/mosaic/license" title="License" >
License
</a>
</li>
<li>
<a href="/mosaic/mosaic/community/#projects" title="Projects" >
Projects
</a>
</li>
<li>
<a href="/mosaic/mosaic/publications" title="Publications" >
Publications
</a>
</li>
</ul>
</div>
<div class="col-sm-4">
<b>Community</b>
<ul>
<li>
<a href="/mosaic/mosaic/community" title="Eclipse MOSAIC Community" >
Eclipse MOSAIC Community
</a>
</li>
<li>
<a href="/mosaic/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>.
</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>