New version of the website
Change-Id: I1d123ec05cd9ee922b54c8f01d438bdd9dd9ac5a
Signed-off-by: Pierre-Charles David <pierre-charles.david@obeo.fr>
diff --git a/angular/blocks/call2action.html b/angular/blocks/call2action.html
deleted file mode 100644
index c5bada2..0000000
--- a/angular/blocks/call2action.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<!-- <div id="download_banner_wrapper" class="bg_dark_fushia" ng-class="{'cloak': hideBanner}">
- <div class="closeButton"><img src="http://www.eclipse.org/sirius/images/closeButton.png" border="0" ng-click="hideBanner = true"/></div>
- <div id="download_banner_content">
- <p class="left intro"><b>Sirius 6.1</b> has been released! </p>
- <a class="right bg_light_purple" href="http://www.eclipse.org/sirius/download.html">Try it now</a>
- <a class="right whatsnew" href="http://www.eclipse.org/sirius/whatsnew/whatsnew6-1.html">What's new</a>
- </div>
-</div> -->
diff --git a/angular/blocks/collab_web_block.html b/angular/blocks/collab_web_block.html
deleted file mode 100644
index 12b5537..0000000
--- a/angular/blocks/collab_web_block.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<div ng-cloak class="ng-cloak">
- <div >
- <div class="intro_gallery bg_light_gray services margin_top" style="display: inline-block; width: 310px; margin-top: 1em; vertical-align: top; align: left; margin-right: 1em;">
- <h3><i class="fas fa-user-friends"> </i> Need collaborative features?</h3>
- <p>Obeo Designer Team edition facilitates the collaboration with your other team members.</p>
- <p>Models and representations (diagrams, tables, trees) created with Sirius are stored in a shared repository.</p>
- <p><a href="https://www.obeodesigner.com/en/collaborative-features" target="_blank">Learn more <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
-
- <div class="intro_gallery bg_light_gray services margin_top" style="display: inline-block; width: 310px; margin-top: 1em; vertical-align: top">
- <h3><i class="fab fa-html5"></i> Need to run in a Web Browser?</h3>
- <p>Discover Sirius Web, the open-source sub-project to easily create and deploy studios to the web.</p>
- <p>All the principles you like in Sirius Desktop, available on a modern cloud-based stack.</p>
- <p><a href="sirius-web.html">Learn more <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
- </div>
-</div>
diff --git a/angular/blocks/footer.html b/angular/blocks/footer.html
deleted file mode 100644
index 508d576..0000000
--- a/angular/blocks/footer.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<div id="footer_wrapper">
- <div id="footer_content">
- <div class="column">
- <div class="columntitle">
- <h3>Eclipse Links</h3>
- </div>
- <ul>
- <li><a href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
- <li><a href="http://eclipse.org/">Eclipse</a></li>
- <li><a href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
- <li><a href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
- <li><a href="http://www.eclipse.org/legal/">Legal</a></li>
- <li><a href="http://www.eclipse.org/org/foundation/contact.php"> Contact Us</a></li>
- </ul>
- </div>
-
- <div class="column">
- <div class="columntitle">
- <h3>Community</h3>
- </div>
- <ul>
- <li><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262">Forum</a></li>
- <li><a href="https://www.obeodesigner.com/en/services">Professional Support</a></li>
- <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius">Bug Tracker</a></li>
- <li><a href="http://www.eclipse.org/sirius/getstarted.html">Get Started</a></li>
- <li><a href="http://www.eclipse.org/sirius/articles-videos.html">Articles & Videos</a></li>
- <li><a href="http://www.eclipse.org/sirius/doc/">Documentation</a></li>
- <li><a href="http://wiki.eclipse.org/Sirius">Wiki</a></li>
- <li><a href="https://dev.eclipse.org/mailman/listinfo/sirius-dev">Developer Mailing List</a></li>
- <li><a href="http://git.eclipse.org/c/sirius/org.eclipse.sirius.git ">Source Code</a></li>
- </ul>
- </div>
-
- <div class="column">
- <a href="http://www.eclipse.org/"><img src="http://www.eclipse.org/sirius/images/logos/eclipse.png" alt="Eclipse logo" /></a>
- <span id="copyright">Copyright © <span id="year">{{date | date:'yyyy'}}</span> The Eclipse Foundation. All Rights Reserved.</span>
- <p> </p>
- <p><a href="https://orioniconlibrary.com" target="_blank">Some Icons by Orion Icon Library.</a></p>
- </div>
- </div>
-</div>
\ No newline at end of file
diff --git a/angular/blocks/header.html b/angular/blocks/header.html
deleted file mode 100644
index fcfa8fb..0000000
--- a/angular/blocks/header.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div id="header_wrapper" ng-cloak class="ng-cloak">
- <div id="menu_wrapper" style="padding-top: 0px;">
- <ul id="nav">
- <li><a style= "text-transform: uppercase" class="selected_main_menu" href=".">Sirius Desktop</a></li>
- <li><a style= "text-transform: uppercase" class="unselected_main_menu" href="sirius-web.html">Sirius Web</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
- <div id="logo">
- <a href="."><img alt="logo" src="images/logos/logo.png" /></a>
- </div>
- <div id="menu_wrapper">
- <ul id="nav">
- <li><a href="overview.html">Overview</a></li>
- <li><a href="gallery.html">Gallery</a></li>
- <li><a href="getstarted.html">Get Started</a></li>
- <li><a href="features.html">Features</a></li>
- <li><a href="articles-videos.html">Resources</a></li>
- <li><a href="community.html">Community</a></li>
- <li><a href="download.html">Download</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
-</div> <!-- Fin header_wrapper -->
diff --git a/angular/blocks/header_absolu.html b/angular/blocks/header_absolu.html
deleted file mode 100644
index 85fde2b..0000000
--- a/angular/blocks/header_absolu.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div id="header_wrapper" ng-cloak class="ng-cloak">
- <div id="menu_wrapper" style="padding-top: 0px;">
- <ul id="nav">
- <li><a style= "text-transform: uppercase" class="selected_main_menu" href="../">Sirius Desktop</a></li>
- <li><a style= "text-transform: uppercase" class="unselected_main_menu" href="../sirius-web.html">Sirius Web</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
- <div id="logo">
- <a href="../"><img alt="logo" src="../images/logos/logo.png" /></a>
- </div>
- <div id="menu_wrapper">
- <ul id="nav">
- <li><a href="../overview.html">Overview</a></li>
- <li><a href="../gallery.html">Gallery</a></li>
- <li><a href="../getstarted.html">Get Started</a></li>
- <li><a href="../features.html">Features</a></li>
- <li><a href="../articles-videos.html">Resources</a></li>
- <li><a href="../community.html">Community</a></li>
- <li><a href="../download.html">Download</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
-</div> <!-- Fin header_wrapper -->
diff --git a/angular/blocks/help_block.html b/angular/blocks/help_block.html
deleted file mode 100644
index eb59e35..0000000
--- a/angular/blocks/help_block.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div id="block_help" ng-cloak class="ng-cloak">
- <div class="intro_gallery bg_light_gray services margin_top">
- <h3><i class="far fa-life-ring"></i> Need help to deploy Sirius?</h3>
- <p>Obeo, co-leader of Sirius, provides professional services from the set-up to the deployment of your industrial-strength modeling workbenches created with Sirius.</p>
- <p><a href="https://www.obeodesigner.com/en/services" target="_blank">Training | Consulting & Coaching | Custom Development | Support <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
-</div>
diff --git a/angular/sirius.js b/angular/sirius.js
deleted file mode 100644
index 91e21a5..0000000
--- a/angular/sirius.js
+++ /dev/null
@@ -1,13 +0,0 @@
-(function () {
- 'use strict';
- var app = angular.module('sirius', []);
- app.controller('main', ['$rootScope', function ($rootScope) {
-
- $rootScope.$on('$includeContentLoaded', function() {
- $('.cloak').removeClass('cloak');
- });
-
- $rootScope.date = new Date();
- $rootScope.popupTooltip = false;
- }]);
-})();
\ No newline at end of file
diff --git a/articles-videos.html b/articles-videos.html
deleted file mode 100644
index 002ef75..0000000
--- a/articles-videos.html
+++ /dev/null
@@ -1,228 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.video.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="application/json" src="json/articles.json"></script>
- <script type="application/json" src="json/videos.json"></script>
- <script type="application/json" src="json/presentations.json"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Articles & Videos</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper">
- <h1 class="page_title">Articles & Videos</h1>
-</div>
-
-<section class="first_item">
- <article class="row">
- <header>
- <h2 class="centered uppercase">Articles</h2>
- </header>
-
- <div id="articles"></div>
- <script type="text/javascript">
- jQuery.getJSON('json/articles.json', function(data) {
-
- var output = " " ;
-
- for (var i=0; i< 3; i++) {
- var blogger = " ";
- var header = " ";
- var title = " ";
- var readmore = " ";
- var descr = " ";
- var photo = " ";
- var name = " ";
- var mail = " ";
- var twitter = " ";
- var google = " ";
- var github = " ";
-
- for (var j in data.articles[i].aside.lnks) {
- photo += "<span class='left photo'><a href='" + data.articles[i].aside.lnks[j].blog + "' target='_blank'><img src='" + data.articles[i].aside.photoSrc + "' alt='" + data.articles[i].aside.imgAlt + "' /></a></span>";
- name += "<span class='left name'><a class='indigo' href='" + data.articles[i].aside.lnks[j].blog + "' target='_blank'>" + data.articles[i].aside.imgAlt + "</a><br />";
- if(data.articles[i].aside.lnks[j].mail){
- mail += "<a href='" + data.articles[i].aside.lnks[j].mail + "' class='social' target='_blank'><i class='fa fa-fw fa-envelope-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].twitter){
- twitter += "<a href='" + data.articles[i].aside.lnks[j].twitter + "' class='social' target='_blank'><i class='fa fa-fw fa-twitter-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].google){
- google += "<a href='" + data.articles[i].aside.lnks[j].google + "' class='social' target='_blank'><i class='fa fa-fw fa-google-plus-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].github){
- github += "<a href='" + data.articles[i].aside.lnks[j].github + "' class='social' target='_blank'><i class='fa fa-fw fa-github'></i></a>";
- }
- }
-
- name += mail + twitter + google + github +"</span>";
- blogger += "<div class='blogger bg_gray'><p>" + photo + name + "</p></div>";
- title += "<h3><a class='indigo' href='" + data.articles[i].header.lnk + "' target='_blank'>" + data.articles[i].header.title + "</a></h3>";
- readmore += "<p><a href='" + data.articles[i].header.lnk + "' target='_blank'>Read more <i class='fa fa-arrow-circle-right'> </i></a></p>";
- descr += data.articles[i].header.description + readmore;
- header += "<header>" + title + descr + "</header>";
-
- output += "<div class='blog_post col_3 bg_light_gray'>" + header + blogger + "</div>";
- }
-
- document.getElementById("articles").innerHTML=output;
- });
- </script>
-
- <div class="clear" ></div>
- <p class="centered"><a class="btn" href="articles.html">View All</a></p>
-
- </article>
-</section>
-
-<section class="bg_light_gray videos">
- <article class="row">
- <header>
- <h2 class="centered uppercase">Videos</h2>
- </header>
-
- <div id="videos"></div>
- <script type="text/javascript">
-
- jQuery.getJSON('json/videos.json', function(data) {
- var output = " " ;
-
- for (var k in data.videos) {
- if(k<3) {
- var thumb = " ";
- var header = " ";
- var title = " ";
-
- thumb += "<div class='video_thumbnail'><a class='popup-youtube' href='" + data.videos[k].header.lnk + "'><img src='" + data.videos[k].thumb.photoSrc + "' /></a></div>";
-
- title += "<h3><a class='popup-youtube' href='" + data.videos[k].header.lnk + "'>" + data.videos[k].header.title + "</a></h3>";
-
- header += "<header class='video_title centered'>" + title + "</header>";
-
- output += "<div class='col_3'>" + thumb + header + "</div>";
-
- }
- }
-
- document.getElementById("videos").innerHTML=output;
-
- $('.popup-youtube').magnificPopup({
- disableOn: 700,
- type: 'iframe',
- mainClass: 'mfp-fade',
- removalDelay: 160,
- preloader: false,
-
- fixedContentPos: false
- });
-
- });
-
- </script>
-
- <div class="clear" ></div>
- <p class="centered"><a class="btn" href="videos.html">View All</a></p>
-
- </article>
-</section>
-
-<section class="videos">
- <article class="row">
- <header>
- <h2 class="centered uppercase">Presentations</h2>
- </header>
-
- <div id="presentations"></div>
- <script type="text/javascript">
-
- jQuery.getJSON('json/presentations.json', function(data) {
- var output = " " ;
-
- for (var k in data.presentations) {
- if(k<3) {
- var thumb = " ";
- var header = " ";
- var title = " ";
-
- thumb += "<div class='video_thumbnail'><a class='popup-youtube' href='" + data.presentations[k].header.lnk + "'><img src='" + data.presentations[k].thumb.photoSrc + "' /></a></div>";
-
- title += "<h3><a class='popup-youtube' href='" + data.presentations[k].header.lnk + "'>" + data.presentations[k].header.title + "</a></h3>";
-
- header += "<header class='video_title centered'>" + title + "</header>";
-
- output += "<div class='col_3'>" + thumb + header + "</div>";
- }
- }
-
- document.getElementById("presentations").innerHTML=output;
-
- $('.popup-youtube').magnificPopup({
- disableOn: 700,
- type: 'iframe',
- mainClass: 'mfp-fade',
- removalDelay: 160,
- preloader: false,
-
- fixedContentPos: false
- });
-
- });
-
- </script>
-
- <div class="clear" ></div>
- <p class="centered"><a class="btn" href="presentations.html">View All</a></p>
-
- </article>
-</section>
-
-<section class="bg_light_gray">
- <article class="row">
- <header>
- <h2 class="centered uppercase">Best Practices</h2>
- <p class="centered">Sirius committers have shared some of their best practices to help you take advantage of their experience<br /> and implement efficient graphical modeling tools (registration required)
- </p>
- </header>
-
- <div class="clear" ></div>
-
- <p class="centered"><a class="btn" href="https://www.obeodesigner.com/en/best-practices" target="_blank">Improve Your Sirius Practices</a></p>
-
- </article>
-</section>
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
\ No newline at end of file
diff --git a/articles.html b/articles.html
deleted file mode 100644
index 746e3f1..0000000
--- a/articles.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="application/json" src="json/articles.json"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Articles</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper">
- <h1 class="page_title">Articles</h1>
-</div> <!-- Fin body_wrapper -->
-
- <div id="articles" class="articles"></div>
- <script type="text/javascript">
- jQuery.getJSON('json/articles.json', function(data) {
-
- var output = " " ;
-
- for (var i in data.articles) {
- var aside = " ";
- var header = " ";
- var title = " ";
- var date = " ";
- var readmore = " ";
- var descr = " ";
- var photo = " ";
- var name = " ";
- var mail = " ";
- var twitter = " ";
- var google = " ";
- var github = " ";
-
- for (var j in data.articles[i].aside.lnks) {
- photo += "<p class='photo'><a href='" + data.articles[i].aside.lnks[j].blog + "' target='_blank'><img src='" + data.articles[i].aside.photoSrc + "' alt='" + data.articles[i].aside.imgAlt + "' /></a></p>";
- name += "<p class='name'><a class='indigo' href='" + data.articles[i].aside.lnks[j].blog + "' target='_blank'>" + data.articles[i].aside.imgAlt + "</a><br />";
- if(data.articles[i].aside.lnks[j].mail){
- mail += "<a href='" + data.articles[i].aside.lnks[j].mail + "' class='social' target='_blank'><i class='fa fa-fw fa-envelope-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].twitter){
- twitter += "<a href='" + data.articles[i].aside.lnks[j].twitter + "' class='social' target='_blank'><i class='fa fa-fw fa-twitter-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].google){
- google += "<a href='" + data.articles[i].aside.lnks[j].google + "' class='social' target='_blank'><i class='fa fa-fw fa-google-plus-square'></i></a>";
- }
- if(data.articles[i].aside.lnks[j].github){
- github += "<a href='" + data.articles[i].aside.lnks[j].github + "' class='social' target='_blank'><i class='fa fa-fw fa-github'></i></a>";
- }
- }
-
- name += mail + twitter + google + github +"</p>";
- aside += "<aside class='col_2 left blogger'>" + photo + name + "</aside>";
-
- date += "<p class='date light_purple'>Posted on " + data.articles[i].header.date +"</p>";
- title += "<h3><a class='indigo' href='" + data.articles[i].header.lnk + "' target='_blank'>" + data.articles[i].header.title + "</a></h3>" + date;
- readmore += "<p><a href='" + data.articles[i].header.lnk + "' target='_blank'>Read more <i class='fa fa-arrow-circle-right'> </i></a></p>";
- descr += data.articles[i].header.description + readmore;
- header += "<header class='col_10 left'>" + title + descr + "</header>";
-
- output += "<section><article class='row'>" + aside + header + "</article></section>";
- }
-
- document.getElementById("articles").innerHTML=output;
- });
- </script>
-
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..5fc2a5f
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,75 @@
+body {padding-top: 105px;}
+.navbar-brand {
+ margin-top: -38px;
+}
+.navbar-brand img{
+ width: 215px;
+}
+#top-bar {
+ padding: 0 0 12px 0;
+}
+.navbar>.container{
+ display: block !important;
+}
+#top-bar #super-menu .main-menu li a {
+ text-transform: initial !important;
+}
+#top-bar #super-menu {
+ margin-bottom: 10px;
+}
+a, .popup-gallery a:hover, .linked_title a:hover, .bg_indigo a:focus, #top-bar .main-menu li a:hover, #top-bar .main-menu li#dwnld > a {
+ color: #be1a78;
+}
+#top-bar .main-menu li a {
+border-bottom: 4px solid transparent;
+padding-bottom: 4px;
+}
+#top-bar .main-menu li a:hover, #top-bar .main-menu li.active a:hover, #top-bar .main-menu li.current a:hover {
+ border-bottom: 4px solid #be1a78;
+ padding-bottom: 4px;
+}
+.nav>li#dwnld:hover{
+ background-color: #be1a78;
+ color: #fff;
+}
+section#sirius-web-bar {padding: 10px !important;}
+#sirius-web-bar .container .row {padding: 5px 0;}
+#sirius-web-bar p.cloud {font-size: 40px;}
+#sirius-web-bar p, #sirius-web-bar h5 {margin-bottom: 0;}
+#sirius-web-bar p.descr {font-size: 12px;}
+
+.bg_indigo a {color:#FBB800;}
+.btn-default {
+ background-color: #be1a78 ;
+ border: 1px solid #be1a78;
+ }
+ .btn-primary {
+ color: #be1a78;
+ border: 1px solid #be1a78;
+ }
+ .btn-default:hover, .btn-primary:hover,.btn-default:active, .btn-default:focus, .btn-default:active, .btn-default:focus, .open>.dropdown-toggle.btn-default
+ {
+ color: #fff;
+ background-color: #261e58;
+ border: 1px solid #261e58;
+ }
+#top-bar .nav li.active a, #top-bar .nav li.current a{
+ border-bottom: 4px solid #be1a78;
+ color: #be1a78;
+ }
+#top-bar .main-menu > li#dwnld:hover{
+ background-color: #be1a78;
+ border-bottom: none;
+}
+#top-bar .main-menu li#dwnld > a {
+ color: #fff;
+ border-bottom: none;
+}
+.cc-color-override-1434350510.cc-revoke {
+ color: #fff !important;
+ background-color: #be1a78 !important;
+}
+.cc-color-override-1434350510.cc-revoke:hover {
+ color: #fff !important;
+ background-color: #7667A3 !important;
+}
\ No newline at end of file
diff --git a/js/ga.js b/assets/js/ga.js
similarity index 100%
rename from js/ga.js
rename to assets/js/ga.js
diff --git a/call2action.html b/call2action.html
deleted file mode 100644
index deecfac..0000000
--- a/call2action.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<p class="left intro"><b>Sirius 4.0</b> has been released! </p>
-<a class="right bg_light_purple" href="http://www.eclipse.org/sirius/download.html">Try it now</a>
-<a class="right whatsnew" href="http://www.eclipse.org/sirius/whatsnew/whatsnew4.html">What's new</a>
diff --git a/css/animate.css b/common_assets/css/animate.css
similarity index 100%
rename from css/animate.css
rename to common_assets/css/animate.css
diff --git a/common_assets/css/bootstrap.min.css b/common_assets/css/bootstrap.min.css
new file mode 100755
index 0000000..185ce53
--- /dev/null
+++ b/common_assets/css/bootstrap.min.css
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;/* font-family:inherit; */font-weight:500;line-height:1.2;color:inherit;}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/css/media.css b/common_assets/css/media.css
similarity index 100%
rename from css/media.css
rename to common_assets/css/media.css
diff --git a/common_assets/css/styles.css b/common_assets/css/styles.css
new file mode 100644
index 0000000..9f82cde
--- /dev/null
+++ b/common_assets/css/styles.css
@@ -0,0 +1,659 @@
+body {
+ font-family: 'Lato', sans-serif;
+ font-size: 16px;
+ color: #777;
+ font-weight: 400;
+ padding-top: 80px;
+}
+h1,h2,h3,h4,h5,h6 {
+ color: #261e58;
+ font-weight: bold;
+ margin-bottom: 1rem;
+}
+p {
+ line-height: 22px;
+ font-size: 16px;
+ font-weight: 400;
+ margin-bottom: .5rem;
+}
+ul {
+ list-style: square;
+}
+h1 {font-size: 38px;}
+
+#intro h1 {
+ text-transform: uppercase;
+}
+.span-left {
+ margin-left: 40px;
+}
+.span-right {
+ margin-right: 40px;
+}
+h2 {
+ font-size: 26px;
+}
+code {
+ color:#009db5;
+}
+.text-uppercase {
+ letter-spacing: 2px;
+}
+a, .popup-gallery a:hover, .linked_title a:hover{
+ color: #FBB800;
+ text-decoration: none;
+}
+a:hover, a:active, a:focus, .linked_title a,
+#top-bar .main-menu li#dwnld > a:focus, .popup-gallery a{
+ text-decoration: none;
+ color: #261e58;
+ outline: 0;
+}
+.row {
+ padding: 40px 0;
+}
+.row img {
+ padding: 20px;
+}
+img.shadow {
+ padding: 0 !important;
+}
+.pa1 {
+ padding: 10px;
+}
+.pa2 {
+ padding: 20px;
+}
+.pa3 {
+ padding: 30px;
+}
+.pa4 {
+ padding: 40px;
+}
+.bg_indigo a:hover, #top-bar .main-menu li#dwnld > a:hover {color:#fff;}
+.bg_indigo a:focus {color:#FBB800;}
+.bg_indigo .btn-default:hover {
+background-color: #fff;
+color: #261e58;
+}
+.btn {
+ font-size: 13px;
+ font-weight: 700;
+ padding: 16px 35px;
+ text-transform: uppercase;
+ margin-top: 30px;
+}
+.btn-default {
+ color: #fff;
+ background-color: #FBB800;
+ border: 1px solid #FBB800;
+ letter-spacing: 2px;
+}
+.btn-primary {
+ background-color: #fff;
+ color: #FBB800;
+ border: 1px solid #FBB800;
+ letter-spacing: 2px;
+}
+.btn-secondary {
+ background-color: #fff;
+ color: #7667A3;
+ border: 1px solid #7667A3;
+ letter-spacing: 2px;
+}
+.btn-secondary:hover, .show>.btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #261e58;
+ border-color: #261e58;
+}
+.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default
+{
+ color: #FBB800;
+ background-color: #261e58;
+ border: 1px solid #261e58;
+}
+.btn-primary:hover{
+ color: #FBB800;
+ background-color: #261e58;
+}
+section {
+ padding: 40px;
+}
+.block-center {
+ float: none;
+ margin: 0 auto;
+}
+.left {
+ text-align: left;
+}
+.right {
+ text-align: right;
+}
+.title {
+ font-size: 30px;
+ line-height: 1.1;
+ font-weight: 300;
+ color: #261e58;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+}
+.subtitle {
+ font-size: 24px;
+ font-weight: 600;
+ margin-bottom: 18px;
+ text-transform: uppercase;
+}
+.bg_indigo h2, .bg_indigo h4 {
+ color: #fff;
+}
+.vcenter {
+ display: grid;
+ align-items: center;
+}
+.col-md-7 img {
+ width: 85%;
+}
+.popup-gallery img:hover{
+ cursor: zoom-in;
+}
+/* Menu - Navigation*/
+#top-bar {
+ background: #fff;
+ color: #fff;
+ -webkit-transition: all 0.2s ease-out 0s;
+ transition: all 0.2s ease-out 0s;
+ padding: 13px 0;
+ -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
+ border-bottom: 1px solid #dedede;
+}
+#top-bar .main-menu li {
+ padding: 10px 15px 2px 15px;
+}
+#top-bar .main-menu li.active a{
+ font-weight: bold;
+ border-bottom: 4px solid #261e58;
+ padding-bottom: 4px;
+}
+#top-bar .main-menu > li > a:hover {
+ background: transparent;
+}
+#top-bar.animated-header {
+ padding: 20px 0;
+ background: #ffffff;
+ box-shadow: none;
+}
+#top-bar .main-menu li, footer ul li {
+ position: relative;
+ list-style: none;
+}
+#top-bar .main-menu li a {
+ font-size: 14px;
+ font-weight: 500;
+ border-bottom: 2px solid transparent;
+ -webkit-transition: .1s all;
+ -o-transition: .1s all;
+ transition: .1s all;
+ text-transform: uppercase;
+ display: block;
+ color: #261e58;
+}
+.nav>li#dwnld {
+ background-color: #261e58;
+ border-radius: 4px;
+}
+#top-bar .main-menu li a:hover, #top-bar .main-menu li#dwnld > a {
+ color: #FBB800;
+}
+#top-bar .main-menu li#dwnld > a:focus {
+background-color: transparent;
+}
+#top-bar .main-menu > li#dwnld {
+ background-color: #261e58;
+}
+.navbar-header .navbar-brand {
+ padding: 5px 0;
+}
+.navbar-header .navbar-brand a {
+ height: auto;
+ display: inline-block;
+ margin-top: -10px;
+}
+.navbar-right .dropdown-menu {
+ right: auto;
+ left: 0;
+}
+.dropdown-menu > ul, .dropdown-menu .show ul {
+ background-color: #261e58;
+}
+.nav .open > a,
+.nav .open > a:focus {
+ background-color: transparent;
+}
+#top-bar .dropdown-menu > ul > li > a {
+ display: block;
+ font-size: 13px;
+ font-weight: 400;
+ line-height: normal;
+ text-decoration: none;
+ padding: 8px 0;
+ color: #fff;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+#top-bar .dropdown-item.active {
+ font-weight: 500;
+ color: #212529;
+ background-color: transparent;
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
+ background-repeat: no-repeat;
+ background-position: .4rem .6rem;
+ background-size: .75rem .75rem;
+}
+/* Colors
+-----------*/
+.bg_indigo {
+ background: #261e58;
+}
+.bg_yellow {
+ background: #FBB800;
+}
+.bg_purple {
+ background: #7667A3;
+}
+.bg_lightest_grey {
+ background: #f9f9f9;
+}
+.txt_indigo, .dropdown-item {
+ color: #261e58;
+}
+.txt_purple {
+ color: #7667A3 !important;
+}
+.txt_yellow {
+ color: #FBB800;
+}
+.txt_lightest_grey {
+ color: #bdbdbd;
+}
+.txt_white {
+color: #fff !important;
+}
+.txt_weight_300 {
+font-weight: 300;
+}
+.call-to-action {
+ background-size: cover;
+ background-attachment: fixed;
+ padding: 80px 0;
+ text-align: center;
+ position: relative;
+ color: #fff;
+}
+.call-to-action .block {
+ position: relative;
+ z-index: 99;
+ color: #fff;
+}
+.call-to-action .block h2 {
+ margin-bottom: 15px;
+ color: #fff;
+}
+.call-to-action .block p {
+ margin-top: 20px;
+}
+#feature {
+ padding: 80px 0;
+}
+#feature .media {
+ margin: 0px 0 70px 0;
+}
+#feature .media .media-left {
+ padding-right: 25px;
+}
+#feature h3 {
+ color: #000;
+ font-size: 18px;
+ text-transform: uppercase;
+ text-align: center;
+ margin-bottom: 20px;
+ margin: 0px 0px 15px;
+ font-weight: 400;
+}
+#feature p {
+ line-height: 25px;
+ font-size: 14px;
+ color: #777777;
+}
+#feature .icon {
+ text-decoration: none;
+ color: #fff;
+ background-color: #FBB800;
+ height: 100px;
+ text-align: center;
+ width: 100px;
+ font-size: 50px;
+ line-height: 100px;
+ overflow: hidden;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ text-shadow: #00a4ba 1px 1px, #00a4ba 2px 2px, #00a4ba 3px 3px, #00a4ba 4px 4px, #00a4ba 5px 5px, #00a4ba 6px 6px, #00a4ba 7px 7px, #00a4ba 8px 8px, #00a4ba 9px 9px, #00a4ba 10px 10px, #00a4ba 11px 11px, #00a4ba 12px 12px, #00a4ba 13px 13px, #00a4ba 14px 14px, #00a4ba 15px 15px, #00a4ba 16px 16px, #00a4ba 17px 17px, #00a4ba 18px 18px, #00a4ba 19px 19px, #00a4ba 20px 20px, #00a4ba 21px 21px, #00a4ba 22px 22px, #00a4ba 23px 23px, #00a4ba 24px 24px, #00a4ba 25px 25px, #00a4ba 26px 26px, #00a4ba 27px 27px, #00a4ba 28px 28px, #00a4ba 29px 29px, #00a4ba 30px 30px, #00a4ba 31px 31px, #00a4ba 32px 32px, #00a4ba 33px 33px, #00a4ba 34px 34px, #00a4ba 35px 35px, #00a4ba 36px 36px, #00a4ba 37px 37px, #00a4ba 38px 38px, #00a4ba 39px 39px, #00a4ba 40px 40px, #00a4ba 41px 41px, #00a4ba 42px 42px, #00a4ba 43px 43px, #00a4ba 44px 44px, #00a4ba 45px 45px, #00a4ba 46px 46px, #00a4ba 47px 47px, #00a4ba 48px 48px, #00a4ba 49px 49px, #00a4ba 50px 50px, #00a4ba 51px 51px, #00a4ba 52px 52px, #00a4ba 53px 53px, #00a4ba 54px 54px, #00a4ba 55px 55px, #00a4ba 56px 56px, #00a4ba 57px 57px, #00a4ba 58px 58px, #00a4ba 59px 59px, #00a4ba 60px 60px, #00a4ba 61px 61px, #00a4ba 62px 62px, #00a4ba 63px 63px, #00a4ba 64px 64px, #00a4ba 65px 65px, #00a4ba 66px 66px, #00a4ba 67px 67px, #00a4ba 68px 68px, #00a4ba 69px 69px, #00a4ba 70px 70px, #00a4ba 71px 71px, #00a4ba 72px 72px, #00a4ba 73px 73px, #00a4ba 74px 74px, #00a4ba 75px 75px, #00a4ba 76px 76px, #00a4ba 77px 77px, #00a4ba 78px 78px, #00a4ba 79px 79px, #00a4ba 80px 80px, #00a4ba 81px 81px, #00a4ba 82px 82px, #00a4ba 83px 83px, #00a4ba 84px 84px, #00a4ba 85px 85px, #00a4ba 86px 86px, #00a4ba 87px 87px, #00a4ba 88px 88px, #00a4ba 89px 89px, #00a4ba 90px 90px, #00a4ba 91px 91px, #00a4ba 92px 92px, #00a4ba 93px 93px, #00a4ba 94px 94px, #00a4ba 95px 95px, #00a4ba 96px 96px, #00a4ba 97px 97px, #00a4ba 98px 98px, #00a4ba 99px 99px, #00a4ba 100px 100px;
+}
+::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+ color: #bdbdbd;
+}
+::-moz-placeholder { /* Firefox 19+ */
+ color: #bdbdbd;
+}
+:-ms-input-placeholder { /* IE 10+ */
+ color: #bdbdbd;
+}
+:-moz-placeholder { /* Firefox 18- */
+ color: #bdbdbd;
+}
+#map-canvas {
+ width: 100%;
+ height: 350px;
+ background-color: #CCC;
+}
+/* Menu - Navigation */
+input {
+ color:inherit;
+ background-color: #fefefe;
+ border: 1px solid #bdbdbd;
+}
+#update_site input {
+ width: 50%;
+}
+/* Badges */
+.badge {
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 12px;
+ vertical-align: middle;
+}
+#sirius_versions .badge {
+ margin-top: -3px;
+}
+/* Footer */
+footer {
+ background: #261e58;
+ padding: 25px 0;
+ color: #fff;
+ border-top: 1px solid #dedede;
+}
+footer h6{
+ color: #fff;
+ font-weight: bolder;
+ font-size: 18px;
+}
+footer #copyright {
+ font-size: 12px;
+ margin-bottom: 0;
+ margin-top: 10px;
+}
+footer .row img {
+ padding: 0;
+}
+footer ul {padding-left: 0;}
+footer a {
+ font-size: 12px;
+ color:#fff;
+}
+footer a:hover, footer a:focus, footer a:active {color:#ccc;}
+/* Fancybox
+-----------*/
+.fancybox-close {
+ background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
+ height: 50px;
+ right: 0;
+ top: 0;
+ width: 50px;
+}
+.fancybox-next span {
+ background: url("../images/icons/right.png") no-repeat scroll center center #261e58;
+ height: 50px;
+ width: 50px;
+ right: 0;
+}
+.fancybox-prev span {
+ background: url("../images/icons/left.png") no-repeat scroll center center #261e58;
+ height: 50px;
+ width: 50px;
+ left: 0;
+}
+.fancybox-title h3 {
+ font-size: 15px;
+ margin: 0;
+}
+.fancybox-title {
+ padding: 15px 8px;
+}
+.wrapper_404 h1 {
+ font-size: 200px;
+ color: #FBB800;
+ line-height: 1;
+}
+.wrapper_404 h2 {
+ font-size: 50px;
+ margin-top: 0;
+}
+.company-description {
+ margin-top: 80px;
+}
+.company-description .block h3 {
+ margin-top: 0;
+}
+.company-description .block p {
+ color: #727272;
+}
+.about-feature {
+ margin-top: 50px;
+}
+.about-feature .block {
+ color: #fff;
+ width: 33.33%;
+ padding: 5%;
+ float: left;
+}
+.about-feature .block p {
+ font-weight: 300;
+}
+.about-feature .about-feature-1 {
+ background: #FBB800;
+}
+.about-feature .about-feature-2 {
+ background: #00B0C7;
+}
+.about-feature .about-feature-3 {
+ background: #00A6BB;
+}
+article {
+ padding: 30px 0;
+}
+.gallery {
+ padding: 100px;
+}
+.gallery figure .buttons {
+ left: 40%;
+}
+div.popup-gallery {
+ display: unset;
+}
+#videos .video_thumbnail p a {
+ position: relative;
+ display: block;
+ opacity: 1;
+ -webkit-transition: .7s;
+ -o-transition: .7s;
+ transition: .7s;
+}
+#videos .video_thumbnail p a::before {
+ font: normal normal normal 14px/1 FontAwesome;
+ content: "\f16a";
+ color: #261e58;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ transform: translate(0, 0);
+ display: block;
+ position: absolute;
+ font-size: 40px;
+ opacity: 0.8;
+ top: 40%;
+ left: 43%;
+ z-index: 4;
+}
+#videos .video_thumbnail p a:hover::before {
+ color: #FBB800;
+ opacity: 1;
+}
+/* Tab Style
+------------- */
+.tab-content {
+ padding: 20px;
+ text-align: left;
+}
+.nav-tabs > li > a {
+ background: #dedede;
+ border: 1px solid transparent;
+ border-bottom: none;
+ padding: 10px 20px;
+ color: #fff;
+}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+ color: #002b3c;
+}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li a:hover {
+ background: #ffffff;
+ border: 1px solid #eeeeee;
+ border-bottom: none;
+ color: #002b3c;
+}
+.nav-tabs > li > a {
+ text-transform: uppercase;
+ font-size: 14px;
+}
+.tab-content img, .arcadia-content img{
+ margin: 40px 0;
+}
+/* Table Style
+--------------- */
+.table {
+ margin: 2rem 0 4rem 0;
+}
+.table thead th {
+ border-top: none;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+ color: #FBB800;
+ background-color: #261e58;
+}
+/* Accordion Style
+--------------- */
+.dropdown_content {
+ margin-bottom: 20px;
+}
+.accordion h3 {
+ color: #FBB800;
+ margin-bottom: 5px;
+}
+.dropdown_content .fa-plus, .dropdown_content .fa-caret-down {
+ float: right;
+ font-size: 25px;
+ font-weight: initial;
+}
+.next-section .caret {
+margin-top: -87px;
+border-top: 20px solid;
+border-right: 45px solid rgba(0, 0, 0, 0);
+border-left: 45px solid rgba(0, 0, 0, 0);
+text-align: center;
+}
+.dropdown_content .accordion-group {
+ border-bottom: 1px solid #dedede;
+ padding: 20px 0;
+}
+.dropdown_content .accordion-inner {
+ padding-top: 20px;
+}
+/* Gallery Style
+--------------- */
+.row.usecase .thumbs ul {
+padding-inline-start: 0;
+margin-top: 20px;
+}
+.row.usecase .thumbs ul li {
+ display: inline-block;
+ list-style: none;
+ padding-right: 15px;
+}
+.row.usecase img {
+ padding: 0;
+}
+.row.usecase img.shadow {
+ box-shadow: 0 2px 6px #999 !important;
+}
+/* Cookies consent
+-------------------------- */
+.cc-color-override-1434350510.cc-window, .cc-color-override-1434350510.cc-revoke, .cc-color-override-1434350510 .cc-btn {
+ font-family: "Lato", Arial, sans-serif !important;
+}
+.cc-color-override-1434350510.cc-window{
+ background-color: #261e58 !important;
+}
+.cc-color-override-1434350510.cc-revoke {
+ background-color: #FBB800 !important;
+}
+.cc-color-override-1434350510.cc-revoke:hover {
+ text-decoration: none !important;
+ color: #FBB800 !important;
+ background-color: #261e58 !important;
+
+}
+.cc-color-override-1434350510 .cc-btn:last-child, .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
+ background-color: #FBB800 !important;
+ color: #261e58 !important;
+
+}
+.cc-color-override-1434350510 .cc-highlight .cc-btn:first-child {
+ color: #261e58 !important;
+}
+.cc-color-override-1434350510 .cc-btn:hover, .cc-color-override-1434350510 .cc-btn:focus {
+ background-color: #fff !important;
+ color: #261e58 !important;
+ text-decoration: none !important;
+}
+.cc-banner .cc-message {
+ padding-right: 50px;
+}
+/* Responsive
+------------- */
+@media only screen and (min-width: 1200px) {
+ #top-bar .main-menu li:first-child {
+ padding-left: 0px;
+ }
+}
+@media only screen and (max-width: 991px) {
+ .col-md-7 iframe {
+ width: 100%;
+ height: 95%;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .row img.responsive {
+ width: 100%;
+ height: 100%;
+ }
+ .row img {
+ padding: 20px 0;
+ }
+ .navbar-brand {padding-left: .75rem;}
+ h1 {font-size: 31px;}
+ h4 {font-size: 20px;}
+ .title {font-size: 28px;}
+ .btn {padding: 8px 18px;}
+ .span-right {margin-right: 4px;}
+}
\ No newline at end of file
diff --git a/common_assets/images/logos/favicon_acceleo.ico b/common_assets/images/logos/favicon_acceleo.ico
new file mode 100644
index 0000000..1b951cc
--- /dev/null
+++ b/common_assets/images/logos/favicon_acceleo.ico
Binary files differ
diff --git a/common_assets/images/logos/favicon_emfcompare.ico b/common_assets/images/logos/favicon_emfcompare.ico
new file mode 100755
index 0000000..c981ddc
--- /dev/null
+++ b/common_assets/images/logos/favicon_emfcompare.ico
Binary files differ
diff --git a/common_assets/images/logos/icon_acceleo.png b/common_assets/images/logos/icon_acceleo.png
new file mode 100644
index 0000000..7ab56bf
--- /dev/null
+++ b/common_assets/images/logos/icon_acceleo.png
Binary files differ
diff --git a/common_assets/images/logos/logo-eclipse-foundation.png b/common_assets/images/logos/logo-eclipse-foundation.png
new file mode 100755
index 0000000..b03e103
--- /dev/null
+++ b/common_assets/images/logos/logo-eclipse-foundation.png
Binary files differ
diff --git a/common_assets/images/logos/logo_acceleo.png b/common_assets/images/logos/logo_acceleo.png
new file mode 100644
index 0000000..4231444
--- /dev/null
+++ b/common_assets/images/logos/logo_acceleo.png
Binary files differ
diff --git a/common_assets/images/logos/logo_ecoretools.png b/common_assets/images/logos/logo_ecoretools.png
new file mode 100755
index 0000000..bf7835a
--- /dev/null
+++ b/common_assets/images/logos/logo_ecoretools.png
Binary files differ
diff --git a/common_assets/images/logos/logo_emf.jpg b/common_assets/images/logos/logo_emf.jpg
new file mode 100644
index 0000000..e7b2dc9
--- /dev/null
+++ b/common_assets/images/logos/logo_emf.jpg
Binary files differ
diff --git a/common_assets/images/logos/logo_emf.png b/common_assets/images/logos/logo_emf.png
new file mode 100644
index 0000000..4b549cf
--- /dev/null
+++ b/common_assets/images/logos/logo_emf.png
Binary files differ
diff --git a/common_assets/images/logos/logo_emfcompare.png b/common_assets/images/logos/logo_emfcompare.png
new file mode 100644
index 0000000..07d9380
--- /dev/null
+++ b/common_assets/images/logos/logo_emfcompare.png
Binary files differ
diff --git a/common_assets/images/logos/logo_obeo.png b/common_assets/images/logos/logo_obeo.png
new file mode 100644
index 0000000..28ab21f
--- /dev/null
+++ b/common_assets/images/logos/logo_obeo.png
Binary files differ
diff --git a/common_assets/images/logos/logo_sirius.png b/common_assets/images/logos/logo_sirius.png
new file mode 100755
index 0000000..d1fd889
--- /dev/null
+++ b/common_assets/images/logos/logo_sirius.png
Binary files differ
diff --git a/common_assets/images/logos/logo_sirius_.png b/common_assets/images/logos/logo_sirius_.png
new file mode 100644
index 0000000..003ec55
--- /dev/null
+++ b/common_assets/images/logos/logo_sirius_.png
Binary files differ
diff --git a/common_assets/images/logos/logo_siriuscon_2021_white.png b/common_assets/images/logos/logo_siriuscon_2021_white.png
new file mode 100755
index 0000000..1a1a36f
--- /dev/null
+++ b/common_assets/images/logos/logo_siriuscon_2021_white.png
Binary files differ
diff --git a/common_assets/images/logos/logo_thales.png b/common_assets/images/logos/logo_thales.png
new file mode 100644
index 0000000..36eec0a
--- /dev/null
+++ b/common_assets/images/logos/logo_thales.png
Binary files differ
diff --git a/js/magnific-popup.min.js b/common_assets/js/magnific-popup.min.js
similarity index 100%
rename from js/magnific-popup.min.js
rename to common_assets/js/magnific-popup.min.js
diff --git a/common_assets/js/magnific-popup.video.js b/common_assets/js/magnific-popup.video.js
new file mode 100644
index 0000000..230e799
--- /dev/null
+++ b/common_assets/js/magnific-popup.video.js
@@ -0,0 +1 @@
+jQuery(document).ready(function($){$('.popup-youtube').magnificPopup({disableOn:700,type:'iframe',mainClass:'mfp-fade',removalDelay:160,preloader:!1,fixedContentPos:!1});$('.popup-gallery').magnificPopup({delegate:'a',type:'image',tLoading:'Loading image #%curr%...',mainClass:'mfp-img-mobile',gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'<a href="%url%">The image #%curr%</a> could not be loaded.',titleSrc:function(item){return item.el.attr('title')+' '}}});$('.image-popup-vertical-fit').magnificPopup({type:'image',closeOnContentClick:!0,mainClass:'mfp-img-mobile',image:{verticalFit:!0}});$('.image-popup-fit-width').magnificPopup({type:'image',closeOnContentClick:!0,image:{verticalFit:!1}});$('.image-popup-no-margins').magnificPopup({type:'image',closeOnContentClick:!0,closeBtnInside:!1,fixedContentPos:!0,mainClass:'mfp-no-margins mfp-with-zoom',image:{verticalFit:!0},zoom:{enabled:!0,duration:300}})})
\ No newline at end of file
diff --git a/common_assets/js/main.js b/common_assets/js/main.js
new file mode 100644
index 0000000..59e8247
--- /dev/null
+++ b/common_assets/js/main.js
@@ -0,0 +1,40 @@
+(function($){
+ $.fn.scrollingTo = function( opts ) {
+ var defaults = {
+ animationTime : 1000,
+ easing : '',
+ callbackBeforeTransition : function(){},
+ callbackAfterTransition : function(){}
+ };
+
+ var config = $.extend( {}, defaults, opts );
+
+ $(this).click(function(e){
+ var eventVal = e;
+ e.preventDefault();
+
+ var $section = $(document).find( $(this).data('row') );
+ if ( $section.length < 1 ) {
+ return false;
+ };
+
+ if ( $('html, body').is(':animated') ) {
+ $('html, body').stop( true, true );
+ };
+
+ var scrollPos = $section.offset().top;
+
+ if ( $(window).scrollTop() == scrollPos ) {
+ return false;
+ };
+
+ config.callbackBeforeTransition(eventVal, $section);
+
+ $('html, body').animate({
+ 'scrollTop' : ((scrollPos-100)+'px' )
+ }, config.animationTime, config.easing, function(){
+ config.callbackAfterTransition(eventVal, $section);
+ });
+ });
+ };
+}(jQuery));
diff --git a/js/wow.min.js b/common_assets/js/wow.min.js
similarity index 100%
rename from js/wow.min.js
rename to common_assets/js/wow.min.js
diff --git a/community.html b/community.html
deleted file mode 100644
index 67c024e..0000000
--- a/community.html
+++ /dev/null
@@ -1,107 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Community</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper">
- <h1 class="page_title">Community</h1>
-
- <div class="community_links">
- <h2>Ask</h2>
- <div class="community_item">
- <h2><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262">Forum</a></h2>
- <a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"><span class="community_icons" id="forum"></span></a>
- <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
- </div>
- <div class="community_item">
- <h2><a href="https://www.obeodesigner.com/en/services">Professional Support</a></h2>
- <a href="https://www.obeodesigner.com/en/services"><span class="community_icons" id="support"></span></a>
- <p>Obeo, co-leader of Sirius, provides professional support services to help you with Sirius: training, custom development & expertise</p>
- </div>
- <div class="community_item last_item">
- <h2><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius">Bug Tracker</a></h2>
- <a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius"><span class="community_icons" id="bug"></span></a>
- <p>Review and create bugzilla entry for bug reporting and enhancement</p>
- </div>
- </div> <!-- Fin community_links -->
-
- <div class="clear"></div>
-
- <div class="community_links">
- <h2>Learn</h2>
- <div class="community_item">
- <h2><a href="http://www.eclipse.org/sirius/doc/">Documentation</a></h2>
- <a href="http://www.eclipse.org/sirius/doc/"><span class="community_icons" id="doc"></span></a>
- <p>Complete user guide and specifier manual</p>
- </div>
- <div class="community_item">
- <h2><a href="articles-videos.html">Articles & Videos</a></h2>
- <a href="articles-videos.html"><span class="community_icons" id="resources"></span></a>
- <p>Blog posts, conference talks, demonstrations, presentations, best practices, ...</p>
- </div>
- <div class="community_item last_item">
- <h2><a href="http://wiki.eclipse.org/Sirius">Wiki</a></h2>
- <a href="http://wiki.eclipse.org/Sirius"><span class="community_icons" id="wiki"></span></a>
- <p>Additional resources to follow the activity of the project</p>
- </div>
- </div> <!-- Fin community_links -->
-
- <div class="clear"></div>
-
- <div class="community_links">
- <h2>Engage</h2>
- <div class="community_item">
- <h2><a href="http://projects.eclipse.org/projects/modeling.sirius">Project Activity</a></h2>
- <a href="http://projects.eclipse.org/projects/modeling.sirius"><span class="community_icons" id="project"></span></a>
- <p>Participate in the project. Contribute patches. Become a committer.</p>
- </div>
- <div class="community_item">
- <h2><a href="http://git.eclipse.org/c/sirius/org.eclipse.sirius.git">Source Code</a></h2>
- <a href="http://git.eclipse.org/c/sirius/org.eclipse.sirius.git"><span class="community_icons" id="code"></span></a>
- <p>Get the code from Git</p>
- </div>
- <div class="community_item last_item">
- <h2><a href="https://dev.eclipse.org/mailman/listinfo/sirius-dev">Developer Mailing List</a></h2>
- <a href="https://dev.eclipse.org/mailman/listinfo/sirius-dev"><span class="community_icons" id="mailing"></span></a>
- <p>The core developers mailing list (for committers, contributors and pretty much anyone that is interested in the mechanics of Sirius)</p>
- </div>
- </div> <!-- Fin community_links -->
-
- <div class="clear"></div>
-</div> <!-- Fin body_wrapper -->
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
deleted file mode 100644
index c70ce3f..0000000
--- a/css/bootstrap.min.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap v3.3.6 (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
-/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/css/jquery.fancybox.css b/css/jquery.fancybox.css
deleted file mode 100644
index 2e1fe6d..0000000
--- a/css/jquery.fancybox.css
+++ /dev/null
@@ -1,272 +0,0 @@
-/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
-.fancybox-wrap,
-.fancybox-skin,
-.fancybox-outer,
-.fancybox-inner,
-.fancybox-image,
-.fancybox-wrap iframe,
-.fancybox-wrap object,
-.fancybox-nav,
-.fancybox-nav span,
-.fancybox-tmp
-{
- padding: 0;
- margin: 0;
- border: 0;
- outline: none;
- vertical-align: top;
-}
-
-.fancybox-wrap {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 8020;
-}
-
-.fancybox-skin {
- position: relative;
- background: #f9f9f9;
- color: #444;
- text-shadow: none;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
-}
-
-.fancybox-opened {
- z-index: 8030;
-}
-
-.fancybox-opened .fancybox-skin {
- -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
- box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-}
-
-.fancybox-outer, .fancybox-inner {
- position: relative;
-}
-
-.fancybox-inner {
- overflow: hidden;
-}
-
-.fancybox-type-iframe .fancybox-inner {
- -webkit-overflow-scrolling: touch;
-}
-
-.fancybox-error {
- color: #444;
- font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
- margin: 0;
- padding: 15px;
- white-space: nowrap;
-}
-
-.fancybox-image, .fancybox-iframe {
- display: block;
- width: 100%;
- height: 100%;
-}
-
-.fancybox-image {
- max-width: 100%;
- max-height: 100%;
-}
-
-#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
- background-image: url('fancybox_sprite.png');
-}
-
-#fancybox-loading {
- position: fixed;
- top: 50%;
- left: 50%;
- margin-top: -22px;
- margin-left: -22px;
- background-position: 0 -108px;
- opacity: 0.8;
- cursor: pointer;
- z-index: 8060;
-}
-
-#fancybox-loading div {
- width: 44px;
- height: 44px;
- background: url('fancybox_loading.gif') center center no-repeat;
-}
-
-.fancybox-close {
- position: absolute;
- top: -18px;
- right: -18px;
- width: 36px;
- height: 36px;
- cursor: pointer;
- z-index: 8040;
-}
-
-.fancybox-nav {
- position: absolute;
- top: 0;
- width: 40%;
- height: 100%;
- cursor: pointer;
- text-decoration: none;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- z-index: 8040;
-}
-
-.fancybox-prev {
- left: 0;
-}
-
-.fancybox-next {
- right: 0;
-}
-
-.fancybox-nav span {
- position: absolute;
- top: 50%;
- width: 36px;
- height: 34px;
- margin-top: -18px;
- cursor: pointer;
- z-index: 8040;
- visibility: hidden;
-}
-
-.fancybox-prev span {
- left: 10px;
- background-position: 0 -36px;
-}
-
-.fancybox-next span {
- right: 10px;
- background-position: 0 -72px;
-}
-
-.fancybox-nav:hover span {
- visibility: visible;
-}
-
-.fancybox-tmp {
- position: absolute;
- top: -99999px;
- left: -99999px;
- visibility: hidden;
- max-width: 99999px;
- max-height: 99999px;
- overflow: visible !important;
-}
-
-/* Overlay helper */
-
-.fancybox-lock {
- overflow: hidden !important;
- width: auto;
-}
-
-.fancybox-lock body {
- overflow: hidden !important;
-}
-
-.fancybox-lock-test {
- overflow-y: hidden !important;
-}
-
-.fancybox-overlay {
- position: absolute;
- top: 0;
- left: 0;
- overflow: hidden;
- display: none;
- z-index: 8010;
-}
-
-.fancybox-overlay-fixed {
- position: fixed;
- bottom: 0;
- right: 0;
-}
-
-.fancybox-lock .fancybox-overlay {
- overflow: auto;
- overflow-y: scroll;
-}
-
-/* Title helper */
-
-.fancybox-title {
- visibility: hidden;
- font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
- position: relative;
- text-shadow: none;
- z-index: 8050;
-}
-
-.fancybox-opened .fancybox-title {
- visibility: visible;
-}
-
-.fancybox-title-float-wrap {
- position: absolute;
- bottom: 0;
- right: 50%;
- margin-bottom: -35px;
- z-index: 8050;
- text-align: center;
-}
-
-.fancybox-title-float-wrap .child {
- display: inline-block;
- margin-right: -100%;
- padding: 2px 20px;
- background: transparent; /* Fallback for web browsers that doesn't support RGBa */
- background: rgba(0, 0, 0, 0.8);
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- text-shadow: 0 1px 2px #222;
- color: #FFF;
- font-weight: bold;
- line-height: 24px;
- white-space: nowrap;
-}
-
-.fancybox-title-outside-wrap {
- position: relative;
- margin-top: 10px;
- color: #fff;
-}
-
-.fancybox-title-inside-wrap {
- padding-top: 10px;
-}
-
-.fancybox-title-over-wrap {
- position: absolute;
- bottom: 0;
- left: 0;
- color: #fff;
- padding: 10px;
- background: #000;
- background: rgba(0, 0, 0, .8);
-}
-
-/*Retina graphics!*/
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-device-pixel-ratio: 1.5){
-
- #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
- background-image: url('fancybox_sprite@2x.png');
- background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
- }
-
- #fancybox-loading div {
- background-image: url('fancybox_loading@2x.gif');
- background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
- }
-}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 70691d5..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,1489 +0,0 @@
-/*--------- Main ---------------*/
-html {
- background-color: #fff;
-}
-
-body {
- background: transparent;
- color: #383838;
- font-family: 'Open Sans',Arial, sans-serif;
- font-size: 12px;
- margin: 0;
- padding: 0;
- line-height: 1.8em;
- text-align: justify;
-}
-
-html,body,#body_wrapper {
- height: 100%;
-}
-
-body>#body_wrapper {
- height: auto;
- padding: 0 5px 30px 5px;
-}
-
-#body_wrapper,#header_wrapper,#footer_wrapper,#slider_wrapper,#brand_wrapper,.row
- {
- height: auto;
- overflow: hidden;
- margin: 0 auto;
-}
-
-#header_wrapper, #body_wrapper, #footer_content, .row {
- width: 995px;
- display: block;
- position: relative;
-}
-
-p {
- margin: 10px 0 0 0;
- padding: 0;
-}
-
-h2{
- font-family: "Open Sans Condensed",sans-serif;
- font-weight: 600;
- font-size: 32px;
- line-height: 1.15 !important;
- margin-bottom: 30px;
- margin-top: 0;
- color: #261e58;
-}
-
-ul {
- margin-bottom: 30px;
- margin-top: 5px;
-}
-
-a,#menu_wrapper a:hover {
- color: #be1a78;
- text-decoration: none;
- font-weight: bold;
- outline-style:none;border: none;
-}
-
-a:hover {
- color: #383838;
-}
-
-hr {
- margin-top: 5px;
- margin-bottom: 5px;
- border: 0;
- border-top: 2px solid #dedede;
-}
-
-
-img, img:focus{
- border: none;
-}
-
-.clear {
- clear: both;
- height: 1px;
-}
-
-.left {
- float: left;
-}
-
-.right {
- float: right;
-}
-
-.separator {
- clear: both;
- border-top: 1px solid #ebebeb;
- height: 1px;
- display: block;
-}
-
-.shadow {
- box-shadow: 0 2px 6px #999;
-}
-
-.centered {
- text-align: center;
-}
-
-.uppercase {
- text-transform: uppercase;
- letter-spacing: 0.02em;
-}
-
-.indigo {
- color: #261e58;
-}
-
-.dark_fushia {
- color: #be1a78;
-}
-
-.light_purple,.usecase .author,.usecase .tag_head {
- color: #7269a4;
-}
-
-.bg_white {
- background: #fff;
-}
-
-.txt_white {
- color: #fff !important;
-}
-
-.bg_dark_fushia {
- background-color: #be1a78 !important;
-}
-
-.bg_indigo {
- background: #261e58;
-}
-
-.bg_light_gray {
- background: #f3f3f3;
-}
-
-.bg_lightest_gray {
- background: #fafafa;
-}
-
-.bg_gray {
- background: #dedede;
-}
-
-.page_title {
- font-size: 26px;
- border-top: 1px solid #D3D3D3;
- padding: 20px 0;
- text-transform: uppercase;
- text-align: center;
- font-weight: normal;
- border-bottom: 1px solid #D3D3D3;
- margin: 0 0 60px 0;
-}
-
-.margin_top {margin-top: 40px;}
-
-/*--------- Header ---------------*/
-#header_wrapper {
- background: transparent;
- padding: 30px 0;
-}
-
-#logo {
- position: relative;
- float: left;
-}
-
-#logo img {
- width: 190px;
- height: auto;
-}
-
-#header_title {
- color: #5d5953;
- text-shadow: 0px 1px 1px #aaa;
- padding: 0 0 0 20px;
- width: 25%;
- float: right;
- text-transform: uppercase;
- line-height: 3.1em;
-}
-
-#header_title h1 {
- font-size: 24px;
- padding: 4px 0;
- margin: 0;
- letter-spacing: 5px;
-}
-
-#menu_wrapper {
- font-size: 14px;
- padding-top: 25px;
-}
-
-#menu_wrapper ul {
- display: inline;
- float:right;
- text-align: center;
- clear: both;
- padding-left: 2px;
- margin: 0;
-}
-
-#menu_wrapper ul li {
- display: inline;
- list-style: none;
- padding-left: 25px;
-
-}
-
-#menu_wrapper ul li:first-child {
- padding-left: 0px;
-}
-
-#menu_wrapper a {
- color: #383838;
-}
-
-#menu_wrapper a:hover,#menu_wrapper li.current_menu_item a {
- border-bottom: 4px solid #be1a78;
- padding-bottom: 4px;
-}
-
-#menu_wrapper a:hover {
- -webkit-transition: all 500ms ease-in-out;
- -moz-transition: all 500ms ease-in-out;
- -ms-transition: all 500ms ease-in-out;
- -o-transition: all 500ms ease-in-out;
- transition: all 500ms ease-in-out;
-}
-
-#menu_wrapper .selected_main_menu {
- color: #be1a78;
- border-bottom: 4px solid #be1a78;
- padding-bottom: 4px;
-}
-
-#menu_wrapper .unselected_main_menu {
- color: #939393;
-}
-
-
-#menu_wrapper li.current_menu_item a {
- color: #be1a78;
-}
-
-
-/*--------- Body Wrapper ---------------*/
-/* Home Page
------------------------------- */
-#brand_wrapper,.community_links,.download_wrapper {
- padding: 9px 0;
- position: relative;
- width: 100%;
-}
-
-#brand_wrapper h2,.community_item h2,.download_item h1,.tuto_resources h2,.infos h2, .col_3 h2
- {
- font-family: 'Open Sans', Arial, sans-serif;
- font-size: 18px;
- text-align: center;
- border-top: 1px solid #d3d3d3;
- border-bottom: 1px solid #d3d3d3;
- padding: 12px 0;
-}
-
-#brand_wrapper {
- padding: 60px 0;
-}
-
-#brand_wrapper .brand_item {
- float: left;
- width: 30%;
- margin-right: 49px;
- text-align: center;
-}
-
-.last_item {
- margin-right: 0 !important;
-}
-
-.btn{
- display: inline-block;
- padding: 10px 40px;
- border-radius: 0;
- margin: 0px 20px;
- text-align: center;
- color: #fff !important;
- background-color: #be1a78 !important;
- text-transform: uppercase;
-}
-
-.btn:hover{
- background-color: #7269a4 !important;
-}
-
-.btn_large{
- padding: 10px 49px;
-}
-
-section.highlight_banner {
- padding: 100px;
-}
-
-.back1 {
- background-image: url("../images/banners/banner_siriuscon_2018.jpg");
- height: 555px !important;
-}
-.parallax {
- background-position: 50% 50%;
- background-size: cover;
- width: 100%;
- height: 445px;
- position: relative;
-}
-
-.highlight_banner h1 {
- color: #261e58;
- font-weight: bold;
-}
-
-.highlight_banner_web h1 {
- color: #261e58;
- font-weight: bold;
-}
-
-
-.event p {
- line-height: 1.4em;
- font-size: 14px;
-}
-
-.logo_event img{
- margin-bottom: 30px;
-}
-
-/* Download Bottom Banner
------------------------------- */
-#download_banner_wrapper {
- position: fixed;
- display: block;
- bottom: 0;
- height: 50px;
- z-index: 2500;
- -webkit-transition: height 1500ms ease;
- -moz-transition: all 150ms ease;
- -ms-transition: all 1500ms ease;
- -o-transition: all 1500ms ease;
- transition: height 1500ms ea;
- background-color: #7269a4;
-}
-
-#download_banner_wrapper .closeButton {
- float: right;
- margin: 13px 10px 0 0;
- cursor: pointer;
- width: 22px;
- height: 22px;
- }
-
-#download_banner_content {
- width: 800px;
- margin: 0 auto;
-}
-
-#download_banner_content p,#download_banner_content a {
- font-size: 14px;
- text-transform: uppercase;
- margin: 7px;
- line-height: 35px;
- font-weight: bold;
- letter-spacing: 1px;
-}
-
-#download_banner_content p.intro {
- text-transform: none;
- font-weight: normal;
-}
-
-#download_banner_content a {
- display: block;
- min-width: 180px;
- height: 35px;
- padding: 0 15px;
- text-align: center;
- color: #fff;
- background-color: #be1a78;
-}
-
-#download_banner_content a.whatsnew{
- background-color: #261e58;
-}
-
-.whatsnew p img, .whatsnew iframe{
- margin: 20px 0;
- }
-
-#download_banner_content a.bg_light_purple {
- background-color: #7269a4;
-}
-
-
-#download_banner_content a:hover, #download_banner_content a.whatsnew:hover, #download_banner_content a.bg_light_purple:hover {
- background-color: #fff;
- color: #261e58;
-}
-
-
-
-
-/* Overview Page
------------------------------- */
-.section,.install_section {
- margin: 15px 0 40px 0;
-}
-
-.section:FIRST-CHILD,.install_section:FIRST-CHILD {
- margin-top: 0;
-}
-
-.section:after {
- display: block;
- visibility: hidden;
- height: 0;
- clear: both;
- content: ".";
-}
-
-.section.left,.section.right {
- width: 510px;
-}
-
-.section.left .image {
- float: right;
- margin-right: -477px;
- margin-top: 5px;
-}
-
-.section.right .image {
- float: left;
- margin-left: -490px;
- margin-top: 5px;
-}
-
-.image:after,.bottom_content .lnk:after {
- display: block;
- visibility: hidden;
- height: 0;
- clear: both;
- content: "."
-}
-
-.image img {
- margin: 0 10px 20px;
- float: left;
-}
-
-.bottom_content {
- background-image: url("/images/banners/banner_background.png")
- !important;
- min-height: 112px;
- padding: 25px;
- color: #fff;
-}
-
-.bottom_content .lnk {
- margin: 15px 0 !important;
- float: none;
-}
-
-/* Tabs in Download Page
------------------------------*/
-#tabs_wrapper {
- width: 100%;
-}
-
-#tabs_container {
- margin-top: 35px;
-}
-
-#tabs_content_container h2 {
- font-size: 24px;
-}
-
-#tabs {
- list-style: none;
- padding: 9px 0;
- margin: 0 0 0 1px;
-}
-
-#tabs li {
- float: none;
- width: auto;
- margin: 0;
- padding-right: 12px;
- list-style-type: none;
- display: inline;
- z-index: 1;
- color: #fff;
- position: relative;
-}
-
-#tabs li span {
- padding: 12px 40px 20px;
- text-decoration: none;
- border: 1px solid #dfdfdf;
- outline: none;
- border-radius: 5px 5px 0 0;
- -moz-border-radius: 5px 5px 0 0;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- position: relative;
- background-image: linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -o-linear-gradient(top, #d3d3d3 4%, #fff 100%);
- background-image: -moz-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -webkit-linear-gradient(top, #d3d3d3 4%, #f1f1f1 52%);
- background-image: -ms-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #d3d3d3
- ), color-stop(1, #f1f1f1) );
- margin-left: -1px;
- color: #334541;
- font-weight: normal;
- background-image: linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -o-linear-gradient(top, #d3d3d3 4%, #fff 100%);
- background-image: -moz-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -webkit-linear-gradient(top, #d3d3d3 4%, #f1f1f1 52%);
- background-image: -ms-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #d3d3d3
- ), color-stop(1, #f1f1f1) );
-}
-
-*>#tabs li span {
- background-color: #d3d3d3;
-}
-
-*>#tabs li.active span {
- background-color: #f1f1f1;
-}
-
-#tabs li span:hover {
- text-decoration: none !important;
- cursor: pointer;
-}
-
-#tabs li.active span,#tabs li.active span:hover,#tabs li span:hover {
- background-image: linear-gradient(top, #efefef 4%, #fff 100%);
- background-image: -o-linear-gradient(top, #efefef 4%, #fff 100%);
- background-image: -moz-linear-gradient(top, #efefef 4%, #fff 100%);
- background-image: -webkit-linear-gradient(top, #efefef 4%, #fff 52%);
- background-image: -ms-linear-gradient(top, #efefef 4%, #fff 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #efefef
- ), color-stop(1, #fff) );
- color: #333;
- border: 1px solid #dfdfdf;
- border-bottom: 1px solid #fff;
-}
-
-#tabs li.active span {
- font-weight: bold;
-}
-
-#tabs li.active {
- position: relative;
- z-index: 2;
-}
-
-#tabs_content_container {
- padding: 20px;
- text-align: justify;
- position: relative;
- z-index: 1;
- margin-top: 10px;
-}
-
-.tab_content {
- display: none;
- width: 973px;
- min-height: 620px;
- border: 1px solid #dfdfdf;
- background: #fff;
-}
-
-#tabs_content_container .dwnld_wrapper {
- display: inline-block;
-}
-
- ul.installnav {
- float: left;
- padding: 0;
- width: 186px;
- margin-top: 0px;
- background-color: #fff;
- border-left: none;
-}
-
- ul.installnav li {
- display: inline;
-}
-
- ul.installnav li > a p {
- font-size: 10px;
- margin: 10px 0;
-}
-
- ul.installnav li > a {
- display: block;
- text-align: left;
- text-decoration: none;
- background: background: -webkit-linear-gradient(#dcdcdc, #fff); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(#dcdcdc, #fff); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(#dcdcdc, #fff); /* For Firefox 3.6 to 15 */
- background: linear-gradient(#dcdcdc, #fff); /* Standard syntax */
- box-shadow: 2px 0 6px #777;
- width: 165px;
-}
-
- ul.installnav li.active > a, ul.installnav li.active > a:hover
- {
- color: #282828;
- outline: none;
- background: url("../images/download/installnav_active_bg.png") no-repeat
- right;
- box-shadow: none;
- width: 186px;
- border: none;
-}
-
- ul.installnav li > a:hover {
- background: background: -webkit-linear-gradient(#fff, #dcdcdc);
- background: -o-linear-gradient(#fff, #dcdcdc);
- background: -moz-linear-gradient(#fff, #dcdcdc);
- background: linear-gradient(#fff, #dcdcdc);
- cursor: pointer;
-}
-
- ul.installnav li.active > a > span {
- text-align: center;
- border-right: none;
-}
-
- ul.installnav li > a > span {
- display: block;
- width: 164px;
- height: 100px;
- padding: 25px 0 53px 0;
- text-align: center;
- color: #595959;
- border: 1px solid #dfdfdf;
-}
-
- ul.installnav li > a span p.recommended {
- margin-top: -14px;
- color: #999;
-}
-
-.drag2install_tooltip {
- color: #fff;
- display: block;
- position: absolute;
- visibility: visible;
- top: 16px;
-}
-
-.drag2install_tooltip {
- width: 356px;
- height: 55px;
- background-image: url("../images/download/tooltip_bg.png");
- background-repeat: no-repeat;
- z-index: 12;
- left: 260px;
- top: 55px;
- padding-left: 10px;
-}
-
-.closeButtonUpdateSite img {
- float: right;
- position: relative;
- margin: 0;
-}
-
-#eclipse_package_content {
- display: block;
-}
-
-#content_drag2install,#content_updatesite,#content_emc,#content_drag2install_1,#content_updatesite_1,#content_emc_1, #eclipse_package_content
- {
- width: 710px;
- float: right;
- position: absolute;
- top: 35px;
- left: 185px;
- padding: 15px 50px;
- background: transparent;
- cursor: default;
-}
-
-#content_updatesite_1 p { margin-left: 20px !important; }
-
-#content_drag2install,#content_updatesite,#content_drag2install_1,#content_updatesite_1, #content_emc_1
- {
- /*display: none;*/
- margin-bottom: 20px;
-}
-
-#eclipse_package_content .btn{
- margin: 0;
- }
-
-#content_drag2install a,#content_updatesite a,#content_emc a,#content_drag2install_1 a,#content_updatesite_1 a,#content_emc_1 a
- {
- background: transparent !important;
- display: inline !important;
- cursor: pointer;
-}
-
-#content_drag2install a:hover,#content_updatesite a:hover,#content_emc a:hover,#content_drag2install_1 a:hover,#content_updatesite_1 a:hover,#content_emc_1 a:hover
- {
- color: #383838 !important;
-}
-
-#install,#install_1,#closeButton,.drag2install:hover {
- cursor: pointer;
-}
-
-#updatesite:hover,#install_emc:hover {
- cursor: default;
-}
-
-#content_updatesite_1 input {
-width: 412px;
-font-size: inherit;
-font-family: inherit;
-margin-left: 20px;
-color: #777;
-border: 0.1em solid #ddd;
-padding: 4px;
-}
-
-.dwnld_wrapper .col_3 {
- margin-left: 40px;
-}
-
-.dwnld_wrapper ul {
- margin-bottom: -6px;
-}
-
-.dwnld_icon {
-padding-right: 8px;
-}
-
-.link-color {
- color: #148EC5;
-}
-
-.updateSite img {
- margin: 40px 0 0 0;
-}
-
-.dwnld_wrapper .services a{
- font-family: 'Open Sans Condensed', Arial, sans-serif;
- font-size: 14px;
-}
-
-/* Miscellous
------------------------------------------------------------ */
-.fa {
- padding: 0 2px;
-}
-
-.blogger .fa-fw {
- text-align: left;
-}
-
-a.linkback{
- color: #dedede;
- font-size: 10px;
-}
-
-/* ------- Resources Page ------*/
-
-section {
- width: 100%;
- padding: 45px 0;
-}
-
-section.first_item{
- padding-top: 0;
- }
-
-article header {
- margin-bottom: 30px;
-}
-
-.date {
- margin-top: -15px;
-}
-
-.weight_light {
- font-weight: 100;
-}
-
-a.social {
- color:#261e58;
-}
-
-.blog_post {
- border: 1px solid #dedede;
-}
-
-.blog_post.col_3 {
- margin-left: 61px;
- margin-bottom: 30px;
- }
-
-.blog_post header {
- padding: 15px;
-}
-
-.blogger{
- height: 60px;
- padding: 5px 15px;
-}
-
-.blogger .fa{
- padding-right: 0;
- }
-
-.blogger .photo {
- margin-right: 20px;
-}
-
-.blogger p a img {
- max-width: 48px;
- border-radius: 48px;
-}
-
-
-h3, .blogger .name,.videos h3 a {
- font-family: 'Open Sans Condensed', Arial, sans-serif;
- font-weight: bold;
- color:#261e58;
- }
-
-.blogger .name,.videos h3 a, .blog_post h3 a {
- font-size: 16px;
- }
-
-h3 {
- font-size: 22px;
- }
-
-/*----- Video section ------*/
-.videos section:nth-child(even),.articles section:nth-child(even)
-{
- background-color: #f3f3f3;
-}
-
-.videos section {
- padding-top: 60px;
-}
-
-.videos section:first-of-type {
- padding-top: 20px;
-}
-
-.videos img {
- width: 289px;
- position: relative;
- }
-
-.videos .video_thumbnail{
- background-color: #261e58;
- overflow: hidden;
- position: relative;
- display: block;
-}
-
-.videos .video_thumbnail a{
- position: relative;
- display: block;
- opacity:1;
- -webkit-transition: .7s;
- -o-transition: .7s;
- transition: .7s;
-}
-
-.videos .video_thumbnail:hover a{
- opacity:0.8;
- }
-
-.videos .video_thumbnail a:hover::before {
- color: #7269a4;
- opacity: 1;
- }
-
-
-.videos .video_thumbnail a::before{
- font: normal normal normal 14px/1 FontAwesome;
- content: "\f16a";
- color: #be1a78;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- transform: translate(0, 0);
- display: block;
- position: absolute;
- font-size: 40px;
- opacity: 01;
- top: 35%;
- left: 43%;
- z-index: 4;
-}
-
-
-.videos .video_thumbnail:hover::after {
- background-color: #261e58;
- opacity: 0.1;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 2;
- height: 184px;
- width: 289px;
- -webkit-transition: .7s;
- -o-transition: .7s;
- transition: .7s;
-}
-
-/*------- Articles ------*/
-.articles .row {
- margin-bottom: 0 ;
-}
-
-.articles section:first-of-type {
- padding-top: 5px;
-}
-
-.col_2 {
- width: 14%;
-}
-
-.col_10 {
- width: 82%;
-}
-/* ------- End of Resources ------*/
-
-/*--------- What's New Page ------------*/
-.col_3 {
- float: left;
- width: 29%;
- margin-left: 64px;
- position: relative;
-}
-
-.col_3:first-of-type, .col_3:nth-child(4) {
- margin-left: 0;
-}
-
-/*--------- Community Page ------------*/
-.community_links h1 {
- margin-bottom: 0 !important;
- font-weight: normal;
- color: #000;
-}
-
-.community_links,.download_wrapper, .features {
- float: left;
-}
-
-.community_item {
- float: left;
- width: 27%;
- margin-right: 92px;
-}
-
-.community_item p, .col_3 p {
- text-align: justify;
- width: 100%;
-}
-
-.community_item a{
- color: #383838;
-}
-
-.community_item a:hover,.tuto_resources h2:hover, .col_3 a:hover {
- color: #be1a78;
-}
-
-.community_icons{
- display: block;
- margin: 0 20px 40px 0;
- float: left;
- height: 50px;
- width: 50px;
-}
-
-#start {
- background: url("../images/icons/icon_start.png") no-repeat;
-}
-
-#doc {
- background: url("../images/icons/icon_doc.png") no-repeat;
-}
-
-#wiki {
- background: url("../images/icons/icon_wiki.png") no-repeat;
-}
-
-#resources {
- background: url("../images/icons/icon_resources.png") no-repeat;
-}
-
-#forum {
- background: url("../images/icons/icon_forum.png") no-repeat;
-}
-
-#bug {
- background: url("../images/icons/icon_bug.png") no-repeat;
-}
-
-#support {
- background: url("../images/icons/icon_support.png") no-repeat;
-}
-
-#mailing {
- background: url("../images/icons/icon_mailing.png") no-repeat;
-}
-
-#code {
- background: url("../images/icons/icon_code.png") no-repeat;
-}
-
-#project {
- background: url("../images/icons/icon_project.png") no-repeat;
-}
-
-#start:hover {
- background: url("../images/icons/icon_start_hover.png") no-repeat;
-}
-
-#doc:hover {
- background: url("../images/icons/icon_doc_hover.png") no-repeat;
-}
-
-#wiki:hover {
- background: url("../images/icons/icon_wiki_hover.png") no-repeat;
-}
-
-#resources:hover {
- background: url("../images/icons/icon_resources_hover.png") no-repeat;
-}
-
-#forum:hover {
- background: url("../images/icons/icon_forum_hover.png") no-repeat;
-}
-
-#bug:hover {
- background: url("../images/icons/icon_bug_hover.png") no-repeat;
-}
-
-#support:hover {
- background: url("../images/icons/icon_support_hover.png") no-repeat;
-}
-
-#mailing:hover {
- background: url("../images/icons/icon_mailing_hover.png") no-repeat;
-}
-
-#code:hover {
- background: url("../images/icons/icon_code_hover.png") no-repeat;
-}
-
-#project:hover {
- background: url("../images/icons/icon_project_hover.png") no-repeat;
-}
-
-/* Features
------------------------------- */
-table {
- max-width: 100%;
- background-color: transparent;
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-.table {
- width: 100%;
- margin-bottom: 20px;
- background-color: #ffffff;
-}
-
-
-.table td {
- padding: 20px 30px;
- line-height: 20px;
- text-align: left;
- vertical-align: top;
- border-top: 1px solid #dddddd;
-}
-
-.table th {
- font-weight: normal;
- padding: 10px 0;
-}
-
-.table caption + thead tr:first-child th,
-.table caption + thead tr:first-child td,
-.table colgroup + thead tr:first-child th,
-.table colgroup + thead tr:first-child td,
-.table thead:first-child tr:first-child th,
-.table thead:first-child tr:first-child td {
- border-top: 0;
-}
-
-
-.table-striped tbody > tr:nth-child(odd) > td{
- background-color: #f9f9f9;
-}
-
-.table-striped tbody > tr > td:nth-child(odd){
- width: 20%;
-}
-
-.tab-content {
- overflow: auto;
- background-color: #fff;
- padding: 15px 30px 30px 30px;
- margin-bottom: 20px;
- border: 1px solid #dfdfdf;
-}
-
-.tab-content > .tab-pane {
- display: none;
-}
-
-.tab-content > .active{
- display: block;
-}
-
-.tab-content h2 {
- margin-top: 30px;
- }
-
-.nav-tabs{
- *zoom: 1;
- padding: 0;
-}
-
-ul.nav-tabs{
- margin: 30px 0 9px 0;
-}
-
-.nav-tabs:before, .nav-tabs:after{
- display: table;
- line-height: 0;
- content: "";
-}
-
-.nav-tabs:after{
- clear: both;
-}
-
-.nav-tabs > li{
- float: left;
- list-style: none;
-}
-
-.nav-tabs li:hover{
- margin-bottom: 0px;
-}
-
-.nav-tabs > li > a {
- border: 1px solid transparent;
- -webkit-border-radius: 2px 2px 0 0;
- -moz-border-radius: 2px 2px 0 0;
- border-radius: 2px 2px 0 0;
- padding: 12px 15px 13px 15px;
- margin-right: 4px;
-}
-
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:focus {
- border-color: #eeeeee #eeeeee #dfdfdf;
- text-decoration: none;
- background-color: #DFDFDF;
-}
-
-.nav-tabs > .active > a,
-.nav-tabs > .active > a:hover,
-.nav-tabs > .active > a:focus {
- color: #555555;
- cursor: default;
- background-color: #ffffff;
- border: 1px solid #dfdfdf;
- border-bottom-color: transparent;
-}
-
-.icon_features {
-display: -webkit-inline-box;
-display: -moz-inline-box;
-display: inline-box;
-margin: 0 5px;
-}
-
-.features_icon{
- display: block;
- float: left;
- height: 16px;
- width: 16px;
-}
-
-.features_icon {
- background: url("../images/icons/icon_features.png") no-repeat;
-}
-
-.features_icon:hover {
- background: url("../images/icons/icon_features_hover.png") no-repeat;
-}
-
-
-.left_block {
- display: inline-block;
- width: 315px;
- margin-top: 1em;
- vertical-align: top;
- align: left;
- margin-right: 1em;
-}
-
-
-
-
-/* Gallery Page
-------------------------------*/
-.intro_gallery {
- border: 1px solid #dfdfdf;
- padding: 15px;
-}
-
-.usecase {
- display: inline-block;
- margin-top: 50px;
- clear: both;
-}
-
-.usecase .medias {
- width: 520px;
- float: right;
- margin-top: -1px;
-}
-
-.usecase .thumbs {
-width: 550px;
-}
-
-.usecase .thumbs ul{
- padding-left: 15px;
-}
-
-.usecase .thumbs ul li {
- display: inline-block;
- list-style: none;
- padding-right: 15px;
-}
-
-.usecase .infos {
- float: left;
- width: 410px;
- padding: 0 60px 0 0;
-}
-
-.infos h2 {
- text-align: left;
-}
-
-.usecase .tags {
- margin-top: 10px;
-}
-
-.usecase .tag_head {
- float: left;
- margin-right: 15px;
-}
-
-.usecase .taglist .tag {
- position: relative;
- display: inline-block;
- width: auto;
- margin: 0 5px 5px 0;
- font-size: 11px;
- cursor: default;
-}
-
-.usecase .taglist .tag i,.usecase .taglist .tag span,.usecase .taglist .tag b
- {
- color: #fff;
- background-image: url(../images/icons/icon_taglist.png);
- float: left;
- display: inline-block;
- height: 23px;
- line-height: 22px;
- text-decoration: none;
-}
-
-.usecase .taglist .tag i {
- background-position: 0 0;
- width: 20px;
-}
-
-.usecase .taglist .tag b {
- background-position: right 0px;
- width: 5px;
-}
-
-.usecase .taglist .tag span {
- background-position: right -23px;
- background-repeat: repeat-x;
- padding: 0 3px 0 0;
-}
-
-.usecase .lnks ul {
- padding-left: 15px;
-}
-
-.usecase .lnks a {
- font-weight: normal;
-}
-
-.usecase .lnks h3{
- border-bottom: 1px solid #D3D3D3;
-}
-
-.usecase .lnks h3.lnks_head{
- padding-bottom: 10px;
-}
-
-/* Footer
------------------------------- */
-#footer_wrapper,#download_banner_wrapper {
- clear: both;
- width: 100%;
- color: #fff;
-}
-
-#footer_wrapper {
- position: relative;
- padding: 30px 0 90px 0;
- font-size: 10px;
- background-color: #261e58;
-}
-
-#footer_content {
- margin: 0 auto;
-}
-
-#footer_wrapper a {
- font-weight: normal;
- color: #c2bfd8;
-}
-
-#footer_wrapper a:hover {
- color: #fff;
-}
-
-#footer_wrapper ul {
- list-style: none;
- padding: 0
-}
-
-#footer_wrapper .column {
- width: 20%;
- padding: 0 0 0 199px;
- float: left;
- position: relative;
- box-sizing: initial;
-}
-
-#footer_wrapper .column:FIRST-CHILD {
- padding: 0;
-}
-
-#footer_wrapper .column .columntitle {
- position: relative;
- width: 100%;
- border-bottom: 1px solid #fff;
-}
-
-#footer_wrapper .column h3 {
- padding-bottom: 5px;
- font-size: 14px;
- font-weight: bold;
- color: #fff;
- letter-spacing: 1px;
- margin: 0;
- text-transform: uppercase;
-}
-
-#footer_wrapper .column.right {
- width: 184px;
-}
-
-/* Newsletter
------------------------------- */
-form.contact_form {
- margin: 15px 0;
-}
-
-section form.contact_form input[type="text"] {
- margin-right: 30px;
- padding: 12px;
- width: 230px;
-}
-
-select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
-input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
-input[type="search"], input[type="tel"], input[type="color"], .inputbox {
- background: #fefefe;
- height: 45px;
- vertical-align: top;
- border: 1px solid #BDBDBD;
- box-shadow: inset 0 2px 5px 0 #F0F0F0;
- box-sizing: border-box;
- padding: 5px;
- color: #BDBDBD;
- font-family: "Open Sans Condensed", Arial, sans-serif;
- margin: 0 0 10px 0;
- font-size: 14px;
- font-weight: normal;
-}
-
-#footer_wrapper form.contact_form input[type="text"]{
- width: 199px;
-}
-
-input[type="button"] {
- border: none;
- font-weight: bold;
- letter-spacing: 1px;
- height: 45px;
-}
-
- form.contact_form input:focus {
- outline: none !important;
- border: 1px solid #b5b0cf;
- box-shadow: 0 0 4px #b5b0cf;
-}
-
-.cloak {
- display: none !important;
-}
-
-/* Cookies consent
--------------------------- */
-.cc-color-override-1434350510.cc-window, .cc-color-override-1434350510.cc-revoke, .cc-color-override-1434350510 .cc-btn {
- font-family: "Open Sans Condensed", Arial, sans-serif !important;
- }
-
-.cc-color-override-1434350510.cc-window, .cc-color-override-1434350510.cc-revoke {
-background-color: #261e58 !important;
-}
-.cc-color-override-1434350510 .cc-btn:last-child {
-background-color: #be1a78 !important;}
-
-.cc-color-override-1434350510 .cc-btn:hover, .cc-color-override-1434350510 .cc-btn:focus {
- background-color: #7269a4 !important;
-}
-
-.cc-banner .cc-message {
- padding-right: 50px;
-}
-
-/* Tweets
--------------------------- */
-
-#tweets {
- overflow-y: scroll; height: 300px; width: 520px; margin: 0 auto;
-}
\ No newline at end of file
diff --git a/download.html b/download.html
index 242ceec..a763279 100644
--- a/download.html
+++ b/download.html
@@ -1,149 +1,379 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Download</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Download</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
- <script src="https://kit.fontawesome.com/16edf37727.js" crossorigin="anonymous"></script>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section>
+ <div class="container">
+ <ul class="nav nav-pills justify-content-center">
+ <li class="nav-item">
+ <a class="nav-link active" href="#ready_use_package" data-toggle="pill" aria-controls="pills-profile" aria-selected="true">Ready-to-Use Package</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#drag_to_install" data-toggle="pill" aria-controls="pills-profile" aria-selected="false">Drag to Install</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#marketplace" data-toggle="pill" aria-controls="pills-profile" aria-selected="false">Marketplace</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#update_site" data-toggle="pill" aria-controls="pills-profile" aria-selected="false">Update Site</a>
+ </li>
+ </ul>
-<div id="body_wrapper">
- <h1 class="page_title">Download Sirius Desktop</h1>
+ <div class="tab-content text-center" id="pills-tabContent">
+ <div class="tab-pane fade show active" id="ready_use_package">
+ <div class="row">
+ <div class="col-md-6 offset-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-download fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Download a Ready-to-Use Package</h4>
+ <p>This free package has been created by Sirius commiters to facilitate your first steps with Sirius. It contains Sirius, neatly integrated with other Open Source technologies (EMF Compare, eGit and SWTBot).</p>
+ <p><a class="btn btn-default" href="http://www.obeodesigner.com/download" target="">Download Obeo Designer Community <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- <div id="tabs_content_container">
- <div id="tab_eclipse" class="tab_content" style="display: block">
- <div class="dwnld_wrapper">
- <ul class="installnav" ng-init="tab = 1">
- <li id="eclipse_package" ng-class="{'active': tab === 1}">
- <a ng-click="tab = 1">
- <span>
- <img src="images/download/icon_packages.png" alt="Eclipse ready-to-Use package" />
- <p>Ready-to-Use Package</p>
- </span>
- </a>
+ </div>
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-users fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Need collaborative features?</h4>
+ <p>Obeo Designer Team edition facilitates the collaboration with your other team members. Models and representations (diagrams, tables, trees) created with Sirius are stored in a shared repository.</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/collaborative-features" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- <div id="eclipse_package_content" ng-show="tab === 1">
- <h2>Download a Ready-to-Use Package</h2>
- <p>This free package has been created by Sirius commiters to facilitate your first steps with Sirius. It contains Sirius, neatly integrated with other Open Source technologies (EMF Compare, eGit and SWTBot).</p>
- <p><a class="btn btn_large" href="http://www.obeodesigner.com/download" target="_blank">Download Obeo Designer Community</a></p>
- <br />
- <ng-include src="'angular/blocks/help_block.html'"></ng-include>
- <ng-include src="'angular/blocks/collab_web_block.html'"></ng-include>
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fab fa-html5 fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Need to run in a Web Browser?</h4>
+ <p>Discover Sirius Web, the open-source sub-project to easily create and deploy studios to the web. All the principles you like in Sirius Desktop, available on a modern cloud-based stack.</p>
+ <p><a class="" href="https://www.eclipse.org/sirius/sirius-web.html" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- </div>
- </li>
- <li id="eclipse_drag2install" ng-class="{'active': tab === 2}">
- <a ng-click="tab = 2">
- <span>
- <img src="images/download/icon_drag2install.png" alt="Drag to Install Icon" />
- <p>Drag to Install</p>
- </span>
- </a>
- <div id="content_drag2install_1" class="ng-hide" ng-show="tab === 2">
- <h2>Install Sirius with the Drag'n Drop Install</h2>
- <p><a id="install_1" href="http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=1318261" ng-mouseenter="popupTooltip = true" ng-mouseleave="popupTooltip = false">
- <img src="images/download/drag2install_button.png" id="drag2install_img" /></a>
- </p>
- <div class="drag2install_tooltip" ng-show="popupTooltip === true">
- <p>Drag to your running Eclipse workspace!</p>
- </div>
- <p><strong>Requirement:</strong> Please make sure that Marketplace is already installed in your Eclipse, otherwise these installation instructions won't work as expected.</p>
- <br />
- <ng-include src="'angular/blocks/help_block.html'"></ng-include>
- <ng-include src="'angular/blocks/collab_web_block.html'"></ng-include>
+ </div>
+ </div>
- </div>
- </li>
+ <div class="tab-pane fade" id="drag_to_install">
+ <div class="row">
+ <div class="col-md-6 offset-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-mouse-pointer fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Install Sirius with the Drag'n Drop Install</h4>
+ <p><b>Requirement:</b> Please make sure that Marketplace is already installed in your Eclipse, otherwise these installation instructions won't work as expected.</p>
+ <p><a class="btn btn-default" href="http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=1318261" target="">Drag to Install <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- <li id="eclipse_install_emc" ng-class="{'active': tab === 3}">
- <a ng-click="tab = 3">
- <span>
- <img src="images/download/icon_emc.png" alt="Marketplace Icon">
- <p>Marketplace</p>
- </span>
- </a>
- <div id="content_emc_1" class="ng-hide" ng-show="tab === 3">
- <h2>Install Sirius with Eclipse Marketplace</h2>
- <p>Browse the Marketplace, choose Sirius and just click on the install button.</p>
- <p><img src="images/download/install_marketplace_module.png" alt="Obeo Marketplace"></p>
- <p><strong>Requirement:</strong> Please make sure that Marketplace is already installed in your Eclipse, otherwise these installation instructions won't work as expected. For more details, please refer to <a href="http://marketplace.eclipse.org/marketplace-client-intro" target="_blank">Introducing the Eclipse Marketplace Client</a> installation guide.</p>
+ </div>
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-users fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Need collaborative features?</h4>
+ <p>Obeo Designer Team edition facilitates the collaboration with your other team members. Models and representations (diagrams, tables, trees) created with Sirius are stored in a shared repository.</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/collaborative-features" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- <ng-include src="'angular/blocks/help_block.html'"></ng-include>
- </div>
- </li>
- <li id="eclipse_updatesite" ng-class="{'active': tab === 4}">
- <a ng-click="tab = 4">
- <span>
- <img src="images/download/icon_updatesite.png" alt="Drag to Install Icon" />
- <p>Update Site</p>
- </span>
- </a>
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fab fa-html5 fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Need to run in a Web Browser?</h4>
+ <p>Discover Sirius Web, the open-source sub-project to easily create and deploy studios to the web. All the principles you like in Sirius Desktop, available on a modern cloud-based stack.</p>
+ <p><a class="" href="https://www.eclipse.org/sirius/sirius-web.html" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- <div id="content_updatesite_1" class="ng-hide" ng-show="tab === 4">
- <h2>Install Sirius from Update Site</h2>
- <h3>Latest Release</h3>
+
+ </div>
+ </div>
+
+ <div class="tab-pane fade" id="marketplace">
+ <div class="row">
+ <div class="col-md-6 offset-md-3 col-xs-12 wow fadeInLeft animated">
+ <div>
+ <i class="fas fa-store fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Install Sirius with Eclipse Marketplace</h4>
+ <p>Browse the Marketplace, choose Sirius and just click on the install button.</p>
+ <p><img src="images/download/install_marketplace_module.png" alt="Obeo Marketplace"></p>
+ <p><b>Requirement:</b> Please make sure that Marketplace is already installed in your Eclipse, otherwise these installation instructions won't work as expected. For more details, please refer to <a href="http://marketplace.eclipse.org/marketplace-client-intro" target="_blank">Introducing the Eclipse Marketplace Client</a> installation guide.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="tab-pane fade" id="update_site">
+ <div class="row">
+ <div class="col-md-12 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <p><i class="fas fa-redo fa-3x pa2 txt_indigo" aria-hidden="true"></i></p>
+ </div>
+ <div>
+ <h4>Install Sirius from Update Site</h4>
+ <br>
+ <h5>Latest Release</h5>
<p>Add this URL to your Eclipse Installation to reach Sirius Update Site.</p>
- <input type="text" value="http://download.eclipse.org/sirius/updates/releases/6.4.2/2020-06" />
- <p>You can also download the corresponding <a href="http://download.eclipse.org/sirius/updates/releases/6.4.2/org.eclipse.sirius-6.4.2-2020-06.zip">zipped archive</a> for offline installation.</p>
- <br />
-
- <h3>Latest Nightly</h3>
+ <p><input type="text" value="http://download.eclipse.org/sirius/updates/releases/6.3.4/2020-06"></p>
+ <p>You can also download the corresponding <a href="http://download.eclipse.org/sirius/updates/releases/6.3.4/org.eclipse.sirius-6.3.4-2020-06.zip">zipped archive</a> for offline installation.</p>
+ <br>
+ <h5>Latest Nightly</h5>
<p>Add this URL to your Eclipse Installation to reach Sirius Update Site.</p>
- <input type="text" value="http://download.eclipse.org/sirius/updates/nightly/latest/2020-06" />
- <br />
- <br />
+ <p><input type="text" value="http://download.eclipse.org/sirius/updates/nightly/latest/2020-06"></p>
+ <br>
+ <br>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+</section>
- <ng-include src="'angular/blocks/help_block.html'"></ng-include>
+<section class="bg_lightest_grey text-center">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need help to deploy Sirius?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
-</div> <!-- Fin body_wrapper -->
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
+ <div class="row">
+ <div class="col-md-6 offset-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Training / Custom Development / Support</h4>
+ <p>Obeo, co-leader of Sirius, provides professional services from the set-up to the deployment of your industrial-strength modeling workbenches created with Sirius.</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/services" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+</section>
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/features.html b/features.html
index 4c3ce66..35bf303 100644
--- a/features.html
+++ b/features.html
@@ -1,408 +1,679 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.video.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="text/javascript" src="js/bootstrap-tab.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Features</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Features</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper">
-
-
- <h1 class="page_title">Features for the End-Users</h1>
- <p>Tools created with <b>Sirius Desktop</b> offer a rich modeling experience for the end-users having to manage very specific or complex models.
- In addition to classic graphical modeling features (arranging, zooming, palettes, etc), Sirius provides extended mechanisms that can be adapted to each domain.</p>
- <p> </p>
- <div id="body_wrapper">
- <div class="section left">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/workbench.png" width="400" border="0" alt="">
- </div>
- <h2>Complete Modeling Workbench</h2>
- <p>Natively integrated in Eclipse, end-users benefit from a complete and widely adopted workbench offering a large set of pre-built features:
- <ul>
- <li>frames organization,</li>
- <li>search,</li>
- <li>errors management,</li>
- <li>navigation,</li>
- <li>etc.</li>
- </ul></p>
- </div>
-
- <div class="section right">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/conditional-styles.gif" width="400" border="0" alt="">
- </div>
- <h2>Conditional Styles</h2>
- <p>Elements on a diagram created with Sirius can dynamically adapt their graphical style (size, color, label, etc) to the values of their properties.</p>
- <p>It allows the end-user to easily detect the objects of interest.</p>
- </div>
-
- <div class="section left">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/synchronized-diagrams.gif" width="400" border="0" alt="">
- </div>
- <h2>Synchronized diagrams</h2>
- <p>With Sirius it is possible to create diagrams that automatically populate and update their content.</p>
- <p>This kind of diagram allows the end-user to benefit from representations that are always synchronized with the current model state.</p>
- </div>
-
- <div class="section right">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/filters.gif" width="400" border="0" alt="">
- </div>
- <h2>Layers and filters</h2>
- <p>Layers and filters on a diagram allow the end-user to hide or show some diagram elements depending on specific conditions.</p>
- <p>They help in dynamically adapting and simplifying the diagram for focusing on particular aspects.</p>
- </div>
-
- <div class="section left">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/validation.gif" width="400" border="0" alt="">
- </div>
- <h2>Validation</h2>
- <p>Validation rules can be applied by the users to detect problems in their models.</p>
- <p>The rules can relate to semantic or graphical elements. They can have several severity levels and provide quickfixes to automatically apply solutions.</p>
- </div>
-
- </div> <!-- Fin body_wrapper -->
-
- <h1 class="page_title">Features for the Tools Makers</h1>
- <p>Instead of coding your modeling editors from scratch, Sirius provides an innovative approach supported by a set of integrated features for defining, testing and packaging your modeling workbench.</p>
- <p> </p>
- <div id="body_wrapper">
- <div class="section left">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/emf.png" width="400" border="0" alt="">
- </div>
- <h2>EMF-based</h2>
- <p>Relying on EMF (Eclipse Modeling Framework), Sirius benefits from very powerful features for defining and managing structured data model: domain model definition, reflective API, change notification, etc.</p>
- <p>It also facilitates the integration with a large ecosystem of modeling technologies also based on EMF (Acceleo, Xtext, EMF Compare, etc).</p>
- </div>
-
- <div class="section right">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/sirius-editor.png" width="400" border="0" alt="">
- </div>
- <h2>DSL for modeling tools</h2>
- <p>Creating a modeling tool with Sirius consists in using a dedicated DSL for defining model editors (diagrams, trees, tables, sequences) and properties views without writing any code.</p>
- <p>This DSL is supported by a specific editor and productivity tools. </p>
- </div>
-
- <div class="section left">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/runtime.png" width="400" border="0" alt="">
- </div>
- <h2>Interpreted mode</h2>
- <p>The definition of a modeling tool defined with Sirius’ internal DSL is interpreted at runtime.</p>
- <p>It allows the tool maker to rapidly evaluate the tool under construction and facilitates the deployment of a new version.</p>
- </div>
-
- <div class="section right">
- <div class="image">
- <img class="shadow" src="images/screenshots/features/java.png" width="400" border="0" alt="">
- </div>
- <h2>Java extensibility</h2>
- <p>Complex or specific behaviours can be implemented by writing Java code.</p>
- <p>It also allows to easily reuse external components providing additional features not supported natively by Sirius.</p>
- </div>
- </div> <!-- Fin body_wrapper -->
-
-
- <h1 class="page_title">What's new in the latest release?</h1>
-
- <p>Discover <a href="https://www.eclipse.org/sirius/whatsnew/whatsnew6-1.html">the latest major features</a> recently added to <b>Sirius Desktop</b>.</p>
- <p>See also the <a href="https://www.eclipse.org/sirius/doc/Release_Notes.html">release notes</a> for the full details.</p>
-
- <p> </p>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Features for the end-users</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p>Tools created with Sirius Desktop offer a rich modeling experience for the end-users having to manage very specific or complex models.
+ <br>In addition to classic graphical modeling features (arranging, zooming, palettes, etc), Sirius provides extended mechanisms that can be adapted to each domain.</p></p>
- <h1 class="page_title">Detailed Features</h1>
+ </div>
+</section>
- <ul id="myTab" class="nav nav-tabs">
- <li class="active"><a href="#home" data-toggle="tab">Create a Modeling Tool</a></li>
- <li><a href="#profile" data-toggle="tab">Use the Modeling Tool</a></li>
- </ul>
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Complete Modeling Workbench</h3>
+
+ <p>Natively integrated in Eclipse, end-users benefit from a complete and widely adopted workbench offering a large set of pre-built features:</p>
+ <ul>
+ <li>frames organization,</li>
+ <li>serach,</li>
+ <li>errors management,</li>
+ <li>navigation,</li>
+ <li>etc.</li>
+ </ul>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/workbench.png" target="_" title="Complete Modeling Workbench"><img src="images/screenshots/features/workbench.png" class="shadow" alt="Complete Modeling Workbench"></a>
+ </div>
+</div>
+ </div>
+</section>
- <div id="myTabContent" class="tab-content">
- <div class="tab-pane fade active in" id="home">
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Conditional Styles</h3>
+
+ <p>Elements on a diagram created with Sirius can dynamically adapt their graphical style (size, color, label, etc) to the values of their properties.</p>
+ <p>It allows the end-user to easily detect the objects of interest.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/conditional-styles.gif" target="_" title="Conditional Styles"><img src="images/screenshots/features/conditional-styles.gif" class="shadow" alt="Conditional Styles"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Synchronized Diagrams</h3>
+
+ <p>With Sirius it is possible to create diagrams that automatically populate and update their content.</p>
+ <p>This kind of diagram allows the end-user to benefit from representations that are always synchronized with the current model state.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/synchronized-diagrams.gif" target="_" title="Synchronized Diagrams"><img src="images/screenshots/features/synchronized-diagrams.gif" class="shadow" alt="Synchronized Diagrams"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Layers and Filters</h3>
+
+ <p>Layers and filters on a diagram allow the end-user to hide or show some diagram elements depending on specific conditions.</p>
+ <p>They help in dynamically adapting and simplifying the diagram for focusing on particular aspects.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/filters.gif" target="_" title="Layers and Filters"><img src="images/screenshots/features/filters.gif" class="shadow" alt="Layers and Filters"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Validation</h3>
+
+ <p>Validation rules can be applied by the users to detect problems in their models.</p>
+ <p>The rules can relate to semantic or graphical elements. They can have several severity levels and provide quickfixes to automatically apply solutions.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/validation.gif" target="_" title="Validation"><img src="images/screenshots/features/validation.gif" class="shadow" alt="Validation"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Features for the tools makers</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p>Instead of coding your modeling editors from scratch, Sirius provides an innovative approach supported by
+ <br>a set of integrated features for defining, testing and packaging your modeling workbench.</p></p>
+
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>EMF-based</h3>
+
+ <p>Relying on EMF (Eclipse Modeling Framework), Sirius benefits from very powerful features for defining and managing structured data model: domain model definition, reflective API, change notification, etc.</p>
+ <p>It also facilitates the integration with a large ecosystem of modeling technologies also based on EMF (Acceleo, Xtext, EMF Compare, etc).</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/emf.png" target="_" title="EMF-based"><img src="images/screenshots/features/emf.png" class="shadow" alt="EMF-based"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>DSL for Modeling Tools</h3>
+
+ <p>Creating a modeling tool with Sirius consists in using a dedicated DSL for defining model editors (diagrams, trees, tables, sequences) and properties views without writing any code.</p>
+ <p>This DSL is supported by a specific editor and productivity tools.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/sirius-editor.png" target="_" title="DSL for Modeling Tools"><img src="images/screenshots/features/sirius-editor.png" class="shadow" alt="DSL for Modeling Tools"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Interpreted Mode</h3>
+
+ <p>The definition of a modeling tool defined with Sirius’ internal DSL is interpreted at runtime.</p>
+ <p>It allows the tool maker to rapidly evaluate the tool under construction and facilitates the deployment of a new version.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/runtime.png" target="_" title="Synchronized Diagrams"><img src="images/screenshots/features/runtime.png" class="shadow" alt="Synchronized Diagrams"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Java Extensibility</h3>
+
+ <p>Complex or specific behaviours can be implemented by writing Java code.</p>
+ <p>It also allows to easily reuse external components providing additional features not supported natively by Sirius.</p>
+
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/features/java.png" target="_" title="DSL for Modeling Tools"><img src="images/screenshots/features/java.png" class="shadow" alt="DSL for Modeling Tools"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section id="support" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's new in the latest release?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-tasks fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Latest features</h4>
+ <p>Discover the latest major features recently added to Sirius Desktop.</p>
+ <p><a class="" href="whatsnew/whatsnew6.html" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-clipboard fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Release Notes</h4>
+ <p>See also the release notes for the full details.</p>
+ <p><a class="" href="doc/Release_Notes.html" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
+</section>
+
+
+<section class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Detailed features</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <ul class="nav nav-pills justify-content-center">
+ <li class="nav-item">
+ <a class="nav-link active" href="#create_tool" data-toggle="pill" aria-controls="pills-profile" aria-selected="true">Create a Modeling Tool</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#use_tool" data-toggle="pill" aria-controls="pills-profile" aria-selected="false">Use the Modeling Tool</a>
+ </li>
+ </ul>
+
+ <div class="tab-content" id="pills-tabContent">
+ <div class="tab-pane fade show active" id="create_tool">
<!-- First table -->
- <h2><a id="interpreted-mode"></a>Interpreted Mode</h2>
- <table class="table table-striped">
- <thead>
- <tr>
- <th colspan="2">Create a graphical designer without writing
- any code</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>XML serialization format</td>
- <td>The graphical designer is described in a configuration
- which is serialized in an open XML format.</td>
- </tr>
- <tr>
- <td>Graphical Designer Editor</td>
- <td>The graphical designer is edited with a dedicated
- graphical editor</td>
- </tr>
- <tr>
- <td>Dynamic evaluation</td>
- <td>The specification of the graphical designer (diagrams,
- tables, matrices, ...) and their associated tools are specified
- and interpreted at runtime. The designer can be tested directly
- from its specification environment <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_dynamicevaluation.png" title="Dynamic Evaluation - You can check results directly in the same specification environment"><span class="features_icon"></span></a></div>.
- </td>
- </tr>
- </tbody>
- </table>
- <!-- End first table -->
+ <h2><a id="interpreted-mode"></a>Interpreted Mode</h2>
+ <p>Create a graphical designer without writing any code</p>
+ <table class="table table-striped">
+ <tbody>
+ <tr>
+ <td>XML serialization format</td>
+ <td>The graphical designer is described in a configuration
+ which is serialized in an open XML format.</td>
+ </tr>
+ <tr>
+ <td>Graphical Designer Editor</td>
+ <td>The graphical designer is edited with a dedicated
+ graphical editor</td>
+ </tr>
+ <tr>
+ <td>Dynamic evaluation</td>
+ <td>The specification of the graphical designer (diagrams,
+ tables, matrices, ...) and their associated tools are specified
+ and interpreted at runtime. The designer can be tested directly
+ from its specification environment <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_dynamicevaluation.png" title="Dynamic Evaluation - You can check results directly in the same specification environment"><i class="far fa-image"></i></a></div>.
+ </td>
+ </tr>
+ </tbody>
+ </table>
+<!-- End first table -->
- <!-- Second table -->
- <h2><a id="customizable-viewpoints"></a>Fully Customizable Viewpoints</h2>
- <table class="table table-striped">
- <thead>
- <tr>
- <th colspan="2">A graphical designer provides viewpoints adapted to the user's role or activity.
- Each viewpoint corresponds to a set of representations (diagrams, tables, matrices or trees) which can be completely customized.</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Customizable Diagrams</td>
- <td>You can specify diagrams to graphically represent the model elements with your own graphical choices. <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_diagrams.png" title="Customizable Diagrams - Free graphical representations of model elements"><span class="features_icon"></span></a></div>
+<!-- Second table -->
+<h2><a id="customizable-viewpoints"></a>Fully Customizable Viewpoints</h2>
+<p>A graphical designer provides viewpoints adapted to the user's role or activity. Each viewpoint corresponds to a set of representations (diagrams, tables, matrices or trees) which can be completely customized.</p>
+<table class="table table-striped">
+ <tbody>
+ <tr>
+ <td>Customizable Diagrams</td>
+ <td>You can specify diagrams to graphically represent the model elements with your own graphical choices. <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_diagrams.png" title="Customizable Diagrams - Free graphical representations of model elements"><i class="far fa-image"></i></a></div>
On each diagram you can choose the model elements to display and how to display them: the kind of mapping (node, container, port, edge),
the graphical style (square, ellipse, image, size, colors, font, etc...), conditional styles (depending on a condition), decorators, etc...
You can also define the tools available on this diagram: the palette content, optional layers (to show additional information on the same diagram),
filters (to hide elements depending on a condition), validation rules and associated quickfixes, element edition tools (drop, reconnect, delete, paste,
edit label, element selection wizard), model element creation tools, diagram creation tools, navigation tools, predefined automatic layouts, etc...</td>
- </tr>
- <tr>
- <td>Customizable Tables</td>
- <td>You can specify tables to represent model elements as lines, where each cell corresponds to a feature. Cells are editable and can be graphically customized (font, color, etc...). <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_tables.png" title="Customizable Tables - Lines display countries, cities, houses and persons. Columns display the number of persons (in a country, a city or a house), the father, the mother and the number of children of each person" /><span class="features_icon"></span></a></div></td>
- </tr>
- <tr>
- <td>Customizable Matrix</td>
- <td>You can specify matrices to represent model elements as lines and columns,
- where each cell corresponds to a link between the objects in the line and the column. <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_matrix.png" title="Customizable Matrix - Lines display persons. Columns display cities. Intersections display persons location"><span class="features_icon"></span></a></div></td>
- </tr>
- <tr>
- <td>Customizable Trees</td>
- <td>You can specify a tree to represent model elements, where each node corresponds to a model
- element with related objects as child nodes. <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_trees.png" title="Customizable Trees - Trees can represent model elements as nodes and related elements as child nodes"><span class="features_icon"></span></a></div></td>
- </tr>
- <tr>
- <td>Customizable Sequence Diagrams</td>
- <td>You can specify a sequence diagram <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_sequence.png" title="Customizable Sequence Diagrams - Sequences display lifelines, messages and combined fragments"><span class="features_icon"></span></a></div> to represent your model elements with lifelines,
- messages and combined fragments. Inspired by UML, this kind of representation can be used with any DSL.</td>
- </tr>
- <tr>
- <td>Customizable Properties Views</td>
- <td>You can specify custom properties views to display and edit model elements features. <div class="popup-gallery icon_features"><a href="images/whatsnew4/properties.png" title="Customizable Properties Views"><span class="features_icon"></span></a></div></td>
- </tr>
- <tr>
- <td>Customizable Colors Palette</td>
- <td>You can define your own colors: Interpolated (a set of colors associated to a set of values) <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_colorsinterpolar.png" title="Customizable Colors Palette - Grouped Image - A set of colors associated to a set of values"><span class="features_icon"></span></a></div>,
- User Fixed (RGB), Computed (from a model element) <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_colorscomputed.png" title="Customizable Colors Palette - Computed Colors - Computed Colors from a model element"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Java extensibility</td>
- <td>As Sirius is based on EMF and GMF, you can use Java to implement complex services or reuse external components <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_javaextensibility.png" title="Java extensibility - Java code extension may be added to your design"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Viewpoint elements reuse</td>
- <td>Many elements can be shared between representations. It allows you to reduce the amount of work by reusing existing viewpoints elements <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_elementsreuse.png" title="Viewpoint elements reuse - Navigation descriptions are reused by other diagrams"><span class="features_icon"></span></a></div>.</td>
- </tr>
- </tbody>
- </table>
- <!-- End second table -->
- </div>
+ </tr>
+ <tr>
+ <td>Customizable Tables</td>
+ <td>You can specify tables to represent model elements as lines, where each cell corresponds to a feature. Cells are editable and can be graphically customized (font, color, etc...). <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_tables.png" title="Customizable Tables - Lines display countries, cities, houses and persons. Columns display the number of persons (in a country, a city or a house), the father, the mother and the number of children of each person" /><i class="far fa-image"></i></a></div></td>
+ </tr>
+ <tr>
+ <td>Customizable Matrix</td>
+ <td>You can specify matrices to represent model elements as lines and columns,
+ where each cell corresponds to a link between the objects in the line and the column. <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_matrix.png" title="Customizable Matrix - Lines display persons. Columns display cities. Intersections display persons location"><i class="far fa-image"></i></a></div></td>
+ </tr>
+ <tr>
+ <td>Customizable Trees</td>
+ <td>You can specify a tree to represent model elements, where each node corresponds to a model
+ element with related objects as child nodes. <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_trees.png" title="Customizable Trees - Trees can represent model elements as nodes and related elements as child nodes"><i class="far fa-image"></i></a></div></td>
+ </tr>
+ <tr>
+ <td>Customizable Sequence Diagrams</td>
+ <td>You can specify a sequence diagram <div class="popup-gallery"><a href="images/screenshots/features/sirius_sequence.png" title="Customizable Sequence Diagrams - Sequences display lifelines, messages and combined fragments"><i class="far fa-image"></i></a></div> to represent your model elements with lifelines,
+ messages and combined fragments. Inspired by UML, this kind of representation can be used with any DSL.</td>
+ </tr>
+ <tr>
+ <td>Customizable Properties Views</td>
+ <td>You can specify custom properties views to display and edit model elements features. <div class="popup-gallery"><a href="images/whatsnew4/properties.png" title="Customizable Properties Views"><i class="far fa-image"></i></a></div></td>
+ </tr>
+ <tr>
+ <td>Customizable Colors Palette</td>
+ <td>You can define your own colors: Interpolated (a set of colors associated to a set of values) <div class="popup-gallery"><a href="images/screenshots/features/sirius_colorsinterpolar.png" title="Customizable Colors Palette - Grouped Image - A set of colors associated to a set of values"><i class="far fa-image"></i></a></div>,
+ User Fixed (RGB), Computed (from a model element) <div class="popup-gallery"><a href="images/screenshots/features/sirius_colorscomputed.png" title="Customizable Colors Palette - Computed Colors - Computed Colors from a model element"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Java extensibility</td>
+ <td>As Sirius is based on EMF and GMF, you can use Java to implement complex services or reuse external components <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_javaextensibility.png" title="Java extensibility - Java code extension may be added to your design"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Viewpoint elements reuse</td>
+ <td>Many elements can be shared between representations. It allows you to reduce the amount of work by reusing existing viewpoints elements <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_elementsreuse.png" title="Viewpoint elements reuse - Navigation descriptions are reused by other diagrams"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ </tbody>
+</table>
+ <!-- End second table -->
+ </div>
+ <div class="tab-pane fade" id="use_tool">
+ <!-- Third table -->
+ <h2><a id="modeling-workbench"></a>Complete Modeling Workbench</h2>
+ <p>A Graphical Designer created with Sirius offers a complete modeling workbench
+ to manage your models and their corresponding representations (diagrams, tables, matrices, trees and sequence diagrams).</p>
+ <table class="table table-striped">
+ <tbody>
+ <tr>
+ <td>Viewpoints selection</td>
+ <td>When working on a model, you can select the viewpoints corresponding to your role or activity <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_selectviewpoints.png" title="Viewpoints Selection - Right-Click on your Modeling project in the Model Explorer view"><i class="far fa-image"></i></a></div>.
+ It will restrict the available representations only to those needed for your working session <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_availableviewpoints.png" title="Available Representations - Select the viewpoint you need"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Navigation between representations</td>
+ <td>From any representation, you can click and create new representations or navigate to those already created <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_navigationbetweenrepresentations.png" title="Navigation Between Representations - You can navigate to the Genealogy Diagram of Marie"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>XMI import/export</td>
+ <td>Based on EMF, Sirius natively supports XMI format to import or export models.</td>
+ </tr>
+ <tr>
+ <td>Split XMI files (Control model elements)</td>
+ <td>The XMI file containing a model can be splitted into several files to facilitate collaborative work with source control systems.</td>
+ </tr>
+ </tbody>
+ </table>
+ <!-- End third table -->
+ <!-- Forth table -->
+ <h2><a id="diagram-edition"></a>Diagram Edition</h2>
+ <p>Each diagram defined with Sirius provides features to facilitate the visualization and the manipulation of the
+ displayed model elements.</p>
+ <table class="table table-striped">
+ <tbody>
+ <tr>
+ <td>Zoom</td>
+ <td>It is possible to zoom on a diagram from 5% to 400% <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_zoom.png" title="Zoom - The zoom is also available with the Ctrl + scroll option"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Layers</td>
+ <td>A layer shows additional objects on the current diagram. It can also add its own section of tools in the Palette.
+ Several optional layers can be activated simultaneously. Each layer must be defined by the creator of the Graphical Designer <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_layers.png" title="Layers - You can display additional objects, labels, containers, tools, etc."><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Filters</td>
+ <td>A filter hides objects on the current diagram depending on their type and properties <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_filters.png" title="Filters - You can hide objects"><i class="far fa-image"></i></a></div>.
+ Several filters can be activated simultaneously. Each filter must be defined by the creator of the Graphical Designer <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_filtersdefinition.png" title="Filters Definition - You must define filters at the diagram level"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Conditional styles</td>
+ <td>A conditional style changes the appearance of a model element according to specific conditions (property values, relations, ...).
+ It allows to highlight some model elements of interest.</td>
+ </tr>
+ <tr>
+ <td>Outline</td>
+ <td>The outline shows a complete vision of the active diagram.
+ It is a convenient way to navigate on the active diagram when it is too big to be seen entirely on the editor <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_outline.png" title="Outline - A complete vision of the active diagram"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Automatic layout</td>
+ <td>Sirius provides a default automatic layout to graphically reorganize the model elements <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_automaticarrange.png" title="Automatic Layout - Allows a graphical reorganization of model elements"><i class="far fa-image"></i></a></div>.
+ The automatic layout strategy can be customized by the creator of the Graphical Designer.</td>
+ </tr>
+ <tr>
+ <td>Validation</td>
+ <td>Diagram can be validated <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_diagramvalidation.png" title="Diagram Validation - Right-Click on the diagram to get this option"><i class="far fa-image"></i></a></div>
+ to detect modeling rules violations defined by the Creator of the Graphical Designer <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_validationrules.png" title="Validation Rules - You can define rules to detect Informations, Warnings or Errors"><i class="far fa-image"></i></a></div>.
+ Each violated rule triggers either an Information, a Warning or an Error. They are shown both in the Problems view and
+ the diagram via decorators on model elements.</td>
+ </tr>
+ <tr>
+ <td>Quickfixes</td>
+ <td>Problems detected by a validation rule can be automatically corrected by quickfixes.
+ Quickfixes are defined by the creator of the Graphical Designer.</td>
+ </tr>
+ <tr>
+ <td>Undo/Redo</td>
+ <td>Undo/Redo is available to cancel last modifications and go back to a previous state <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_undoredo.png" title="Undo and Redo - You can Undo and Redo last modifications you do in your diagram"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Automatic initialization</td>
+ <td>When creating a new diagram, it is automatically populated with available model elements.
+ The query executed to retrieve model elements is defined by the creator of the Graphical Designer.</td>
+ </tr>
+ <tr>
+ <td>Rule and Grid</td>
+ <td>On a diagram, it is possible to display two rulers (vertical and horizontal) and a grid. When moving model elements, they can be snapped to the grid <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_gridrules.png" title="Rule and Grid - You can display rules and grid to facilitate the organization model elements"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Layouting mode</td>
+ <td>This optional mode allows you to protect the underlying model while reorganizing a diagram <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_layoutingmode.png" title="Layouting Mode - To protect the underlying model while reorganizing a diagram"><i class="far fa-image"></i></a></div>.
+ It avoids mistakenly changing properties or links related to model elements present on the diagram.</td>
+ </tr>
+ <tr>
+ <td>Elements show/hide</td>
+ <td>Each model element visible on a diagram can be hidden on-demand <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_showhide.png" title="Show and Hide Elements - You can show or hide elements you want using this option"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Image export</td>
+ <td>Each diagram can be exported as an image (JPEG, PNG, SVG, BMP or GIF)<div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_imageexport.png" title="Image Export - Exports all diagrams as an image (JPEG, PNG, SVG, BMP or GIF)"><i class="far fa-image"></i></a></div>.
+ It is also possible to export all diagrams at once <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_imagesexport.png" title="Image Export - Exports all diagrams as an image (JPEG, PNG, SVG, BMP or GIF)"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Elements alignments</td>
+ <td>To arrange model elements on a diagram, it is possible to automatically align them with each other (from left, top, right, bottom, center or middle) <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_elementsalignments.png" title="Elements Alignments - To arrange selected model elements on a diagram"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Elements pin</td>
+ <td>It is possible to fix the location of specific elements in a diagram. Fixed elements are not moved by the Arrange All action <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_elementspin.png" title="Elements Pin - To fix location of selected model elements on a diagram"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Synchronization mode</td>
+ <td>With "Synchronized" mode, the diagram is automatically populated with all the candidate elements (for example all the classes of a package).
+ However, with "Unsynchronized" mode, you choose the elements which are represented on the diagram.</td>
+ </tr>
+ <tr>
+ <td>Layout copy/paste</td>
+ <td>It is possible to duplicate layout of diagram elements to replicate their mutual organization from one diagram to another <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_copylayout.png" title="Copy Layout -To duplicate layout of diagram elements"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Custom style</td>
+ <td>Although the style of the diagram elements is defined by the creator of the Graphical Designer, it can be customized for each
+ diagram element (background color, border size, foreground color, label alignment, label size and format, etc) <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_customstyles.png" title="Custom Style - Styles of diagram elements can be defined by the graphical designer creator"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Resizing</td>
+ <td>Model elements can be resized manually <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_resizing.png" title="Resizing Elements - Manual resizing"><i class="far fa-image"></i></a></div>
+ or automatically. Automatic resizing can be performed by calculating the most
+ appropriate size or by applying the size of another selected element <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_autoresizing.png" title="Resizing Elements - Automatic resizing"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ <tr>
+ <td>Notes and texts</td>
+ <td>To graphically document your diagram, you can add annotations (notes or texts). A note can be attached to a model element <div class="popup-gallery"><a href="images/screenshots/features/sirius_feat_dynamicevaluation.png" title="Dynamic Evaluation - You can check results directly in the same specification environment"><i class="far fa-image"></i></a></div>.</td>
+ </tr>
+ </tbody>
+ </table> <!-- End forth table -->
+ </div>
+ </div>
+ </div>
+</section>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
- <div class="tab-pane fade" id="profile">
- <!-- Third table -->
- <h2><a id="modeling-workbench"></a>Complete Modeling Workbench</h2>
- <table class="table table-striped">
- <thead>
- <tr>
- <th colspan="2">A Graphical Designer created with Sirius offers a complete modeling workbench
- to manage your models and their corresponding representations (diagrams, tables, matrices, trees and sequence diagrams).</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Viewpoints selection</td>
- <td>When working on a model, you can select the viewpoints corresponding to your role or activity <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_selectviewpoints.png" title="Viewpoints Selection - Right-Click on your Modeling project in the Model Explorer view"><span class="features_icon"></span></a></div>.
- It will restrict the available representations only to those needed for your working session <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_availableviewpoints.png" title="Available Representations - Select the viewpoint you need"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Navigation between representations</td>
- <td>From any representation, you can click and create new representations or navigate to those already created <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_navigationbetweenrepresentations.png" title="Navigation Between Representations - You can navigate to the Genealogy Diagram of Marie"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>XMI import/export</td>
- <td>Based on EMF, Sirius natively supports XMI format to import or export models.</td>
- </tr>
- <tr>
- <td>Split XMI files (Control model elements)</td>
- <td>The XMI file containing a model can be splitted into several files to facilitate collaborative work with source control systems.</td>
- </tr>
- </tbody>
- </table>
- <!-- End third table -->
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <!-- Forth table -->
- <h2><a id="diagram-edition"></a>Diagram Edition</h2>
- <table class="table table-striped">
- <thead>
- <tr>
- <th colspan="2">Each diagram defined with Sirius provides features to facilitate the visualization and the manipulation of the
- displayed model elements.</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Zoom</td>
- <td>It is possible to zoom on a diagram from 5% to 400% <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_zoom.png" title="Zoom - The zoom is also available with the Ctrl + scroll option"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Layers</td>
- <td>A layer shows additional objects on the current diagram. It can also add its own section of tools in the Palette.
- Several optional layers can be activated simultaneously. Each layer must be defined by the creator of the Graphical Designer <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_layers.png" title="Layers - You can display additional objects, labels, containers, tools, etc."><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Filters</td>
- <td>A filter hides objects on the current diagram depending on their type and properties <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_filters.png" title="Filters - You can hide objects"><span class="features_icon"></span></a></div>.
- Several filters can be activated simultaneously. Each filter must be defined by the creator of the Graphical Designer <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_filtersdefinition.png" title="Filters Definition - You must define filters at the diagram level"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Conditional styles</td>
- <td>A conditional style changes the appearance of a model element according to specific conditions (property values, relations, ...).
- It allows to highlight some model elements of interest.</td>
- </tr>
- <tr>
- <td>Outline</td>
- <td>The outline shows a complete vision of the active diagram.
- It is a convenient way to navigate on the active diagram when it is too big to be seen entirely on the editor <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_outline.png" title="Outline - A complete vision of the active diagram"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Automatic layout</td>
- <td>Sirius provides a default automatic layout to graphically reorganize the model elements <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_automaticarrange.png" title="Automatic Layout - Allows a graphical reorganization of model elements"><span class="features_icon"></span></a></div>.
- The automatic layout strategy can be customized by the creator of the Graphical Designer.</td>
- </tr>
- <tr>
- <td>Validation</td>
- <td>Diagram can be validated <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_diagramvalidation.png" title="Diagram Validation - Right-Click on the diagram to get this option"><span class="features_icon"></span></a></div>
- to detect modeling rules violations defined by the Creator of the Graphical Designer <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_validationrules.png" title="Validation Rules - You can define rules to detect Informations, Warnings or Errors"><span class="features_icon"></span></a></div>.
- Each violated rule triggers either an Information, a Warning or an Error. They are shown both in the Problems view and
- the diagram via decorators on model elements.</td>
- </tr>
- <tr>
- <td>Quickfixes</td>
- <td>Problems detected by a validation rule can be automatically corrected by quickfixes.
- Quickfixes are defined by the creator of the Graphical Designer.</td>
- </tr>
- <tr>
- <td>Undo/Redo</td>
- <td>Undo/Redo is available to cancel last modifications and go back to a previous state <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_undoredo.png" title="Undo and Redo - You can Undo and Redo last modifications you do in your diagram"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Automatic initialization</td>
- <td>When creating a new diagram, it is automatically populated with available model elements.
- The query executed to retrieve model elements is defined by the creator of the Graphical Designer.</td>
- </tr>
- <tr>
- <td>Rule and Grid</td>
- <td>On a diagram, it is possible to display two rulers (vertical and horizontal) and a grid. When moving model elements, they can be snapped to the grid <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_gridrules.png" title="Rule and Grid - You can display rules and grid to facilitate the organization model elements"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Layouting mode</td>
- <td>This optional mode allows you to protect the underlying model while reorganizing a diagram <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_layoutingmode.png" title="Layouting Mode - To protect the underlying model while reorganizing a diagram"><span class="features_icon"></span></a></div>.
- It avoids mistakenly changing properties or links related to model elements present on the diagram.</td>
- </tr>
- <tr>
- <td>Elements show/hide</td>
- <td>Each model element visible on a diagram can be hidden on-demand <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_showhide.png" title="Show and Hide Elements - You can show or hide elements you want using this option"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Image export</td>
- <td>Each diagram can be exported as an image (JPEG, PNG, SVG, BMP or GIF)<div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_imageexport.png" title="Image Export - Exports all diagrams as an image (JPEG, PNG, SVG, BMP or GIF)"><span class="features_icon"></span></a></div>.
- It is also possible to export all diagrams at once <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_imagesexport.png" title="Image Export - Exports all diagrams as an image (JPEG, PNG, SVG, BMP or GIF)"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Elements alignments</td>
- <td>To arrange model elements on a diagram, it is possible to automatically align them with each other (from left, top, right, bottom, center or middle) <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_elementsalignments.png" title="Elements Alignments - To arrange selected model elements on a diagram"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Elements pin</td>
- <td>It is possible to fix the location of specific elements in a diagram. Fixed elements are not moved by the Arrange All action <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_elementspin.png" title="Elements Pin - To fix location of selected model elements on a diagram"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Synchronization mode</td>
- <td>With "Synchronized" mode, the diagram is automatically populated with all the candidate elements (for example all the classes of a package).
- However, with "Unsynchronized" mode, you choose the elements which are represented on the diagram.</td>
- </tr>
- <tr>
- <td>Layout copy/paste</td>
- <td>It is possible to duplicate layout of diagram elements to replicate their mutual organization from one diagram to another <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_copylayout.png" title="Copy Layout -To duplicate layout of diagram elements"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Custom style</td>
- <td>Although the style of the diagram elements is defined by the creator of the Graphical Designer, it can be customized for each
- diagram element (background color, border size, foreground color, label alignment, label size and format, etc) <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_customstyles.png" title="Custom Style - Styles of diagram elements can be defined by the graphical designer creator"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Resizing</td>
- <td>Model elements can be resized manually <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_resizing.png" title="Resizing Elements - Manual resizing"><span class="features_icon"></span></a></div>
- or automatically. Automatic resizing can be performed by calculating the most
- appropriate size or by applying the size of another selected element <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_autoresizing.png" title="Resizing Elements - Automatic resizing"><span class="features_icon"></span></a></div>.</td>
- </tr>
- <tr>
- <td>Notes and texts</td>
- <td>To graphically document your diagram, you can add annotations (notes or texts). A note can be attached to a model element <div class="popup-gallery icon_features"><a href="images/screenshots/features/sirius_feat_dynamicevaluation.png" title="Dynamic Evaluation - You can check results directly in the same specification environment"><span class="features_icon"></span></a></div>.</td>
- </tr>
- </tbody>
- </table> <!-- End forth table -->
- </div>
- </div> <!-- End myTabContent -->
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
-</div> <!-- Fin body_wrapper -->
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/gallery.html b/gallery.html
index d6f7572..e95278a 100644
--- a/gallery.html
+++ b/gallery.html
@@ -1,147 +1,302 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="application/json" src="json/gallery.json"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Gallery</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Gallery</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
+
+ <body>
-<div id="body_wrapper">
- <h1 class="page_title">Gallery</h1>
- <br />
-
- <div class="intro_gallery">
- <h3>What Can You Do with Sirius?</h3>
- <p>Discover concrete examples of modeling tools created with Sirius for various use-cases: Systems Engineering, Software Development, Business Configuration, etc.</p>
- </div>
-
- <div id="usecases"></div>
- <script type="text/javascript">
- $.getJSON('json/gallery.json', function(data) {
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What Can You Do with Sirius?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s">Discover concrete examples of modeling tools created with Sirius for various use-cases:<br>Systems Engineering, Software Development, Business Configuration, etc.</p>
- var output = " " ;
- for (var i in data.usecases) {
- var medias = " ";
- var thumb = " ";
- var thumblist = " ";
- var title = " ";
- var author = " ";
- var descr = " ";
- var taglist = " ";
- var tag = " ";
- var lnklist = " ";
- var lnk = " ";
- var infos = " ";
- medias += "<div class='medias' id='" + data.usecases[i].infos.title + "'><div class='popup-gallery-" + i + "'><a href='" + data.usecases[i].medias.mainSrc + "' title='" + data.usecases[i].medias.mainSrc + "'><img class='shadow' src='" + data.usecases[i].medias.mainSrc + "' alt='" + data.usecases[i].medias.imgAlt + "' width='520' /></a></div>";
-
- if(data.usecases[i].medias.thumbs.length < 1){
- thumblist += "<div class='thumbs'><ul>";
- }
- else {
- thumblist += "<div class='thumbs popup-gallery-" + i + "'><ul>";
- for (var t in data.usecases[i].medias.thumbs) {
- thumb += "<li class='thumb-" + t + "'><a href='" + data.usecases[i].medias.thumbs[t].src + "'><img class='shadow' src='" + data.usecases[i].medias.thumbs[t].src + "' alt='" + data.usecases[i].medias.thumbs[t].src + "' width='60' /></a></li>";
-
- }
- }
- thumblist += thumb + "</ul></div>";
-
- medias += thumblist + "</div>";
+ </div>
+</section>
- title += "<div class='title'><h2>" + data.usecases[i].infos.title + "</h2></div>";
- author += "<div class='author'><p>By " + data.usecases[i].infos.author + "</p></div>";
- descr += "<div class='descr'><p>" + data.usecases[i].infos.description + "</p></div>";
+<div id="usecases"></div>
+<script type="text/javascript">
+ $.getJSON('json/gallery.json', function(data) {
- taglist += "<div class='tags taglist'><span class='tag_head'>";
- for (var j in data.usecases[i].infos.tags) {
- tag += "</span><div class='tag'><i></i><span>" + data.usecases[i].infos.tags[j].nom + "</span><b></b></div>";
- }
- taglist += tag + "</div>";
+ var output = " " ;
- if(data.usecases[i].infos.lnks.length < 1){
- thumblist += "<div class='lnks'><ul>";
- }
- else {
- lnklist += "<div class='lnks'><h3 class='lnks_head'>Related links</h3><ul>";
- for (var k in data.usecases[i].infos.lnks) {
- lnk += "<li><a href='" + data.usecases[i].infos.lnks[k].url + "' target='_blank'>" + data.usecases[i].infos.lnks[k].nom + "</a></li>";
- }
- }
- lnklist += lnk + "</ul></div>";
+ for (var i in data.usecases) {
+ var medias = " ";
+ var thumb = " ";
+ var thumblist = " ";
+ var title = " ";
+ var author = " ";
+ var descr = " ";
+ var taglist = " ";
+ var tag = " ";
+ var lnklist = " ";
+ var lnk = " ";
+ var infos = " ";
- infos += "<div class='infos'>" + title + author + taglist + descr + lnklist +"</div>";
- output += "<div class='usecase'>" + medias + infos + "</div>";
-
- }
+ medias += "<div class='medias' id='" + data.usecases[i].infos.title + "'><div class='popup-gallery-" + i + "'><a href='" + data.usecases[i].medias.mainSrc + "' title='" + data.usecases[i].medias.mainSrc + "'><img class='shadow' src='" + data.usecases[i].medias.mainSrc + "' alt='" + data.usecases[i].medias.imgAlt + "' width='520' /></a></div>";
+
+ if(data.usecases[i].medias.thumbs.length < 1){
+ thumblist += "<div class='thumbs'><ul>";
+ }
+ else {
+ thumblist += "<div class='thumbs popup-gallery-" + i + "'><ul>";
+ for (var t in data.usecases[i].medias.thumbs) {
+ thumb += "<li class='thumb-" + t + "'><a href='" + data.usecases[i].medias.thumbs[t].src + "'><img class='shadow' src='" + data.usecases[i].medias.thumbs[t].src + "' alt='" + data.usecases[i].medias.thumbs[t].src + "' width='60' /></a></li>";
+
+ }
+ }
+ thumblist += thumb + "</ul></div>";
+
+ medias += thumblist + "</div>";
- document.getElementById("usecases").innerHTML=output;
-
- for (var n in data.usecases) {
-
- $('.popup-gallery-' + n).magnificPopup({
- delegate: 'a',
- type: 'image',
- tLoading: 'Loading image #%curr%...',
- mainClass: 'mfp-img-mobile',
- gallery: {
- enabled: true,
- navigateByImgClick: true,
- preload: [0,1] // Will preload 0 - before current, and 1 after the current image
- },
- image: {
- tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
- titleSrc: function(item) {
- var usecaseIndex = $(item.el).parents(".usecase").index();
- return data.usecases[usecaseIndex].infos.title;
- }
- }
- });
- }
- });
- </script>
-
- <br />
- <div class="intro_gallery">
- <h3>Your modeling tool created with Sirius is not listed here?</h3>
- <p>Feel free to submit your work here: <a href="https://bugs.eclipse.org/bugs/show_bug.cgi?id=448492">Bugzilla 448492</a>.</p>
- </div>
-
-</div> <!-- Fin body_wrapper -->
+ title += "<div><h2>" + data.usecases[i].infos.title + "</h2></div>";
+ author += "<h6 class='author'>By " + data.usecases[i].infos.author;
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
+ taglist += " <span class='tags taglist'>";
+ for (var j in data.usecases[i].infos.tags) {
+ tag += "<span class='badge bg_indigo txt_white'>" + data.usecases[i].infos.tags[j].nom + "</span> ";
+ }
+ taglist += tag + "</span></h6>";
+ descr += "<div class='descr'><p>" + data.usecases[i].infos.description + "</p></div>";
+
+ if(data.usecases[i].infos.lnks.length < 1){
+ thumblist += "<div class='lnks'><ul>";
+ }
+ else {
+ lnklist += "<div class='lnks'><h3 class='lnks_head'>Related links</h3><ul>";
+ for (var k in data.usecases[i].infos.lnks) {
+ lnk += "<li><a href='" + data.usecases[i].infos.lnks[k].url + "' target='_blank'>" + data.usecases[i].infos.lnks[k].nom + "</a></li>";
+ }
+ }
+ lnklist += lnk + "</ul></div>";
+
+ infos += "<div class='col-md-6'>" + title + author + taglist + descr + lnklist +"</div>";
+ output += "<section><div class='container'><div class='row usecase'>" + infos + medias + "</div></div></div></section>";
+
+ }
+
+ document.getElementById("usecases").innerHTML=output;
+
+ for (var n in data.usecases) {
+
+ $('.popup-gallery-' + n).magnificPopup({
+ delegate: 'a',
+ type: 'image',
+ tLoading: 'Loading image #%curr%...',
+ mainClass: 'mfp-img-mobile',
+ gallery: {
+ enabled: true,
+ navigateByImgClick: true,
+ preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+ },
+ image: {
+ tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
+ titleSrc: function(item) {
+ var usecaseIndex = $(item.el).parents(".usecase").index();
+ return data.usecases[usecaseIndex].infos.title;
+ }
+ }
+ });
+ }
+ });
+ </script>
+
+<section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Your modeling tool created with Sirius is not listed here?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s">Feel free to submit your work here: <a href="https://bugs.eclipse.org/bugs/show_bug.cgi?id=448492">Bugzilla 448492</a>.</p>
+
+
+
+ </div>
+</section>
+
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/getstarted.html b/getstarted.html
index 91d6ee7..13603d7 100644
--- a/getstarted.html
+++ b/getstarted.html
@@ -1,148 +1,324 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.video.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Get Started</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Get Started</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper">
- <h1 class="page_title">Get Started</h1>
-
- <div class="section left">
- <div class="image">
- <iframe class="popup-youtube shadow" width="400" height="250" src="https://www.youtube.com/embed/08XIW8hZOyQ?fs=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- <p align="center"><a href="http://www.obeo.fr/videos/sirius/Sirius%20-%20Getting%20Started.mp4" target="_blank">Download Video <i class="fa fa-download"></i></a></p>
- <p align="center"><a href="articles-videos.html">More Articles and Videos <i class="fa fa-arrow-circle-right"></i></a></p>
- </div>
- <h2>Introduction</h2>
- <p>Watch this video to discover how to simply create a graphical modeling tool with Sirius Desktop.</p>
- <p>With this video, you will see how to: </p>
- <ul>
- <li>create a Sirius project (Viewpoint Specification project)</li>
- <li>initialize a Diagram to graphically vizualize and edit the model elements</li>
- <li>define Nodes and Edges to display model elements on the diagram</li>
- <li>add a Creation Tool to create new model elements from a palette</li>
- </ul>
- </div>
-
- <div class="clear"></div>
-
- <div class="section">
- <h2>Tutorials</h2>
- <p>Follow a step-by-step scenario to create your first modeling tool with Sirius Desktop.
- </p>
- </div>
-
- <p><a id="basicfamily"></a></p>
- <br />
- <div class="usecase" >
- <div class="medias">
- <div class="popup-gallery">
- <a href="images/screenshots/screenshot_advanced_tutorial.png" title="Sirius - Advanced Tutorial">
- <img class="shadow" src="images/screenshots/screenshot_starter_tutorial.png" alt="Sirius - Advanced Tutorial" width="520" />
- </a>
- </div>
- </div>
- <div class="infos">
- <div class="title">
- <h2>BasicFamily Tutorial</h2>
- </div>
-
- <div class="descr">
- <p>This tutorial explains how to use Eclipse Sirius to create graphical editors for visually describing a family.</p>
- <p>It is composed of five parts, from the definition of the domain model to the deployment to end-users via an updatesite, including the creation of advanced editors and tools (ports, compartments, tables, etc.).</p>
- <p> </p>
- <p><a href="https://wiki.eclipse.org/Sirius/Tutorials/BasicFamily">Start the tutorial <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
- </div>
- </div>
-
- <p><a id="mindstorms"></a></p>
- <br />
- <div class="usecase">
- <div class="medias">
- <div class="popup-gallery">
- <a href="images/screenshots/screenshot_compartments_tutorial.png" title="Sirius - Compartments Tutorial">
- <img class="shadow" src="images/screenshots/screenshot_mindstorms_robot_tutorial.png" alt="Sirius - Compartments Tutorial" width="520" />
- </a>
- </div>
- </div>
- <div class="infos">
- <div class="title">
- <h2>Mindstorms Robot Tutorial</h2>
- </div>
-
- <div class="descr">
- <p>This tutorial explains how to use Eclipse Sirius to create a graphical modeling tool for a Mindstorms Robot.</p>
- <p>It is composed of four parts, illustrated with videos, from the definition of the domain model to the creation of a simple graphical diagram with navigation and creation tools, including the customization of properties views.</p>
- <p> </p>
- <p><a href="https://wiki.eclipse.org/Sirius/Tutorials/Mindstorms">Start the tutorial <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
- </div>
- </div>
-
-
-</div> <!-- Fin body_wrapper -->
-
-<div class="clear"></div>
-
-<section class="bg_light_gray">
- <article class="row centered">
- <div class="community_links">
- <div class="community_item">
- <h2><a href="http://www.eclipse.org/sirius/doc/">Documentation</a></h2>
- <a href="http://www.eclipse.org/sirius/doc/"><span class="community_icons" id="doc"></span></a>
- <p>Complete user guide and specifier manual</p>
- </div>
- <div class="community_item">
- <h2><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262">Forum</a></h2>
- <a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"><span class="community_icons" id="forum"></span></a>
- <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
- </div>
- <div class="community_item last_item">
- <h2><a href="https://www.obeodesigner.com/en/services">Professional Support</a></h2>
- <a href="https://www.obeodesigner.com/en/services"><span class="community_icons" id="support"></span></a>
- <p>Obeo, co-leader of Sirius, provides professional support services to help you with Sirius: training, custom development & expertise</p>
- </div>
- </div> <!-- Fin community_links -->
-
- <div class="clear" ></div>
- </article>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Introduction</h3>
+
+ <p>Watch this video to discover how to simply create a graphical modeling tool with Sirius Desktop.</p>
+ <p>With this video, you will see how to:</p>
+ <ul>
+ <li>create a Sirius project (Viewpoint Specification project)</li>
+ <li>initialize a Diagram to graphically vizualize and edit the model elements</li>
+ <li>define Nodes and Edges to display model elements on the diagram</li>
+ <li>add a Creation Tool to create new model elements from a palette</li>
+ </ul>
+
+ <p><a href="resource-center.html" target="_self">More articles and videos <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="350" src="https://www.youtube.com/embed/08XIW8hZOyQ?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ </div>
</section>
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
+<section class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Tutorials</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p>Follow a step-by-step scenario to create your first modeling tool with Sirius Desktop.</p></p>
+
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>BasicFamily Tutorial</h3>
+
+ <p>This tutorial explains how to use Eclipse Sirius to create graphical editors for visually describing a family.</p>
+ <p>It is composed of five parts, from the definition of the domain model to the deployment to end-users via an updatesite, including the creation of advanced editors and tools (ports, compartments, tables, etc.).</p>
+
+ <p><a href="https://wiki.eclipse.org/Sirius/Tutorials/BasicFamily" target="_blank">Start the tutorial <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/screenshot_advanced_tutorial.png" target="_blank" title="Sirius - BasicFamily Tutorial"><img src="images/screenshots/screenshot_advanced_tutorial.png" class="shadow" alt="Sirius - BasicFamily Tutorial"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Mindstorms Robot Tutorial</h3>
+
+ <p>This tutorial explains how to use Eclipse Sirius to create a graphical modeling tool for a Mindstorms Robot.</p>
+ <p>It is composed of four parts, illustrated with videos, from the definition of the domain model to the creation of a simple graphical diagram with navigation and creation tools, including the customization of properties views.</p>
+
+ <p><a href="https://wiki.eclipse.org/Sirius/Tutorials/Mindstorms" target="_blank">Start the tutorial <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/screenshot_compartments_tutorial.png" target="_blank" title="Sirius - Mindstorms Robot Tutorial"><img src="images/screenshots/screenshot_compartments_tutorial.png" class="shadow" alt="Sirius - Mindstorms Robot Tutorial"></a>
+ </div>
+</div>
+ </div>
+</section>
+
+<section id="support" class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Support?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+
+ <div class="row">
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-file-alt fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Documentation</h4>
+ <p>Learn how to use Sirius, thanks to online complete user guides and reference manuals</p>
+ <p><a class="" href="http://www.eclipse.org/sirius/doc/" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Forum</h4>
+ <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
+ <p><a class="" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Professional support</h4>
+ <p>Obeo, co-leader of Sirius, provides training, expertise, custom development and support plans</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/services" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
+</section>
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/images/banners/._banner_siriuscon_2016.jpg b/images/banners/._banner_siriuscon_2016.jpg
deleted file mode 100644
index f44f3ca..0000000
--- a/images/banners/._banner_siriuscon_2016.jpg
+++ /dev/null
Binary files differ
diff --git a/images/body_bg.jpg b/images/body_bg.jpg
deleted file mode 100644
index 06a63d3..0000000
--- a/images/body_bg.jpg
+++ /dev/null
Binary files differ
diff --git a/images/closeButton.png b/images/closeButton.png
deleted file mode 100644
index 3d58b79..0000000
--- a/images/closeButton.png
+++ /dev/null
Binary files differ
diff --git a/favicon.ico b/images/favicon_sirius.ico
similarity index 100%
rename from favicon.ico
rename to images/favicon_sirius.ico
Binary files differ
diff --git a/images/illustrations/sirius-overview.png b/images/illustrations/sirius-overview.png
new file mode 100755
index 0000000..1733d8e
--- /dev/null
+++ b/images/illustrations/sirius-overview.png
Binary files differ
diff --git a/images/illustrations/sirius-web-extensibility.png b/images/illustrations/sirius-web-extensibility.png
new file mode 100644
index 0000000..37191dd
--- /dev/null
+++ b/images/illustrations/sirius-web-extensibility.png
Binary files differ
diff --git a/images/lab/animator-running-small.png b/images/lab/animator-running-small.png
deleted file mode 100644
index e6cf6de..0000000
--- a/images/lab/animator-running-small.png
+++ /dev/null
Binary files differ
diff --git a/images/lab/animator-running.png b/images/lab/animator-running.png
deleted file mode 100644
index 2e9b7f3..0000000
--- a/images/lab/animator-running.png
+++ /dev/null
Binary files differ
diff --git a/images/logos/logo.png b/images/logos/logo.png
index 003ec55..6b8bd12 100644
--- a/images/logos/logo.png
+++ b/images/logos/logo.png
Binary files differ
diff --git a/images/screenshots/._screenshot_capella.jpg b/images/screenshots/._screenshot_capella.jpg
deleted file mode 100644
index 0d304b4..0000000
--- a/images/screenshots/._screenshot_capella.jpg
+++ /dev/null
Binary files differ
diff --git a/images/screenshots/._video_screenshot_1.png b/images/screenshots/._video_screenshot_1.png
deleted file mode 100644
index 7e4ed88..0000000
--- a/images/screenshots/._video_screenshot_1.png
+++ /dev/null
Binary files differ
diff --git a/images/screenshots/sirius-web/screenshot-assisted-layout.jpg b/images/screenshots/sirius-web/screenshot-assisted-layout.jpg
new file mode 100644
index 0000000..9516afa
--- /dev/null
+++ b/images/screenshots/sirius-web/screenshot-assisted-layout.jpg
Binary files differ
diff --git a/images/screenshots/sirius-web/screenshot-modern-ux.jpg b/images/screenshots/sirius-web/screenshot-modern-ux.jpg
new file mode 100644
index 0000000..a424349
--- /dev/null
+++ b/images/screenshots/sirius-web/screenshot-modern-ux.jpg
Binary files differ
diff --git a/images/screenshots/sirius-web/screenshot-shared-projects.jpg b/images/screenshots/sirius-web/screenshot-shared-projects.jpg
new file mode 100644
index 0000000..fd53c3c
--- /dev/null
+++ b/images/screenshots/sirius-web/screenshot-shared-projects.jpg
Binary files differ
diff --git a/index.html b/index.html
index f8ff6fb..687c20a 100644
--- a/index.html
+++ b/index.html
@@ -1,273 +1,462 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.video.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="text/javascript" src="js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Home</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - The easiest way to get your own Modeling Tool</title>
- <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<section class="highlight_banner bg_light_gray centered">
- <article class="row">
- <div class="col-md-4">
- <a href="overview.html"><img src="images/screenshots/home/screenshot_arduino_home.png" /></a>
- </div>
- <div class="col-md-4">
- <a href="overview.html"><img src="images/screenshots/home/screenshot_togaf.png" /></a>
- </div>
- <div class="col-md-4">
- <a href="overview.html"><img src="images/screenshots/home/screenshot_capella_home.png" /></a>
- </div>
-
- <div class="clear"></div>
- <br />
-
- <h1>The easiest way to get your own Modeling Tool</h1>
- <h3>Eclipse Sirius dramatically reduces the time for creating domain-specific modeling workbenches.</h3>
- <br />
- <p><a class="btn" href="overview.html">Read More</a></p>
-
- </article>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
</section>
-<div class="clear"></div>
-
-<!--
-<section class="parallax back1 txt_white">
- <article class="row">
- <header class="centered">
- <a id="siriuscon"></a>
- <p class="logo_siriuscon"><img src="https://www.obeodesigner.com/images/logos/header_typo_2020.png" width="380"></p>
- <br>
- <h2 class="uppercase txt_white">Save the date</h2>
-
- <div class="col-md-12">
- <h5>The past SiriusCon editions confirmed that Eclipse Sirius is a powerful technology.</h5>
- <h5> We have great news: <b>the 2020 online edition is here!</b></h5>
-
- <br>
- <p><a class="btn" href="https://www.siriuscon.org" target="_blank">Stay tuned</a></p>
- </div>
-
- </header>
- </article>
-</section>
--->
-
-<div class="clear"></div>
-
-<section class="bg_indigo txt_white">
- <article class="row">
- <header class="centered">
- <a id="why"></a>
- <h2 class="uppercase txt_white">Choose your favorite flavor</h2>
-
- <div class="col-md-6">
- <p><img src="images/sirius-web/flat-tv_white.png" /></p>
- <h3 class="txt_white">Sirius Desktop</h3>
- <p>Full-featured modeling tools deployed and running<br>
- in Eclipse workbench on your desktop
- </p>
- <p> </p>
- <p><a class="btn" href="getstarted.html">Get Started</a></p>
- </div>
-
- <div class="col-md-6">
- <p><img src="images/sirius-web/cloud_white.png" /></p>
- <h3 class="txt_white">Sirius Web</h3>
- <p>Modern modeling studios deployed to a web server<br>
- and rendered in a web browser
- </p>
- <p> </p>
- <p><a class="btn" href="sirius-web.html">Learn More</a></p>
- </div>
-
- </header>
- </article>
+
+ <section id="intro" class="">
+ <div class="container">
+ <div class="row align-items-end">
+ <div class="col-md-5 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <h1>The easiest way to get your own Modeling Tool</h1>
+ <p>Eclipse Sirius dramatically reduces the time for creating domain-specific modeling workbenches.</p>
+ <p>
+
+ <a href="download" class="btn btn-default span-right wow fadeInUp" data-wow-delay=".6s" target="_self">
+ Download
+ </a>
+
+
+ <a href="overview" class="btn btn-primary wow fadeInUp" data-wow-delay=".6s" target="_self">
+ Overview
+ </a>
+
+ </p>
+</div>
+
+<div class="col-md-7 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <p>
+ <a href="overview" class="wow fadeInUp" data-wow-delay=".6s" target="_self">
+ <img src="images/illustrations/sirius-overview.png" alt="Some text">
+ </a>
+ </p>
+</div>
+ </div>
+ </div>
</section>
+<section id="sirius_versions" class="bg_indigo txt_white text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Choose your favorite flavor</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<section>
- <article class="row">
- <header class="centered">
- <a id="why"></a>
- <h2 class="uppercase">Why Sirius?</h2>
- <div class="col-md-6">
- <p><img src="images/icons/home/icon_reduce_learning_curve.png" /></p>
- <div class="descr">
- <h3>Reduce the Tooling Learning Curve</h3>
- <p>By using a modeling tool which natively supports their own vocabulary, users don't have to learn concepts which are external to their business domain.
- They just have to learn the views provided by the tool and how to navigate between them. With Sirius, they can rapidly master a new tool and start
- industrializing their modeling activities.
- </p>
- </div>
- </div>
- <div class="col-md-6">
- <p><img src="images/icons/home/icon_decrease_cost.png" /></p>
- <h3>Decrease the Cost of your Tools</h3>
- <p>Don't pay for overkill tools providing unnecessary functionalities! Sirius is fully Open Source, but most of all, as it is completely customizable,
- a modeling workbench created with Sirius is natively based on your own business domain and provides the representations and features which really correspond
- to your different user's needs.
- </p>
- </div>
- </header>
- </article>
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-desktop fa-3x pa2 txt_white" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Sirius Desktop</h4>
+ <p>Full-featured modeling tools deployed and running<br>in Eclipse workbench on your desktop</p>
+ <p><a class="" href="getstarted" target="">Get started <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-cloud fa-3x pa2 txt_white" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4><span class='badge bg_yellow txt_indigo'>New!</span> Sirius Web</h4>
+ <p>Modern modeling studios deployed to a web server<br> and rendered in a web browser</p>
+ <p><a class="" href="sirius-web" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
</section>
-<div class="clear"></div>
+<section id="why_sirius" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Why Sirius</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<section class="bg_gray">
- <article class="row">
- <a id="manage_complexity"></a>
- <div class="col-md-6">
- <h2 class="uppercase">Complexity Management</h2>
- <p>Managing complexity requires breaking down a problem into simpler parts. With its multi-viewpoints approach, Sirius allows the user to easily manipulate
- sub-parts of a model in order to focus on what really matters. In addition, Sirius provides conditional styles, layers and filters to automatically simplify
- the graphical representations and highlight the elements of interest.</p>
- </div>
- <div class="col-md-6">
- <p><a class="popup-youtube" href="https://www.youtube.com/watch?v=XUD4nqIOzLc"><img src="images/screenshots/home/manage_complexity_video.png" /></a></p>
- </div>
- </article>
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-sliders-h fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Reduce the Tooling Learning Curve</h4>
+ <p>By using a modeling tool which natively supports their own vocabulary, users don't have to learn concepts which are external to their business domain. They just have to learn the views provided by the tool and how to navigate between them. With Sirius, they can rapidly master a new tool and start industrializing their modeling activities.</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-dollar-sign fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Decrease the Cost of your Tools</h4>
+ <p>Don't pay for overkill tools providing unnecessary functionalities! Sirius is fully Open Source, but most of all, as it is completely customizable, a modeling workbench created with Sirius is natively based on your own business domain and provides the representations and features which really correspond to your different user's needs.</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
</section>
+<section id="benefits" class="bg_lightest_grey text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Benefits</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<div class="clear"></div>
-<section class="centered">
- <article class="row">
- <a id="sirius_rocks"></a>
- <h2 class="uppercase">Sirius Rocks</h2>
- <div class="col-md-4">
- <p><a href="gallery.html"><img src="images/icons/home/icon_visual.png" /></a></p>
- <h3>Visual</h3>
- <p>Diagrams, tables and trees</p>
- </div>
- <div class="col-md-4">
- <p><a href="features.html"><img src="images/icons/home/icon_declarative.png" /></a></p>
- <h3>Declarative</h3>
- <p>No code generation</p>
- </div>
- <div class="col-md-4">
- <p><a href="getstarted.html"><img src="images/icons/home/icon_easy.png" /></a></p>
- <h3>Easy</h3>
- <p>Your modeling workbench in hours</p>
- </div>
- </article>
+
+ <div class="row">
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="far fa-eye fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Visual</h4>
+ <p>Diagrams, tables and trees</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-stream fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Declarative</h4>
+ <p>No code generation</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="far fa-clock fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Easy</h4>
+ <p>Your modeling workbench in hours</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
</section>
-
-<section class="bg_light_gray centered">
- <article class="row">
- <a id="support_sirius"></a>
- <h2 class="uppercase">Need Support?</h2>
-
- <div class="col-md-4">
- <p><a href="http://www.eclipse.org/sirius/doc/"><img src="images/icons/home/icon_doc.png" /></a></p>
- <h3>Documentation</h3>
- <p>Learn how to use Sirius, thanks to online complete user guides and reference manuals</p>
- </div>
- <div class="col-md-4">
- <p><a href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"><img src="images/icons/home/icon_forum.png" /></a></p>
- <h3>Forum</h3>
- <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
- </div>
- <div class="col-md-4">
- <p><a href="https://www.obeodesigner.com/en/services"><img src="images/icons/home/icon_support.png" /></a></p>
- <h3>Professional Support</h3>
- <p>Obeo, co-leader of Sirius, provides training, expertise, custom development and support plans</p>
- </div>
- </article>
+<section id="complexity_management">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Complexity Management</h3>
+
+ <p>Managing complexity requires breaking down a problem into simpler parts. With its multi-viewpoints approach, Sirius allows the user to easily manipulate sub-parts of a model in order to focus on what really matters. In addition, Sirius provides conditional styles, layers and filters to automatically simplify the graphical representations and highlight the elements of interest.
+ </p>
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="510" height="290" src="https://www.youtube.com/embed/XUD4nqIOzLc?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ </div>
</section>
+<section id="support" class="bg_lightest_grey text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Support?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<section class="bg_lightest_gray centered">
- <article class="row">
- <a id="sponsors"></a>
- <h2 class="uppercase">Sponsors</h2>
- <p><a href="https://www.obeo.fr/en/" target="_blank"><img src="images/logos/logo_obeo_gray.png" /></a>
- <a href="https://www.thalesgroup.com/en" target="_blank"><img src="images/logos/logo_thales_gray.png" /></a></p>
- </article>
+
+
+ <div class="row">
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="far fa-file-alt fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Documentation</h4>
+ <p>Learn how to use Sirius, thanks to online complete user guides and reference manuals</p>
+ <p><a class="" href="http://www.eclipse.org/sirius/doc/" target="">Learn more <i class="far fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="far fa-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Forum</h4>
+ <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
+ <p><a class="" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Learn more <i class="far fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="far fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Professional support</h4>
+ <p>Obeo, co-leader of Sirius, provides training, expertise, custom development and support plans</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/services" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
</section>
-<div class="clear"></div>
+<section id="sponsors" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Sponsors</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<section class="centered">
- <article class="row">
- <a id="twitter"></a>
- <h2 class="uppercase">Tweets</h2>
- <p><img src="images/icons/home/icon_twitter.png" /></p>
- <div id="tweets" class="centered">
- <script>
- if (document.cookie.valueOf('eclipse_cookieconsent_status').search("allow") > -1) {
- var script = document.createElement('script');
- script.src = "//platform.twitter.com/widgets.js";
- script.type = "text/javascript";
- script['async']="true";
- script.charset="utf-8";
- document.getElementById("tweets").appendChild(script);
- script.onload = function () {
- twttr.widgets.createTimeline(
- {
- sourceType: "profile",
- screenName: "EclipseSirius"
- },
- document.getElementById("tweets")
- );
- };
- } else {
- var p = document.createElement('p');
- p.innerHTML="Please, allow Cookies & Eclipse Foundation Privacy Policy below to be able to load the Twitter widget.";
- document.getElementById("tweets").appendChild(p);
- }
- </script>
- </div> </article>
+ <div class="row align-items-center">
+ <div class="col-md-4 offset-md-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <p><a href="http://www.obeosoft.com" title="Logo Obeo" target="_blank"><img src="/sirius/common_assets/images/logos/logo_obeo.png"></a></p>
+ </div>
+ <div class="col-md-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <p><a href="https://www.thalesgroup.com/en" title="Logo Thales" target="_blank"><img src="/sirius/common_assets/images/logos/logo_thales.png"></a></p>
+ </div>
+ </div>
+ </div>
+</div>
</section>
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
-</body>
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
-
diff --git a/js/bootstrap-tab.js b/js/bootstrap-tab.js
deleted file mode 100644
index d09a646..0000000
--- a/js/bootstrap-tab.js
+++ /dev/null
@@ -1,144 +0,0 @@
-/* ========================================================
- * bootstrap-tab.js v2.3.2
- * http://twbs.github.com/bootstrap/javascript.html#tabs
- * ========================================================
- * Copyright 2013 Twitter, Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ======================================================== */
-
-
-!function ($) {
-
- "use strict"; // jshint ;_;
-
-
- /* TAB CLASS DEFINITION
- * ==================== */
-
- var Tab = function (element) {
- this.element = $(element)
- }
-
- Tab.prototype = {
-
- constructor: Tab
-
- , show: function () {
- var $this = this.element
- , $ul = $this.closest('ul:not(.dropdown-menu)')
- , selector = $this.attr('data-target')
- , previous
- , $target
- , e
-
- if (!selector) {
- selector = $this.attr('href')
- selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
- }
-
- if ( $this.parent('li').hasClass('active') ) return
-
- previous = $ul.find('.active:last a')[0]
-
- e = $.Event('show', {
- relatedTarget: previous
- })
-
- $this.trigger(e)
-
- if (e.isDefaultPrevented()) return
-
- $target = $(selector)
-
- this.activate($this.parent('li'), $ul)
- this.activate($target, $target.parent(), function () {
- $this.trigger({
- type: 'shown'
- , relatedTarget: previous
- })
- })
- }
-
- , activate: function ( element, container, callback) {
- var $active = container.find('> .active')
- , transition = callback
- && $.support.transition
- && $active.hasClass('fade')
-
- function next() {
- $active
- .removeClass('active')
- .find('> .dropdown-menu > .active')
- .removeClass('active')
-
- element.addClass('active')
-
- if (transition) {
- element[0].offsetWidth // reflow for transition
- element.addClass('in')
- } else {
- element.removeClass('fade')
- }
-
- if ( element.parent('.dropdown-menu') ) {
- element.closest('li.dropdown').addClass('active')
- }
-
- callback && callback()
- }
-
- transition ?
- $active.one($.support.transition.end, next) :
- next()
-
- $active.removeClass('in')
- }
- }
-
-
- /* TAB PLUGIN DEFINITION
- * ===================== */
-
- var old = $.fn.tab
-
- $.fn.tab = function ( option ) {
- return this.each(function () {
- var $this = $(this)
- , data = $this.data('tab')
- if (!data) $this.data('tab', (data = new Tab(this)))
- if (typeof option == 'string') data[option]()
- })
- }
-
- $.fn.tab.Constructor = Tab
-
-
- /* TAB NO CONFLICT
- * =============== */
-
- $.fn.tab.noConflict = function () {
- $.fn.tab = old
- return this
- }
-
-
- /* TAB DATA-API
- * ============ */
-
- $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
- e.preventDefault()
- $(this).tab('show')
- })
-
-}(window.jQuery);
\ No newline at end of file
diff --git a/js/functions.js b/js/functions.js
deleted file mode 100644
index 0100da6..0000000
--- a/js/functions.js
+++ /dev/null
@@ -1,119 +0,0 @@
-function submit_form(){
- if(typeof(validateCaptchaAndSubmit)!='undefined'){
- validateCaptchaAndSubmit();
- }else{
- check_webtolead_fields();
- }
- }
-
-function check_webtolead_fields(){
- if(document.getElementById('bool_id') != null){
- var reqs=document.getElementById('bool_id').value;
- bools = reqs.substring(0,reqs.lastIndexOf(';'));
- var bool_fields = new Array();
- var bool_fields = bools.split(';');
- nbr_fields = bool_fields.length;
- for(var i=0;i<nbr_fields;i++){
- if(document.getElementById(bool_fields[i]).value == 'on'){
- document.getElementById(bool_fields[i]).value = 1;
- }
- else{
- document.getElementById(bool_fields[i]).value = 0;
- }
- }
- }
- if(document.getElementById('req_id') != null){
- var reqs=document.getElementById('req_id').value;
- reqs = reqs.substring(0,reqs.lastIndexOf(';'));
- var req_fields = new Array();
- var req_fields = reqs.split(';');
- nbr_fields = req_fields.length;
- var req = true;
- for(var i=0;i<nbr_fields;i++){
- if(document.getElementById(req_fields[i]).value.length <=0 || document.getElementById(req_fields[i]).value==0){
- req = false;
- break;
- }
- }
- if(req){
- if(validateEmailAdd()){
- document.WebToLeadForm.submit();
- return true;
- }
- else {
- return false;
- }
- }
- else{
- alert('Please fill out all required fields!');
- return false;
- }
- return false
- }
- else{
- document.WebToLeadForm.submit();
- }
-}
-
- function validateEmailAdd(){
- var req = true;
- var regexp= /^\w+(['\.\-\+]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/;
- if(document.getElementById('email1').value.length >0) {
- if(document.getElementById('email1').value.match(regexp)== null){
- alert('Invalid email address.');
- return false;
- }
- }
- else {req=false;}
- return req;
-}
-
-(function($){
- $.fn.scrollingTo = function( opts ) {
- var defaults = {
- animationTime : 1000,
- easing : '',
- callbackBeforeTransition : function(){},
- callbackAfterTransition : function(){}
- };
-
- var config = $.extend( {}, defaults, opts );
-
- $(this).click(function(e){
- var eventVal = e;
- e.preventDefault();
-
- var $section = $(document).find( $(this).data('row') );
- if ( $section.length < 1 ) {
- return false;
- };
-
- if ( $('html, body').is(':animated') ) {
- $('html, body').stop( true, true );
- };
-
- var scrollPos = $section.offset().top;
-
- if ( $(window).scrollTop() == scrollPos ) {
- return false;
- };
-
- config.callbackBeforeTransition(eventVal, $section);
-
- $('html, body').animate({
- 'scrollTop' : ((scrollPos-100)+'px' )
- }, config.animationTime, config.easing, function(){
- config.callbackAfterTransition(eventVal, $section);
- });
- });
- };
- }(jQuery));
-
- jQuery(document).ready(function(){
- "use strict";
-
- (function(){
- jQuery('.smooth-scroll').scrollingTo();
- }());
-});
-
diff --git a/js/jquery.fancybox.js b/js/jquery.fancybox.js
deleted file mode 100644
index e8e1987..0000000
--- a/js/jquery.fancybox.js
+++ /dev/null
@@ -1,2020 +0,0 @@
-/*!
- * fancyBox - jQuery Plugin
- * version: 2.1.5 (Fri, 14 Jun 2013)
- * @requires jQuery v1.6 or later
- *
- * Examples at http://fancyapps.com/fancybox/
- * License: www.fancyapps.com/fancybox/#license
- *
- * Copyright 2012 Janis Skarnelis - janis@fancyapps.com
- *
- */
-
-(function (window, document, $, undefined) {
- "use strict";
-
- var H = $("html"),
- W = $(window),
- D = $(document),
- F = $.fancybox = function () {
- F.open.apply( this, arguments );
- },
- IE = navigator.userAgent.match(/msie/i),
- didUpdate = null,
- isTouch = document.createTouch !== undefined,
-
- isQuery = function(obj) {
- return obj && obj.hasOwnProperty && obj instanceof $;
- },
- isString = function(str) {
- return str && $.type(str) === "string";
- },
- isPercentage = function(str) {
- return isString(str) && str.indexOf('%') > 0;
- },
- isScrollable = function(el) {
- return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
- },
- getScalar = function(orig, dim) {
- var value = parseInt(orig, 10) || 0;
-
- if (dim && isPercentage(orig)) {
- value = F.getViewport()[ dim ] / 100 * value;
- }
-
- return Math.ceil(value);
- },
- getValue = function(value, dim) {
- return getScalar(value, dim) + 'px';
- };
-
- $.extend(F, {
- // The current version of fancyBox
- version: '2.1.5',
-
- defaults: {
- padding : 15,
- margin : 20,
-
- width : 800,
- height : 600,
- minWidth : 100,
- minHeight : 100,
- maxWidth : 9999,
- maxHeight : 9999,
- pixelRatio: 1, // Set to 2 for retina display support
-
- autoSize : true,
- autoHeight : false,
- autoWidth : false,
-
- autoResize : true,
- autoCenter : !isTouch,
- fitToView : true,
- aspectRatio : false,
- topRatio : 0.5,
- leftRatio : 0.5,
-
- scrolling : 'auto', // 'auto', 'yes' or 'no'
- wrapCSS : '',
-
- arrows : true,
- closeBtn : true,
- closeClick : false,
- nextClick : false,
- mouseWheel : true,
- autoPlay : false,
- playSpeed : 3000,
- preload : 3,
- modal : false,
- loop : true,
-
- ajax : {
- dataType : 'html',
- headers : { 'X-fancyBox': true }
- },
- iframe : {
- scrolling : 'auto',
- preload : true
- },
- swf : {
- wmode: 'transparent',
- allowfullscreen : 'true',
- allowscriptaccess : 'always'
- },
-
- keys : {
- next : {
- 13 : 'left', // enter
- 34 : 'up', // page down
- 39 : 'left', // right arrow
- 40 : 'up' // down arrow
- },
- prev : {
- 8 : 'right', // backspace
- 33 : 'down', // page up
- 37 : 'right', // left arrow
- 38 : 'down' // up arrow
- },
- close : [27], // escape key
- play : [32], // space - start/stop slideshow
- toggle : [70] // letter "f" - toggle fullscreen
- },
-
- direction : {
- next : 'left',
- prev : 'right'
- },
-
- scrollOutside : true,
-
- // Override some properties
- index : 0,
- type : null,
- href : null,
- content : null,
- title : null,
-
- // HTML templates
- tpl: {
- wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
- image : '<img class="fancybox-image" src="{href}" alt="" />',
- iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
- error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
- closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
- next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
- prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
- },
-
- // Properties for each animation type
- // Opening fancyBox
- openEffect : 'fade', // 'elastic', 'fade' or 'none'
- openSpeed : 250,
- openEasing : 'swing',
- openOpacity : true,
- openMethod : 'zoomIn',
-
- // Closing fancyBox
- closeEffect : 'fade', // 'elastic', 'fade' or 'none'
- closeSpeed : 250,
- closeEasing : 'swing',
- closeOpacity : true,
- closeMethod : 'zoomOut',
-
- // Changing next gallery item
- nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
- nextSpeed : 250,
- nextEasing : 'swing',
- nextMethod : 'changeIn',
-
- // Changing previous gallery item
- prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
- prevSpeed : 250,
- prevEasing : 'swing',
- prevMethod : 'changeOut',
-
- // Enable default helpers
- helpers : {
- overlay : true,
- title : true
- },
-
- // Callbacks
- onCancel : $.noop, // If canceling
- beforeLoad : $.noop, // Before loading
- afterLoad : $.noop, // After loading
- beforeShow : $.noop, // Before changing in current item
- afterShow : $.noop, // After opening
- beforeChange : $.noop, // Before changing gallery item
- beforeClose : $.noop, // Before closing
- afterClose : $.noop // After closing
- },
-
- //Current state
- group : {}, // Selected group
- opts : {}, // Group options
- previous : null, // Previous element
- coming : null, // Element being loaded
- current : null, // Currently loaded element
- isActive : false, // Is activated
- isOpen : false, // Is currently open
- isOpened : false, // Have been fully opened at least once
-
- wrap : null,
- skin : null,
- outer : null,
- inner : null,
-
- player : {
- timer : null,
- isActive : false
- },
-
- // Loaders
- ajaxLoad : null,
- imgPreload : null,
-
- // Some collections
- transitions : {},
- helpers : {},
-
- /*
- * Static methods
- */
-
- open: function (group, opts) {
- if (!group) {
- return;
- }
-
- if (!$.isPlainObject(opts)) {
- opts = {};
- }
-
- // Close if already active
- if (false === F.close(true)) {
- return;
- }
-
- // Normalize group
- if (!$.isArray(group)) {
- group = isQuery(group) ? $(group).get() : [group];
- }
-
- // Recheck if the type of each element is `object` and set content type (image, ajax, etc)
- $.each(group, function(i, element) {
- var obj = {},
- href,
- title,
- content,
- type,
- rez,
- hrefParts,
- selector;
-
- if ($.type(element) === "object") {
- // Check if is DOM element
- if (element.nodeType) {
- element = $(element);
- }
-
- if (isQuery(element)) {
- obj = {
- href : element.data('fancybox-href') || element.attr('href'),
- title : element.data('fancybox-title') || element.attr('title'),
- isDom : true,
- element : element
- };
-
- if ($.metadata) {
- $.extend(true, obj, element.metadata());
- }
-
- } else {
- obj = element;
- }
- }
-
- href = opts.href || obj.href || (isString(element) ? element : null);
- title = opts.title !== undefined ? opts.title : obj.title || '';
-
- content = opts.content || obj.content;
- type = content ? 'html' : (opts.type || obj.type);
-
- if (!type && obj.isDom) {
- type = element.data('fancybox-type');
-
- if (!type) {
- rez = element.prop('class').match(/fancybox\.(\w+)/);
- type = rez ? rez[1] : null;
- }
- }
-
- if (isString(href)) {
- // Try to guess the content type
- if (!type) {
- if (F.isImage(href)) {
- type = 'image';
-
- } else if (F.isSWF(href)) {
- type = 'swf';
-
- } else if (href.charAt(0) === '#') {
- type = 'inline';
-
- } else if (isString(element)) {
- type = 'html';
- content = element;
- }
- }
-
- // Split url into two pieces with source url and content selector, e.g,
- // "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
- if (type === 'ajax') {
- hrefParts = href.split(/\s+/, 2);
- href = hrefParts.shift();
- selector = hrefParts.shift();
- }
- }
-
- if (!content) {
- if (type === 'inline') {
- if (href) {
- content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
-
- } else if (obj.isDom) {
- content = element;
- }
-
- } else if (type === 'html') {
- content = href;
-
- } else if (!type && !href && obj.isDom) {
- type = 'inline';
- content = element;
- }
- }
-
- $.extend(obj, {
- href : href,
- type : type,
- content : content,
- title : title,
- selector : selector
- });
-
- group[ i ] = obj;
- });
-
- // Extend the defaults
- F.opts = $.extend(true, {}, F.defaults, opts);
-
- // All options are merged recursive except keys
- if (opts.keys !== undefined) {
- F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
- }
-
- F.group = group;
-
- return F._start(F.opts.index);
- },
-
- // Cancel image loading or abort ajax request
- cancel: function () {
- var coming = F.coming;
-
- if (!coming || false === F.trigger('onCancel')) {
- return;
- }
-
- F.hideLoading();
-
- if (F.ajaxLoad) {
- F.ajaxLoad.abort();
- }
-
- F.ajaxLoad = null;
-
- if (F.imgPreload) {
- F.imgPreload.onload = F.imgPreload.onerror = null;
- }
-
- if (coming.wrap) {
- coming.wrap.stop(true, true).trigger('onReset').remove();
- }
-
- F.coming = null;
-
- // If the first item has been canceled, then clear everything
- if (!F.current) {
- F._afterZoomOut( coming );
- }
- },
-
- // Start closing animation if is open; remove immediately if opening/closing
- close: function (event) {
- F.cancel();
-
- if (false === F.trigger('beforeClose')) {
- return;
- }
-
- F.unbindEvents();
-
- if (!F.isActive) {
- return;
- }
-
- if (!F.isOpen || event === true) {
- $('.fancybox-wrap').stop(true).trigger('onReset').remove();
-
- F._afterZoomOut();
-
- } else {
- F.isOpen = F.isOpened = false;
- F.isClosing = true;
-
- $('.fancybox-item, .fancybox-nav').remove();
-
- F.wrap.stop(true, true).removeClass('fancybox-opened');
-
- F.transitions[ F.current.closeMethod ]();
- }
- },
-
- // Manage slideshow:
- // $.fancybox.play(); - toggle slideshow
- // $.fancybox.play( true ); - start
- // $.fancybox.play( false ); - stop
- play: function ( action ) {
- var clear = function () {
- clearTimeout(F.player.timer);
- },
- set = function () {
- clear();
-
- if (F.current && F.player.isActive) {
- F.player.timer = setTimeout(F.next, F.current.playSpeed);
- }
- },
- stop = function () {
- clear();
-
- D.unbind('.player');
-
- F.player.isActive = false;
-
- F.trigger('onPlayEnd');
- },
- start = function () {
- if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
- F.player.isActive = true;
-
- D.bind({
- 'onCancel.player beforeClose.player' : stop,
- 'onUpdate.player' : set,
- 'beforeLoad.player' : clear
- });
-
- set();
-
- F.trigger('onPlayStart');
- }
- };
-
- if (action === true || (!F.player.isActive && action !== false)) {
- start();
- } else {
- stop();
- }
- },
-
- // Navigate to next gallery item
- next: function ( direction ) {
- var current = F.current;
-
- if (current) {
- if (!isString(direction)) {
- direction = current.direction.next;
- }
-
- F.jumpto(current.index + 1, direction, 'next');
- }
- },
-
- // Navigate to previous gallery item
- prev: function ( direction ) {
- var current = F.current;
-
- if (current) {
- if (!isString(direction)) {
- direction = current.direction.prev;
- }
-
- F.jumpto(current.index - 1, direction, 'prev');
- }
- },
-
- // Navigate to gallery item by index
- jumpto: function ( index, direction, router ) {
- var current = F.current;
-
- if (!current) {
- return;
- }
-
- index = getScalar(index);
-
- F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
- F.router = router || 'jumpto';
-
- if (current.loop) {
- if (index < 0) {
- index = current.group.length + (index % current.group.length);
- }
-
- index = index % current.group.length;
- }
-
- if (current.group[ index ] !== undefined) {
- F.cancel();
-
- F._start(index);
- }
- },
-
- // Center inside viewport and toggle position type to fixed or absolute if needed
- reposition: function (e, onlyAbsolute) {
- var current = F.current,
- wrap = current ? current.wrap : null,
- pos;
-
- if (wrap) {
- pos = F._getPosition(onlyAbsolute);
-
- if (e && e.type === 'scroll') {
- delete pos.position;
-
- wrap.stop(true, true).animate(pos, 200);
-
- } else {
- wrap.css(pos);
-
- current.pos = $.extend({}, current.dim, pos);
- }
- }
- },
-
- update: function (e) {
- var type = (e && e.type),
- anyway = !type || type === 'orientationchange';
-
- if (anyway) {
- clearTimeout(didUpdate);
-
- didUpdate = null;
- }
-
- if (!F.isOpen || didUpdate) {
- return;
- }
-
- didUpdate = setTimeout(function() {
- var current = F.current;
-
- if (!current || F.isClosing) {
- return;
- }
-
- F.wrap.removeClass('fancybox-tmp');
-
- if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
- F._setDimension();
- }
-
- if (!(type === 'scroll' && current.canShrink)) {
- F.reposition(e);
- }
-
- F.trigger('onUpdate');
-
- didUpdate = null;
-
- }, (anyway && !isTouch ? 0 : 300));
- },
-
- // Shrink content to fit inside viewport or restore if resized
- toggle: function ( action ) {
- if (F.isOpen) {
- F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
-
- // Help browser to restore document dimensions
- if (isTouch) {
- F.wrap.removeAttr('style').addClass('fancybox-tmp');
-
- F.trigger('onUpdate');
- }
-
- F.update();
- }
- },
-
- hideLoading: function () {
- D.unbind('.loading');
-
- $('#fancybox-loading').remove();
- },
-
- showLoading: function () {
- var el, viewport;
-
- F.hideLoading();
-
- el = $('<div id="fancybox-loading"><div></div></div>').click(F.cancel).appendTo('body');
-
- // If user will press the escape-button, the request will be canceled
- D.bind('keydown.loading', function(e) {
- if ((e.which || e.keyCode) === 27) {
- e.preventDefault();
-
- F.cancel();
- }
- });
-
- if (!F.defaults.fixed) {
- viewport = F.getViewport();
-
- el.css({
- position : 'absolute',
- top : (viewport.h * 0.5) + viewport.y,
- left : (viewport.w * 0.5) + viewport.x
- });
- }
- },
-
- getViewport: function () {
- var locked = (F.current && F.current.locked) || false,
- rez = {
- x: W.scrollLeft(),
- y: W.scrollTop()
- };
-
- if (locked) {
- rez.w = locked[0].clientWidth;
- rez.h = locked[0].clientHeight;
-
- } else {
- // See http://bugs.jquery.com/ticket/6724
- rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
- rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
- }
-
- return rez;
- },
-
- // Unbind the keyboard / clicking actions
- unbindEvents: function () {
- if (F.wrap && isQuery(F.wrap)) {
- F.wrap.unbind('.fb');
- }
-
- D.unbind('.fb');
- W.unbind('.fb');
- },
-
- bindEvents: function () {
- var current = F.current,
- keys;
-
- if (!current) {
- return;
- }
-
- // Changing document height on iOS devices triggers a 'resize' event,
- // that can change document height... repeating infinitely
- W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
-
- keys = current.keys;
-
- if (keys) {
- D.bind('keydown.fb', function (e) {
- var code = e.which || e.keyCode,
- target = e.target || e.srcElement;
-
- // Skip esc key if loading, because showLoading will cancel preloading
- if (code === 27 && F.coming) {
- return false;
- }
-
- // Ignore key combinations and key events within form elements
- if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
- $.each(keys, function(i, val) {
- if (current.group.length > 1 && val[ code ] !== undefined) {
- F[ i ]( val[ code ] );
-
- e.preventDefault();
- return false;
- }
-
- if ($.inArray(code, val) > -1) {
- F[ i ] ();
-
- e.preventDefault();
- return false;
- }
- });
- }
- });
- }
-
- if ($.fn.mousewheel && current.mouseWheel) {
- F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
- var target = e.target || null,
- parent = $(target),
- canScroll = false;
-
- while (parent.length) {
- if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
- break;
- }
-
- canScroll = isScrollable( parent[0] );
- parent = $(parent).parent();
- }
-
- if (delta !== 0 && !canScroll) {
- if (F.group.length > 1 && !current.canShrink) {
- if (deltaY > 0 || deltaX > 0) {
- F.prev( deltaY > 0 ? 'down' : 'left' );
-
- } else if (deltaY < 0 || deltaX < 0) {
- F.next( deltaY < 0 ? 'up' : 'right' );
- }
-
- e.preventDefault();
- }
- }
- });
- }
- },
-
- trigger: function (event, o) {
- var ret, obj = o || F.coming || F.current;
-
- if (!obj) {
- return;
- }
-
- if ($.isFunction( obj[event] )) {
- ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
- }
-
- if (ret === false) {
- return false;
- }
-
- if (obj.helpers) {
- $.each(obj.helpers, function (helper, opts) {
- if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
- F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
- }
- });
- }
-
- D.trigger(event);
- },
-
- isImage: function (str) {
- return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
- },
-
- isSWF: function (str) {
- return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
- },
-
- _start: function (index) {
- var coming = {},
- obj,
- href,
- type,
- margin,
- padding;
-
- index = getScalar( index );
- obj = F.group[ index ] || null;
-
- if (!obj) {
- return false;
- }
-
- coming = $.extend(true, {}, F.opts, obj);
-
- // Convert margin and padding properties to array - top, right, bottom, left
- margin = coming.margin;
- padding = coming.padding;
-
- if ($.type(margin) === 'number') {
- coming.margin = [margin, margin, margin, margin];
- }
-
- if ($.type(padding) === 'number') {
- coming.padding = [padding, padding, padding, padding];
- }
-
- // 'modal' propery is just a shortcut
- if (coming.modal) {
- $.extend(true, coming, {
- closeBtn : false,
- closeClick : false,
- nextClick : false,
- arrows : false,
- mouseWheel : false,
- keys : null,
- helpers: {
- overlay : {
- closeClick : false
- }
- }
- });
- }
-
- // 'autoSize' property is a shortcut, too
- if (coming.autoSize) {
- coming.autoWidth = coming.autoHeight = true;
- }
-
- if (coming.width === 'auto') {
- coming.autoWidth = true;
- }
-
- if (coming.height === 'auto') {
- coming.autoHeight = true;
- }
-
- /*
- * Add reference to the group, so it`s possible to access from callbacks, example:
- * afterLoad : function() {
- * this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
- * }
- */
-
- coming.group = F.group;
- coming.index = index;
-
- // Give a chance for callback or helpers to update coming item (type, title, etc)
- F.coming = coming;
-
- if (false === F.trigger('beforeLoad')) {
- F.coming = null;
-
- return;
- }
-
- type = coming.type;
- href = coming.href;
-
- if (!type) {
- F.coming = null;
-
- //If we can not determine content type then drop silently or display next/prev item if looping through gallery
- if (F.current && F.router && F.router !== 'jumpto') {
- F.current.index = index;
-
- return F[ F.router ]( F.direction );
- }
-
- return false;
- }
-
- F.isActive = true;
-
- if (type === 'image' || type === 'swf') {
- coming.autoHeight = coming.autoWidth = false;
- coming.scrolling = 'visible';
- }
-
- if (type === 'image') {
- coming.aspectRatio = true;
- }
-
- if (type === 'iframe' && isTouch) {
- coming.scrolling = 'scroll';
- }
-
- // Build the neccessary markup
- coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
-
- $.extend(coming, {
- skin : $('.fancybox-skin', coming.wrap),
- outer : $('.fancybox-outer', coming.wrap),
- inner : $('.fancybox-inner', coming.wrap)
- });
-
- $.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
- coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
- });
-
- F.trigger('onReady');
-
- // Check before try to load; 'inline' and 'html' types need content, others - href
- if (type === 'inline' || type === 'html') {
- if (!coming.content || !coming.content.length) {
- return F._error( 'content' );
- }
-
- } else if (!href) {
- return F._error( 'href' );
- }
-
- if (type === 'image') {
- F._loadImage();
-
- } else if (type === 'ajax') {
- F._loadAjax();
-
- } else if (type === 'iframe') {
- F._loadIframe();
-
- } else {
- F._afterLoad();
- }
- },
-
- _error: function ( type ) {
- $.extend(F.coming, {
- type : 'html',
- autoWidth : true,
- autoHeight : true,
- minWidth : 0,
- minHeight : 0,
- scrolling : 'no',
- hasError : type,
- content : F.coming.tpl.error
- });
-
- F._afterLoad();
- },
-
- _loadImage: function () {
- // Reset preload image so it is later possible to check "complete" property
- var img = F.imgPreload = new Image();
-
- img.onload = function () {
- this.onload = this.onerror = null;
-
- F.coming.width = this.width / F.opts.pixelRatio;
- F.coming.height = this.height / F.opts.pixelRatio;
-
- F._afterLoad();
- };
-
- img.onerror = function () {
- this.onload = this.onerror = null;
-
- F._error( 'image' );
- };
-
- img.src = F.coming.href;
-
- if (img.complete !== true) {
- F.showLoading();
- }
- },
-
- _loadAjax: function () {
- var coming = F.coming;
-
- F.showLoading();
-
- F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
- url: coming.href,
- error: function (jqXHR, textStatus) {
- if (F.coming && textStatus !== 'abort') {
- F._error( 'ajax', jqXHR );
-
- } else {
- F.hideLoading();
- }
- },
- success: function (data, textStatus) {
- if (textStatus === 'success') {
- coming.content = data;
-
- F._afterLoad();
- }
- }
- }));
- },
-
- _loadIframe: function() {
- var coming = F.coming,
- iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
- .attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
- .attr('src', coming.href);
-
- // This helps IE
- $(coming.wrap).bind('onReset', function () {
- try {
- $(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
- } catch (e) {}
- });
-
- if (coming.iframe.preload) {
- F.showLoading();
-
- iframe.one('load', function() {
- $(this).data('ready', 1);
-
- // iOS will lose scrolling if we resize
- if (!isTouch) {
- $(this).bind('load.fb', F.update);
- }
-
- // Without this trick:
- // - iframe won't scroll on iOS devices
- // - IE7 sometimes displays empty iframe
- $(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
-
- F._afterLoad();
- });
- }
-
- coming.content = iframe.appendTo( coming.inner );
-
- if (!coming.iframe.preload) {
- F._afterLoad();
- }
- },
-
- _preloadImages: function() {
- var group = F.group,
- current = F.current,
- len = group.length,
- cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
- item,
- i;
-
- for (i = 1; i <= cnt; i += 1) {
- item = group[ (current.index + i ) % len ];
-
- if (item.type === 'image' && item.href) {
- new Image().src = item.href;
- }
- }
- },
-
- _afterLoad: function () {
- var coming = F.coming,
- previous = F.current,
- placeholder = 'fancybox-placeholder',
- current,
- content,
- type,
- scrolling,
- href,
- embed;
-
- F.hideLoading();
-
- if (!coming || F.isActive === false) {
- return;
- }
-
- if (false === F.trigger('afterLoad', coming, previous)) {
- coming.wrap.stop(true).trigger('onReset').remove();
-
- F.coming = null;
-
- return;
- }
-
- if (previous) {
- F.trigger('beforeChange', previous);
-
- previous.wrap.stop(true).removeClass('fancybox-opened')
- .find('.fancybox-item, .fancybox-nav')
- .remove();
- }
-
- F.unbindEvents();
-
- current = coming;
- content = coming.content;
- type = coming.type;
- scrolling = coming.scrolling;
-
- $.extend(F, {
- wrap : current.wrap,
- skin : current.skin,
- outer : current.outer,
- inner : current.inner,
- current : current,
- previous : previous
- });
-
- href = current.href;
-
- switch (type) {
- case 'inline':
- case 'ajax':
- case 'html':
- if (current.selector) {
- content = $('<div>').html(content).find(current.selector);
-
- } else if (isQuery(content)) {
- if (!content.data(placeholder)) {
- content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
- }
-
- content = content.show().detach();
-
- current.wrap.bind('onReset', function () {
- if ($(this).find(content).length) {
- content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
- }
- });
- }
- break;
-
- case 'image':
- content = current.tpl.image.replace('{href}', href);
- break;
-
- case 'swf':
- content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
- embed = '';
-
- $.each(current.swf, function(name, val) {
- content += '<param name="' + name + '" value="' + val + '"></param>';
- embed += ' ' + name + '="' + val + '"';
- });
-
- content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
- break;
- }
-
- if (!(isQuery(content) && content.parent().is(current.inner))) {
- current.inner.append( content );
- }
-
- // Give a chance for helpers or callbacks to update elements
- F.trigger('beforeShow');
-
- // Set scrolling before calculating dimensions
- current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
-
- // Set initial dimensions and start position
- F._setDimension();
-
- F.reposition();
-
- F.isOpen = false;
- F.coming = null;
-
- F.bindEvents();
-
- if (!F.isOpened) {
- $('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
-
- } else if (previous.prevMethod) {
- F.transitions[ previous.prevMethod ]();
- }
-
- F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
-
- F._preloadImages();
- },
-
- _setDimension: function () {
- var viewport = F.getViewport(),
- steps = 0,
- canShrink = false,
- canExpand = false,
- wrap = F.wrap,
- skin = F.skin,
- inner = F.inner,
- current = F.current,
- width = current.width,
- height = current.height,
- minWidth = current.minWidth,
- minHeight = current.minHeight,
- maxWidth = current.maxWidth,
- maxHeight = current.maxHeight,
- scrolling = current.scrolling,
- scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
- margin = current.margin,
- wMargin = getScalar(margin[1] + margin[3]),
- hMargin = getScalar(margin[0] + margin[2]),
- wPadding,
- hPadding,
- wSpace,
- hSpace,
- origWidth,
- origHeight,
- origMaxWidth,
- origMaxHeight,
- ratio,
- width_,
- height_,
- maxWidth_,
- maxHeight_,
- iframe,
- body;
-
- // Reset dimensions so we could re-check actual size
- wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
-
- wPadding = getScalar(skin.outerWidth(true) - skin.width());
- hPadding = getScalar(skin.outerHeight(true) - skin.height());
-
- // Any space between content and viewport (margin, padding, border, title)
- wSpace = wMargin + wPadding;
- hSpace = hMargin + hPadding;
-
- origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
- origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
-
- if (current.type === 'iframe') {
- iframe = current.content;
-
- if (current.autoHeight && iframe.data('ready') === 1) {
- try {
- if (iframe[0].contentWindow.document.location) {
- inner.width( origWidth ).height(9999);
-
- body = iframe.contents().find('body');
-
- if (scrollOut) {
- body.css('overflow-x', 'hidden');
- }
-
- origHeight = body.outerHeight(true);
- }
-
- } catch (e) {}
- }
-
- } else if (current.autoWidth || current.autoHeight) {
- inner.addClass( 'fancybox-tmp' );
-
- // Set width or height in case we need to calculate only one dimension
- if (!current.autoWidth) {
- inner.width( origWidth );
- }
-
- if (!current.autoHeight) {
- inner.height( origHeight );
- }
-
- if (current.autoWidth) {
- origWidth = inner.width();
- }
-
- if (current.autoHeight) {
- origHeight = inner.height();
- }
-
- inner.removeClass( 'fancybox-tmp' );
- }
-
- width = getScalar( origWidth );
- height = getScalar( origHeight );
-
- ratio = origWidth / origHeight;
-
- // Calculations for the content
- minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
- maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
-
- minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
- maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
-
- // These will be used to determine if wrap can fit in the viewport
- origMaxWidth = maxWidth;
- origMaxHeight = maxHeight;
-
- if (current.fitToView) {
- maxWidth = Math.min(viewport.w - wSpace, maxWidth);
- maxHeight = Math.min(viewport.h - hSpace, maxHeight);
- }
-
- maxWidth_ = viewport.w - wMargin;
- maxHeight_ = viewport.h - hMargin;
-
- if (current.aspectRatio) {
- if (width > maxWidth) {
- width = maxWidth;
- height = getScalar(width / ratio);
- }
-
- if (height > maxHeight) {
- height = maxHeight;
- width = getScalar(height * ratio);
- }
-
- if (width < minWidth) {
- width = minWidth;
- height = getScalar(width / ratio);
- }
-
- if (height < minHeight) {
- height = minHeight;
- width = getScalar(height * ratio);
- }
-
- } else {
- width = Math.max(minWidth, Math.min(width, maxWidth));
-
- if (current.autoHeight && current.type !== 'iframe') {
- inner.width( width );
-
- height = inner.height();
- }
-
- height = Math.max(minHeight, Math.min(height, maxHeight));
- }
-
- // Try to fit inside viewport (including the title)
- if (current.fitToView) {
- inner.width( width ).height( height );
-
- wrap.width( width + wPadding );
-
- // Real wrap dimensions
- width_ = wrap.width();
- height_ = wrap.height();
-
- if (current.aspectRatio) {
- while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
- if (steps++ > 19) {
- break;
- }
-
- height = Math.max(minHeight, Math.min(maxHeight, height - 10));
- width = getScalar(height * ratio);
-
- if (width < minWidth) {
- width = minWidth;
- height = getScalar(width / ratio);
- }
-
- if (width > maxWidth) {
- width = maxWidth;
- height = getScalar(width / ratio);
- }
-
- inner.width( width ).height( height );
-
- wrap.width( width + wPadding );
-
- width_ = wrap.width();
- height_ = wrap.height();
- }
-
- } else {
- width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
- height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
- }
- }
-
- if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
- width += scrollOut;
- }
-
- inner.width( width ).height( height );
-
- wrap.width( width + wPadding );
-
- width_ = wrap.width();
- height_ = wrap.height();
-
- canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
- canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
-
- $.extend(current, {
- dim : {
- width : getValue( width_ ),
- height : getValue( height_ )
- },
- origWidth : origWidth,
- origHeight : origHeight,
- canShrink : canShrink,
- canExpand : canExpand,
- wPadding : wPadding,
- hPadding : hPadding,
- wrapSpace : height_ - skin.outerHeight(true),
- skinSpace : skin.height() - height
- });
-
- if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
- inner.height('auto');
- }
- },
-
- _getPosition: function (onlyAbsolute) {
- var current = F.current,
- viewport = F.getViewport(),
- margin = current.margin,
- width = F.wrap.width() + margin[1] + margin[3],
- height = F.wrap.height() + margin[0] + margin[2],
- rez = {
- position: 'absolute',
- top : margin[0],
- left : margin[3]
- };
-
- if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
- rez.position = 'fixed';
-
- } else if (!current.locked) {
- rez.top += viewport.y;
- rez.left += viewport.x;
- }
-
- rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
- rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
-
- return rez;
- },
-
- _afterZoomIn: function () {
- var current = F.current;
-
- if (!current) {
- return;
- }
-
- F.isOpen = F.isOpened = true;
-
- F.wrap.css('overflow', 'visible').addClass('fancybox-opened');
-
- F.update();
-
- // Assign a click event
- if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
- F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
- if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
- e.preventDefault();
-
- F[ current.closeClick ? 'close' : 'next' ]();
- }
- });
- }
-
- // Create a close button
- if (current.closeBtn) {
- $(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
- e.preventDefault();
-
- F.close();
- });
- }
-
- // Create navigation arrows
- if (current.arrows && F.group.length > 1) {
- if (current.loop || current.index > 0) {
- $(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
- }
-
- if (current.loop || current.index < F.group.length - 1) {
- $(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
- }
- }
-
- F.trigger('afterShow');
-
- // Stop the slideshow if this is the last item
- if (!current.loop && current.index === current.group.length - 1) {
- F.play( false );
-
- } else if (F.opts.autoPlay && !F.player.isActive) {
- F.opts.autoPlay = false;
-
- F.play();
- }
- },
-
- _afterZoomOut: function ( obj ) {
- obj = obj || F.current;
-
- $('.fancybox-wrap').trigger('onReset').remove();
-
- $.extend(F, {
- group : {},
- opts : {},
- router : false,
- current : null,
- isActive : false,
- isOpened : false,
- isOpen : false,
- isClosing : false,
- wrap : null,
- skin : null,
- outer : null,
- inner : null
- });
-
- F.trigger('afterClose', obj);
- }
- });
-
- /*
- * Default transitions
- */
-
- F.transitions = {
- getOrigPosition: function () {
- var current = F.current,
- element = current.element,
- orig = current.orig,
- pos = {},
- width = 50,
- height = 50,
- hPadding = current.hPadding,
- wPadding = current.wPadding,
- viewport = F.getViewport();
-
- if (!orig && current.isDom && element.is(':visible')) {
- orig = element.find('img:first');
-
- if (!orig.length) {
- orig = element;
- }
- }
-
- if (isQuery(orig)) {
- pos = orig.offset();
-
- if (orig.is('img')) {
- width = orig.outerWidth();
- height = orig.outerHeight();
- }
-
- } else {
- pos.top = viewport.y + (viewport.h - height) * current.topRatio;
- pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
- }
-
- if (F.wrap.css('position') === 'fixed' || current.locked) {
- pos.top -= viewport.y;
- pos.left -= viewport.x;
- }
-
- pos = {
- top : getValue(pos.top - hPadding * current.topRatio),
- left : getValue(pos.left - wPadding * current.leftRatio),
- width : getValue(width + wPadding),
- height : getValue(height + hPadding)
- };
-
- return pos;
- },
-
- step: function (now, fx) {
- var ratio,
- padding,
- value,
- prop = fx.prop,
- current = F.current,
- wrapSpace = current.wrapSpace,
- skinSpace = current.skinSpace;
-
- if (prop === 'width' || prop === 'height') {
- ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
-
- if (F.isClosing) {
- ratio = 1 - ratio;
- }
-
- padding = prop === 'width' ? current.wPadding : current.hPadding;
- value = now - padding;
-
- F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
- F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
- }
- },
-
- zoomIn: function () {
- var current = F.current,
- startPos = current.pos,
- effect = current.openEffect,
- elastic = effect === 'elastic',
- endPos = $.extend({opacity : 1}, startPos);
-
- // Remove "position" property that breaks older IE
- delete endPos.position;
-
- if (elastic) {
- startPos = this.getOrigPosition();
-
- if (current.openOpacity) {
- startPos.opacity = 0.1;
- }
-
- } else if (effect === 'fade') {
- startPos.opacity = 0.1;
- }
-
- F.wrap.css(startPos).animate(endPos, {
- duration : effect === 'none' ? 0 : current.openSpeed,
- easing : current.openEasing,
- step : elastic ? this.step : null,
- complete : F._afterZoomIn
- });
- },
-
- zoomOut: function () {
- var current = F.current,
- effect = current.closeEffect,
- elastic = effect === 'elastic',
- endPos = {opacity : 0.1};
-
- if (elastic) {
- endPos = this.getOrigPosition();
-
- if (current.closeOpacity) {
- endPos.opacity = 0.1;
- }
- }
-
- F.wrap.animate(endPos, {
- duration : effect === 'none' ? 0 : current.closeSpeed,
- easing : current.closeEasing,
- step : elastic ? this.step : null,
- complete : F._afterZoomOut
- });
- },
-
- changeIn: function () {
- var current = F.current,
- effect = current.nextEffect,
- startPos = current.pos,
- endPos = { opacity : 1 },
- direction = F.direction,
- distance = 200,
- field;
-
- startPos.opacity = 0.1;
-
- if (effect === 'elastic') {
- field = direction === 'down' || direction === 'up' ? 'top' : 'left';
-
- if (direction === 'down' || direction === 'right') {
- startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
- endPos[ field ] = '+=' + distance + 'px';
-
- } else {
- startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
- endPos[ field ] = '-=' + distance + 'px';
- }
- }
-
- // Workaround for http://bugs.jquery.com/ticket/12273
- if (effect === 'none') {
- F._afterZoomIn();
-
- } else {
- F.wrap.css(startPos).animate(endPos, {
- duration : current.nextSpeed,
- easing : current.nextEasing,
- complete : F._afterZoomIn
- });
- }
- },
-
- changeOut: function () {
- var previous = F.previous,
- effect = previous.prevEffect,
- endPos = { opacity : 0.1 },
- direction = F.direction,
- distance = 200;
-
- if (effect === 'elastic') {
- endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
- }
-
- previous.wrap.animate(endPos, {
- duration : effect === 'none' ? 0 : previous.prevSpeed,
- easing : previous.prevEasing,
- complete : function () {
- $(this).trigger('onReset').remove();
- }
- });
- }
- };
-
- /*
- * Overlay helper
- */
-
- F.helpers.overlay = {
- defaults : {
- closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
- speedOut : 200, // duration of fadeOut animation
- showEarly : true, // indicates if should be opened immediately or wait until the content is ready
- css : {}, // custom CSS properties
- locked : !isTouch, // if true, the content will be locked into overlay
- fixed : true // if false, the overlay CSS position property will not be set to "fixed"
- },
-
- overlay : null, // current handle
- fixed : false, // indicates if the overlay has position "fixed"
- el : $('html'), // element that contains "the lock"
-
- // Public methods
- create : function(opts) {
- opts = $.extend({}, this.defaults, opts);
-
- if (this.overlay) {
- this.close();
- }
-
- this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( F.coming ? F.coming.parent : opts.parent );
- this.fixed = false;
-
- if (opts.fixed && F.defaults.fixed) {
- this.overlay.addClass('fancybox-overlay-fixed');
-
- this.fixed = true;
- }
- },
-
- open : function(opts) {
- var that = this;
-
- opts = $.extend({}, this.defaults, opts);
-
- if (this.overlay) {
- this.overlay.unbind('.overlay').width('auto').height('auto');
-
- } else {
- this.create(opts);
- }
-
- if (!this.fixed) {
- W.bind('resize.overlay', $.proxy( this.update, this) );
-
- this.update();
- }
-
- if (opts.closeClick) {
- this.overlay.bind('click.overlay', function(e) {
- if ($(e.target).hasClass('fancybox-overlay')) {
- if (F.isActive) {
- F.close();
- } else {
- that.close();
- }
-
- return false;
- }
- });
- }
-
- this.overlay.css( opts.css ).show();
- },
-
- close : function() {
- var scrollV, scrollH;
-
- W.unbind('resize.overlay');
-
- if (this.el.hasClass('fancybox-lock')) {
- $('.fancybox-margin').removeClass('fancybox-margin');
-
- scrollV = W.scrollTop();
- scrollH = W.scrollLeft();
-
- this.el.removeClass('fancybox-lock');
-
- W.scrollTop( scrollV ).scrollLeft( scrollH );
- }
-
- $('.fancybox-overlay').remove().hide();
-
- $.extend(this, {
- overlay : null,
- fixed : false
- });
- },
-
- // Private, callbacks
-
- update : function () {
- var width = '100%', offsetWidth;
-
- // Reset width/height so it will not mess
- this.overlay.width(width).height('100%');
-
- // jQuery does not return reliable result for IE
- if (IE) {
- offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
-
- if (D.width() > offsetWidth) {
- width = D.width();
- }
-
- } else if (D.width() > W.width()) {
- width = D.width();
- }
-
- this.overlay.width(width).height(D.height());
- },
-
- // This is where we can manipulate DOM, because later it would cause iframes to reload
- onReady : function (opts, obj) {
- var overlay = this.overlay;
-
- $('.fancybox-overlay').stop(true, true);
-
- if (!overlay) {
- this.create(opts);
- }
-
- if (opts.locked && this.fixed && obj.fixed) {
- if (!overlay) {
- this.margin = D.height() > W.height() ? $('html').css('margin-right').replace("px", "") : false;
- }
-
- obj.locked = this.overlay.append( obj.wrap );
- obj.fixed = false;
- }
-
- if (opts.showEarly === true) {
- this.beforeShow.apply(this, arguments);
- }
- },
-
- beforeShow : function(opts, obj) {
- var scrollV, scrollH;
-
- if (obj.locked) {
- if (this.margin !== false) {
- $('*').filter(function(){
- return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
- }).addClass('fancybox-margin');
-
- this.el.addClass('fancybox-margin');
- }
-
- scrollV = W.scrollTop();
- scrollH = W.scrollLeft();
-
- this.el.addClass('fancybox-lock');
-
- W.scrollTop( scrollV ).scrollLeft( scrollH );
- }
-
- this.open(opts);
- },
-
- onUpdate : function() {
- if (!this.fixed) {
- this.update();
- }
- },
-
- afterClose: function (opts) {
- // Remove overlay if exists and fancyBox is not opening
- // (e.g., it is not being open using afterClose callback)
- //if (this.overlay && !F.isActive) {
- if (this.overlay && !F.coming) {
- this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
- }
- }
- };
-
- /*
- * Title helper
- */
-
- F.helpers.title = {
- defaults : {
- type : 'float', // 'float', 'inside', 'outside' or 'over',
- position : 'bottom' // 'top' or 'bottom'
- },
-
- beforeShow: function (opts) {
- var current = F.current,
- text = current.title,
- type = opts.type,
- title,
- target;
-
- if ($.isFunction(text)) {
- text = text.call(current.element, current);
- }
-
- if (!isString(text) || $.trim(text) === '') {
- return;
- }
-
- title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
-
- switch (type) {
- case 'inside':
- target = F.skin;
- break;
-
- case 'outside':
- target = F.wrap;
- break;
-
- case 'over':
- target = F.inner;
- break;
-
- default: // 'float'
- target = F.skin;
-
- title.appendTo('body');
-
- if (IE) {
- title.width( title.width() );
- }
-
- title.wrapInner('<span class="child"></span>');
-
- //Increase bottom margin so this title will also fit into viewport
- F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
- break;
- }
-
- title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
- }
- };
-
- // jQuery plugin initialization
- $.fn.fancybox = function (options) {
- var index,
- that = $(this),
- selector = this.selector || '',
- run = function(e) {
- var what = $(this).blur(), idx = index, relType, relVal;
-
- if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
- relType = options.groupAttr || 'data-fancybox-group';
- relVal = what.attr(relType);
-
- if (!relVal) {
- relType = 'rel';
- relVal = what.get(0)[ relType ];
- }
-
- if (relVal && relVal !== '' && relVal !== 'nofollow') {
- what = selector.length ? $(selector) : that;
- what = what.filter('[' + relType + '="' + relVal + '"]');
- idx = what.index(this);
- }
-
- options.index = idx;
-
- // Stop an event from bubbling if everything is fine
- if (F.open(what, options) !== false) {
- e.preventDefault();
- }
- }
- };
-
- options = options || {};
- index = options.index || 0;
-
- if (!selector || options.live === false) {
- that.unbind('click.fb-start').bind('click.fb-start', run);
-
- } else {
- D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
- }
-
- this.filter('[data-fancybox-start=1]').trigger('click');
-
- return this;
- };
-
- // Tests that need a body at doc ready
- D.ready(function() {
- var w1, w2;
-
- if ( $.scrollbarWidth === undefined ) {
- // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
- $.scrollbarWidth = function() {
- var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
- child = parent.children(),
- width = child.innerWidth() - child.height( 99 ).innerWidth();
-
- parent.remove();
-
- return width;
- };
- }
-
- if ( $.support.fixedPosition === undefined ) {
- $.support.fixedPosition = (function() {
- var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
- fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
-
- elem.remove();
-
- return fixed;
- }());
- }
-
- $.extend(F.defaults, {
- scrollbarWidth : $.scrollbarWidth(),
- fixed : $.support.fixedPosition,
- parent : $('body')
- });
-
- //Get real width of page scroll-bar
- w1 = $(window).width();
-
- H.addClass('fancybox-lock-test');
-
- w2 = $(window).width();
-
- H.removeClass('fancybox-lock-test');
-
- $("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
- });
-
-}(window, document, jQuery));
\ No newline at end of file
diff --git a/js/magnific-popup.video.js b/js/magnific-popup.video.js
deleted file mode 100644
index 420f6cc..0000000
--- a/js/magnific-popup.video.js
+++ /dev/null
@@ -1,73 +0,0 @@
-jQuery(document)
- .ready(function($) {
- $('.popup-youtube').magnificPopup({
- disableOn: 700,
- type: 'iframe',
- mainClass: 'mfp-fade',
- removalDelay: 160,
- preloader: false,
-
- fixedContentPos: false
- });
-
- $('.popup-gallery').magnificPopup({
- delegate: 'a',
- type: 'image',
- tLoading: 'Loading image #%curr%...',
- mainClass: 'mfp-img-mobile',
- gallery: {
- enabled: true,
- navigateByImgClick: true,
- preload: [0,1] // Will preload 0 - before current, and 1 after the current image
- },
- image: {
- tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
- titleSrc: function(item) {
- return item.el.attr('title') + ' ';
- }
- }
- });
-
- $('.image-popup-vertical-fit').magnificPopup( {
- type : 'image',
- closeOnContentClick : true,
- mainClass : 'mfp-img-mobile',
- image : {
- verticalFit : true
- }
-
- });
-
- $('.image-popup-fit-width').magnificPopup( {
- type : 'image',
- closeOnContentClick : true,
- image : {
- verticalFit : false
- }
- });
-
- $('.image-popup-no-margins').magnificPopup( {
- type : 'image',
- closeOnContentClick : true,
- closeBtnInside : false,
- fixedContentPos : true,
- mainClass : 'mfp-no-margins mfp-with-zoom', // class to
- // remove
- // default
- // margin
- // from left
- // and right
- // side
- image : {
- verticalFit : true
- },
- zoom : {
- enabled : true,
- duration : 300
- // don't foget to change the duration also in CSS
- }
- });
-
-
-});
-
diff --git a/json/articles.json b/json/articles.json
deleted file mode 100644
index 2ff026c..0000000
--- a/json/articles.json
+++ /dev/null
@@ -1,1055 +0,0 @@
-{"articles":[
- {
- "header": {
- "title": "How NASA is using Sirius to develop Safety Cases",
- "date": "26/11/2018",
- "description": "<p>Ewen Denney from NASA's Robust Software Engineering Group presents AdvoCATE, a toolset developed to specify Safety/assurance cases.</p>",
- "lnk": "https://blog.obeo.fr/sirius-used-by-nasa-to-develop-safety-cases"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/fmadiot.jpg",
- "imgAlt": "Frédéric Madiot",
- "lnks": [
- {
- "blog": "https://blog.obeo.fr/blogger/fmadiot",
- "mail": "",
- "twitter" : "http://twitter.com/fmadiot",
- "google" : "",
- "github" : "http://github.com/fmadiot"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Moving Sirius into the cloud",
- "date": "19/10/2018",
- "description": "<p>Earlier this year, we have talked about our work to move Sirius in the web. Back in Sirius 6.0, we have introduced our workflow...</p>",
- "lnk": "https://blog.obeo.fr/a-small-glimpse-of-eclipsecon-eu-4-4-moving-sirius-into-the-cloud"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/stephane-begaudeau.jpg",
- "imgAlt": "Stéphane Bégaudeau",
- "lnks": [
- {
- "blog": "https://www.sbegaudeau.com/",
- "mail": "mailto:stephane.begaudeau@obeo.fr",
- "twitter" : "https://www.twitter.com/sbegaudeau",
- "google" : "",
- "github" : "https://www.github.com/sbegaudeau"
- }
- ]
- }
- },
- {
- "header": {
- "title": "A visibility mode for Sirius diagrams",
- "date": "16/10/2018",
- "description": "<p>Sirius has always given end-users fine-grained control on the visibility of diagram elements to help put the focus on the most...</p>",
- "lnk": "https://blog.obeo.fr/a-visibility-mode-for-sirius-diagrams"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/pierre-guilet.jpg",
- "imgAlt": "Pierre Guilet",
- "lnks": [
- {
- "blog": "https://www.linkedin.com/in/pierre-guilet-91521061",
- "mail": "mailto:pierre.guilet@obeo.fr",
- "twitter" : "https://twitter.com/pierre_guilet",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Organize your actions in diagram's contextual menus",
- "date": "12/10/2018",
- "description": "<p>With Sirius 6.1, the specifier has more control on the actions contributed to the diagram's contextual menus. Until Sirius 6.0,...</p>",
- "lnk": "https://blog.obeo.fr/organize-your-actions-in-diagrams-contextual-menus"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/laurent-redor.jpg",
- "imgAlt": "Laurent Redor",
- "lnks": [
- {
- "blog": "https://fr.linkedin.com/in/laurent-redor-661733a5",
- "mail": "mailto:laurent.redor@obeo.fr",
- "twitter" : "https://twitter.com/lredor",
- "google" : "",
- "github" : "https://github.com/lredor"
- }
- ]
- }
- },
- {
- "header": {
- "title": "One more step in Sirius tables customization!",
- "date": "10/10/2018",
- "description": "<p>For the sake of representation customization, a new table configuration is available. Indeed, specifiers can now customize ...</p>",
- "lnk": "https://blog.obeo.fr/one-more-step-in-sirius-tables-customization"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/jessy-mallet.png",
- "imgAlt": "Jessy Mallet",
- "lnks": [
- {
- "blog": "https://fr.linkedin.com/in/jessy-mallet-0ab64753",
- "mail": "mailto:jessy.mallet@obeo.fr",
- "twitter" : "",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Mindstorms Robot Tutorial is now online",
- "date": "18/09/2018",
- "description": "<p>After being presented for two years in many conferences and schools, the Sirius tutorial based on the Mindstorms Robot...</p>",
- "lnk": "https://blog.obeo.fr/mindstorms-robot-tutorial-is-now-online"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/fmadiot.jpg",
- "imgAlt": "Frédéric Madiot",
- "lnks": [
- {
- "blog": "https://blog.obeo.fr/blogger/fmadiot",
- "mail": "",
- "twitter" : "http://twitter.com/fmadiot",
- "google" : "",
- "github" : "http://github.com/fmadiot"
- }
- ]
- }
- },
- {
- "header": {
- "title": "A picture is worth a thousand words: Sirius integrates ELK",
- "date": "25/09/2018",
- "description": "<p>One of the main benefits of diagrams is that they can make it very easy to quickly grasp the overall structure of a model...</p>",
- "lnk": "https://blog.obeo.fr/a-picture-is-worth-a-thousand-words"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/pierre-guilet.jpg",
- "imgAlt": "Pierre Guilet",
- "lnks": [
- {
- "blog": "https://www.linkedin.com/in/pierre-guilet-91521061",
- "mail": "mailto:pierre.guilet@obeo.fr",
- "twitter" : "https://twitter.com/pierre_guilet",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "What’s Coming in Sirius 6.0?",
- "date": "19/04/2017",
- "description": "<p>The next major version of Sirius , version 6.0, will be released on June 27, 2018 as part of the Eclipse Photon Simultaneous...</p>",
- "lnk": "https://blog.obeo.fr/what-is-coming-in-sirius-6-0"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/pcdavid.png",
- "imgAlt": "Pierre-Charles David",
- "lnks": [
- {
- "blog": "http://pcdavid.net/",
- "mail": "mailto:pierre-charles.david@obeo.fr",
- "twitter" : "https://twitter.com/_pcdavid",
- "google" : "",
- "github" : "https://github.com/pcdavid"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius Community Survey 2017 Results",
- "date": "05/03/2017",
- "description": "<p>In general, users of Open Source projects like Sirius tend to only interact with the project when they have problems...</p>",
- "lnk": "https://blog.obeo.fr/sirius-community-survey-2017-results"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/pcdavid.png",
- "imgAlt": "Pierre-Charles David",
- "lnks": [
- {
- "blog": "http://pcdavid.net/",
- "mail": "mailto:pierre-charles.david@obeo.fr",
- "twitter" : "https://twitter.com/_pcdavid",
- "google" : "",
- "github" : "https://github.com/pcdavid"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Modeling tools go up to the cloud",
- "date": "22/02/2017",
- "description": "<p>TLDR; at Obeo , we have done the first steps to bring Sirius to the web. Today we are ready to work with you to bring...</p>",
- "lnk": "https://blog.obeo.fr/modeling-tools-go-up-to-the-cloud"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "CheConf18",
- "date": "16/02/2017",
- "description": "<p>A small post to announce that I will be speaking at CheConf18 , a one day conference dedicated to Eclipse Che an extensible...</p>",
- "lnk": "http://melb.enix.org/2018/02/16/che-conf/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Dear Santa",
- "date": "19/12/2017",
- "description": "<p>Dear Santa Claus, My name is Mélanie and I am a little bit too old for that. It’s been a long while since I last wrote to you...</p>",
- "lnk": "http://melb.enix.org/2017/12/19/dear-santa/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Capella Add-ons: Collaborate better + Generate Docs",
- "date": "14/12/2017",
- "description": "<p>When Capella was made open source in 2014, feedback was collected from early users and adopters. The feedback showed several...</p>",
- "lnk": "https://blog.obeo.fr/capella-add-ons-collaborate-better-generate-docs/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/ldelaigue.jpeg",
- "imgAlt": "Laurent Delaigue",
- "lnks": [
- {
- "blog": "",
- "mail": "mailto:laurent.delaigue@obeo.fr",
- "twitter" : "https://twitter.com/laurentdelaigue?lang=fr",
- "google" : "",
- "github" : "https://github.com/ldelaigue"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Eclipse Sirius, the technology behind Capella",
- "date": "14/12/2017",
- "description": "<p>As the state-of-the-art engineering tool vendors did not provide the appropriate offer, Thales decided in 2007 to develop...</p>",
- "lnk": "https://blog.obeo.fr/eclipse-sirius-the-technology-behind-capella"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "[Breaking News Eclipse Sirius] SiriusCon 2017!",
- "date": "06/11/2017",
- "description": "<p>SiriusCon 2017 has never been so close! The third edition of this conference will take place this Thursday, the 9th of November...</p>",
- "lnk": "http://cedric.brun.io/eclipse/a-special-siriuscon/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "https://twitter.com/bruncedric",
- "google" : "https://plus.google.com/+C%C3%A9dricBrun",
- "github" : "https://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "EcoreTools: user experience revamped thanks to Sirius 5.0",
- "date": "06/11/2017",
- "description": "<p>Every year the Eclipse M7 milestone act as a very strong deadline for the projects which are part of the release train: it’s then...</p>",
- "lnk": "http://cedric.brun.io/eclipse/eclipse-oxygen-modeling/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "https://twitter.com/bruncedric",
- "google" : "https://plus.google.com/+C%C3%A9dricBrun",
- "github" : "https://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Graphical Modeling from 2016 to 2017: Better, Faster, Stronger",
- "date": "20/12/2016",
- "description": "<p>At Obeo, we believe that modeling is the right way to help IT and industry engineers collaborate efficiently on the design...</p>",
- "lnk": "http://cedric.brun.io/eclipse/modeling-2016-2017-better-faster-stronger/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "https://twitter.com/bruncedric",
- "google" : "https://plus.google.com/+C%C3%A9dricBrun",
- "github" : "https://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1 is Out! What’s Inside ? Sadness",
- "date": "28/10/2016",
- "description": "<p>That’s too sad! EclipseCon Europe finished yesterday. It was again a great conference, with inspiring talks and excellent discussions...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-is-out-whats-inside-sadness/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1 is Out! What’s Inside ? Anger",
- "date": "27/10/2016",
- "description": "<p>Do you ever feel that? This week I often dreamt I had the gift of ubiquity… I could replicate myself and be in several places at once. It would be a really...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-is-out-whats-inside-anger/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1 is Out! What’s Inside ? Fear",
- "date": "26/10/2016",
- "description": "<p>Wednesday will be a huge day for Obeo at EclipseCon Europe 2016. You will find several talks about Eclipse Sirius in the program, and one thing for you...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-is-out-whats-inside-fear/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1 is Out! What’s Inside ? Disgust",
- "date": "25/10/2016",
- "description": "<p>What feeling do you never want to encounter in life? For me it’s Disgust! Nevertheless, I encounter it sometimes, in very special cases...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-is-out-whats-inside-disgust/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1 is Out! What’s Inside ? Joy",
- "date": "24/10/2016",
- "description": "<p>This week I am participating to EclipseCon Europe to present what’s new in Eclipse Sirius 4.1. What I feel like on monday morning: Joy!...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-is-out-whats-inside-joy/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.1: Ready? Go!",
- "date": "13/10/2016",
- "description": "<p>When I was a child one of my favorite game was Puzzle Bobble, you may remember these two little dragons Bub and Bob. What I loved in this game...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-1-ready-go/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius – The easiest way to get your own modeling tool",
- "date": "26/10/2016",
- "description": "<p>I started using Sirius around two years ago when we built an open source editor for IFML (Interaction Flow Modeling Language) with it...</p>",
- "lnk": "http://modeling-languages.com/sirius-eclipse-obeo-graphical-modeling-tool/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/jcabot.jpeg",
- "imgAlt": "Jordi Cabot",
- "lnks": [
- {
- "blog": "http://modeling-languages.com/",
- "mail": "mailto:jordi.cabot@icrea.cat",
- "twitter" : "https://twitter.com/softmodeling",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius for dummies",
- "date": "10/08/2016",
- "description": "<p>Recently I’ve got the chance to spend some time evaluating an interesting tool called Sirius. Sirius promises to enable you to easily create an Eclipse based workbench with...</p>",
- "lnk": "http://accso.de/magazin/sirius_for_dummies"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/blogger.png",
- "imgAlt": "Accso",
- "lnks": [
- {
- "blog": "http://accso.de/magazin/",
- "mail": "mailto:info@accso.de",
- "twitter" : "https://twitter.com/accso",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 4.0 Gotta Catch ‘Em All : Be prepared for the future",
- "date": "06/06/2016",
- "description": "<p>My previous post illustrates The Power of One framework to define graphical designers and property views: Eclipse Sirius 4.0...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-4-0-be-prepared-for-the-future/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Eclipse Modeling Package Neon M6 is ready for testing",
- "date": "30/03/2016",
- "description": "<p>The teams have been working hard and pushed many changes. I’ve been tweeting those as they went but I figured that...</p>",
- "lnk": "http://cedric.brun.io/eclipse/eclipse-4.6.0M6/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Executing, Debugging and Animating your model",
- "date": "17/03/2016",
- "description": "<p>As the Gemoc project is close to completion and as the question of animating the domain specific model with Sirius was asked...</p>",
- "lnk": "http://cedric.brun.io/eclipse/gemoc/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Some news on the AQL front",
- "date": "25/01/2016",
- "description": "<p>The Acceleo Query Language implementation has been announced in August and is the recommended interpreter starting with Sirius...</p>",
- "lnk": "http://cedric.brun.io/eclipse/news-on-the-aql-front/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
-
-
-
- {
- "header": {
- "title": "EclipseCon Europe 2015 is over but SiriusCon is coming!",
- "date": "10/11/2015",
- "description": "<p>EclipseCon Europe 2015 is over now. This conference is the one in which the “Eclipse Family” feeling is the most inescapable...</p>",
- "lnk": "http://cedric.brun.io/eclipse/eclipsecon-europe-2015/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Group And Stack Your Diagram Elements With Sirius 3.1",
- "date": "2/11/2015",
- "description": "<p>Want to group diagram elements into vertical or horizontal stacks? Since Sirius 3.1, it is possible...</p>",
- "lnk": "https://blog.obeo.fr/blogger/fmadiot2015/11/group-and-stack-your-diagram-elements.html"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/fmadiot.jpg",
- "imgAlt": "Frédéric Madiot",
- "lnks": [
- {
- "blog": "https://blog.obeo.fr/blogger/fmadiot",
- "mail": "",
- "twitter" : "http://twitter.com/fmadiot",
- "google" : "",
- "github" : "http://github.com/fmadiot"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Didacticiel (tutoriel) Eclipse Sirius (Obeo Designer Community) : on peaufine l’éditeur de diagramme",
- "date": "13/06/2014",
- "description": "<p>Nous avions créé un \"viewpoint\" contenant un objet \"representation\" de type diagram...</p>",
- "lnk": "http://www.urbanisation-si.com/didacticiel-tutoriel-eclipse-sirius-obeo-designer-community-on-peaufine-l-editeur-de-diagramme"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/blogger.png",
- "imgAlt": "urbanisation-si",
- "lnks": [
- {
- "blog": "http://www.urbanisation-si.com/didacticiel-tutoriel-eclipse-sirius-obeo-designer-community-on-peaufine-l-editeur-de-diagramme",
- "mail": "",
- "twitter" : "",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "SiriusCon Paris 2015: Be Part of the Program!",
- "date": "18/09/2015",
- "description": "<p>After a successful Sirius roadshow that led us to Toulouse, Paris, Munich and Montreal we have decided to go one step beyond with...</p>",
- "lnk": "https://blog.obeo.fr/blogger/fmadiot2015/09/siriuscon-paris-2015-its-time-to-submit.html"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/fmadiot.jpg",
- "imgAlt": "Frédéric Madiot",
- "lnks": [
- {
- "blog": "https://blog.obeo.fr/blogger/fmadiot",
- "mail": "",
- "twitter" : "http://twitter.com/fmadiot",
- "google" : "",
- "github" : "http://github.com/fmadiot"
- }
- ]
- }
- },
- {
- "header": {
- "title": "AQL - a new interpreter for Sirius",
- "date": "18/09/2015",
- "description": "<p>TL;DR: we’ve been working on a new query interpreter for Sirius which is small, simple, fast, extensible and bring richer validation. It’s been released for early adopters...</p>",
- "lnk": "http://cedric.brun.io/eclipse/introducing-aql/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 3.0 \"Harder, Better, Faster, Stronger\"",
- "date": "26/06/2015",
- "description": "<p>Today is a great day: with the announcement of Eclipse Mars, many great projects are released, and Sirius 3.0 is part of this release...</p>",
- "lnk": "http://melb.enix.org/sirius/sirius-3-0/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Fix it Sirius!",
- "date": "10/06/2015",
- "description": "<p>EMF provides a powerful validation system which helps you detect errors in your model. But sometimes you would like to add more rules not already implemented in...</p>",
- "lnk": "http://melb.enix.org/sirius/validation/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "The SVenGers : Age of Sirius",
- "date": "27/05/2015",
- "description": "<p>Today we swing the Sirius posts series onto another topic : using SVG images in your designers. Maybe you do not know yet but we will have to fight...</p>",
- "lnk": "http://melb.enix.org/sirius/svg/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Unravelling the container within the container within the container...",
- "date": "13/05/2015",
- "description": "<p>Last time in the Sirius blog post series, you learned how to create an artificial container, today we will see how to create...</p>",
- "lnk": "http://melb.enix.org/sirius/reimport/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "\"I am your container\", Darth Sirius",
- "date": "30/04/2015",
- "description": "<p>Continuing the Sirius blog posts series, today we will see a small tip: how to create artificial containers in your diagram? One of the main advantage of Sirius is...</p>",
- "lnk": "http://melb.enix.org/sirius/artificial-container/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Refine diagrams with interpolated colors",
- "date": "15/04/2015",
- "description": "<p>In your Viewpoint Specification Model (VSM), the specifier is not limited to use the provided colors but can define a palette with custom colors. A color can be defined using...</p>",
- "lnk": "http://melb.enix.org/sirius/refine-diagrams-with-interpolated-colors/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/blogger.png",
- "imgAlt": "Steve Monnier",
- "lnks": [
- {
- "blog": "",
- "mail": "",
- "twitter" : "",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Keyboard shortcuts",
- "date": "07/04/2015",
- "description": "<p>Usually when you are using a graphical modeler, you do most of the actions with the mouse. <a href='http://www.eclipse.org/sirius' target='_blank'>Sirius</a> based modelers have several built-in shortcut keys that you can use...</p>",
- "lnk": "http://melb.enix.org/sirius/keyboard-shortcuts/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Customize diagrams with images",
- "date": "19/03/2015",
- "description": "<p>Continuing from the example of our <a href='http://melb.enix.org/sirius/the-tree-layout-secret' target='_blank'>previous blog post</a> on House of Cards, we’ll see today how one can customize the elements of diagrams by using pictures...</p>",
- "lnk": "http://melb.enix.org/sirius/customize-diagrams-with-images/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Eclipse Sirius and Obeo Designer",
- "date": "11/03/2015",
- "description": "<p>Now that one of the majors Obeo Designer Technologies is Open-Source you might wonder how we get to employ close to 60 people...</p>",
- "lnk": "http://cedric.brun.io/eclipse/sirius-and-obeodesigner/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 3.0M6 - Anchors for Non-rectangular Images",
- "date": "09/03/2015",
- "description": "<p>Let’s say you need a specific shape for your modeler and this shape is directly available , you can create an SVG file...</p>",
- "lnk": "http://cedric.brun.io/eclipse/sirius-3.0M6-anchors/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "The Tree Layout Secret",
- "date": "04/03/2015",
- "description": "<p>A recurring problem when developing a graphical modeler is providing the right layout. The advantage with Sirius is it provides you with a default algorithm that performs an automatic layout of all the elements on a diagram...</p>",
- "lnk": "http://melb.enix.org/sirius/the-tree-layout-secret/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/mbats.jpg",
- "imgAlt": "Mélanie Bats",
- "lnks": [
- {
- "blog": "http://melb.enix.org/",
- "mail": "mailto:melanie.bats@obeo.fr",
- "twitter" : "https://twitter.com/melaniebats",
- "google" : "https://plus.google.com/+MélanieBats",
- "github" : "https://github.com/mbats"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Multi-Viewpoints on EclipseCon Program",
- "date": "23/10/2014",
- "description": "<p>To demonstrate Sirius on short talks, I'm used to create a modeler from scratch, in ten minutes, on a topic that everybody in the audience knows: the conference they are attending...</p>",
- "lnk": "https://blog.obeo.fr/blogger/fmadiot2014/10/multi-viewpoints-on-eclipsecon-program.html"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/fmadiot.jpg",
- "imgAlt": "Frédéric Madiot",
- "lnks": [
- {
- "blog": "https://blog.obeo.fr/blogger/fmadiot",
- "mail": "",
- "twitter" : "http://twitter.com/fmadiot",
- "google" : "",
- "github" : "http://github.com/fmadiot"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius 2.0 : Under the Hood",
- "date": "16/10/2014",
- "description": "<p>This summer was quite intense for the Sirius team. Sirius 1.0.0 was barely out that development of the 2.0 stream started while report from adopters which are not part of the Eclipse Release train started to appear...</p>",
- "lnk": "http://cedric.brun.io/sirius-20-under-hood/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- },
- {
- "header": {
- "title": "Sirius, Top Eclipse Luna Feature #9",
- "date": "13/06/2014",
- "description": "<p>As we get closer to the ship date of Eclipse Luna, I’m counting down the <a href='http://eclipsesource.com/blogs/2014/06/12/rcp-improvements-top-eclipse-luna-feature-10/'>10 features of Eclipse 2014 that I’m most excited about</a>. Number 9 on my list is a feature that’s close to my heart, <i>graphical modelling</i>...</p>",
- "lnk": "http://eclipsesource.com/blogs/2014/06/13/sirius-top-eclipse-luna-feature-9/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/blogger.png",
- "imgAlt": "Ian Bull",
- "lnks": [
- {
- "blog": "http://www.developpez.com/user/profil/476513/alain-bernard",
- "mail": "",
- "twitter" : "",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "[FR]Créer un éditeur de diagramme facilement avec Eclipse Sirius",
- "date": "24/05/2014",
- "description": "<p>La création d'éditeurs graphiques (éditeurs UML, représentation de processus, éditeurs de concepts métier, etc.) est difficile à intégrer dans un cycle itératif court avec le client, car...</p>",
- "lnk": "http://alain-bernard.developpez.com/tutoriels/eclipse/sirius-intro/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/blogger.png",
- "imgAlt": "Alain Bernard",
- "lnks": [
- {
- "blog": "http://www.developpez.com/user/profil/476513/alain-bernard",
- "mail": "",
- "twitter" : "",
- "google" : "",
- "github" : ""
- }
- ]
- }
- },
- {
- "header": {
- "title": "Introducing Eclipse Sirius",
- "date": "19/03/2013",
- "description": "<p>You might have noticed some signs of excitement from us lately, one being the following tweet...</p>",
- "lnk": "http://cedric.brun.io/introducing-eclipse-sirius/"
- },
- "aside": {
- "photoSrc": "images/resources/avatars/cbrun.jpg",
- "imgAlt": "Cédric Brun",
- "lnks": [
- {
- "blog": "http://cedric.brun.io/",
- "mail": "mailto:cedric.brun@obeo.fr",
- "twitter" : "http://twitter.com/bruncedric",
- "google" : "http://plus.google.com/+CedricBrun",
- "github" : "http://github.com/cbrun"
- }
- ]
- }
- }
-]}
diff --git a/json/presentations.json b/json/presentations.json
deleted file mode 100644
index 25bd644..0000000
--- a/json/presentations.json
+++ /dev/null
@@ -1,532 +0,0 @@
-{"presentations":[
- {
- "header": {
- "title": "SiriusCon 2018 - Sirius Roadmap",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/MTgJR5HG2odZSj"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-roadmap.png",
- "imgAlt": "SiriusCon 2018 - Sirius Roadmap"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - AdvoCATE: An Assurance Case Automation Toolset Based on Eclipse and Sirius",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/8UYZkyAZjVFWko"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-nasa.png",
- "imgAlt": "SiriusCon 2018 - AdvoCATE: An Assurance Case Automation Toolset Based on Eclipse and Sirius"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Eclipse Sirius applied to a RAD Tool in Japan",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/t9lj25jYCnwTBu"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-rad-tool.png",
- "imgAlt": "SiriusCon 2018 - Eclipse Sirius applied to a RAD Tool in Japan"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Integrating Sirius, Xtext and EMF Compare to Design Simulators of Complex Physical Phenomena",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/F7aJYWBvhs4i77"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-xtext-emf-compare.png",
- "imgAlt": "SiriusCon 2018 - Integrating Sirius, Xtext and EMF Compare to Design Simulators of Complex Physical Phenomena"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Fluent and Live Collaboration on a Shared Repository with Obeo Designer Team",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/56QiwFsFgAUrzM"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-collaboration.png",
- "imgAlt": "SiriusCon 2018 - Fluent and Live Collaboration on a Shared Repository with Obeo Designer Team"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Extensive Use of Custom Properties Views in a Banking DSL Workbench",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/zURuTvAqJHoGJi"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-properties-view.png",
- "imgAlt": "SiriusCon 2018 - Extensive Use of Custom Properties Views in a Banking DSL Workbench"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Building Capella on Top of Sirius: a Development Perspective",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/LSq8asAcp6ZcdE"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-capella-thales.png",
- "imgAlt": "SiriusCon 2018 - Building Capella on Top of Sirius: a Development Perspective"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - A Bird's Eye View on Eclipse Sirius",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/aWjsrqnnQBRV1R"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-bird-eye-view.png",
- "imgAlt": "SiriusCon 2018 - A Bird's Eye View on Eclipse Sirius"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Your models and diagrams published on a web server with Obeo SmartEA",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/e9rV5ZhD73xQ5M"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-obeo-smartea.png",
- "imgAlt": "SiriusCon 2018 - Your models and diagrams published on a web server with Obeo SmartEA"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2018 - Closing session - Live Community Survey",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/3csPsaAnMRowf8"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2018-community-survey.png",
- "imgAlt": "SiriusCon 2018 - Closing session - Live Community Survey"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Sirius Roadmap",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/mEHZRRrplYjxaY"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-roadmap.png",
- "imgAlt": "SiriusCon 2017 - Sirius Roadmap"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Eclipse Sirius at a Glance",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/5TVEUYwLS6iqFw"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-glance.png",
- "imgAlt": "SiriusCon 2017 - Eclipse Sirius at a Glance"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - The Eclipse Layout Kernel",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/EoYaXZL1XUfb1Q"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-elk-typefox.png",
- "imgAlt": "SiriusCon 2017 - The Eclipse Layout Kernel"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Model Simulation, Graphical Animation, and Omniscient Debugging with EcoreTools and Sirius Animator",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/maStsj3PDGHtr"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-model-simulation.png",
- "imgAlt": "SiriusCon 2017 - Model Simulation, Graphical Animation, and Omniscient Debugging with EcoreTools and Sirius Animator"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - A Graphical Approach to Modularization and Layering of Metamodels",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/d2RUMSYpGlIhw8"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-metamodels-modularization-layering.png",
- "imgAlt": "SiriusCon 2017 - A Graphical Approach to Modularization and Layering of Metamodels"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - U API Designer: a Graphical Tool to Design and Manage the Enterprise's API",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/oiXa6V2neKSELX"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-api-designer.png",
- "imgAlt": "SiriusCon 2017 - U API Designer: a Graphical Tool to Design and Manage the Enterprise's API"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Document Generation with M2Doc",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/iwdwaFLvEW14hR"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-m2doc.png",
- "imgAlt": "SiriusCon 2017 - Document Generation with M2Doc"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - 5 Years of Modelisation, from a Prototype to an Industrial Grade Solution",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/vywWgKAECZhS7T"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-fromPrototype-toIndustrial.png",
- "imgAlt": "SiriusCon 2017 - 5 Years of Modelisation, from a Prototype to an Industrial Grade Solution"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Integrating Xtext and Sirius: Strategies and Pitfalls",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/ut3Bbf8AjLr4rr"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-xtext-sirius.png",
- "imgAlt": "SiriusCon 2017 - Integrating Xtext and Sirius: Strategies and Pitfalls"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Industrialize Your Sirius-based Solution: the Steps and Tools",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/coHjxuGaz1Bftq"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-industrialize-solution.png",
- "imgAlt": "SiriusCon 2017 - Industrialize Your Sirius-based Solution: the Steps and Tools"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Sirius-powered Risk Modelling and Simulation in Industry 4.0 Supply Chains",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/xqpCfkrx5xLhvr"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-risk-modelling.png",
- "imgAlt": "SiriusCon 2017 - Sirius-powered Risk Modelling and Simulation in Industry 4.0 Supply Chains"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Sirius Tutorial Demo",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/7rh0mkJVEINnI4"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-demo.png",
- "imgAlt": "SiriusCon 2017 - Sirius Tutorial Demo"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - Get Your Stakeholders into Modeling Using Graphical Editors",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/M8alqs4e1rYWqf"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-graphical-editors.png",
- "imgAlt": "SiriusCon 2017 - Get Your Stakeholders into Modeling Using Graphical Editors"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2017 - When UX Encounters Delightful Design",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/4FKnxIXRHqdOiU"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/siriuscon-2017-ux-design.png",
- "imgAlt": "SiriusCon 2017 - When UX Encounters Delightful Design"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Modelling Spacecraft On-board Software with Sirius",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/7D0WjjvvifTA2U"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/esa_modelling_spacecraft.jpg",
- "imgAlt": "SiriusCon 2016 - Modelling Spacecraft On-board Software with Sirius"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Visualization of Inferred Versioned Schemas from NoSQL Databases",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/k1jV1zy1ZVtEmc"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_murcia_university.jpg",
- "imgAlt": "SiriusCon 2016 - Visualization of Inferred Versioned Schemas from NoSQL Databases"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Let Me Sirius That for You: Properties Views",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/oIAERDm5AmPfgj"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/properties_view.jpg",
- "imgAlt": "SiriusCon 2016 - Let Me Sirius That for You: Properties Views"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Extensible Sirius Editors for the Palladio Component Model",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/bD0rJDzEuU4ibU"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/extensible_sirius_editors.jpg",
- "imgAlt": "SiriusCon 2016 - Extensible Sirius Editors for the Palladio Component Model"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - V for Visualization in Viatra: The Good-old Integration of Graphical and Textual Representations",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/D1nVnKHWjaMx3t"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/viatra_clarity_sirius.jpg",
- "imgAlt": "SiriusCon 2016 - V for Visualization in Viatra: The Good-old Integration of Graphical and Textual Representations"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Sirius Roadmap",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/ew0VeAMi07QNQ6"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_roadmap_2016.jpg",
- "imgAlt": "SiriusCon 2016 - Sirius Roadmap"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Capella Team: Live Collaborative Modeling with Sirius",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/lYUH3eroNbwxET"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/capella_team_sirius_thales.jpg",
- "imgAlt": "SiriusCon 2016 - Capella Team: Live Collaborative Modeling with Sirius"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - A Modelling Platform to Support Power Plant Life Cycle Management (PLM) for Nuclear Engineering",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/3euPDlyHyFmDDU"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/edf_ingenierie_nucleaire.jpg",
- "imgAlt": "SiriusCon 2016 - A Modelling Platform to Support Power Plant Life Cycle Management (PLM) for Nuclear Engineering"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - ASML's MDE Going Sirius",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/AqGe32RJEBKOy2"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/asml_sirius.jpg",
- "imgAlt": "SiriusCon 2016 - ASML's MDE Going Sirius"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Integrating Textual and Graphical Editing in the POOSL IDE",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/rjyPgCGLH2pYh3"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/esi_tno_sirius.jpg",
- "imgAlt": "SiriusCon 2016 - Integrating Textual and Graphical Editing in the POOSL IDE"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2016 - Let's talk about your future sirius project",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/oo81H88oHW833h"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_future_project.jpg",
- "imgAlt": "SiriusCon 2016 - Let's talk about your future sirius project"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - Sirius Viewpoints and Software Modernization",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/ehbLL3toBVMDEy"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/paranor.jpg",
- "imgAlt": "SiriusCon 2015 - Sirius Viewpoints and Software Modernization"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - French Department of Defense",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/dSohfpAAqOsEFz"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/department_defense.png",
- "imgAlt": "SiriusCon 2015 - French Department of Defense"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - EIP Designer: Filling the Gap Between Enterprise Architecture and Software Dev",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/JPPl06giQrhlD2"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/eip_designer.png",
- "imgAlt": "SiriusCon 2015 - EIP Designer: Filling the Gap Between Enterprise Architecture and Software Dev"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - Functional Modelling Tool for the Avionics Domain",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/HrdPJD3KlQCuvt"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/modeling_tool_avionics_sintef.png",
- "imgAlt": "SiriusCon 2015 - Functional Modelling Tool for the Avionics Domain"
- }
- },
- {
- "header": {
- "title": "CSiriusCon 2015 - onstraint Graph: Graphical Modeling of Physical Equation Systems",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/j7otrAvkvZDueC"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/etas.png",
- "imgAlt": "SiriusCon 2015 - Constraint Graph: Graphical Modeling of Physical Equation Systems"
- }
- },
- {
- "header": {
- "title": "Sirius Roadmap",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/NUWh9qHoTzpXHL"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/eclipse_sirius_roadmap.png",
- "imgAlt": "Sirius Roadmap"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - Collaborative Modeling with Sirius: from Model Fragments to Shared-Repository",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/ibydjfNu1gSxXo"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/collaborative_modeling.png",
- "imgAlt": "SiriusCon 2015 - Collaborative Modeling with Sirius: from Model Fragments to Shared-Repository"
- }
- },
- {
- "header": {
- "title": "Breath Life into Your Designer",
- "lnk": "https://www.slideshare.net/slideshow/embed_code/key/F8xUm9uTdtW9kH"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/breathe_life_intoyour_designer.png",
- "imgAlt": "Breath Life into Your Designer"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - All the Little Things That Make Your Graphical Tool Shine (or not)",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/hLWugCUUpqtNs3"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/effective_modeler.png",
- "imgAlt": "SiriusCon 2015 - All the Little Things That Make Your Graphical Tool Shine (or not)"
- }
- },
- {
- "header": {
- "title": "SiriusCon 2015 - Tip & Tricks: How to Make Robust and Scalable Modeling Workbenches",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/18jWzz7Nh4FPUo"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/robust_modeling_workbenches.png",
- "imgAlt": "SiriusCon 2015 - Tip & Tricks: How to Make Robust and Scalable Modeling Workbenches"
- }
- },
- {
- "header": {
- "title": "Arduino designer : the making of!",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/A3tlZzytLaMTlK"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_arduino_designer.png",
- "imgAlt": "Arduino designer : the making of!"
- }
- },
- {
- "header": {
- "title": "EclipseCon Europe 2014 - Sirius + Xtext = Love",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/LY5kYUxfBv1c3n"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_xtext.png",
- "imgAlt": "EclipseCon Europe 2014 - Sirius + Xtext = Love"
- }
- },
- {
- "header": {
- "title": "Eclipse Finance Day: Sirius for Finance",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/3IXpZ8udyNSIIP"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_finance.png",
- "imgAlt": "Eclipse Finance Day: Sirius for Finance"
- }
- },
- {
- "header": {
- "title": "EclipseCon Europe 2013 - Turning Eclipse into an Arduino programming platform for kids",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/cNeDVXXmu61xLm"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_arduino.png",
- "imgAlt": "EclipseCon Europe 2013 - Turning Eclipse into an Arduino programming platform for kids"
- }
- },
- {
- "header": {
- "title": "EclipseCon Europe 2013 - Sirius By Example",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/BU1OREG54vcPfQ"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_examples.png",
- "imgAlt": "EclipseCon Europe 2013 - Sirius By Example"
- }
- },
- {
- "header": {
- "title": "Sirius Role Playing Game",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/FSO2VZScvIccLH"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_role_playing_game.png",
- "imgAlt": "Sirius Role Playing Game"
- }
- },
- {
- "header": {
- "title": "Sirius - Graphical Editors for Your DSL",
- "lnk": "https://fr.slideshare.net/slideshow/embed_code/key/lXDSOfu6KwhCTB"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_editors.png",
- "imgAlt": "Sirius - Graphical Editors for Your DSL"
- }
- },
- {
- "header": {
- "title": "Sirius - EclipseDemoCamp Paris 2013",
- "lnk": "https://prezi.com/embed/h8ekgh8azrm_/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0#"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_democamp_2013.png",
- "imgAlt": "Sirius - EclipseDemoCamp Paris 2013"
- }
- }
-]}
diff --git a/json/videos.json b/json/videos.json
deleted file mode 100644
index 87687ef..0000000
--- a/json/videos.json
+++ /dev/null
@@ -1,232 +0,0 @@
-{"videos":[
- {
- "header": {
- "title": "Video recordings of SiriusCon 2018 sessions",
- "lnk": "https://www.siriuscon.org/#recordings"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/siriuscon2018.png",
- "imgAlt": "Video recordings of SiriusCon 2018 sessions"
- }
- },
- {
- "header": {
- "title": "Modeling tools go up to the cloud…",
- "lnk": "https://www.youtube.com/watch?v=OQRFUyBt1r4"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius-modeling-tools-cloud.png",
- "imgAlt": "Modeling tools go up to the cloud…"
- }
- },
- {
- "header": {
- "title": "Sirius - Mindstorms Robot Tutorial - Part 1",
- "lnk": "https://www.youtube.com/watch?v=uKBGVwmRzi0"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius-mindstorms-robot-tutorial.png",
- "imgAlt": "Sirius - Mindstorms Robot Tutorial - Part 1"
- }
- },
- {
- "header": {
- "title": "EclipseCon 2016 - eWORMS, the eclipse WORkflow Modeling System for Flight Physicists at AIRBUS",
- "lnk": "https://www.youtube.com/watch?v=vquHXt_8HH4"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_airbus.jpg",
- "imgAlt": "EclipseCon 2016 - eWORMS, the eclipse WORkflow Modeling System for Flight Physicists at AIRBUS"
- }
- },
- {
- "header": {
- "title": "Sirius 3.x: Faster, Stronger and Smarter Diagram Editors",
- "lnk": "https://www.youtube.com/watch?v=7GLyrnKQl7c"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_mpo.jpg",
- "imgAlt": "Sirius 3.x: Faster, Stronger and Smarter Diagram Editors"
- }
- },
- {
- "header": {
- "title": "IncQuery gets Sirius: faster and better diagrams",
- "lnk": "https://www.youtube.com/watch?v=_78rRHgiNSo"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_incquery.jpg",
- "imgAlt": "IncQuery gets Sirius: faster and better diagrams"
- }
- },
- {
- "header": {
- "title": "Be Serious With Sirius: Your Journey From First Experimentation to Large Deployment",
- "lnk": "https://www.youtube.com/watch?v=GLdD6oZOrw4"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_eju.jpg",
- "imgAlt": "Be Serious With Sirius: Your Journey From First Experimentation to Large Deployment"
- }
- },
- {
- "header": {
- "title": "Sirius Workshop Advanced graphical editors for your DSL",
- "lnk": "https://www.youtube.com/watch?v=qLnjXekSCDU"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_workshop.jpg",
- "imgAlt": "Sirius Workshop Advanced graphical editors for your DSL"
- }
- },
- {
- "header": {
- "title": "EclipseCon North America 2015 - Arduino Designer: the Making of!",
- "lnk": "http://www.infoq.com/presentations/arduino-designer"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_eclipsecon_na_2015_mbats_cat.png",
- "imgAlt": "EclipseCon North America 2015 - Arduino Designer: the Making of!"
- }
- },
- {
- "header": {
- "title": "EclipseCon France 2014 - Sirius + Xtext = Love",
- "lnk": "https://www.youtube.com/watch?v=Ha0FbmcLjYY"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_xtext.png",
- "imgAlt": "EclipseCon France 2014 - Sirius + Xtext = Love"
- }
- },
- {
- "header": {
- "title": "EclipseCon France 2014 - Sirius Hands-On",
- "lnk": "https://www.youtube.com/watch?v=3fppg0UKEjs"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_handson.png",
- "imgAlt": "EclipseCon France 2014 - Sirius Hands-On"
- }
- },
- {
- "header": {
- "title": "RRLL 2014 - Sirius Overview (french)",
- "lnk": "https://www.youtube.com/watch?v=I_GUOjgS_vQ"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_rrll.png",
- "imgAlt": "Sirius Overview - RRLL 2014 (french)"
- }
- },
- {
- "header": {
- "title": "Open World Forum 2014 - Sirius, the new Open Source way for systems design (french)",
- "lnk": "https://www.youtube.com/watch?v=e24lMPpoiMU"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_openworldforum.png",
- "imgAlt": "Sirius: the new Open Source way for systems design - St�phane Lacrampe (Co-founder, CEO, Obeo) (french)"
- }
- },
- {
- "header": {
- "title": "Eclipse Day Florence 2014 - Sirius:build diagram,table and tree editors in 20 minutes!",
- "lnk": "https://www.youtube.com/watch?v=IsLXXyKzUjw"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_florence.png",
- "imgAlt": "Eclipse Day Florence 2014 - Sirius by M�lanie Bats / Sirius:build diagram,table and tree editors in 20 minutes!"
- }
- },
- {
- "header": {
- "title": "Eclipse Day Florence 2014 - Turning Eclipse into an Arduino programming platform for kids",
- "lnk": "https://www.youtube.com/watch?v=KHKWQKXmtUE"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_arduino_cat.png",
- "imgAlt": "Eclipse Day Florence 2014 - Turning Eclipse into an Arduino programming platform for kids"
- }
- },
- {
- "header": {
- "title": "Sirius - Simple Task Graph Modeling Tool",
- "lnk": "https://www.youtube.com/watch?v=y2v7NB6K8aE"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_simple_modeling_tool.png",
- "imgAlt": "Sirius - Simple Task Graph Modeling Tool"
- }
- },
- {
- "header": {
- "title": "EclipseCon North America 2013 - Sirius By Example",
- "lnk": "https://www.youtube.com/watch?v=fi4SVKlLs5E"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_examples.png",
- "imgAlt": "EclipseCon North America 2013 - Sirius By Example: Build Your Own Diagram, Table and Tree Editors in 20 Minutes"
- }
- },
- {
- "header": {
- "title": "EclipseConEurope 2013 - EcoreTools 2.0: The Making-Of",
- "lnk": "https://www.youtube.com/watch?v=XSP-oAmmS_E"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_ecoretools.png",
- "imgAlt": "EclipseConEurope 2013 - EcoreTools 2.0: The Making-Of"
- }
- },
- {
- "header": {
- "title": "EclipseConEurope 2013 - Changing the Game of Systems Architecture",
- "lnk": "https://www.youtube.com/watch?v=PBG_3pMA_xA"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_eclipsecon_2013.png",
- "imgAlt": "EclipseConEurope 2013 - Changing the Game of Systems Architecture"
- }
- },
- {
- "header": {
- "title": "Turning Eclipse into an Arduino programming platform for kids",
- "lnk": "https://www.youtube.com/watch?v=fi6FgIXLbNc"
- },
- "thumb": {
- "photoSrc": "images/resources/presentations/sirius_arduino.png",
- "imgAlt": "MDA Arduino - Turning Eclipse into an Arduino programming platform for kids"
- }
- },
- {
- "header": {
- "title": "Sirius - Principles",
- "lnk": "https://www.youtube.com/watch?v=SEnfhNl47iA"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_principles.png",
- "imgAlt": "Sirius - Principles"
- }
- },
- {
- "header": {
- "title": "Sirius - Graphical Editors for Your DSL",
- "lnk": "https://www.youtube.com/watch?v=rUqSaxu6SqM"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_editors.png",
- "imgAlt": "Sirius - Graphical Editors for Your DSL"
- }
- },
- {
- "header": {
- "title": "Sirius with Cédric Brun, Obeo - EclipseCon France",
- "lnk": "https://www.youtube.com/watch?v=hyDxSmbSi2g"
- },
- "thumb": {
- "photoSrc": "images/resources/videos/sirius_cbrun.png",
- "imgAlt": "Sirius with C�dric Brun, Obeo - EclipseCon France"
- }
- }
-]}
diff --git a/lab.html b/lab.html
deleted file mode 100644
index 66d6305..0000000
--- a/lab.html
+++ /dev/null
@@ -1,99 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Lab</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
- <div id="body_wrapper">
- <h1 class="page_title">Sirius Lab</h1>
- <br />
-
- <div class="intro_gallery">
- <h2>Prototypes and proof of Concepts pushing Sirius further</h2>
- <p>New features which have proven helpful and are looking for an interest to bring it at full maturity level.</p>
- </div>
-
- <div id="usecases">
- <div class="usecase">
- <div class="medias">
- <div class="popup-gallery-0">
- <a href="images/lab/animator-running.png"><img class="shadow" src="images/lab/animator-running.png" alt="Put image name here" width="520"></a>
- </div>
- </div>
- <div class="infos">
- <div class="title">
- <h2>Sirius Animator</h2>
- </div>
- <div class="author">
- <p>Gemoc ANR Project #ANR-12-INSE-0011, Program INS</p>
- </div>
- <div class="tags taglist">
- <span class="tag_head"> </span>
- <div class="tag">
- <i></i><span>Sirius 2.0</span><b></b>
- </div>
- </div>
- <div class="descr">
- <p></p>
- <p>Sirius Animator brings execution capabilities for your DSL or any EMF based models in a quick and flexible way.</p>
- </div>
- <div class="lnks">
- <h3 class="lnks_head">Known usages and maturity level</h3>
- <p>
- The Sirius Animator has been used in an experimental branch of <a href="https://github.com/mbats/arduino">Arduino Designer</a> to bring instant feedback on a given design without having to compile and deploy the program on the Arduino target.
- </p>
- <p>Plugins integrating UML Designer, an fUML engine and the Eclipse Debug API have also been prototyped.</p>
-
- </div>
- <div class="lnks">
- <h3 class="lnks_head">Related links</h3>
- <ul>
- <li><a href="http://www.gemoc.org" target="_blank">Gemoc Project page</a></li>
- <li><a href="http://gemoc.org/breathe-life-into-your-designer" target="_blank">Breath Life Into your Designer !</a></li>
- <li><a href="https://github.com/SiriusLab/SiriusAnimator" target="_blank">The source code</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
- <!-- Fin body_wrapper -->
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
diff --git a/overview.html b/overview.html
index 9270ca3..cdfb4f8 100644
--- a/overview.html
+++ b/overview.html
@@ -1,74 +1,265 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Overview</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Overview</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>What is Sirius?</h3>
+
+ <p>Sirius is an Eclipse project which allows you to easily create your own graphical modeling workbench by leveraging the Eclipse Modeling technologies, including EMF and GMF.</p>
+ <p>Sirius has been created by Obeo and Thales to provide a generic workbench for model-based architecture engineering that could be easily tailored to fit specific needs.</p>
+ <p>Based on a viewpoint approach, Sirius makes it possible to equip teams who have to deal with complex architectures on specific domains.</p>
+
+ <p><a href="resource-center.html" target="_self">Ckeck out articles and videos <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="300" src="https://www.youtube.com/embed/hyDxSmbSi2g?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ </div>
+</section>
-<div id="body_wrapper">
- <h1 class="page_title">Overview</h1>
- <div class="section left">
- <div class="image">
- <iframe class="shadow" width="400" height="250" src="https://www.youtube.com/embed/hyDxSmbSi2g?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- </div>
- <h2>What is Sirius?</h2>
- <p>Sirius is an Eclipse project which allows you to easily create your own graphical modeling workbench by leveraging the Eclipse Modeling technologies, including EMF and GMF.</p>
- <p>Sirius has been created by Obeo and Thales to provide a generic workbench for model-based architecture engineering that could be easily tailored to fit specific needs.
- </p>
- <p>Based on a viewpoint approach, Sirius makes it possible to equip teams who have to deal with complex architectures on specific domains.</p>
- <p><a href="articles-videos.html">Ckeck out articles and videos <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
+<section class="bg_lightest_grey">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Principles of Sirius</h3>
+
+ <p>A modeling workbench created with Sirius is composed of a set of Eclipse editors (diagrams, tables and trees) which allow the users to create, edit and visualize EMF models.</p>
+ <p>The editors are defined by a model which defines the complete structure of the modeling workbench, its behavior and all the edition and navigation tools. This description of a Sirius modeling workbench is dynamically interpreted by a runtime within the Eclipse IDE.</p>
+ <p>For supporting specific need for customization, Sirius is extensible in many ways, notably by providing new kinds of representations, new query languages and by being able to call Java code to interact with Eclipse or any other system.</p>
+
+ <p><a href="" target="_self"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="319" src="https://www.youtube.com/embed/SEnfhNl47iA?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ </div>
+</section>
- <div class="section right">
- <div class="image">
- <iframe class="shadow" width="400" height="250" src="https://www.youtube.com/embed/SEnfhNl47iA?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- </div>
- <h2>Principles of Sirius</h2>
- <p>A modeling workbench created with Sirius is composed of a set of Eclipse editors (diagrams, tables and trees) which allow the users to create, edit and visualize EMF models.</p>
- <p>The editors are defined by a model which defines the complete structure of the modeling workbench, its behavior and all the edition and navigation tools. This description of a Sirius modeling workbench is dynamically interpreted by a runtime within the Eclipse IDE.</p>
- <p>For supporting specific need for customization, Sirius is extensible in many ways, notably by providing new kinds of representations, new query languages and by being able to call Java code to interact with Eclipse or any other system.</p>
- </div>
+<section>
+ <div class="container">
+
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Example: MBSE Workbench Capella</h3>
+
+ <p>Thales has developed <a href='https://www.eclipse.org/capella' target='_blank'>Eclipse Capella</a>, a domain specific modeling workbench to equip its system architects.</p>
+ <p>The tool provides several editors to allow the system architects to graphically design and analyze a system according to specific viewpoints. They can evaluate their candidate architectures against industrial constraints (cost & schedule, performance, safety, maintainability, product policy, etc.).</p>
+ <p>Initially developed to target system and software architecture engineering of data processing, signal processing or information systems, Thales successfully applied the tool to larger fields, such as electrical power systems or thermal systems.</p>
+ <p><a href="gallery.html" target="_self">View more examples <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/screenshots/screenshot_capella.jpg" target="_self" title="Sirius - Example: MBSE Workbench Capella"><img src="images/screenshots/screenshot_capella.jpg" class="" alt="Sirius - Example: MBSE Workbench Capella"></a>
+ </div>
+</div>
+ </div>
+</section>
- <div class="section left">
- <div class="image"><img class="shadow" src="images/screenshots/screenshot_capella.jpg" border="0" alt=""></div>
- <h2>Example: MBSE Workbench Capella</h2>
- <p>Thales has developed <a href="https://www.eclipse.org/capella" target="_blank">Eclipse Capella</a>, a domain specific modeling workbench to equip its system architects.</p>
- <p>The tool provides several editors to allow the system architects to graphically design and analyze a system according to specific viewpoints. They can evaluate their candidate architectures against industrial constraints (cost & schedule, performance, safety, maintainability, product policy, etc.).</p>
- <p>Initially developed to target system and software architecture engineering of data processing, signal processing or information systems, Thales successfully applied the tool to larger fields, such as electrical power systems or thermal systems.</p>
- <p><a href="gallery.html">View more examples <i class="fa fa-arrow-circle-right"> </i></a></p>
- </div>
-</div> <!-- Fin body_wrapper -->
+<section class="text-center bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Related Projects</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
\ No newline at end of file
+
+
+ <div class="row">
+ <div class="col-md-12 col-xs-12 vcenter wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"><a href="http://www.eclipse.org/modeling/emf/" title="Logo Eclipse EMF" target="_blank"><img src="/sirius/common_assets/images/logos/logo_emf.jpg"></a></div>
+ </div>
+
+ </div>
+</section>
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/presentations.html b/presentations.html
deleted file mode 100644
index d2ad252..0000000
--- a/presentations.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="application/json" src="json/presentations.json"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Presentations</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper" >
- <h1 class="page_title">Presentations</h1>
-</div> <!-- Fin body_wrapper -->
-
- <div id="presentations" class="videos"></div>
- <script type="text/javascript">
-
- jQuery.getJSON('json/presentations.json', function(data) {
- var output = " " ;
-
- for (var k in data.presentations) {
- var thumb = " ";
- var header = " ";
- var title = " ";
-
- thumb += "<div class='video_thumbnail'><a class='popup-youtube' href='" + data.presentations[k].header.lnk + "'><img src='" + data.presentations[k].thumb.photoSrc + "' /></a></div>";
- title += "<h3><a class='popup-youtube indigo' href='" + data.presentations[k].header.lnk + "'>" + data.presentations[k].header.title + "</a></h3>";
- header += "<header class='video_title centered'>" + title + "</header>";
-
- output += "<div class='col_3'>" + thumb + header + "</div>";
-
- }
-
- document.getElementById("presentations").innerHTML=output;
-
- var divs = $("#presentations > .col_3");
- for(var i = 0; i < data.presentations.length; i+=3) {
- divs.slice(i, i+3).wrapAll("<section><article class='row'></article></section>");
- }
-
- $('.popup-youtube').magnificPopup({
- disableOn: 700,
- type: 'iframe',
- mainClass: 'mfp-fade',
- removalDelay: 160,
- preloader: false,
-
- fixedContentPos: false
- });
-
- });
-
- </script>
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
diff --git a/resource-center.html b/resource-center.html
new file mode 100644
index 0000000..68bb217
--- /dev/null
+++ b/resource-center.html
@@ -0,0 +1,301 @@
+<!DOCTYPE html>
+<html>
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Resources</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
+ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
+</head>
+
+ <body>
+
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section id="" class="text-center">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-4 col-xs-12 wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="0ms">
+ <div><i class="far fa-newspaper fa-3x pa2 txt_indigo"></i></div>
+ <h4>Articles</h4>
+ <p><a data-wow-delay=".1s" href="https://blog.obeo.fr/tags/sirius" target="_blank">Obeo Blog <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ <p><a data-wow-delay=".2s" href="https://scholar.google.fr/scholar?q=eclipse+sirius" target="_blank">Search on Google Scholar <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-sm-4 col-xs-12 wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="0ms">
+ <div><i class="far fa-play-circle fa-3x pa2 txt_indigo" aria-hidden="true"></i></div>
+ <h4>Videos</h4>
+ <p><a href="https://www.youtube.com/watch?v=XUD4nqIOzLc&list=PLDCKzuGIN_Zxq2SavbeeXku4qpEAQ-z4f" target="_blank">
+ [Obeo Playlist] The Technology <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ <p><a href="https://www.youtube.com/watch?v=T5HGcvRchOE&list=PLDCKzuGIN_ZyNvkPsRPeb34xuY5odpcMz" target="_blank">[Obeo Playlist] - The Community <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ <p><a href="https://www.youtube.com/results?search_query=eclipse+sirius" target="_blank">Search on Youtube <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ </div>
+
+ <div class="col-sm-4 col-xs-12 wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="100ms">
+ <div><i class="fab fa-slideshare fa-3x pa2 txt_indigo" aria-hidden="true"></i></div>
+ <h4>Presentations</h4>
+ <p><a href="https://www.slideshare.net/search/slideshow?searchfrom=header&q=eclipse+sirius" target="_blank">
+ Search on Slideshare <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+<section id="siriuscon" class="bg_indigo txt_white text-center">
+ <div class="container">
+ <div class="row d-inline">
+ <p><a href="https://www.siriuscon.org"><img src="common_assets/images/logos/logo_siriuscon_2021_white.png" alt="Logo SiriusCon"></a></p>
+ <p>Discover recordings and slides of users' feedback and advanced features <br>presented during SiriusCon, the Sirius community's conference</p>
+ <p><a class="" href="https://www.siriuscon.org" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+ </div>
+</section>
+
+<section class="bg_lightest_grey text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Best Practices</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s">Sirius committers have shared some of their best practices to help you take advantage of their experience<br /> and implement efficient graphical modeling tools (registration required)</p>
+
+
+
+ <p><a class="btn btn-default" href="https://www.obeodesigner.com/en/best-practices" target="_blank">Improve Your Sirius Practices</a></p>
+ </div>
+</section>
+
+<section id="support" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Support?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+
+ <div class="row">
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-file-alt fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Documentation</h4>
+ <p>Learn how to use Sirius, thanks to online complete user guides and reference manuals</p>
+ <p><a class="" href="http://www.eclipse.org/sirius/doc/" target="">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Forum</h4>
+ <p>Find relevant posts/answers. No solution yet to your concern? Come and ask your question</p>
+ <p><a class="" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Professional support</h4>
+ <p>Obeo, co-leader of Sirius, provides training, expertise, custom development and support plans</p>
+ <p><a class="" href="https://www.obeodesigner.com/en/services" target="_blank">Learn more <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
+</section>
+
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/resources/mindstorms-tutorial/methods.txt b/resources/mindstorms-tutorial/methods.txt
index d1ab505..542fe78 100644
--- a/resources/mindstorms-tutorial/methods.txt
+++ b/resources/mindstorms-tutorial/methods.txt
@@ -1,48 +1,48 @@
-*** Method for RotateItemProvider ***
-
- /**
- * This returns Rotate.gif.
- * <!-- begin-user-doc -->
- * <!-- end-user-doc -->
- * @generated not
- */
- @Override
- public Object getImage(Object object) {
- if (((Rotate)object).getDegrees()>=0) {
- return overlayImage(object, getResourceLocator().getImage("full/obj16/Rotate"));
- }
- else {
- return overlayImage(object, getResourceLocator().getImage("full/obj16/Rotate_Right"));
- }
- }
-
-*** Methods for Services.java***
-
- public Instruction getNextInstruction(Instruction instruction) {
- Choreography parentChoreography=(Choreography)instruction.eContainer();
- List<Instruction> actions=parentChoreography.getInstructions();
- int position=actions.indexOf(instruction);
- if (position==actions.size()-1) {
- return null;
- }
- else {
- return actions.get(position+1);
- }
- }
-
- public String getLabel(Instruction instruction) {
- if (instruction instanceof GoForward) {
- return ((GoForward)instruction).getCm()+" cm";
- }
- else if (instruction instanceof Rotate) {
- if (((Rotate)instruction).isRandom())
- return "?";
- else
- return ((Rotate)instruction).getDegrees()+"°";
- }
- else if (instruction instanceof Choreography) {
- return ((Choreography)instruction).getName();
- }
- else
- return "";
+*** Method for RotateItemProvider ***
+
+ /**
+ * This returns Rotate.gif.
+ * <!-- begin-user-doc -->
+ * <!-- end-user-doc -->
+ * @generated not
+ */
+ @Override
+ public Object getImage(Object object) {
+ if (((Rotate)object).getDegrees()>=0) {
+ return overlayImage(object, getResourceLocator().getImage("full/obj16/Rotate"));
+ }
+ else {
+ return overlayImage(object, getResourceLocator().getImage("full/obj16/Rotate_Right"));
+ }
+ }
+
+*** Methods for Services.java***
+
+ public Instruction getNextInstruction(Instruction instruction) {
+ Choreography parentChoreography=(Choreography)instruction.eContainer();
+ List<Instruction> actions=parentChoreography.getInstructions();
+ int position=actions.indexOf(instruction);
+ if (position==actions.size()-1) {
+ return null;
+ }
+ else {
+ return actions.get(position+1);
+ }
+ }
+
+ public String getLabel(Instruction instruction) {
+ if (instruction instanceof GoForward) {
+ return ((GoForward)instruction).getCm()+" cm";
+ }
+ else if (instruction instanceof Rotate) {
+ if (((Rotate)instruction).isRandom())
+ return "?";
+ else
+ return ((Rotate)instruction).getDegrees()+"°";
+ }
+ else if (instruction instanceof Choreography) {
+ return ((Choreography)instruction).getName();
+ }
+ else
+ return "";
}
\ No newline at end of file
diff --git a/sirius-web.html b/sirius-web.html
index b8226fb..d78ce6f 100644
--- a/sirius-web.html
+++ b/sirius-web.html
@@ -1,217 +1,387 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.video.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="text/javascript" src="js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
- <!-- wow js -->
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Sirius WebHome</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - The easiest way to get your own Modeling Tool</title>
- <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link type="text/css" rel="stylesheet" href="css/animate.css">
- <link type="text/css" rel="stylesheet" href="css/jquery.fancybox.css">
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <script src="js/wow.min.js"></script>
- <script>
- new WOW().init();
- </script>
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<div id="header_wrapper" ng-cloak class="ng-cloak">
- <div id="menu_wrapper" style="padding-top: 0px;">
- <ul id="nav">
- <li><a style="text-transform: uppercase" class="unselected_main_menu" href=".">Sirius Desktop</a></li>
- <li><a style="text-transform: uppercase" class="selected_main_menu" href="sirius-web.html">Sirius Web</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
- <div id="logo">
- <a href="."><img alt="logo" src="images/logos/logo.png" /></a>
- </div>
- <div id="menu_wrapper">
- <ul id="nav">
- <li><a href="#features" target="_self">Features</a></li>
- <li><a href="#download" target="_self">Download</a></li>
- <li><a href="#try" target="_self">Try It</a></li>
- <li><a href="https://www.obeo.fr/en/products/ocp-modeler" target="_self">Support</a></li>
- </ul>
- </div> <!-- Fin menu_wrapper -->
-</div> <!-- Fin header_wrapper -->
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-lg fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li><a href="/sirius">Sirius Desktop</a></li>
+ <li class="current"><a href="#">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="#features" data-row="#features" class="smooth-scroll">Features</a>
+ </li>
+ <li>
+ <a href="#try" data-row="#try" class="smooth-scroll">Try It</a>
+ </li>
+ <li>
+ <a href="#support" target="_blank">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="#download" data-row="#download" class="smooth-scroll">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
-<section class="centered highlight_banner_web wow fadeInUp bg_light_gray" data-wow-delay=".3s">
- <img style="-webkit-filter: contrast(93%);" src="images/sirius-web/siriusweb-visuel1.gif"/>
- <p> </p>
- <h1>Easily create and deploy studios to the web</h1>
- <h3>Principles you like in Sirius Desktop, available on a modern cloud-based stack</h3>
- <article class="row wow fadeInUp" data-wow-delay=".6s">
- <p> </p>
- <p> </p>
- <div class="col-md-3">
- <p><img src="images/sirius-web/stack.png" /></p>
- <h3>Graphical and<br>Domain-Specific</h3>
- <p>Created custom graphical modeling workbenches support both your specific visual notation and your own domain concepts.</p>
- </div>
-
- <div class="col-md-3">
- <p><img src="images/sirius-web/config.png" /></p>
- <h3>Defined by<br>a Configuration File</h3>
- <p>Visual editors are declared by a configuration file which is interpreted at runtime, meaning very few lines of code and easy tuning.</p>
- </div>
-
- <div class="col-md-3">
- <p><img src="images/sirius-web/server.png" /></p>
- <h3>Deployed on<br>a Web Server</h3>
- <p>The backend of your modeling tool is deployed on a web server running with state-of-the-art technologies: Spring, React, PostgreSQL, GraphQL.</p>
- </div>
-
- <div class="col-md-3">
- <p><img src="images/sirius-web/html5.png" /></p>
- <h3>Rendered in<br>a Web Browser</h3>
- <p>Once deployed on a server, just start using the modeling tool directly from a web browser, without specific installation on user's desktop.</p>
- </div>
-
- </article>
+
+ <section id="intro" class="">
+ <div class="container">
+ <div class="row align-items-end">
+ <div class="col-md-5 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <h1>Easily create and deploy studios to the web</h1>
+ <p>Principles you like in Sirius Desktop,<br> available on a modern cloud-based stack</p>
+ <p>
+
+ <a class="d-none"></a>
+
+
+ <a class="d-none"></a>
+
+ </p>
+</div>
+
+<div class="col-md-7 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <p>
+ <a href="" class="wow fadeInUp" data-wow-delay=".6s" target="_self">
+ <img src="images/sirius-web/siriusweb-visuel1.gif" alt="Easily create and deploy studios to the web">
+ </a>
+ </p>
+</div>
+ </div>
+ </div>
</section>
-
-<!-- <div class="wow fadeInUp" data-wow-delay=".3s"> -->
+<section id="why_sirius_web" class="bg_lightest_grey text-center">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-project-diagram fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Graphical and<br>Domain-Specific</h4>
+ <p>Created custom graphical modeling workbenches support both your specific visual notation and your own domain concepts</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
-<section class="wow fadeInUp" data-wow-delay=".3s">
- <header class="centered">
- <div id="features"></div>
- <h2 class="uppercase">Features</h2>
- <p> </p>
- </header>
-
- <article class="row">
- <div class="col-md-6">
- <h3>Shared projects</h3>
- <p>A project created with Sirius Web contains a set of models. These models can be defined based on the domain models installed on the server.</p>
- <p>Once created, you can share the project's URL to allow others to simultaneously access and modify its contents.</p>
- <p>Projects can also be download locally in an open format and re-uploaded later to any other Sirius Web repository.</p>
- </div>
-
- <div class="col-md-6">
- <iframe class="shadow" width="465" height="262" src="https://www.youtube.com/embed/oI7ierlTXzA?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- </div>
+ <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-cogs fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Defined by<br>a Configuration File</h4>
+ <p>Visual editors are declared by a configuration file which is interpreted at runtime, meaning very few lines of code and easy tuning</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
- </article>
+ <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-server fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Deployed on<br>a Web Server</h4>
+ <p>The backend of your modeling tool is deployed on a web server running with state-of-the-art technologies: Spring, React, PostgreSQL, GraphQL</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fab fa-html5 fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Rendered in<br>a Web Browser</h4>
+ <p>Once deployed on a server, just start using the modeling tool directly from a web browser, without specific installation on user's desktop</p>
+ <p><a class="" href="" target=""> <i class="" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+ </div>
+ </div>
</section>
+<section id="features" class="">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Features</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<section class="wow fadeInUp" data-wow-delay=".3s">
- <article class="row">
- <div class="col-md-6">
- <iframe class="shadow" width="465" height="262" src="https://www.youtube.com/embed/lG_h5hC_2ak?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- </div>
- <div class="col-md-6">
- <h3>Assisted Layout</h3>
- <p>Graphical modeling allows users to better understand complex systems by revealing objects' dependencies (edges and nesting) and visually highlighting properties (images, colors, shapes, sizes).</p>
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Shared projects</h3>
+
+ <p>A project created with Sirius Web contains a set of models. These models can be defined based on the domain models installed on the server.</p>
+ <p>Once created, you can share the project's URL to allow others to simultaneously access and modify its contents.</p>
+ <p>Projects can also be download locally in an open format and re-uploaded later to any other Sirius Web repository.</p>
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/oI7ierlTXzA?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Assisted Layout</h3>
+
+ <p>Graphical modeling allows users to better understand complex systems by revealing objects' dependencies (edges and nesting) and visually highlighting properties (images, colors, shapes, sizes).</p>
<p>But manually layouting diagram containing dozens of graphical objects to produce highly effective representations can be very tedious.</p>
<p>Sirius Web assists the users in layouting diagrams, so that he can concentrate on providing and analysing data, rather than aligning boxes and edges to the pixel.</p>
<p>In first versions of Sirius Web, layout is automatic. Different kinds of assisted-layout mechanisms will come progressively.</p>
- </div>
-
-
- </article>
-</section>
-
-<section class="wow fadeInUp" data-wow-delay=".3s">
- <article class="row">
- <div class="col-md-6">
- <h3>Modern UX</h3>
- <p>Sirius Web is not just a revamping of Sirius Desktop. Relying on a modern technical stack, it implements a new UX design to offer a fluent and intuitive experience adapted to web usages.</p>
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/lG_h5hC_2ak?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ <div class="row">
+ <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Modern UX</h3>
+
+ <p>Sirius Web is not just a revamping of Sirius Desktop. Relying on a modern technical stack, it implements a new UX design to offer a fluent and intuitive experience adapted to web usages.</p>
<p>While recognizing Sirius principles, you will notice many slight changes that make graphical modeling more efficient: less mouse moves, intuitive tools, onboarding process, ...</p>
<p>Tools created with Sirius Web can be easily used by end-users with no experience in classic Eclipse workbench.</p>
- </div>
-
- <div class="col-md-6">
- <iframe class="shadow" width="465" height="262" src="https://www.youtube.com/embed/VJFfzzAnL5c?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
- </div>
-
- </article>
-</section>
-
-<section class="wow fadeInUp" data-wow-delay=".3s">
- <article class="row">
- <div class="col-md-6">
- <p align="center"><img src="images/sirius-web/brick.png"></p>
- </div>
- <div class="col-md-6">
- <h3>Extensibility</h3>
- <p>Faithful to the principles of Sirius, Sirius Web is designed as an extensible and adaptable web platform. It can fit with your specific context and smoothly integrate with your own web applications.</p>
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
+ <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/VJFfzzAnL5c?fs=1&loop=1&autohide=1&theme=light&color=white" frameborder="0" allowfullscreen=""></iframe>
+ </div>
+</div>
+ <div class="row">
+ <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
+ <h3>Extensibility</h3>
+
+ <p>Faithful to the principles of Sirius, Sirius Web is designed as an extensible and adaptable web platform. It can fit with your specific context and smoothly integrate with your own web applications.</p>
<p>You can add new kinds of representations in Sirius Web, or directly integrate components of Sirius Web (a representation for example) within other applications.</p>
+ <p><a href="" target="_"> <i class="" aria-hidden="true"></i></a></p>
+ </div>
+ <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
+ <a href="images/illustrations/sirius-web-extensibility.png" target="_" title="Extensibility"><img src="images/illustrations/sirius-web-extensibility.png" class="" alt="Extensibility"></a>
+ </div>
+</div>
+ </div>
+</section>
+<section id="try" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Try it on the cloud</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p>Obeo provides a private instance that allows you to try <b>Sirius Web</b>'s features.</p>
+ <p>It also enables you to experience <b>additional features</b> coming with <b><a href="https://www.obeosoft.com/en/products/obeo-cloud-platform">Obeo Cloud Platform</a></b>:<br>users management, teams, public/private projects, notifications of currently active users, ...</p></p>
+
+
+
+ <p><a class="btn btn-default" href="https://www.obeocloudplatform-demo.com/signup" target="_blank">Register</a></p>
+ </div>
+</section>
+<section id="support" class="bg_lightest_grey text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Need Support?</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+
+ <div class="row">
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Forum</h4>
+ <p>Find relevant posts/answers.<br>No solution yet to your concern?<br>Come and ask your question.</p>
+ <p><a class="" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Exchange with the community <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
+
+ <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+ <div>
+ <i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+ </div>
+ <div>
+ <h4>Professional support</h4>
+ <p>Need expertise or custom development<br>to integrate Sirius Web in your own context?<br>We can help you.</p>
+ <p><a class="" href="https://www.obeosoft.com/en/contact" target="_blank">Contact Obeo <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+ </a></p>
+ </div>
+</div>
+
+
+
</div>
+ </div>
+</section>
+<section id="download" class="text-center">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Download from Github</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"><p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href="http://eclipse.org/" target="_blank">Eclipse Foundation</a></p>
+ <p>Source code is available on <a href="https://github.com/eclipse-sirius/sirius-web" target="_blank">GitHub</a>. It contains an example application, built using the frontend and backend components.</p></p>
- </article>
+
+
+ <p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
+ </div>
</section>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
-<section class="bg_light_gray" class="wow fadeInUp" data-wow-delay=".5s">
- <article class="row">
- <header class="centered">
- <div id="download"></div>
- <h2 class="uppercase">Download from GitHub</h2>
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href="http://eclipse.org/">Eclipse Foundation</a></p>
- <p>Source code is available on <a href="https://github.com/eclipse-sirius/sirius-web">GitHub</a>. It contains an example application, built using the frontend and backend components.</p>
- <p> </p>
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
- <p><a class="btn" href="https://github.com/eclipse-sirius/sirius-web">Go to Source Code</a></p>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
- </header>
- </article>
-</section>
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
-<section class="wow fadeInUp" data-wow-delay=".5s">
- <article class="row">
- <header class="centered">
- <a id="try"></a>
- <h2 class="uppercase">Try it on the cloud</h2>
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
- <p>Obeo provides a private instance that allows you to try <b>Sirius Web</b>'s features.</p>
- <p>It also enables you to experience <b>additional features</b> coming with <b><a href="https://www.obeo.fr/en/products/ocp-modeler">Obeo Cloud Platform</a></b>:<br>users management, teams, public/private projects, notifications of currently active users, ...</p>
- <p> </p>
- <p><a class="btn" href="https://www.obeocloudplatform-demo.com/signup">Register</a></p>
- </header>
- </article>
-</section>
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
-
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-
-</body>
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
-
diff --git a/support.html b/support.html
new file mode 100644
index 0000000..cb7c598
--- /dev/null
+++ b/support.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html>
+
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | Support</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
+ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
+</head>
+
+ <body>
+
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section>
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Documentation</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+ <div class="row">
+ <div class="col-md-12">
+ <ul>
+ <li class="wow fadeInLeft" data-wow-delay=".1s"><a href="Learn more " target="_blank">Online Documentation</a> - Learn how to use Sirius, thanks to online complete user guides and reference manuals</li>
+ <li class="wow fadeInLeft" data-wow-delay=".2s"><a href="https://wiki.eclipse.org/Sirius" target="_blank">Sirius Wiki</a> - Discover more details on our documentation wiki page</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="bg_lightest_grey">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Community Support</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+ <div class="row">
+ <div class="col-md-12">
+ <ul>
+ <li class="wow fadeInLeft" data-wow-delay=".1s"><a href="https://www.eclipse.org/forums/index.php/f/262/" target="_blank">Sirius Forum</a> - Remember to prefix the subject of your Sirius-related posts with "[Sirius]"</li>
+ <li class="wow fadeInLeft" data-wow-delay=".2s"><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Sirius Bugzilla</a> - Review and create Bugzilla entries</li>
+ <li class="wow fadeInLeft" data-wow-delay=".3s"><a href="https://bugs.eclipse.org/bugs/enter_bug.cgi?product=Sirius" target="_blank">File a bug</a> - File bugs and feature requests</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Professional Services</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+
+ <div class="row">
+ <div class="col-md-12">
+ <p class="wow fadeInDown" data-wow-delay=".1s">The Sirius team can be contacted through the official Eclipse EMF forums and newsgroup. Yet this form of support may not meet daily needs of an enterprise adopter as far as response delays are involved.
+ Most of the developers of Sirius are from Obeo, and are then the best source to provide competent and professional support:
+ </p>
+ <ul>
+ <li class="wow fadeInLeft" data-wow-delay=".2s"><a href="http://www.obeosoft.com/en/services/training" target="_blank">Training</a> - Develop your skills on Sirius and related technologies (EMF, Acceleo, Xtext)</li>
+ <li class="wow fadeInLeft" data-wow-delay=".3s"><a href="http://www.obeosoft.com/en/services/coaching" target="_blank">Consulting & Coaching</a> - Work in your own context, with your team directly with Obeo experts</li>
+ <li class="wow fadeInLeft" data-wow-delay=".4s"><a href="http://www.obeosoft.com/en/services/custom-development" target="_blank">Custom Development</a> - Custom Sirius for your needs and boost your projects</li>
+ <li class="wow fadeInLeft" data-wow-delay=".1s"><a href="https://www.obeodesigner.com/support" target="_blank">Support & Maintenance</a> - Safeguard
+ your deployment</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/videos.html b/videos.html
deleted file mode 100644
index b42839d..0000000
--- a/videos.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
-
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/magnific-popup.min.js"></script>
- <script type="application/json" src="json/videos.json"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="angular/sirius.js"></script>
-
- <link rel="icon" type="image/png" href="favicon.ico" />
- <title>Sirius - Videos</title>
- <link type="text/css" rel="stylesheet" href="css/style.css" />
- <link type="text/css" rel="stylesheet" href="css/media.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="js/ga.js"></script>
-</head>
-
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'angular/blocks/header.html'"></ng-include>
-
-<div id="body_wrapper" >
- <h1 class="page_title">Videos</h1>
-</div> <!-- Fin body_wrapper -->
-
- <div id="videos" class="videos"></div>
- <script type="text/javascript">
-
- jQuery.getJSON('json/videos.json', function(data) {
- var output = " " ;
-
- for (var k in data.videos) {
- var thumb = " ";
- var header = " ";
- var title = " ";
-
- thumb += "<div class='video_thumbnail'><a class='popup-youtube' href='" + data.videos[k].header.lnk + "'><img src='" + data.videos[k].thumb.photoSrc + "' /></a></div>";
- title += "<h3><a class='popup-youtube indigo' href='" + data.videos[k].header.lnk + "'>" + data.videos[k].header.title + "</a></h3>";
- header += "<header class='video_title centered'>" + title + "</header>";
-
- output += "<div class='col_3'>" + thumb + header + "</div>";
-
- }
-
- document.getElementById("videos").innerHTML=output;
-
- var divs = $("#videos > .col_3");
- for(var i = 0; i < data.videos.length; i+=3) {
- divs.slice(i, i+3).wrapAll("<section><article class='row'></article></section>");
- }
-
- $('.popup-youtube').magnificPopup({
- disableOn: 700,
- type: 'iframe',
- mainClass: 'mfp-fade',
- removalDelay: 160,
- preloader: false,
-
- fixedContentPos: false
- });
-
- });
-
- </script>
-
-<div class="clear"></div>
-<ng-include src="'angular/blocks/footer.html'"></ng-include>
-<ng-include src="'angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
diff --git a/whatsnew/whatsnew2.html b/whatsnew/whatsnew2.html
index 1fec7e4..3f6f293 100644
--- a/whatsnew/whatsnew2.html
+++ b/whatsnew/whatsnew2.html
@@ -1,42 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 2.0</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 2.0</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 2.0</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 2.0</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<div class="section left">
<div class="image">
@@ -139,11 +237,76 @@
<div class="clear"></div>
<p>The complete list of changes is available here: <a href="http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy" title="New & Noteworthy">http://wiki.eclipse.org/Sirius/2.0.0#New_.26_Noteworthy</a>.</p>
- <br />
-</div> <!-- Fin body_wrapper -->
+
+</div>
+</section>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/whatsnew/whatsnew3-1.html b/whatsnew/whatsnew3-1.html
index d7a0d7c..82c4d21 100644
--- a/whatsnew/whatsnew3-1.html
+++ b/whatsnew/whatsnew3-1.html
@@ -1,42 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 3.1</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 3.1</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 3.1</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 3.1</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>Need to provide a better visualization experience to the users of your modeling tools?</p>
<p>Sirius 3.1 offers new graphical options that increase the expressivity of your diagrams.</p>
@@ -111,11 +209,74 @@
<br />
<p>The complete list of changes is available here: <a href="http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.1.0" title="New & Noteworthy">http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.1.0</a>.</p>
<p>Read <a href="http://eclipse.org/sirius/whatsnew/whatsnew3.html" title="New & Noteworthy">What's new in Sirius 3.0</a> to see the new and noteworthy features of previous version.</p>
- <br />
-</div> <!-- Fin body_wrapper -->
+</div>
+</section>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/whatsnew/whatsnew3.html b/whatsnew/whatsnew3.html
index 0bc8d0c..31826e4 100644
--- a/whatsnew/whatsnew3.html
+++ b/whatsnew/whatsnew3.html
@@ -1,44 +1,141 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 3.0</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 3.0</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 3.0</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
-<div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 3.0</h1>
+ </div>
+</section>
+
+<section>
+ <div class="container">
+
<div class="row">
<h2>Smarter Diagrams and Better User Experience</h2>
<p>This release comes with many ergonomic improvements for a better edition of diagrams.</p>
@@ -136,11 +233,74 @@
<br />
<p>The complete list of changes is available here: <a href="http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0" title="New & Noteworthy">http://www.eclipse.org/sirius/doc/Release_Notes.html#sirius3.0.0</a>.</p>
<p>Read <a href="http://eclipse.org/sirius/whatsnew/whatsnew2.html" title="New & Noteworthy">What's new in Sirius 2.0</a> to see the new and noteworthy features of previous version.</p>
- <br />
- </div> <!-- Fin body_wrapper -->
+</div>
+</section>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
\ No newline at end of file
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/whatsnew/whatsnew4-1.html b/whatsnew/whatsnew4-1.html
index cf4610b..213797d 100644
--- a/whatsnew/whatsnew4-1.html
+++ b/whatsnew/whatsnew4-1.html
@@ -1,42 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 4.1</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 4.1</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 4.1</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- <div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 4.1</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>What is making Eclipse Sirius so unique? That’s its capability
to easily create custom graphical modeling tools adapted to each
@@ -135,10 +233,73 @@
<br />
</div>
</div>
- <!-- Fin body_wrapper -->
+</section>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
-</html>
\ No newline at end of file
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
+
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/whatsnew/whatsnew4.html b/whatsnew/whatsnew4.html
index f7f7f45..ad551f6 100644
--- a/whatsnew/whatsnew4.html
+++ b/whatsnew/whatsnew4.html
@@ -1,44 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 4.0</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 4.0</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
- rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
- <ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 4.0</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- <div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 4.0</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>What is making Eclipse Sirius so unique? That’s its capability to easily create custom graphical modeling tools adapted
to each specific need.</p>
@@ -211,11 +307,73 @@
<br />
</div>
</div>
- <!-- Fin body_wrapper -->
+</section>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
+</div>
-</html>
\ No newline at end of file
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
+
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
+</html>
diff --git a/whatsnew/whatsnew5-1.html b/whatsnew/whatsnew5-1.html
index 2ac55fd..7c30284 100644
--- a/whatsnew/whatsnew5-1.html
+++ b/whatsnew/whatsnew5-1.html
@@ -1,42 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 5.1</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 4.1</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 5.1</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- <div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 5.1</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>This new release brings several improvements:</p>
<ul>
@@ -82,14 +180,74 @@
<p> </p>
<h2><a name="config"></a>Previous versions</h2>
<p>Read <a href="https://eclipse.org/sirius/whatsnew/whatsnew5.html" title="New & Noteworthy">What's new in Sirius 5.0</a> to see the new and noteworthy features of previous version.</p>
+</div>
+</section>
-
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
</div>
- <!-- Fin body_wrapper -->
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/whatsnew/whatsnew5.html b/whatsnew/whatsnew5.html
index 5ef6ac4..12d5e46 100644
--- a/whatsnew/whatsnew5.html
+++ b/whatsnew/whatsnew5.html
@@ -1,42 +1,140 @@
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 5.0</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 4.1</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
-
- <!-- Eclipse Foundation Google Tag Manager -->
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
-
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
+
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 5.0</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- <div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 5.0</h1>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>This new release, seeks to provide your end-users with a smoother experience as they work with the great modeling tools you created with Eclipse Sirius.</p>
<p> </p>
@@ -99,14 +197,74 @@
<p>This version now requires Java 8 and is compatible with Neon and Oxygen (support for Eclipse Mars has been dropped). This version is also compatible with Guava 21.</p>
<br />
<p>Read <a href="http://eclipse.org/sirius/whatsnew/whatsnew4-1.html" title="New & Noteworthy">What's new in Sirius 4.1</a> to see the new and noteworthy features of previous version.</p>
+</div>
+</section>
-
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
</div>
- <!-- Fin body_wrapper -->
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/whatsnew/whatsnew6-1.html b/whatsnew/whatsnew6-1.html
index 6bb45dc..0e4e766 100644
--- a/whatsnew/whatsnew6-1.html
+++ b/whatsnew/whatsnew6-1.html
@@ -1,44 +1,140 @@
-
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 6.1</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 6.1</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 6.1</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
- <div id="body_wrapper">
- <h1 class="page_title">What's New in Sirius 6.1</h1>
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<ul>
<li><a class="smooth-scroll" href="#visibility" data-row="#visibility">Management of hidden diagram elements</a></li>
<li><a class="smooth-scroll" href="#menus" data-row="#menus">Organization of popup menus</a></li>
@@ -85,14 +181,75 @@
<p> </p>
<h2>Previous versions</h2>
<p>Read <a href="https://eclipse.org/sirius/whatsnew/whatsnew6.html" title="New & Noteworthy">What's new in Sirius 6.0</a> to see the new and noteworthy features of previous version.</p>
+</div>
+</section>
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
</div>
- <!-- Fin body_wrapper -->
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
diff --git a/whatsnew/whatsnew6.html b/whatsnew/whatsnew6.html
index 7956692..f3e0f74 100644
--- a/whatsnew/whatsnew6.html
+++ b/whatsnew/whatsnew6.html
@@ -1,44 +1,140 @@
-
<!DOCTYPE html>
<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-language" content="en">
- <meta name="description" content="Graphical Editors for your DSL">
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="../js/functions.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script src="../angular/sirius.js"></script>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <title>Sirius | What's New in Sirius 6.0</title>
+
+ <meta name="description" content="The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks">
+ <link rel="shortcut icon" type="image/png" href="/sirius/images/favicon_sirius.ico"/>
+
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
- <link rel="icon" type="image/png" href="../favicon.ico" />
- <title>Sirius - What's New in Sirius 6.0</title>
- <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
- <link type="text/css" rel="stylesheet" href="../css/style.css" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,700,300' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/ef6567f233.css">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+ <link rel="stylesheet" href="/sirius/common_assets/css/styles.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/animate.css">
+ <link rel="stylesheet" href="/sirius/common_assets/css/media.css"/>
+ <link rel="stylesheet" href="/sirius/assets/css/main.css"/>
- <!-- Eclipse Foundation Google Tag Manager -->
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.video.js"></script>
+ <script src="/sirius/common_assets/js/magnific-popup.min.js"></script>
+
+ <!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
- <!-- End Google Tag Manager -->
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
+ <!-- End Google Tag Manager -->
+
+ <!-- Eclipse Foundation cookie consent: -->
+ <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
+ <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
+
+ <script src= "/sirius/assets/js/ga.js"></script>
- <!-- Eclipse Foundation cookie consent: -->
- <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
- <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
- <script type="text/javascript" src="../js/ga.js"></script>
+ <!-- Old version of font awesome for some icons -->
+ <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+ <!-- Bootstrap JS -->
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
+
+ <script>
+ jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });
+ </script>
+ <!-- Triggers tooltips -->
+ <script>
+ jQuery(document).ready(function() {
+ jQuery('.hasTooltip').tooltip();
+ });
+ </script>
</head>
+
+ <body>
-<body ng-app="sirius" ng-controller="main" class="cloak">
-<ng-include src="'../angular/blocks/header_absolu.html'"></ng-include>
-
- <div id="body_wrapper" class="whatsnew">
- <h1 class="page_title">What's New in Sirius 6.0</h1>
+ <!-- Navigation -->
+<header id="top-bar" class="navbar navbar-expand-xl fixed-top">
+ <div class="container">
+ <div id="super-menu" class="d-flex">
+ <nav class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li class="current"><a href=".">Sirius Desktop</a></li>
+ <li><a class="txt_purple" href="sirius-web">Sirius Web</a></li>
+ </ul>
+ </nav>
+ </div>
+ <div class="d-flex" id="main-menu-items">
+ <a class="navbar-brand" href="/sirius">
+ <img src="/sirius/common_assets/images/logos/logo_sirius.png" alt="Logo Sirius">
+ </a>
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
+ aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+ <i class="fa fa-bars"></i>
+ </button>
+ <nav class="navbar-collapse collapse" id="navbarResponsive">
+ <div class="main-menu ml-auto">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="overview">Overview</a>
+ </li>
+ <li>
+ <a href="gallery">Gallery</a>
+ </li>
+ <li>
+ <a href="getstarted">Get Started</a>
+ </li>
+ <li>
+ <a href="features">Features</a>
+ </li>
+ <li>
+ <a href="resource-center">Resources</a>
+ </li>
+ <li>
+ <a href="support">Support</a>
+ </li>
+ <li id="dwnld">
+ <a href="download">Download</a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ </div>
+ </div>
+</header>
+<section id="sirius-web-bar" class="bg_purple">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-1 col-xs-12 my-auto">
+ <p class="cloud txt_white text-center"><i class="fas fa-cloud" aria-hidden="true"></i></p>
+ </div>
+ <div class="col-md-8 col-xs-12">
+ <h5 class="txt_white">Web version is now available!</h5>
+ <p class="descr txt_white">What you like in Sirius Desktop, in a modern cloud-based stack.</p>
+ </div>
+ <div class="col-md-3 col-xs-12 my-auto">
+ <p><a class="text-uppercase txt_yellow" href="sirius-web" target="">Discover Sirius Web <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i></a></p>
+ </div>
+ </div>
+ </div>
+</section>
+
+ <section class="bg_lightest_grey text-center intro">
+ <div class="container">
+ <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">What's New in Sirius 6.0</h2>
+<h3 class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s"></h3>
+<p class="wow fadeInDown" data-wow-duration="500ms" data-w ow-delay=".4s"></p>
+
+
+ </div>
+</section>
+
+<section>
+ <div class="container">
<p>For this new version released with Eclipse Photon, we have worked on two main axis:</p>
<ul>
<li><a class="smooth-scroll" href="#user-experience" data-row="#user-experience">improve the user experience for creating better visualizations</a></li>
@@ -96,14 +192,74 @@
<p> </p>
<h2><a name="config"></a>Previous versions</h2>
<p>Read <a href="https://eclipse.org/sirius/whatsnew/whatsnew5-1.html" title="New & Noteworthy">What's new in Sirius 5.1</a> to see the new and noteworthy features of previous version.</p>
+</div>
+</section>
-
+<footer>
+ <div class="container">
+ <div class="row">
+
+<div class="col-md-3">
+ <p><a href="http://www.eclipse.org/" target="_blank"><img src="/sirius/common_assets/images/logos/logo-eclipse-foundation.png" alt="Eclipse Foundation logo"></a></p>
+ <p id="copyright">Copyright © 2021 Eclipse Foundation, Inc.<br>All Rights Reserved.</p>
</div>
- <!-- Fin body_wrapper -->
+<div class="col-md-3">
+ <h6>Eclipse Foundation</h6>
+ <ul>
+ <li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a></li>
+ <li><a href="http://eclipse.org/" target="_blank">Eclipse</a></li>
+ <li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a></li>
+ <li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a></li>
+ <li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a></li>
+ <li><a href="http://www.eclipse.org/org/foundation/contact.php" target="_blank"> Contact Us</a></li>
+ </ul>
+</div>
- <div class="clear"></div>
- <ng-include src="'../angular/blocks/footer.html'"></ng-include>
- <ng-include src="'../angular/blocks/call2action.html'"></ng-include>
-</body>
+
+<div class="col-md-3">
+ <h6>Project Links</h6>
+ <ul>
+ <li><a href="https://projects.eclipse.org/projects/modeling.sirius" target="_blank">About this project</a></li>
+ <li><a href="https://wiki.eclipse.org/Sirius" target="_blank">Wiki</a></li>
+ <li><a href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=262" target="_blank">Forum</a></li>
+ <li><a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=6776579&classification=Modeling&query_format=advanced&product=Sirius" target="_blank">Bugs</a></li>
+ <li><a href="https://git.eclipse.org/c/sirius/org.eclipse.sirius.git" target="_blank">Source Code</a></li>
+ </ul>
+</div>
+ </div>
+ </div>
+</footer>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous" defer></script>
+
+<script src="/sirius//common_assets/js/wow.min.js" defer></script>
+<script src="/sirius//common_assets/js/main.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.min.js" defer></script>
+<script src="/sirius//common_assets/js/magnific-popup.video.js" defer></script>
+<!-- Call wow function -->
+<script>
+ jQuery(document).ready(function(){
+ "use strict";
+ new WOW().init();
+ jQuery('.smooth-scroll').scrollingTo();
+
+ var url = window.location;
+ // Will only work if string in href matches with location
+ jQuery('ul.nav a[href="'+ url +'"]').parent().addClass('active');
+
+ // Will also work for relative and absolute hrefs
+ jQuery('ul.nav a').filter(function() {
+ return this.href == url;
+ }).parent().addClass('active');
+
+ jQuery(".nav a").on("click", function(){
+ jQuery(".nav").find(".active").removeClass("active");
+ jQuery(this).parent().addClass("active");
+ });
+ });
+</script>
+
+ </body>
</html>
