blob: 1f7544cb25eb4258d362c1393c7fb7bef4f6c9d8 [file] [log] [blame]
<!DOCTYPE html>
<html>
<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.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 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>
<!-- FontAwesome Latest version Kit (automatically updated) -->
<script src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></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.html">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.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="resource-center.html">Resources</a>
</li>
<li>
<a href="support.html">Support</a>
</li>
<li id="dwnld">
<a href="download.html">Download</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<section id="sirius-web-bar" class="bg_grey text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="txt_indigo">Sirius Web version is now available! <a class="" href="sirius-web.html" target="">Learn More <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="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Discover concrete examples of modeling tools created with Sirius for various use-cases:<br>Systems Engineering, Software Development, Business Configuration, etc.</p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
</div>
</section>
<div id="usecases"></div>
<script type="text/javascript">
$.getJSON('json/gallery.json', function(data) {
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>";
title += "<div><h2>" + data.usecases[i].infos.title + "</h2></div>";
author += "<h6 class='author'>By " + data.usecases[i].infos.author;
taglist += "&nbsp;<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>&nbsp;";
}
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'><h5>Related links</h5><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="600ms" data-wow-delay=".3s"></h3>
<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Feel free to submit your work here: <a href="https://bugs.eclipse.org/bugs/show_bug.cgi?id=448492">Bugzilla 448492</a>.</p>
<p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
</div>
</section>
<div id="bottom-bar" class="bg_purple text-center">
<div class="container">
<p class="txt_white"><a href="https://www.siriuscon.org/" class="txt_white text-decoration-underline"><b>SiriusCon 2022</b></a> - Call for Proposal is Open!
<a class="btn btn-default span-left my-auto" href="https://bit.ly/siriuscon2022_cfp">Submit a talk <i class="fas fa-paper-plane"></i></a>
</p>
</div>
</div>
<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 © 2022 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>