Upload 1308 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+id-iso15288-model/images/id-f1ed0a3ba3885350a21f8c28a6cac4a9.png filter=lfs diff=lfs merge=lfs -text

css/i18n.css

@@ -0,0 +1 @@
+@import url('i18n/en.css');

css/i18n/en.css

@@ -0,0 +1,164 @@
+/* View pages */
+:lang(en) .i18n-content:after {content: "Content"}
+:lang(en) .i18n-documentation:after {content: "Documentation"}
+:lang(en) .i18n-purpose:after {content: "Purpose"}
+:lang(en) .i18n-properties:after {content: "Properties"}
+:lang(en) .i18n-analysis:after {content: "Analysis"}
+:lang(en) .i18n-used-in-views:after {content: "Used in Views"}
+:lang(en) .i18n-model-relations:after {content: "Model Relations"}
+:lang(en) .i18n-elements:after {content: "Elements"}
+:lang(en) .i18n-relationships:after {content: "Relationships"}
+:lang(en) .i18n-key:after {content: "Key"}
+:lang(en) .i18n-value:after {content: "Value"}
+:lang(en) .i18n-name:after {content: "Name"}
+:lang(en) .i18n-type:after {content: "Type"}
+:lang(en) .i18n-source:after {content: "Source"}
+:lang(en) .i18n-target:after {content: "Target"}
+:lang(en) .i18n-query:after {content: "Query"}
+
+/* element panel */
+:lang(en) .i18n-empty_element_message:after {content: "Select an element in the model tree or in a view to show its details here"}
+:lang(en) .i18n-relation-source:after {content: "Source:"}
+:lang(en) .i18n-relation-target:after {content: "Target:"}
+:lang(en) .i18n-specialization:after {content: "Specialization:"}
+
+/* ViewPoints (com.archimatetool.editor.model.viewpoints.IViewpoint) */
+:lang(en) .i18n-viewpoint:after {content: "Viewpoint"}
+:lang(en) .i18n-viewpoint-:after {content: "No Viewpoint"}
+:lang(en) .i18n-viewpoint-application_cooperation:after {content: "Application Cooperation"}
+:lang(en) .i18n-viewpoint-application_usage:after {content: "Application Usage"}
+:lang(en) .i18n-viewpoint-application_structure:after {content: "Application Structure"}
+:lang(en) .i18n-viewpoint-business_process_cooperation:after {content: "Business Process Cooperation"}
+:lang(en) .i18n-viewpoint-capability:after {content: "Capability"}
+:lang(en) .i18n-viewpoint-goal_realization:after {content: "Goal Realization"}
+:lang(en) .i18n-viewpoint-implementation_deployment:after {content: "Implementation and Deployment"}
+:lang(en) .i18n-viewpoint-implementation_migration:after {content: "Implementation and Migration"}
+:lang(en) .i18n-viewpoint-information_structure:after {content: "Information Structure"}
+:lang(en) .i18n-viewpoint-layered:after {content: "Layered"}
+:lang(en) .i18n-viewpoint-migration:after {content: "Migration"}
+:lang(en) .i18n-viewpoint-motivation:after {content: "Motivation"}
+:lang(en) .i18n-viewpoint-organization:after {content: "Organization"}
+:lang(en) .i18n-viewpoint-outcome_realization:after {content: "Outcome Realization"}
+:lang(en) .i18n-viewpoint-physical:after {content: "Physical"}
+:lang(en) .i18n-viewpoint-product:after {content: "Product"}
+:lang(en) .i18n-viewpoint-project:after {content: "Project"}
+:lang(en) .i18n-viewpoint-requirements_realization:after {content: "Requirements Realization"}
+:lang(en) .i18n-viewpoint-resource:after {content: "Resource"}
+:lang(en) .i18n-viewpoint-service_realization:after {content: "Service Realization"}
+:lang(en) .i18n-viewpoint-stakeholder:after {content: "Stakeholder"}
+:lang(en) .i18n-viewpoint-strategy:after {content: "Strategy"}
+:lang(en) .i18n-viewpoint-technology:after {content: "Technology"}
+:lang(en) .i18n-viewpoint-technology_usage:after {content: "Technology Usage"}
+:lang(en) .i18n-viewpoint-value_stream:after {content: "Value Stream"}
+
+
+/* Elements (Class.SimpleName from com.archimatetool.model) */
+:lang(en) .i18n-elementtype-ArchimateModel:before {content: "Model"}
+:lang(en) .i18n-elementtype-AccessRelationship:before {content: "Access"}
+:lang(en) .i18n-elementtype-AggregationRelationship:before {content: "Aggregation"}
+:lang(en) .i18n-elementtype-ApplicationCollaboration:before {content: "Application Collaboration"}
+:lang(en) .i18n-elementtype-ApplicationComponent:before {content: "Application Component"}
+:lang(en) .i18n-elementtype-ApplicationEvent:before {content: "Application Event"}
+:lang(en) .i18n-elementtype-ApplicationFunction:before {content: "Application Function"}
+:lang(en) .i18n-elementtype-ApplicationInteraction:before {content: "Application Interaction"}
+:lang(en) .i18n-elementtype-ApplicationInterface:before {content: "Application Interface"}
+:lang(en) .i18n-elementtype-ApplicationProcess:before {content: "Application Process"}
+:lang(en) .i18n-elementtype-ApplicationService:before {content: "Application Service"}
+:lang(en) .i18n-elementtype-Artifact:before {content: "Artifact"}
+:lang(en) .i18n-elementtype-Assessment:before {content: "Assessment"}
+:lang(en) .i18n-elementtype-AssignmentRelationship:before {content: "Assignment"}
+:lang(en) .i18n-elementtype-AssociationRelationship:before {content: "Association"}
+:lang(en) .i18n-elementtype-BusinessActor:before {content: "Business Actor"}
+:lang(en) .i18n-elementtype-BusinessCollaboration:before {content: "Business Collaboration"}
+:lang(en) .i18n-elementtype-BusinessEvent:before {content: "Business Event"}
+:lang(en) .i18n-elementtype-BusinessFunction:before {content: "Business Function"}
+:lang(en) .i18n-elementtype-BusinessInteraction:before {content: "Business Interaction"}
+:lang(en) .i18n-elementtype-BusinessInterface:before {content: "Business Interface"}
+:lang(en) .i18n-elementtype-BusinessObject:before {content: "Business Object"}
+:lang(en) .i18n-elementtype-BusinessProcess:before {content: "Business Process"}
+:lang(en) .i18n-elementtype-BusinessRole:before {content: "Business Role"}
+:lang(en) .i18n-elementtype-BusinessService:before {content: "Business Service"}
+:lang(en) .i18n-elementtype-Capability:before {content: "Capability"}
+:lang(en) .i18n-elementtype-CommunicationNetwork:before {content: "Communication Network"}
+:lang(en) .i18n-elementtype-CompositionRelationship:before {content: "Composition"}
+:lang(en) .i18n-elementtype-Constraint:before {content: "Constraint"}
+:lang(en) .i18n-elementtype-CourseOfAction:before {content: "Course of Action"}
+:lang(en) .i18n-elementtype-Contract:before {content: "Contract"}
+:lang(en) .i18n-elementtype-DataObject:before {content: "Data Object"}
+:lang(en) .i18n-elementtype-Deliverable:before {content: "Deliverable"}
+:lang(en) .i18n-elementtype-Device:before {content: "Device"}
+:lang(en) .i18n-elementtype-DistributionNetwork:before {content: "Distribution Network"}
+:lang(en) .i18n-elementtype-Driver:before {content: "Driver"}
+:lang(en) .i18n-elementtype-Equipment:before {content: "Equipment"}
+:lang(en) .i18n-elementtype-Facility:before {content: "Facility"}
+:lang(en) .i18n-elementtype-FlowRelationship:before {content: "Flow"}
+:lang(en) .i18n-elementtype-Gap:before {content: "Gap"}
+:lang(en) .i18n-elementtype-Goal:before {content: "Goal"}
+:lang(en) .i18n-elementtype-Grouping:before {content: "Grouping"}
+:lang(en) .i18n-elementtype-ImplementationEvent:before {content: "Implementation Event"}
+:lang(en) .i18n-elementtype-InfluenceRelationship:before {content: "Influence"}
+:lang(en) .i18n-elementtype-Junction:before {content: "Junction"}
+:lang(en) .i18n-elementtype-Location:before {content: "Location"}
+:lang(en) .i18n-elementtype-Material:before {content: "Material"}
+:lang(en) .i18n-elementtype-Meaning:before {content: "Meaning"}
+:lang(en) .i18n-elementtype-Node:before {content: "Node"}
+:lang(en) .i18n-elementtype-Outcome:before {content: "Outcome"}
+:lang(en) .i18n-elementtype-Path:before {content: "Path"}
+:lang(en) .i18n-elementtype-Plateau:before {content: "Plateau"}
+:lang(en) .i18n-elementtype-Principle:before {content: "Principle"}
+:lang(en) .i18n-elementtype-Product:before {content: "Product"}
+:lang(en) .i18n-elementtype-RealizationRelationship:before {content: "Realization"}
+:lang(en) .i18n-elementtype-Representation:before {content: "Representation"}
+:lang(en) .i18n-elementtype-Requirement:before {content: "Requirement"}
+:lang(en) .i18n-elementtype-Resource:before {content: "Resource"}
+:lang(en) .i18n-elementtype-ServingRelationship:before {content: "Serving"}
+:lang(en) .i18n-elementtype-SpecializationRelationship:before {content: "Specialization"}
+:lang(en) .i18n-elementtype-Stakeholder:before {content: "Stakeholder"}
+:lang(en) .i18n-elementtype-SystemSoftware:before {content: "System Software"}
+:lang(en) .i18n-elementtype-TechnologyCollaboration:before {content: "Technology Collaboration"}
+:lang(en) .i18n-elementtype-TechnologyEvent:before {content: "Technology Event"}
+:lang(en) .i18n-elementtype-TechnologyFunction:before {content: "Technology Function"}
+:lang(en) .i18n-elementtype-TechnologyInteraction:before {content: "Technology Interaction"}
+:lang(en) .i18n-elementtype-TechnologyInterface:before {content: "Technology Interface"}
+:lang(en) .i18n-elementtype-TechnologyObject:before {content: "Technology Object"}
+:lang(en) .i18n-elementtype-TechnologyProcess:before {content: "Technology Process"}
+:lang(en) .i18n-elementtype-TechnologyService:before {content: "Technology Service"}
+:lang(en) .i18n-elementtype-TriggeringRelationship:before {content: "Triggering"}
+:lang(en) .i18n-elementtype-Value:before {content: "Value"}
+:lang(en) .i18n-elementtype-ValueStream:before {content: "Value Stream"}
+:lang(en) .i18n-elementtype-WorkPackage:before {content: "Work Package"}
+
+/* Other Graphical Objects */
+:lang(en) .i18n-elementtype-DiagramModelGroup:after {content: "Group"}
+:lang(en) .i18n-elementtype-DiagramModelNote:after {content: "Note"}
+:lang(en) .i18n-elementtype-SketchModel:after {content: "Sketch"}
+:lang(en) .i18n-elementtype-SketchModelActor:after {content: "Actor"}
+:lang(en) .i18n-elementtype-SketchModelSticky:after {content: "Sticky"}
+:lang(en) .i18n-elementtype-CanvasModel:after {content: "Canvas"}
+:lang(en) .i18n-elementtype-CanvasModelBlock:after {content: "Block"}
+:lang(en) .i18n-elementtype-CanvasModelSticky:after {content: "Sticky"}
+:lang(en) .i18n-elementtype-CanvasModelImage:after {content: "Image"}
+
+
+/* Model Tree */
+:lang(en) .i18n-modeltree:after {content: "Model Tree"}
+:lang(en) .i18n-model_content:after {content: "Model Content"}
+:lang(en) .i18n-strategy:after {content: "Strategy"}
+:lang(en) .i18n-business_layer:after {content: "Business"}
+:lang(en) .i18n-application_layer:after {content: "Application"}
+:lang(en) .i18n-technology_layer:after {content: "Technology & Physical"}
+:lang(en) .i18n-motivation:after {content: "Motivation"}
+:lang(en) .i18n-implementation:after {content: "Implementation & Migration"}
+:lang(en) .i18n-connectors:after {content: "Other"}
+:lang(en) .i18n-relations:after {content: "Relations"}
+:lang(en) .i18n-views:after {content: "Views"}
+
+/* Modal Dialogs */
+:lang(en) .i18n-hint:after {content: "Hint"}
+:lang(en) .i18n-close:after {content: "Close"}
+:lang(en) .i18n-about:after {content: "About"}
+:lang(en) .i18n-about-pluginname:after {content: "Archi HTML Report plugin"}
+:lang(en) .i18n-about-pluginversion:after {content: "Version 1.3.1"}
+:lang(en) .i18n-about-plugintext1:after {content: "This plugin has been developed by Jean-Baptiste Sarrodie, Quentin Varquet and Phil Beauvoir."}
+:lang(en) .i18n-about-plugintext2:after {content: "This document has been created using Archi®. Archi® is a free, open source, cross-platform tool to create ArchiMate models and is targeted toward all levels of Enterprise Architects and Modellers. It provides a low cost to entry solution to users who may be making their first steps in the ArchiMate modelling language, or who are looking for a free, cross-platform ArchiMate modelling tool for their company or institution and wish to engage with the language within a TOGAF® or other Enterprise Architecture framework."}
+:lang(en) .i18n-about-plugintext3:after {content: "is a registered trademark of Phillip Beauvoir."}

