Documentation: "Edit on GitHub" links introduced (issue 349 pro)

plugins/org.yakindu.sct.doc.user/css/ysct.css

@@ -1,33 +1,37 @@
 /* Images */
 img.standard-image {
-    max-width: 61.8%;
-    min-width: 38.2%;
-    height: auto;
-    text-align: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    box-shadow: 10px 10px 20px #888888;
-    -webkit-box-shadow: 10px 10px 20px #888888;
-    -moz-box-shadow: 10px 10px 20px #888888;
-    border-radius: 4px;
-    margin-top: 1.5ex;
-    margin-bottom: 2.5ex;
+	max-width: 61.8%;
+	min-width: 38.2%;
+	height: auto;
+	text-align: center;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	box-shadow: 10px 10px 20px #888888;
+	-webkit-box-shadow: 10px 10px 20px #888888;
+	-moz-box-shadow: 10px 10px 20px #888888;
+	border-radius: 4px;
+	margin-top: 1.5ex;
+	margin-bottom: 2.5ex;
 }
+
 img.small {
-    width:38.2%;
+	width: 38.2%;
 }
+
 img.full {
-    width:100%;
-    max-width:100%;
+	width: 100%;
+	max-width: 100%;
 }
+
 img.shadowless {
-    box-shadow: none;
-    margin-bottom: 0px;
+	box-shadow: none;
+	margin-bottom: 0px;
 }
+
 img.inlinemediaobject {
-    line-height: 1;
-    vertical-align: middle;
+	line-height: 1;
+	vertical-align: middle;
 }
 
 /* Tables */
@@ -38,79 +42,134 @@ table.scedit {
 	width: auto;
 	border-collapse: collapse;
 }
+
 tr.scedit {
 	vertical-align: top
 }
+
 table.scedit td {
 	border-color: #000;
 	border-radius: 0%;
 	border-style: solid;
 	border-width: 0px;
 	padding-bottom: 1ex;
-	vertical-align: top; 
+	vertical-align: top;
 }
+
 table.scedit img {
 	max-width: 100%;
-    margin-left: 0px;
-    margin-right: 0px;
-    box-shadow: 4px 4px 2px #bbb;
+	margin-left: 0px;
+	margin-right: 0px;
+	box-shadow: 4px 4px 2px #bbb;
 }
 
 /* Counter */
-body {counter-reset: h1}
-h1 {counter-reset: h2}
-h2 {counter-reset: h3}
-h3 {counter-reset: h4}
-h4 {counter-reset: h5}
-h5 {counter-reset: h6}
+body {
+	counter-reset: h1
+}
+
+h1 {
+	counter-reset: h2
+}
+
+h2 {
+	counter-reset: h3
+}
+
+h3 {
+	counter-reset: h4
+}
+
+h4 {
+	counter-reset: h5
+}
 
