post/eclipse-mosaic/index.html - gerrit/www.eclipse.org/mosaic - Git at Google

 <!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="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.">


   <link rel="alternate" hreflang="en-us" href="https://www.eclipse.org/mosaic/post/eclipse-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://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://www.eclipse.org/mosaic/post/eclipse-mosaic/">


   <meta property="twitter:card" content="summary_large_image">

   <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://www.eclipse.org/mosaic/post/eclipse-mosaic/">
   <meta property="og:title" content="Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC | Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility">
   <meta property="og:description" content="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."><meta property="og:image" content="https://www.eclipse.org/mosaic/post/eclipse-mosaic/featured.jpg">
   <meta property="twitter:image" content="https://www.eclipse.org/mosaic/post/eclipse-mosaic/featured.jpg"><meta property="og:locale" content="en-us">


       <meta property="article:published_time" content="2020-10-16T00:00:00&#43;00:00">

     <meta property="article:modified_time" content="2020-10-16T00:00:00&#43;00:00">


 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
   "@type": "BlogPosting",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://www.eclipse.org/mosaic/post/eclipse-mosaic/"
   },
   "headline": "Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC",

   "image": [
     "https://www.eclipse.org/mosaic/post/eclipse-mosaic/featured.jpg"
   ],

   "datePublished": "2020-10-16T00:00:00Z",
   "dateModified": "2020-10-16T00:00:00Z",

   "author": {
     "@type": "Person",
     "name": "Fraunhofer FOKUS"
   },

   "publisher": {
     "@type": "Organization",
     "name": "Eclipse MOSAIC – A Multi-Domain and Multi-Scale Simulation Framework for Connected and Automated Mobility",
     "logo": {
       "@type": "ImageObject",
       "url": "https://www.eclipse.org/mosaic/images/logo.svg"
     }
   },
   "description": "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."
 }
 </script>


   <title>Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC | 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="#TableOfContents" class=" page-mosaic page-post page-eclipse-mosaic ">

   <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 " 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 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 " 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>

   </div>
 </nav>


   <article class="article">


 <div class="article-container pt-3">
   <h1>Testing mobility scenarios with the Open-Source simulation environment Eclipse MOSAIC</h1>


 <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 class="article-header article-container featured-image-wrapper mt-4 mb-4" style="max-width: 720px; max-height: 360px;">
   <div style="position: relative">
     <img src="/mosaic/post/eclipse-mosaic/featured_hu85d7f974a6a281b36bca4c515ee99cfe_362358_720x0_resize_q90_lanczos.jpg" alt="" class="featured-image">
     <span class="article-header-caption">The simulation environment Eclipse MOSAIC is now available as open source. Copyright: Fraunhofer FOKUS</span>
   </div>
 </div>


   <div class="article-container">

     <div class="article-style">
       <p><strong>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.</strong></p>
 <p>Whether dynamic lane assignment or traffic light phase assistant, new mobility services are designed to increase safety, efficiency, comfort, and facilitate environmentally friendly transport. The Eclipse MOSAIC simulation environment allows to explore how this can be achieved, before the services are tested in field trials on the road. Eclipse MOSAIC can also be used for testing driver assistance systems and to optimize the entire traffic.</p>
 <h2 id="flexible-coupling-of-simulators">Flexible coupling of simulators</h2>
 <p>Eclipse MOSAIC integrates, depending on the simulation scenario, different aspects like individual building blocks into a holistic system, e.g., traffic congestion, battery charging of electric cars, or communication between other road users and a central cloud. The level of detail for individual aspects is variable: from a rough mobility scenario for an entire city to detailed individual driving maneuvers.</p>
 <p>The open-source version of Eclipse MOSAIC already includes several simulators, e.g., Eclipse SUMO for traffic and OMNeT++ and ns-3 for communication. Further simulators can be coupled, e.g., Fraunhofer FOKUS offers the simulator PHABMACS for the realistic modeling of autonomous vehicles.</p>
 <p>In addition to the simulator coupling, Eclipse MOSAIC manages the following tasks:</p>
 <ul>
 <li>Federation: Individual simulators are interchangeable within a scenario.</li>
 <li>Interaction: Information from one simulator is also taken into account by others.</li>
 <li>Time: All simulators run synchronously.</li>
 </ul>
 <p>Additionally, Eclipse MOSAIC offers several tools for evaluation and visualization of the results, which are also included in the open-source package.</p>
 <p>In the recently completed EU project INFRAMIX, Eclipse MOSAIC was used to test scenarios for the future road that allow mixed traffic between conventional and automated vehicles.</p>
 <p>Fraunhofer FOKUS has been a strategic development member of the Eclipse Foundation since May of this year and works in close cooperation with the partners of the working groups OpenMobility and openADx (Open Source for Autonomous Driving).</p>
 <p>Further information about Eclipse MOSAIC:
 <a href="https://www.eclipse.org/mosaic">https://www.eclipse.org/mosaic</a>
 <a href="https://github.com/eclipse/mosaic">https://github.com/eclipse/mosaic</a></p>
 <p>Further information about INFRAMIX:
 <a href="https://www.fokus.fraunhofer.de/de/fokus/news/inframix-projekt_2020_08">https://www.fokus.fraunhofer.de/de/fokus/news/inframix-projekt_2020_08</a></p>
 <p>Further information about EclipseCon:
 <a href="https://www.eclipsecon.org/2020">https://www.eclipsecon.org/2020</a></p>

     </div>


   </div>
 </article>


       <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>