css/model.css

@@ -0,0 +1,229 @@
+/* Setup html pages */
+html {
+	height: 100%; /* Needed for 'empty-element.html' */
+}
+
+html.model > body {
+  background:#ddd;
+  padding: 0;
+}
+
+html.frame > body {
+  height: 100%;
+  background:#ddd;
+  /* padding: 15px; */
+}
+
+/* ModelTree */
+ul, li {
+  list-style-type: none;
+  cursor: default;
+}
+li.tree-element, ul{
+	padding-left: 15px;
+}
+
+/* jQuery UI Layout style */
+.ui-layout-pane {
+  padding: 0px;
+  overflow: hidden;
+  border: 0px solid #ddd;
+	background: #ddd;
+}
+.ui-layout-resizer {
+  border: 2px solid #ddd;
+}
+
+/* Force panels width/height */
+.root-panel {
+	height: 100%;
+  overflow: hidden;
+	background: #FFF;
+}
+.root-panel-body {
+  /* height will be set though jQuery */
+  overflow: auto;
+}
+.no-padding {
+	padding: 0px;
+}
+.no-margin {
+	margin: 0px;
+}
+.documentation {
+	padding-top: 15px;
+	padding-bottom: 15px;
+}
+.navbar {
+	height: 100%;
+}
+
+/* iFrames are inside panel-body */
+iframe {
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  width: 100%;
+  height: 100%;
+}
+
+p.centered {
+	position: relative;
+	top: 50%;
+	transform: translateY(-50%);
+	text-align: center;
+}
+
+.table-condensed th,td {
+	font-size: 14px;
+}
+
+img.diagram {
+	max-width: 100%;
+}
+
+xmp {
+	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+/* Alasql console */
+#myconsole td {
+    white-space: pre-wrap;
+}
+
+/* Changing Navbar color can be done by uncommenting and adapting what follows */
+/*
+.navbar {
+    background-color: #017a54;
+}
+
+.navbar .navbar-nav>li>a:hover {
+    background-color: rgb(255 255 255 / 20%);
+}
+
+.navbar .navbar-nav>li>a:focus {
+    background-color: rgb(255 255 255 / 0%);
+}
+*/
+
+/* Image Zoom Slider */
+.root-panel-heading {
+	position: relative;
+}
+
+#btnZoomIn, #btnZoomOut {
+	cursor: pointer;
+	padding: 0;
+}
+
+#zoomSlider {
+	width: 150px;
+    position: absolute;
+    top: 50% !important;
+    right: 0;
+    transform: translateY(-50%);
+}
+
+#zoomRange {
+	padding: 0;
+}
+
+/* Internet Explorer input range theming thanks to https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
+input[type=range]::-ms-track {
+    width: 300px;
+    height: 5px;
+    
+    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
+    background: transparent;
+    
+    /*leave room for the larger thumb to overflow with a transparent border */
+    border-color: transparent;
+    border-width: 6px 0;
+
+    /*remove default tick marks*/
+    color: transparent;
+}
+input[type=range]::-ms-fill-lower {
+    background: #777;
+    border-radius: 10px;
+}
+input[type=range]::-ms-fill-upper {
+    background: #ddd;
+    border-radius: 10px;
+}
+input[type=range]::-ms-thumb {
+    border: none;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+    background: #767676;
+}
+input[type=range]:focus::-ms-fill-lower {
+    background: #888;
+}
+input[type=range]:focus::-ms-fill-upper {
+    background: #ccc;
+}
+
+
+/* Firefox input range theming thanks to https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
+input[type=range]{
+	background: transparent;
+}
+
+input[type=range]::-moz-range-track {
+    /*width: 300px;*/
+    height: 5px;
+    background: #ddd;
+    border: none;
+    border-radius: 3px;
+}
+
+input[type=range]::-moz-range-thumb {
+    border: none;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+    background: #767676;
+}
+
+
+/* Search Box */
+#tree-search {
+  width: 5px;
+  box-sizing: border-box;
+  border: transparent;
+  border-radius: 20px;
+  background-color: transparent;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=);
+  background-size: 20px;
+  background-position: right 5px center; 
+  background-repeat: no-repeat;
+  padding: 5px 15px 5px 15px;
+  cursor: pointer;
+}
+
+#tree-search:focus {
+  width: 100%;
+  cursor: auto;
+  background-color: #FFF !important;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+}
+
+#tree-search.filtered {
+  background-color: #ddd;
+}
+
+/* To remove cross symbol in input field  */
+#tree-search::-ms-clear {
+   display: none;
+}
+
+#searchBox {
+    position: absolute;
+    top: 50% !important;
+    right: 0;
+    transform: translateY(-50%);
+	padding-right: 5px;
+}

