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 Nov 10, 2023
1 parent 5835e37 commit 3495aa1
Show file tree
Hide file tree
Showing 6 changed files with 5 additions and 5 deletions.
2 changes: 1 addition & 1 deletion 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/xray.bf2974cc.js" defer="defer"></script><script src="js/index.1.f6911889.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="js/xray.bf2974cc.js" defer="defer"></script><script src="js/index.1.1ea2b47e.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
Loading

0 comments on commit 3495aa1

Please sign in to comment.