Deploy preview for PR 34 🛫

eclipse-sprotty · Feb 22, 2024 · 8423321 · 8423321
1 parent 77244fb
commit 8423321
Show file tree

Hide file tree

Showing 20 changed files with 386 additions and 330 deletions.
diff --git a/...-34/docs/actions_and_protocols/index.html → ...-34/docs/actions-and-protocols/index.html b/...-34/docs/actions_and_protocols/index.html → ...-34/docs/actions-and-protocols/index.html
diff --git a/pr-previews/pr-34/docs/custom-interactions/index.html b/pr-previews/pr-34/docs/custom-interactions/index.html
diff --git a/...r-34/docs/dependency_injection/index.html → ...r-34/docs/dependency-injection/index.html b/...r-34/docs/dependency_injection/index.html → ...r-34/docs/dependency-injection/index.html
diff --git a/pr-previews/pr-34/docs/features/index.html b/pr-previews/pr-34/docs/features/index.html
diff --git a/...ews/pr-34/docs/getting_started/index.html → ...ews/pr-34/docs/getting-started/index.html b/...ews/pr-34/docs/getting_started/index.html → ...ews/pr-34/docs/getting-started/index.html
diff --git a/pr-previews/pr-34/docs/index.html b/pr-previews/pr-34/docs/index.html
diff --git a/pr-previews/pr-34/docs/index.xml b/pr-previews/pr-34/docs/index.xml
diff --git a/pr-previews/pr-34/docs/introduction/index.html b/pr-previews/pr-34/docs/introduction/index.html
diff --git a/pr-previews/pr-34/docs/micro-layout/index.html b/pr-previews/pr-34/docs/micro-layout/index.html
diff --git a/...views/pr-34/docs/model_sources/index.html → ...views/pr-34/docs/model-sources/index.html b/...views/pr-34/docs/model_sources/index.html → ...views/pr-34/docs/model-sources/index.html
diff --git a/pr-previews/pr-34/docs/overview/index.html b/pr-previews/pr-34/docs/overview/index.html
diff --git a/pr-previews/pr-34/docs/smodel/index.html b/pr-previews/pr-34/docs/smodel/index.html
diff --git a/pr-previews/pr-34/docs/styling/index.html b/pr-previews/pr-34/docs/styling/index.html
diff --git a/pr-previews/pr-34/docs/svg-rendering/index.html b/pr-previews/pr-34/docs/svg-rendering/index.html
diff --git a/...ws/pr-34/docs/user_interaction/index.html → ...ws/pr-34/docs/user-interaction/index.html b/...ws/pr-34/docs/user_interaction/index.html → ...ws/pr-34/docs/user-interaction/index.html
diff --git a/pr-previews/pr-34/index.html b/pr-previews/pr-34/index.html
@@ -1,8 +1,8 @@
 <!doctype html><html lang=en class=scroll-smooth><head><meta name=generator content="Hugo 0.110.0"><title>Sprotty</title><meta name=viewport content="width=device-width"><meta charset=utf-8><meta name=description content="Diagram Visualization Tools for Your Web Applications.
-Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta property="og:title" content="Diagram Visualization Tools for Your Web Applications"><meta property="og:description" content="Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta property="og:image" content="https://sprotty.org/assets/sprotty-logo-fish-text.png"><meta property="og:type" content="website"><meta property="og:url" content="https://sprotty.org/"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="Diagram Visualization Tools for Your Web Applications"><meta name=twitter:description content="Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta name=twitter:image content="https://sprotty.org/assets/sprotty-logo-fish-text.png"><link rel=apple-touch-icon href=./favicon/512px.png><link rel=icon type=image/png href=./favicon/512px.png><link rel=icon type=image/png sizes=32x32 href=./favicon/32px.png><link rel=icon type=image/png sizes=16x16 href=./favicon/16px.png><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Red+Hat+Display:wght@400;500&display=swap" rel=stylesheet><link rel=stylesheet href=./css/style.css><link rel=stylesheet href=./css/landing-showcase.css><link rel=stylesheet href=./showcase/bundle.css><script src=./showcase/bundle.js type=text/javascript></script></head><body><header class="flex flex-row justify-between items-center pl-[65px] pr-9 py-5 bg-sprottyMidBlue bg-opacity-50"><a href=./#><img src=assets/sprotty-logo-fish-text.png class=w-[130px]></a><nav class="flex flex-row items-end gap-5"><a href=./docs/ class="text-sprottyDarkBlue font-redHat font-medium text-lg">Documentation</a>
+Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta property="og:title" content="Diagram Visualization Tools for Your Web Applications"><meta property="og:description" content="Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta property="og:image" content="https://sprotty.org/assets/sprotty-logo-fish-text.png"><meta property="og:type" content="website"><meta property="og:url" content="https://sprotty.org/"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="Diagram Visualization Tools for Your Web Applications"><meta name=twitter:description content="Eclipse Sprotty is an open-source project enabling the creation of powerful diagramming tools and graphical visualizations."><meta name=twitter:image content="https://sprotty.org/assets/sprotty-logo-fish-text.png"><link rel=apple-touch-icon href=./favicon/512px.png><link rel=icon type=image/png href=./favicon/512px.png><link rel=icon type=image/png sizes=32x32 href=./favicon/32px.png><link rel=icon type=image/png sizes=16x16 href=./favicon/16px.png><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Red+Hat+Display:wght@400;500&display=swap" rel=stylesheet><link rel=stylesheet href=./css/style.css><link rel=stylesheet href=./css/landing-showcase.css><link rel=stylesheet href=./showcase/bundle.css><script src=./showcase/bundle.js type=text/javascript></script></head><body><header class="flex flex-row justify-between items-center pl-[65px] pr-9 py-5 bg-sprottyMidBlue bg-opacity-50"><a href=./#><img src=assets/sprotty-logo-fish-text.png class=w-[130px]></a><nav class="flex flex-row items-end gap-5"><a href=./docs/introduction class="text-sprottyDarkBlue font-redHat font-medium text-lg">Documentation</a>
 <a href=https://github.com/eclipse-sprotty/sprotty target=_blank class="w-[43px] h-[43px]"><img src=assets/github-mark.svg alt="github repository"></a></nav></header><main><section id=introduction><div class="md:flex md:flex-col pt-10 px-16 pb-20 font-redHat"><p class="text-sprottyTeal text-xl text-center pb-20 font-medium"><h2 class="text-sprottyTeal text-center font-medium text-4xl tracking-wide pb-10">Diagram Visualization Tools<br>for Your Web Applications</h2><div class="flex flex-col md:flex-row items-center justify-center pb-5"><img src=assets/sprotty-multicore.png alt class="mr-[-25px] md:mr-0 mb-3 z-40 w-[300px]">
 <img src=assets/sprotty-xtext.png alt class="ml-[-25px] md:mx-[-50px] md:mt-3 z-30 w-[300px] my-[-50px] md:my-0">
