Skip to content

Commit

Permalink
Automatically update gh-pages [skip ci]
Browse files Browse the repository at this point in the history
  • Loading branch information
@sneas
sneas committed Aug 26, 2023
1 parent 8344bde commit 8994635
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions examples.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!doctype html><html dir="ltr" lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5"/><title>Image Comparison Slider - React, Vue, Angular - Usage Examples</title><style>x-ray{display:block;margin-bottom:1rem}</style><link rel="icon" href="favicon.ico"><meta property="og:type" content="website"/><meta property="og:title" content="Image Comparison Slider - React, Vue, Angular - Usage Examples"/><meta property="og:description" content="Lightweight, accessible, and mobile-friendly slider component."/><meta property="og:url" content="https://img-comparison-slider.sneas.io/examples.html"/><meta property="og:image" content="https://img-comparison-slider.sneas.io/social-preview.png"/><link href="css/main.71f732f6.css" rel="stylesheet"><script src="js/index.1.88fef015.js" defer="defer"></script></head><body><nav class="navbar navbar-expand navbar-light"><div class="container"><a class="navbar-brand" href="/"><img src="images/logo.a516ac1d.svg" class="navbar-brand-image" alt="img-comparison-slider logo"/></a><ul class="navbar-nav ms-auto align-items-center"><li class="nav-item mx-0"><a class="nav-link py-3" href="examples.html">Usage Examples</a></li><li class="nav-item mx-0"><a class="nav-link py-3" href="https://github.com/sneas/img-comparison-slider" aria-label="Project's GitHub Page"><i class="fab fa-github fa-xl"></i><span class="d-none"> GitHub</span></a></li></ul></div></nav><div class="container mt-5 mb-4"><h1>Usage Examples</h1><p>Installation and usage instructions are available on <a href="https://github.com/sneas/img-comparison-slider">GitHub</a>.</p><p>All images in the examples are given <code>width="100%"</code> property to make them responsive.</p><div class="row"><div class="col-12 col-sm-4 col-md-3 mb-4"><nav class="position-sticky" style="top:1rem"><a class="d-block mb-2 text-decoration-none" href="#default">Default settings</a> <a class="d-block mb-2 text-decoration-none" href="#always-show">Make handle larger and disappear on focus</a> <a class="d-block mb-2 text-decoration-none" href="#shadows">Shadows</a> <a class="d-block mb-2 text-decoration-none" href="#colors">Divider and handle color</a> <a class="d-block mb-2 text-decoration-none" href="#relative-size">Relative size handle</a> <a class="d-block mb-2 text-decoration-none" href="#focus">Change element :focus styles</a> <a class="d-block mb-2 text-decoration-none" href="#custom-handle">Custom handle</a> <a class="d-block mb-2 text-decoration-none" href="#custom-handle-with-animation">Custom handle with hover animation</a> <a class="d-block mb-2 text-decoration-none" href="#width">Without handle and with split line width</a> <a class="d-block mb-2 text-decoration-none" href="#before-and-after-labels">Before and after labels</a> <a class="d-block mb-2 text-decoration-none" href="#position">Divider position</a> <a class="d-block mb-2 text-decoration-none" href="#hover">Automatic slide on mouse over</a> <a class="d-block text-decoration-none" href="#vertical">Vertical slider</a></nav></div><div class="col-12 col-sm-8 col-md-9 bg-white"><h3 id="default">Default settings</h3>
<!doctype html><html dir="ltr" lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5"/><title>Image Comparison Slider - React, Vue, Angular - Usage Examples</title><style>x-ray{display:block;margin-bottom:1rem}</style><link rel="icon" href="favicon.ico"><meta property="og:type" content="website"/><meta property="og:title" content="Image Comparison Slider - React, Vue, Angular - Usage Examples"/><meta property="og:description" content="Lightweight, accessible, and mobile-friendly slider component."/><meta property="og:url" content="https://img-comparison-slider.sneas.io/examples.html"/><meta property="og:image" content="https://img-comparison-slider.sneas.io/social-preview.png"/><link href="css/main.71f732f6.css" rel="stylesheet"><script src="https://unpkg.com/@sneas/x-ray@3/dist/index.js" defer="defer"></script><script src="js/index.1.88fef015.js" defer="defer"></script></head><body><nav class="navbar navbar-expand navbar-light"><div class="container"><a class="navbar-brand" href="/"><img src="images/logo.a516ac1d.svg" class="navbar-brand-image" alt="img-comparison-slider logo"/></a><ul class="navbar-nav ms-auto align-items-center"><li class="nav-item mx-0"><a class="nav-link py-3" href="examples.html">Usage Examples</a></li><li class="nav-item mx-0"><a class="nav-link py-3" href="https://github.com/sneas/img-comparison-slider" aria-label="Project's GitHub Page"><i class="fab fa-github fa-xl"></i><span class="d-none"> GitHub</span></a></li></ul></div></nav><div class="container mt-5 mb-4"><h1>Usage Examples</h1><p>Installation and usage instructions are available on <a href="https://github.com/sneas/img-comparison-slider">GitHub</a>.</p><p>All images in the examples are given <code>width="100%"</code> property to make them responsive.</p><div class="row"><div class="col-12 col-sm-4 col-md-3 mb-4"><nav class="position-sticky" style="top:1rem"><a class="d-block mb-2 text-decoration-none" href="#default">Default settings</a> <a class="d-block mb-2 text-decoration-none" href="#always-show">Make handle larger and disappear on focus</a> <a class="d-block mb-2 text-decoration-none" href="#shadows">Shadows</a> <a class="d-block mb-2 text-decoration-none" href="#colors">Divider and handle color</a> <a class="d-block mb-2 text-decoration-none" href="#relative-size">Relative size handle</a> <a class="d-block mb-2 text-decoration-none" href="#focus">Change element :focus styles</a> <a class="d-block mb-2 text-decoration-none" href="#custom-handle">Custom handle</a> <a class="d-block mb-2 text-decoration-none" href="#custom-handle-with-animation">Custom handle with hover animation</a> <a class="d-block mb-2 text-decoration-none" href="#width">Without handle and with split line width</a> <a class="d-block mb-2 text-decoration-none" href="#before-and-after-labels">Before and after labels</a> <a class="d-block mb-2 text-decoration-none" href="#position">Divider position</a> <a class="d-block mb-2 text-decoration-none" href="#hover">Automatic slide on mouse over</a> <a class="d-block text-decoration-none" href="#vertical">Vertical slider</a></nav></div><div class="col-12 col-sm-8 col-md-9 bg-white"><h3 id="default">Default settings</h3>
<x-ray>
<code>
<img-comparison-slider>
Expand Down Expand Up @@ -333,4 +333,4 @@ <h3 id="vertical">Vertical slider</h3><p>The slide direction can be set with the
</img-comparison-slider>
</code>
</x-ray>
</div></div></div><footer class="footer py-5 bg-warning"><div class="container">&copy; 2019 – Made with love and care by <a href="https://github.com/sneas" class="text-decoration-none"><span class="me-1 d-inline-block"><i class="fab fa-github small"></i></span><strong>sneas</strong></a>.</div></footer><script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/js/all.min.js" integrity="sha512-8pHNiqTlsrRjVD4A/3va++W1sMbUHwWxxRPWNyVlql3T+Hgfd81Qc6FC5WMXDC+tSauxxzp1tgiAvSKFu1qIlA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script async src="https://unpkg.com/@sneas/x-ray@3/dist/index.js"></script></body></html>
</div></div></div><footer class="footer py-5 bg-warning"><div class="container">&copy; 2019 – Made with love and care by <a href="https://github.com/sneas" class="text-decoration-none"><span class="me-1 d-inline-block"><i class="fab fa-github small"></i></span><strong>sneas</strong></a>.</div></footer><script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/js/all.min.js" integrity="sha512-8pHNiqTlsrRjVD4A/3va++W1sMbUHwWxxRPWNyVlql3T+Hgfd81Qc6FC5WMXDC+tSauxxzp1tgiAvSKFu1qIlA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script></body></html>
Loading

0 comments on commit 8994635

Please sign in to comment.