Merge remote-tracking branch 'origin/master' into 3.1

fieg · fieg · commit c99bd78fe7b5 · 2022-09-08T17:41:50.000+02:00
* origin/master:
  added powered by message to examples
  added space at top for metabar
diff --git a/examples/articles/index.html b/examples/articles/index.html
@@ -40,5 +40,7 @@ <h1>Infinite Scroll Example Blog</h1>
 </div>
 
 <script src="./index.js"></script>
+
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/articles/">infinite scroll for blog</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/articles/page2.html b/examples/articles/page2.html
@@ -42,5 +42,6 @@ <h1>Pellentesque habitant morbi senectus</h1>
 
 <script src="./index.js"></script>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/articles/">infinite scroll for blog</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/articles/page3.html b/examples/articles/page3.html
@@ -40,5 +40,6 @@ <h1>Diam sollicitudin tempor id eu nisl</h1>
 
 <script src="./index.js"></script>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/articles/">infinite scroll for blog</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/articles/style.css b/examples/articles/style.css
@@ -156,3 +156,14 @@ body {
   opacity: 0;
   transition: opacity 400ms;
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/blocks/index.html b/examples/blocks/index.html
@@ -21,5 +21,7 @@
 </div>
 
 <script src="./index.js"></script>
+
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/blocks/">infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/blocks/style.css b/examples/blocks/style.css
@@ -64,3 +64,14 @@ body {
     transform: rotateY(-180deg);
   }
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/button/index.html b/examples/button/index.html
@@ -22,5 +22,7 @@
 </div>
 
 <script src="./index.js"></script>
+
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/button/">infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/button/style.css b/examples/button/style.css
@@ -89,3 +89,14 @@ body {
     transform: rotateY(-180deg);
   }
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/json/index.html b/examples/json/index.html
@@ -20,5 +20,7 @@
 </div>
 
 <script src="./index.js"></script>
+
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/json/">json infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/json/style.css b/examples/json/style.css
@@ -70,3 +70,14 @@
 .item__link:hover {
   text-decoration: none;
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/masonry/index.html b/examples/masonry/index.html
@@ -62,5 +62,6 @@
 
 <script src="./index.js"></script>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/masonry/">masonry infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/masonry/style.css b/examples/masonry/style.css
@@ -30,3 +30,14 @@ body {
   height: auto;
   min-height: 80px;
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/overflow/index.html b/examples/overflow/index.html
@@ -42,5 +42,7 @@
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
 <script src="./index.js"></script>
+
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/overflow/">overflow infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
 </html>
diff --git a/examples/overflow/page1.html b/examples/overflow/page1.html
@@ -30,4 +30,5 @@
   </div>
 </div>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/overflow/">overflow infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
diff --git a/examples/overflow/page2.html b/examples/overflow/page2.html
@@ -30,4 +30,5 @@
   </div>
 </div>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/overflow/">overflow infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
diff --git a/examples/overflow/page3.html b/examples/overflow/page3.html
@@ -28,4 +28,5 @@
   <div class="pager"></div>
 </div>
 
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/overflow/">overflow infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 </body>
diff --git a/examples/overflow/style.css b/examples/overflow/style.css
@@ -37,3 +37,14 @@ body {
 #overflow2 .item {
   background-color: cornflowerblue;
 }
+
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
diff --git a/examples/vuejs/App.vue b/examples/vuejs/App.vue
@@ -1,6 +1,6 @@
 
 <template>
-  <div>
+  <div class="container">
     <div class="images">
         <div class="image" v-for="image in loadedImages" :key="image.id">
             <img :src="image.img" :alt="image.title" width="300" height="448"/>
@@ -77,6 +77,10 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
+  .container {
+    margin-top: 48px;
+  }
+
   .images {
     margin: 0 auto;
     padding: 20px;
diff --git a/examples/vuejs/index.html b/examples/vuejs/index.html
@@ -5,11 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>VueJS - Infinite Ajax Scroll Example</title>
     <meta name="description" content="An example of infinite scrolling in VueJS with Infinite Ajax Scroll">
+    <link rel="stylesheet" href="./style.css"/>
     <link rel="canonical" href="https://infiniteajaxscroll.com/examples/vuejs/">
 </head>
 <body>
-<div id="app">
-</div>
+<div id="app"></div>
+<footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/vuejs/">VueJS infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
 <script src="./index.js"></script>
 </body>
 </html>
diff --git a/examples/vuejs/style.css b/examples/vuejs/style.css
@@ -0,0 +1,10 @@
+.ias-foot {
+  text-align: center;
+  margin: 40px 0;
+  font: 12px sans-serif;
+  color: #aaa;
+}
+
+.ias-foot a {
+  color: #999;
+}