-.body-container h1:before {counter-increment: h1; content: counter(h1) ". "}
-.body-container h2:before {counter-increment: h2; content: counter(h1) "." counter(h2) ". "}
-.body-container h3:before {counter-increment: h3; content: counter(h1) "." counter(h2) "." counter(h3) ". "}
-.body-container h4:before {counter-increment: h4; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "}
-.body-container h5:before {counter-increment: h5; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
-.body-container h6:before {counter-increment: h6; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
+h5 {
+	counter-reset: h6
+}
 
-h1.nocount:before h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none }
+.body-container h1:before {
+	counter-increment: h1;
+	content: counter(h1) ". "
+}
 
+.body-container h2:before {
+	counter-increment: h2;
+	content: counter(h1) "." counter(h2) ". "
+}
+
+.body-container h3:before {
+	counter-increment: h3;
+	content: counter(h1) "." counter(h2) "." counter(h3) ". "
+}
+
+.body-container h4:before {
+	counter-increment: h4;
+	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4)
+		". "
+}
+
+.body-container h5:before {
+	counter-increment: h5;
+	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
+		counter(h5) ". "
+}
 
-@media (max-width: 767px) {
-    code {
-        word-wrap: break-word;
-    }
+.body-container h6:before {
+	counter-increment: h6;
+	content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
+		counter(h5) "." counter(h6) ". "
+}
+
+h1.nocount:before h2.nocount:before, h3.nocount:before, h4.nocount:before,
+	h5.nocount:before, h6.nocount:before {
+	content: "";
+	counter-increment: none
+}
+
+@media ( max-width : 767px) {
+	code {
+		word-wrap: break-word;
+	}
 }
 
 .pro-feature {
-    border: 2px solid red;
-    border-color: rgba(255,0,0,0.75);
-    border-width: 2px 0 0 2px;
-    position: relative;
-    overflow: hidden;
-    padding: 10px 20px 0;
-    margin-right: -20px;
-    margin-bottom: 30px;
+	border: 2px solid red;
+	border-color: rgba(255, 0, 0, 0.75);
+	border-width: 2px 0 0 2px;
+	position: relative;
+	overflow: hidden;
+	padding: 10px 20px 0;
+	margin-right: -20px;
+	margin-bottom: 30px;
 }
+
 .pro-feature:before {
-	content:"PRO";
-	position:absolute;
-	top:-10px;
-	right:-34px;
-	background:red;
-	background:rgba(255,0,0,0.75);
-	color:white;
-	padding:20px 30px 2px;
-	transform:rotate(45deg);
-	z-index:10
+	content: "PRO";
+	position: absolute;
+	top: -10px;
+	right: -34px;
+	background: red;
+	background: rgba(255, 0, 0, 0.75);
+	color: white;
+	padding: 20px 30px 2px;
+	transform: rotate(45deg);
+	z-index: 10
 }
 
 span.pro-feature {
-	padding:0;
-	border-width:0
+	padding: 0;
+	border-width: 0
 }
+
 span.pro-feature:before {
-	transform:none;
-	padding:0 3px;
-	position:relative;
-	top:0;
-	left:0
+	transform: none;
+	padding: 0 3px;
+	position: relative;
+	top: 0;
+	left: 0
+}
+
+.edit-on-github {
+	text-align: right
 }

plugins/org.yakindu.sct.doc.user/src/installation/installation.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/installation/installation.textile
+
 h1(#installation-guide). Installation Guide
 
 In order to start working with YAKINDU Statechart Tools, you have to install the software on your computer. We are assuming you have downloaded the software package and stored it somewhere on your machine.

plugins/org.yakindu.sct.doc.user/src/tutorials/tutorials.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/tutorials/tutorials.textile
+
 h1(#oss_five-minutes-tutorial). Five-minutes tutorial
 
 The five-minutes tutorial gives you a brief introduction into YAKINDU Statechart Tools by a simple example. It models a light switch, which has the states _on_ and _off_. Operating the switch repeatedly turns the light on, off, back on again, and so forth. You can simulate this behavior in a dynamic statechart model. Here's how this looks like:
@@ -43,6 +45,8 @@ As an example, we will take the light switch statechart and generate Java source
 That's it. If you want to know more, take the time and work through the "Comprehensive Tutorial":#oss_comprehensive-tutorial.
 
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/tutorials/tutorials.textile
+
 h1(#oss_comprehensive-tutorial). Comprehensive tutorial
 
 This tutorial introduces YAKINDU Statechart Tools (SCT) which provides an integrated modeling environment for the specification and development of reactive, event-driven systems based on the concept of state machines or statecharts. It is an easy-to-use tool featuring sophisticated graphical statechart editing, validation and simulation of statecharts as well as code generation for C, C++, or Java.

plugins/org.yakindu.sct.doc.user/src/user-guide/advanced_simulation.textile

@@ -3,6 +3,8 @@ p.
 
 ==<div class="pro-feature">==
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/advanced_simulation.textile
+
 h1(#advsim_simulation). Debugging with breakpoints and snapshots
 
 h2(#advsim_introduction). Introduction

plugins/org.yakindu.sct.doc.user/src/user-guide/c-domain.textile

@@ -3,6 +3,8 @@ p.
 
 ==<div class="pro-feature">==
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/c-domain.textile
+
 h1(#cdom_deep-c-integration). Deep C Integration: Integrating your C source code with your statecharts
 
 h2(#cdom_introduction). Introduction

plugins/org.yakindu.sct.doc.user/src/user-guide/editing_statecharts.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/editing_statecharts.textile
+
 h1(#editing-statecharts). Editing statecharts
 
 h2(#creating-and-deleting-statecharts). Creating and deleting statecharts

plugins/org.yakindu.sct.doc.user/src/user-guide/generating_code.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/generating_code.textile
+
 h1(#generating-state-machine-code). Generating state machine code
 
 For configuring the code generation process, YAKINDU Statechart Tools uses a textual generator model called *SGen*. It can be created either by using the provided wizard *YAKINDU Statechart Generator Model* or by creating a new text file with the file extension @.sgen@.

plugins/org.yakindu.sct.doc.user/src/user-guide/overview.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/overview.textile
+
 h1(#what-are-yakindu-statechart-tools). What are YAKINDU Statechart Tools?
 
 The statechart tools are a central part of YAKINDU: the modular toolkit for model-driven development of embedded systems. It is based on the open-source development platform Eclipse. YAKINDU Statechart Tools (YAKINDU SCT) provide the following tools to deal with state machine diagrams:

plugins/org.yakindu.sct.doc.user/src/user-guide/sctunit.textile

@@ -3,6 +3,8 @@ p.
 
 ==<div class="pro-feature">==
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/sctunit.textile
+
 h1. SCTUnit
 
 h2. What is SCTUnit for?

plugins/org.yakindu.sct.doc.user/src/user-guide/simulating_statecharts.textile

@@ -1,4 +1,6 @@
 
+p(edit-on-github). "Edit on GitHub":https://github.com/Yakindu/statecharts/edit/master/plugins/org.yakindu.sct.doc.user/src/user-guide/simulating_statecharts.textile
+
 h1(#simulating-statecharts). Simulating statecharts
 
 Simulating a statechart model means to execute it, raise events manually, have time-based and other events being triggered automatically, and observe the model's behavior.