elements/empty-element.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="frame" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+	<title></title>
+	
+	<!-- JQUERY -->
+	<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
+	<!-- BOOTSTRAP -->
+	<link type="text/css" rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.yeti.css">
+	<script type="text/javascript" src="../lib/bootstrap/js/bootstrap-3.4.1.min.js"></script>
+	<!-- CUSTOM STYLESHEET -->
+	<link type="text/css" rel="stylesheet" href="../css/model.css">
+	<link type="text/css" rel="stylesheet" href="../css/i18n.css">
+	<script type="text/javascript" src="../js/frame.js"></script>
+</head>
+
+<body>
+	<div class="panel panel-default root-panel">
+		<div class="panel-body root-panel-body">
+			<p class="centered i18n-empty_element_message"></p>
+		</div>
+	</div>
+</body>
+</html>

hints/access.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Access Relationship</title>
+    </head>
+    
+    <body>
+        <p>The <b>Access Relationship</b> represents the ability of behavior and active structure elements to observe or act upon passive structure elements.</p>
+                
+        <h2>Category:</h2>
+        <p>Dependency.</p>
+        
+        <h2>Examples:</h2>
+        <p>Create a new object, Read data from an object, Write or modify object data, Delete an object.<br/>
+            The “Create Invoice” sub-process writes/creates the “Invoice” business object; the “Send Invoice” sub-process reads that object
+        </p>
+    </body>
+</html>

