Documentation:The Concept application WhenAndWhereProject: Difference between revisions

The Concept application WhenAndWhereProject

Latest revision as of 05:00, 4 March 2025

This page was created by Alexandra on 2017-05-26. Last edited by Stephanie@mdriven.net on 2025-03-04.

The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully, we can continue to add functionality to this to explain key concepts to model-driven development.

We welcome discussions and requests on what to show in order to broaden the model-driven developer community.

@@ Line 1: / Line 1: @@
+<message>Write the content here to display this box</message>
+The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully, we can continue to add functionality to this to explain key concepts to model-driven development.
+We welcome discussions and requests on what to show in order to broaden the model-driven developer community.
 <html>
-<style>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/QYxcZf33ZBY" frameborder="0" allowfullscreen></iframe>
-#video12 {
-  position: relative;
-  height: 500px;
-  width:560px;
-  padding-bottom: 10px;
-}
-#video12 iframe {
-  position: absolute;
-  min-height: auto;
-  min-width: auto;
-}
-#video12 div {
-  position: absolute;
-  top: 0;
-  left:760px;
-  width: 260px;
-  height: 100%;
-  padding-left: 10px;
-  overflow-y: auto;
-}
-span.time {
-    font-size: 18;
-    padding: 2px 10px 0.5px 10px;
-    padding-bottom: 0.5;
-    display:block;
-    padding-top: 0.5;
-   opacity: 0.7;
-}
-span.time:hover {
-  color: #0000FF;
-  cursor: pointer;
-}
-span.time:focus {
-  color: blue;
-</style>
-<br>
-<div id="video12">
- <iframe width="740" height="500" src="https://www.youtube.com/watch?v=QYxcZf33ZBY?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-</div>
-<script>
-var IMG = document.querySelectorAll('#video12 span'),
-    IFRAME = document.querySelector('#video12 iframe');
-for (var i = 0; i < IMG.length; i++) {
-  IMG[i].onclick = function() {
-    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
-    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
-    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
-    this.style.backgroundColor='rgba(0,0,0,.2)';
-  }
-}
-</script>
 </html>
-The WhenAndWhereProject is a complete system for visualizing work on specific locations. Hopefully we can continue to add functionality to this in order to explain key concepts to model driven development.
-We welcome discussion and request on what to show in order to broaden the model driven developer community.
+[[Category:Example]]
+{{Edited|July|12|2024}}