-
+
@@ -60,11 +62,11 @@
@@ -60,11 +62,11 @@
diff --git a/css/slider.css b/css/slider.css
new file mode 100644
index 0000000..ccd12ec
--- /dev/null
+++ b/css/slider.css
@@ -0,0 +1,78 @@
+.slider {
+ display: block;
+ overflow-x: scroll;
+ scroll-snap-type: x mandatory;
+ }
+
+ .slider__all {
+ position: relative;
+ display: flex;
+ margin: 0;
+ }
+
+ .slider__slide {
+ display: block;
+ flex: 0 0 100%;
+ scroll-snap-align: center;
+ }
+
+ .slider__page {
+ border-width: 0.5px;
+ border-style: solid;
+ border-color: lightgrey;
+ margin-bottom: 0;
+ line-height: 0;
+ }
+
+ .slider__image {
+ max-width: 100%;
+ }
+
+ .slider:focus {
+ outline: 4px solid rgb(247, 247, 247);
+ }
+
+ .page__number__box {
+ position: absolute;
+ top: 5%;
+ width: 4%;
+ margin-left: 87%;
+ }
+
+ .page__number {
+ display: inline-block;
+ background: rgba(247, 247, 247, 0.7);
+ font-size: 1.25rem;
+ }
+
+ .instructions--hover,
+ .instructions--focus,
+ .instructions--hover-and-focus,
+ .instructions--touch {
+ display: none;
+ /* font-size: $font-size-base; */
+ }
+
+ .slider__instructions {
+ margin-top: 1rem;
+ text-align: center;
+ }
+
+ .slider:focus:not(:hover)+.slider__instructions .instructions--focus,
+ .slider:hover:not(:focus)+.slider__instructions .instructions--hover {
+ display: block;
+ }
+
+ .slider:hover:focus+.slider__instructions .instructions--hover-and-focus {
+ display: block;
+ }
+
+ .instructions--touch-active .instructions__no-touch {
+ /* stylelint-disable-next-line */
+ display: none !important;
+ }
+
+ .instructions--touch-active .slider__instructions .instructions--touch {
+ display: block;
+ }
+
\ No newline at end of file
diff --git a/img/innoq-logo--petrolapricot.svg b/img/innoq-logo--petrolapricot.svg
new file mode 100755
index 0000000..a8b9403
--- /dev/null
+++ b/img/innoq-logo--petrolapricot.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/index.md b/index.md
index 44b9518..a1cc69c 100644
--- a/index.md
+++ b/index.md
@@ -17,9 +17,36 @@ avoided and the promised benefits of microservices are achieved.
However, ISA principles don't always apply - see the [FAQ](https://isa-principles.org/faq.html#is-isa-finally-the-silver-bullet-we-have-all-been-waiting-for) for details.
-
+
+
+
+ {% for y in (1..33) %}
+ -
+
+ 
+
+
+
+
+
+ {% endfor %}
+
+
+
+
-[Speaker Deck](https://speakerdeck.com/isaprinciples/isa-principles) [PowerPoint](./slidedeck/ISA.pptx)
+* [Speaker Deck](https://speakerdeck.com/isaprinciples/isa-principles)
+* [PowerPoint](./slidedeck/ISA.pptx)
+* [PDF](https://res.cloudinary.com/innoq/image/upload/v1661329003/isa-principles.org/ISA_gtirn4.pdf)
## Terms
diff --git a/js/custom-elements.js b/js/custom-elements.js
new file mode 100644
index 0000000..fc5f543
--- /dev/null
+++ b/js/custom-elements.js
@@ -0,0 +1,10 @@
+export default class TouchDetection extends HTMLElement {
+ connectedCallback () {
+ window.addEventListener('touchstart', function touched () {
+ document.body.classList.add('instructions--touch-active')
+ window.removeEventListener('touchstart', touched, false)
+ }, false)
+ }
+}
+
+customElements.define('touch-detection', TouchDetection)
diff --git a/js/webfont.js b/js/webfont.js
deleted file mode 100644
index 7b820ad..0000000
--- a/js/webfont.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright 2015 Small Batch, Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not
- * use this file except in compliance with the License. You may obtain a copy of
- * the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- * License for the specific language governing permissions and limitations under
- * the License.
- */
-/* Web Font Loader v1.5.18 - (c) Adobe Systems, Google. License: Apache 2.0 */
-;(function(window,document,undefined){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2a.c||this.c===a.c&&this.g>a.g||this.c===a.c&&this.g===a.g&&this.D>a.D?1:this.cd.c||536==d.c&&11>d.g))}
-function E(a,b,c){return(a=a.match(b))&&a[c]?a[c]:""};function G(a){this.ma=a||"-"}G.prototype.e=function(a){for(var b=[],c=0;c=a.X?a.k.ga&&R(a,b,c)&&(null===a.ca||a.ca.hasOwnProperty(a.m.getName()))?S(a,a.$):S(a,a.ka):ja(a):S(a,a.$)}function ja(a){setTimeout(k(function(){Q(this)},a),50)}function S(a,b){a.t.remove();a.u.remove();a.H.remove();b(a.m)};function T(a,b,c,d){this.d=b;this.A=c;this.S=0;this.ea=this.ba=!1;this.X=d;this.k=a.k}function ka(a,b,c,d,e){c=c||{};if(0===b.length&&e)J(a.A);else for(a.S+=b.length,e&&(a.ba=e),e=0;e
+ 
+
+
+-
+ {% for y in (1..33) %}
+
-
+
+ +
+ + + +
+ {% endfor %}
+