hints/aggregation.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Aggregation Relationship</title>
+    </head>
+
+    <body>
+        <p>The <b>Aggregation Relationship</b> represents that an element combines one or more other concepts.</p>
+        
+        <h2>Category:</h2>
+        <p>Structural.</p>
+       
+        <h2>Examples:</h2>
+        <p>A Car Insurance Business Product aggregates a Business Contract and some Business Services. "Customer File" aggregates an "Insurance Policy" and "Insurance Claim".</p>
+    </body>
+</html>

hints/application_collaboration.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Collaboration</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Collaboration</b> represents an aggregate of two or more application internal active structure elements that work together to perform collective application behavior.</p>
+        
+        <h2>Category:</h2>
+        <p>Application. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Two Application Components collaborate in transaction administration: an Accounting component and a Billing component. This collaboration performs the task "Administrate transactions".</p>
+    </body>
+</html>

hints/application_component.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Component</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Component</b> represents an encapsulation of application functionality aligned to implementation structure, which is modular and replaceable.</p>
+
+        <h2>Category:</h2>
+        <p>Application. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>CRM System, Web portal, Financial Application, Customer Data Access.</p>
+    </body>
+</html>

hints/application_event.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Event</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Event</b> represents an application state change.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Application. Behavioural.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>Claim received, Request for quotation.</p>
+    </body>
+</html>