-<img src=assets/sprotty-dependency.png alt class="mr-[-25px] md:mr-0 mb-3 z-20 w-[300px]"></div><p class="text-sprottyTeal text-xl text-center pb-7 font-medium">Eclipse Sprotty is an open source project enabling the creation of powerful diagramming tools and graphical visualizations.</p><p class="text-sprottyTeal text-xl text-center pb-20 font-medium">Fully customizable · Server and client-side diagramming · Easy integration · Powerful timesaver</p><div class="flex flex-row gap-10 justify-center items-center pb-10"><a href=./docs/getting_started class="bg-sprottyMidBlue bg-opacity-50 rounded-xl px-8 py-3 text-sprottyDarkBlue shadow-md">Get started</a>
+<img src=assets/sprotty-dependency.png alt class="mr-[-25px] md:mr-0 mb-3 z-20 w-[300px]"></div><p class="text-sprottyTeal text-xl text-center pb-7 font-medium">Eclipse Sprotty is an open source project enabling the creation of powerful diagramming tools and graphical visualizations.</p><p class="text-sprottyTeal text-xl text-center pb-20 font-medium">Fully customizable · Server and client-side diagramming · Easy integration · Powerful timesaver</p><div class="flex flex-row gap-10 justify-center items-center pb-10"><a href=./docs/getting-started class="bg-sprottyMidBlue bg-opacity-50 rounded-xl px-8 py-3 text-sprottyDarkBlue shadow-md">Get started</a>
 <a href=#what-is-sprotty class=text-sprottyDarkBlue><div class="flex flex-row gap-2"><p>Learn more</p><img src=assets/chevron-down.svg alt></div></a></div></div></section><section id=what-is-sprotty><div class="md:flex md:flex-row bg-waves bg-[length:auto_100%] bg-center bg-repeat-x px-10 pt-10 gap-5"><div class=basis-1/2><p class="text-sprottyDarkBlue font-montserrat pb-20 pt-10 md:pt-0">Sprotty provides a framework for rendering diagrams using the <span class=font-semibold>Scalable Vector Graphics</span> (SVG) format, pluggable to powerful layout engines such as the <a href=https://www.eclipse.org/elk/ target=_blank class="font-semibold underline decoration-dashed">Eclipse Layout Kernel</a> (ELK).<br><br>Sprotty is <span class=font-semibold>fully customizable </span>, from the look of your diagram, down to its behavior.<br><br>The example diagram shows part of a visual implementation of an electronic control unit used in the automotive domain (from <a href=https://www.etas.com/en/products/ehandbook.php target=_blank class="underline decoration-dashed">ETAS EHANDBOOK</a>).<br><br>Try it live! Start exploring the diagram, hover over components, click on them, discover what Sprotty can do!</p></div><div id=sprotty-ascet-example class="bg-white basis-1/2 md:mt-[-4rem] shadow-md"></div></div></section><section id=characteristics><div class="md:flex md:flex-row gap-5 bg-im px-10 md:mb-[-3rem] pb-10"><div class=basis-1/2><img src=assets/sprotty-dependency.png alt class="mt-10 md:mt-[-4rem] w-[300px]">
 <img src=assets/sprotty-multicore.png alt class="mt-[-5rem] pl-36 z-10 relative w-[450px]">
 <img src=assets/sprotty-yang.png alt class="mt-[-5rem] w-[300px]">