hints/application_function.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Function</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Function</b> represents automated behavior that can be performed by an application component.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Application. Behavioural.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>Accounting, Billing, Policy Creation, Calculate Premium, Financial Administration.</p>
+    </body>
+</html>

hints/application_interaction.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Interaction</title>
+    </head>
+    
+    <body>
+        
+        <p>An <b>Application Interaction</b> represents a unit of collective application behavior performed by (a collaboration of) two or more application components.</p>
+
+        <h2>Category:</h2>
+   	    <p>Application. Behavioural.</p>
+
+        <h2>Examples:</h2>
+   	    <p>Administrate transactions, Client profile creation, Update customer records</p>
+    </body>
+</html>

hints/application_interface.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Interface</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Interface</b> represents a point of access where application services are made available to a user, another application component, or a node.</p>
+        
+        <h2>Category:</h2>
+        <p>Application. Active Structure.</p>
+           
+        <h2>Examples:</h2>
+        <p>Transaction data exchange, Web services</p>
+    </body>
+</html>

hints/application_process.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Process</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Process</b> represents a sequence of application behaviors that achieves a specific result.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Application. Behavioural.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>Claims adjudication process, General ledger update job.</p>
+    </body>
+</html>

hints/application_service.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Application Service</title>
+    </head>
+    
+    <body>
+        <p>An <b>Application Service</b> represents an explicitly defined exposed application behavior.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Application. Behavioural.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>Transaction Processing, Payment Service, Customer Admin Service.</p>
+    </body>
+</html>

hints/artifact.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Artifact</title>
+    </head>
+    
+    <body>
+        <p>An <b>Artifact</b> represents a piece of data that is used or produced in a software development process, or by deployment and operation of an IT system.</p>
+        
+        <h2>Category:</h2>
+        <p>Technology. Passive Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Risk Management EJB, Jar file, Widget, Plug-in.</p>
+    </body>
+</html>

hints/assessment.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Assessment</title>
+    </head>
+    
+    <body>
+        <p>An <b>Assessment</b> represents the result of an analysis of the state of affairs of the enterprise with respect to some driver.</p>
+
+        <h2>Category:</h2>
+        <p>Motivation</p>
+
+        <h2>Examples:</h2>
+        <p>"Complaining customers", "Leaving customers", "Long waiting queues", "High service times", "Changing legislation"</p>
+    </body>
+</html>

hints/assignment.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Assignment Relationship</title>
+    </head>
+    
+    <body>
+        <p>The <b>Assignment Relationship</b> represents the allocation of responsibility, performance of behavior, storage, or execution.</p>
+
+        <h2>Category:</h2>
+        <p>Structural.</p>
+   	
+        <h2>Examples:</h2>
+        <p>A Business Actor assigned to a Business Role. A Business Role assigned to a Business Process or Function. An Application Component assigned to an Application Function.</p>
+    </body>
+</html>

hints/association.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Association Relationship</title>
+    </head>
+    
+    <body>
+        <p>The <b>Association Relationship</b> represents an unspecified relationship, or one that is not represented by another ArchiMate relationship.</p>
+        
+        <h2>Category:</h2>
+        <p>Dependency.</p>
+
+        <h2>Examples:</h2>
+        <p>Some Business Objects and a Business Contract are all associated with each other.</p>
+    </body>
+</html>

hints/business_actor.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Actor</title>
+    </head>
+    
+    <body>
+        <p>A <b>Business Actor</b> represents a business entity that is capable of performing behavior.</p>
+    
+        <h2>Category:</h2>
+        <p>Business. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>A Customer, Marketing &amp; Communications department, Director of Finance, Secretary, Admissions Department, Product Development.</p>
+    </body>
+</html>

hints/business_collaboration.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Collaboration</title>
+    </head>
+    
+    <body>
+        <p>A <b>Business Collaboration</b> represents an aggregate of two or more business internal active structure elements that work together to perform collective behavior.</p>
+
+
+        <h2>Category:</h2>
+        <p>Business. Active Structure.</p>
+
+        <h2>Examples:</h2>
+        <p>The Business Roles of Sales Department and Advertising may form a temporary Business Collaboration in order to push a product to market. The Business Roles of Home Insurance Seller and Travel Insurance Seller may form a temporary Business Collaboration in order to form combined Insurance Selling service.</p>
+    </body>
+</html>

hints/business_event.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Event</title>
+    </head>
+
+    <body>
+        <p>A <b>Business Event</b> represents a business-related state change.</p>
+        
+        <h2>Category:</h2>
+        <p>Business. Behavioural.</p>
+
+        <h2>Examples:</h2>
+        <p>Request for Insurance, Claim Received, Application Form Received, Send Product Portfolio.</p>
+    </body>
+</html>

hints/business_function.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Function</title>
+    </head>
+
+    <body>
+        <p>A <b>Business Function</b> represents a collection of business behavior based on a chosen set of criteria such as required business resources and/or competencies, and is managed or performed as a whole.</p>
+
+        <h2>Category:</h2>
+        <p>Business. Behavioural.</p>
+
+        <h2>Examples:</h2>
+        <p>Customer Management, Member Services, Recycling, Payment Processing, Financial Handling, Claims Processing, Asset Management, Maintaining Customer Relations.</p>
+
+    </body>
+</html>

hints/business_interaction.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Interaction</title>
+    </head>
+
+    <body>
+        <p>A <b>Business Interaction</b> represents a unit of collective business behavior performed by (a collaboration of) two or more business actors, business roles, or business collaborations.</p>
+
+        <h2>Category:</h2>
+        <p>Business. Behavioural.</p>
+
+        <h2>Examples:</h2>
+        <p>Formalise Request, Check and Sign Contract, Take out Combined Insurance.</p>
+
+    </body>
+</html>

hints/business_interface.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Interface</title>
+    </head>
+    
+    <body>
+        <p>A <b>Business Interface</b> represents a point of access where business services are made available to the environment.</p>
+        
+        <h2>Category:</h2>
+        <p>Business. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Telephone, Email, Call centre, Web Chat, Help Desk.</p>
+    </body>
+</html>

hints/business_object.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Object</title>
+    </head>
+
+    <body>
+        <p>A <b>Business Object</b> represents a concept used within a particular business domain.</p>
+        
+        <h2>Category:</h2>
+        <p>Business. Passive Structure.</p>
+
+        <h2>Examples:</h2>
+        <p>Invoice, Customer file, Student record, Attendance record, Ledger.</p>
+    </body>
+</html>

hints/business_process.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Process</title>
+    </head>
+
+    <body>
+        <p>A <b>Business Process</b> represents a sequence of business behaviors that achieves a specific result such as a defined set of products or business services.</p>
+        
+        <h2>Category:</h2>
+        <p>Business. Behavioural.</p>
+        
+        <h2>Examples:</h2>
+        <p>Receive request, Register, Pay, Create contract, Sign agreement.</p>
+    </body>
+</html>

hints/business_role.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Role</title>
+    </head>
+    
+    <body>
+        <p>A <b>Business Role</b> represents the responsibility for performing specific behavior, to which an actor can be assigned, or the part an actor plays in a particular action or event.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Business. Active Structure.</p>
+           
+        <h2>Examples:</h2>
+   	    <p>Customer, Insurer, Supplier, Lecturer, Administrator, Buyer.</p>
+
+    </body>
+</html>

hints/business_service.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Business Service</title>
+    </head>
+    <body>
+        <p>A <b>Business Service</b> represents explicitly defined behavior that a business role, business actor, or business collaboration exposes to its environment.</p>
+        
+        <h2>Category:</h2>
+        <p>Business. Behavioural.</p>
+
+        <h2>Examples:</h2>
+   	    <p>Customer Information Service, Claims Payment Service, Enrolment Service.</p>
+    </body>
+</html>

hints/canvas_block.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Canvas Block</title>
+    </head>
+
+    <body>
+   	    <p>A Block Object is a container area that can contain text and an icon. You can also provide your own Help Hints. You can lock the Block if you want to make it read-only.    </p>
+   	    <p>A typical scenario is to create a number of container Blocks on the Canvas, arrange them into the desired framework, lock them, and then save the Canvas as a template.</p>
+   	</body>
+</html>

hints/canvas_connection.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Canvas Connection</title>
+    </head>
+
+    <body>
+   	    <p>A connection between two objects with no explicit semantic meaning.</p>
+   	    <p>You can lock the Connection if you want to make it read-only.</p>
+    </body>
+</html>

hints/canvas_diagram.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Canvas</title>
+    </head>
+    
+    <body>
+   	    <p>A Canvas to hold Blocks, Images, Stickies and Connections. You can also provide your own Help Hints.</p>
+   	    <p>A typical scenario is to create a number of container Blocks and Stickies on the Canvas, arrange them into the desired framework, lock them, and then save the Canvas as a template.</p>
+   	    <p>You can drag and drop image files from the desktop to create Images on the Canvas.</p>
+    </body>
+</html>

hints/canvas_image.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Canvas Image</title>
+    </head>
+
+    <body>
+   	    <p>A Canvas Image. Choose your own image to add to the area.</p>
+   	    <p>You can lock the Image if you want to make it read-only.</p>
+   	</body>
+</html>

hints/canvas_sticky.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Canvas Sticky</title>
+    </head>
+
+    <body>
+   	    <p>A Sticky element for the Canvas.</p>
+        <p>Add text and an icon to the Sticky. You can lock the Sticky if you want to make it read-only.</p>
+        <p>Any Notes will appear in the tooltip for the Sticky.</p>
+    </body>
+</html>

hints/capability.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Capability</title>
+    </head>
+    
+    <body>
+        <p>A <b>Capability</b> represents an ability that an active structure element, such as an organization, person, or system, possesses.</p>
+
+        <h2>Category:</h2>
+        <p>Strategy. Behaviour.</p>
+        
+        <h2>Examples:</h2>
+        <p>Digital Customer Management, Data Analysis, Product Management, Productise Open Source Software.</p>
+    </body>
+</html>

hints/communication_network.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Communication Network</title>
+    </head>
+    
+    <body>
+        <p>A <b>Communication Network</b> represents a set of structures that connects devices or system software for transmission, routing, and reception of data.</p>
+        
+        <h2>Category:</h2>
+        <p>Technology. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>LAN. Wireless. Wide Area Network.</p>
+    </body>
+</html>

hints/composition.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Composition Relationship</title>
+    </head>
+
+    <body>
+        <p>The <b>Composition relationship</b> represents that an element consists of one or more other concepts.</p>
+        
+        <h2>Category:</h2>
+        <p>Structural.</p>
+
+        <h2>Examples:</h2>
+        <p>An Application Component may be composed of two or more sub-components.</p>
+    </body>
+</html>

hints/connection.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Connection</title>
+    </head>
+    
+    <body>
+        <p>A plain connection between two objects with no explicit semantic meaning.</p>
+    </body>
+</html>

hints/constraint.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Constraint</title>
+    </head>
+    
+    <body>
+        <p>A <b>Constraint</b> represents a limitation on aspects of the architecture, its implementation process, or its realization.</p>
+        
+        <h2>Category:</h2>
+        <p>Motivation</p>
+        
+        <h2>Examples:</h2>
+        <p>"Application should be realised in Java", "Cost should be below budget", "iPad only version", "Must use MIT license"</p>
+    </body>
+</html>

hints/contract.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Contract</title>
+    </head>
+
+    <body>
+        <p>A <b>Contract</b> represents a formal or informal specification of an agreement between a provider and a consumer that specifies the rights and obligations associated with a product and establishes functional and non-functional parameters for interaction.</p>
+
+        <h2>Category:</h2>
+        <p>Business. Passive Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Travel Insurance Policy.</p>
+    </body>
+</html>

hints/course_of_action.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Course of Action</title>
+    </head>
+    
+    <body>
+        <p>A <b>Course of Action</b> represents an approach or plan for configuring some capabilities and resources of the enterprise, undertaken to achieve a goal.</p>
+        
+        <h2>Category:</h2>
+        <p>Strategy. Behaviour.</p>
+
+        <h2>Examples:</h2>
+        <p>Acquire company, Merge organizations, Provide repository support.</p>
+    </body>
+</html>

hints/data_object.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Data Object</title>
+    </head>
+    
+    <body>
+        <p>A <b>Data Object</b> represents data structured for automated processing.</p>
+        
+        <h2>Category:</h2>
+   	    <p>Application. Passive Structure.</p>
+        
+        <h2>Examples:</h2>
+   	    <p>Customer File Data, Insurance Policy Data, Insurance Request Data, Client Database.</p>
+    </body>
+</html>

hints/deliverable.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Deliverable</title>
+    </head>
+    
+    <body>
+       	<p>A <b>Deliverable</b> represents a precisely-defined result of a work package.</p>
+    
+       	<h2>Category:</h2>
+       	<p>Implementation and Migration</p>
+    
+       	<h2>Examples:</h2>
+       	<p>Software, Hardware, CRM System, Report, Paper</p>
+    </body>
+</html>

hints/device.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Device</title>
+    </head>
+    
+    <body>
+        <p>A <b>Device</b> represents a physical IT resource upon which system software and artifacts may be stored or deployed for execution.</p>
+        
+        <h2>Category:</h2>
+        <p>Technology. Active Structure.</p>
+          
+        <h2>Examples:</h2>
+        <p>File Server, Router, Mainframe, Desktop PC, IBM System Z.</p>
+    </body>
+</html>

hints/diagram_image.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Image</title>
+    </head>
+    
+    <body>
+		<p>A diagram image.</p>
+	</body>
+</html>

hints/distribution_network.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Distribution Network</title>
+    </head>
+    
+    <body>
+        <p>A <b>Distribution Network</b> represents a physical network used to transport materials or energy.</p>
+
+        <h2>Category:</h2>
+        <p>Physical. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Local Trucking, Overseas Shipping.</p>
+    </body>
+</html>

hints/driver.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Driver</title>
+    </head>
+    
+    <body>
+        <p>A <b>Driver</b> represents an external or internal condition that motivates an organization to define its goals and implement the changes necessary to achieve them.</p>
+
+        <h2>Category:</h2>
+        <p>Motivation</p>
+
+        <h2>Examples:</h2>
+        <p>"Customer satisfaction", "Compliance to legislation", "Profitability", "Economic changes", "Changing legislation"</p>
+    </body>
+</html>

hints/equipment.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Equipment</title>
+    </head>
+    
+    <body>
+        <p><b>Equipment</b> represents one or more physical machines, tools, or instruments that can create, use, store, move, or transform materials.</p>
+
+        <h2>Category:</h2>
+        <p>Physical. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>MRI scanner, Assembly line.</p>
+    </body>
+</html>

hints/facility.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Facility</title>
+    </head>
+    
+    <body>
+        <p>A <b>Facility</b> represents a physical structure or environment.</p>
+
+        <h2>Category:</h2>
+        <p>Physical. Active Structure.</p>
+        
+        <h2>Examples:</h2>
+        <p>Oil refinery, Factory, Laboratory, Warehouse, Shopping Mall, Office.</p>
+    </body>
+</html>

hints/flow.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" href="style.css" type="text/css"/>
+        <title>Flow Relationship</title>
+    </head>
+    
+    <body>
+        <p>The <b>Flow Relationship</b> represents transfer (e.g. of information, goods or money) from one element to another.</p>
+
+        <h2>Category:</h2>
+        <p>Dynamic.</p>
+            
+        <h2>Examples:</h2>
+        <p>A "Claim assessment" Business Function forwards decisions about the claim to the "Claim settlement" Business Function.</p>
+    </body>
+</html>