RubyGems - jekyll-uikit - Versions diffs - 0.1.7 → 0.2.0 - Mend

jekyll-uikit 0.1.7 → 0.2.0

Files changed (640) hide show

data/assets/node_modules/uikit/tests/placeholder.html DELETED

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-gb" dir="ltr">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Placeholder - UIkit tests</title>
-        <script src="../dist/js/uikit.js"></script>
-        <script src="js/test.js"></script>
-    </head>
-    <body>
-        <div class="uk-container">
-            <h1>Placeholder</h1>
-            <div class="uk-placeholder uk-text-center">
-                <span class="uk-margin-small-right uk-text-muted" uk-icon="icon: cloud-upload"></span>
-                <span class="uk-text-middle">Attach binaries by dropping them here or</span>
-                <div uk-form-custom>
-                    <input type="file" multiple>
-                    <span class="uk-link">selecting one</span>
-                </div>
-            </div>
-            <div class="uk-placeholder uk-text-center">
-                <span class="uk-margin-small-right uk-text-muted" uk-icon="icon: cloud-upload; ratio: 2"></span>
-            </div>
-        </div>
-    </body>
-</html>

data/assets/node_modules/uikit/tests/position.html DELETED

@@ -1,366 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-gb" dir="ltr">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Position - UIkit tests</title>
-        <script src="../dist/js/uikit.js"></script>
-        <script src="js/test.js"></script>
-        <style>
-            .uk-overlay { background: rgba(255,255,255,0.8); }
-            /* JavaScript */
-            #js-boundary {
-                height: 300px;
-                outline: 1px solid rgba(0,0,0,0.1);
-                position: relative;
-            }
-            #js-target {
-                position: absolute;
-                left: 0;
-                top: 0;
-                width: 200px;
-                height: 100px;
-                background: rgba(0,0,0,0.1);
-            }
-            #js-element {
-                position: absolute;
-                display: none;
-                width: 75px;
-                height: 75px;
-                background: rgba(0,0,0,0.1);
-            }
-        </style>
-    </head>
-    <body>
-        <div class="uk-container">
-            <h1>Position</h1>
-            <div class="uk-child-width-1-2@s" uk-grid>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top-left">Top Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top-center">Top Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top-right">Top Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center-left">Center Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center">Center Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center-right">Center Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-bottom-left">Bottom Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-bottom-center">Bottom Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-bottom-right">Bottom Right</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-top uk-text-center">Top</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-bottom uk-text-center">Bottom</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-left uk-flex uk-flex-middle">Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-right uk-flex uk-flex-middle">Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-center">This is a test for text wrapping if centered</div>
-                    </div>
-                </div>
-            </div>
-            <h2>Small</h2>
-            <div class="uk-child-width-1-2@s" uk-grid>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top-left">Top Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top-center">Top Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top-right">Top Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-center-left">Center Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-center">Center Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-center-right">Center Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-bottom-left">Bottom Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-bottom-center">Bottom Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-bottom-right">Bottom Right</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-top uk-text-center">Top</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-bottom uk-text-center">Bottom</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-left uk-flex uk-flex-middle">Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-right uk-flex uk-flex-middle">Right</div>
-                    </div>
-                </div>
-            </div>
-            <h2>Medium</h2>
-            <div class="uk-child-width-1-2@s" uk-grid>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top-left">Top Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top-center">Top Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top-right">Top Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-center-left">Center Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-center">Center Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-center-right">Center Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-bottom-left">Bottom Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-bottom-center">Bottom Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-bottom-right">Bottom Right</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-top uk-text-center">Top</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-bottom uk-text-center">Bottom</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-left uk-flex uk-flex-middle">Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-right uk-flex uk-flex-middle">Right</div>
-                    </div>
-                </div>
-            </div>
-            <h2>Large</h2>
-            <div class="uk-child-width-1-2@s" uk-grid>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top-left">Top Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top-center">Top Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top-right">Top Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-center-left">Center Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-center">Center Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-center-right">Center Right</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-bottom-left">Bottom Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-bottom-center">Bottom Center</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-bottom-right">Bottom Right</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-top uk-text-center">Top</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-bottom uk-text-center">Bottom</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-left uk-flex uk-flex-middle">Left</div>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-right uk-flex uk-flex-middle">Right</div>
-                    </div>
-                </div>
-            </div>
-            <h2>Cover</h2>
-            <div class="uk-child-width-1-4@s" uk-grid>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-small uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-medium uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-inline">
-                        <a class="uk-display-block" href="#"><img src="images/photo.jpg" alt=""></a>
-                        <div class="uk-overlay uk-overlay-default uk-padding-small uk-position-large uk-position-cover uk-flex uk-flex-center uk-flex-middle">Cover</div>
-                    </div>
-                </div>
-            </div>
-            <h2>JavaScript</h2>
-            <div id="js-boundary" class="uk-margin">
-                <div id="js-target" class="uk-flex uk-flex-center uk-flex-middle" draggable="true">Drag me!</div>
-            </div>
-            <div id="js-element"></div>
-            <div class="uk-grid uk-child-width-auto uk-form-stacked">
-                <div>
-                    <div class="uk-margin">
-                        <span class="uk-form-label">Element</span>
-                        <label>
-                            Horizontal
-                            <select id="js-element_x" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="left">left</option>
-                                <option value="center">center</option>
-                                <option value="right">right</option>
-                            </select>
-                        </label>
-                        <label>
-                            Vertical
-                            <select id="js-element_y" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="top">top</option>
-                                <option value="center">center</option>
-                                <option value="bottom">bottom</option>
-                            </select>
-                        </label>
-                    </div>
-                    <div class="uk-margin">
-                        <span class="uk-form-label">Target</span>
-                        <label>
-                            Horizontal
-                            <select id="js-target_x" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="left">left</option>
-                                <option value="center">center</option>
-                                <option value="right">right</option>
-                            </select>
-                        </label>
-                        <label>
-                            Vertical
-                            <select id="js-target_y" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="top">top</option>
-                                <option value="center">center</option>
-                                <option value="bottom">bottom</option>
-                            </select>
-                        </label>
-                    </div>
-                </div>
-                <div>
-                    <div class="uk-margin">
-                        <span class="uk-form-label">Offset</span>
-                        <label>
-                            Horizontal
-                            <input id="js-offset_x" class="uk-input uk-form-small uk-form-width-xsmall" type="text">
-                        </label>
-                        <label>
-                            Vertical
-                            <input id="js-offset_y" class="uk-input uk-form-small uk-form-width-xsmall" type="text">
-                        </label>
-                    </div>
-                    <div class="uk-margin">
-                        <span class="uk-form-label">Flip</span>
-                        <label>
-                            Horizontal
-                            <select id="js-flip_x" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="x">flip</option>
-                                <option value="">none</option>
-                            </select>
-                        </label>
-                        <label>
-                            Vertical
-                            <select id="js-flip_y" class="uk-select uk-form-small uk-form-width-xsmall">
-                                <option value="y">flip</option>
-                                <option value="">none</option>
-                            </select>
-                        </label>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <script>
-            var util = UIkit.util,
-                $ = util.$,
-                on = util.on,
-                offset = util.offset,
-                ticking,
-                element = $('#js-element'),
-                boundary = $('#js-boundary'),
-                target = $('#js-target'),
-                offsetX,
-                offsetY;
-            function position() {
-                util.positionAt(
-                    element,
-                    target,
-                    $('#js-element_x').value + ' ' + $('#js-element_y').value,
-                    $('#js-target_x').value + ' ' + $('#js-target_y').value,
-                    $('#js-offset_x').value + ' ' + $('#js-offset_y').value,
-                    null,
-                    $('#js-flip_x').value + $('#js-flip_y').value,
-                    boundary
-                );
-            }
-            on(window, 'dragstart', function (e) {
-                e.dataTransfer.setDragImage(new Image(), 0, 0);
-                offsetX = Math.round(e.pageX - offset(target).left);
-                offsetY = Math.round(e.pageY - offset(target).top);
-            });
-            on(window, 'dragover', function (e) {
-                e.preventDefault();
-                if (!ticking) {
-                    requestAnimationFrame(function () {
-                        util.positionAt(
-                            target,
-                            boundary,
-                            'left top',
-                            'left top',
-                            (e.pageX - offset(boundary).left - offsetX) + ' ' + (e.pageY - offset(boundary).top - offsetY)
-                        );
-                        position();
-                        ticking = false;
-                    });
-                    ticking = true;
-                }
-            });
-            util.$$('select,input').forEach(el => on(el, 'change', position));
-            util.css(element, 'display', 'block');
-            position();
-        </script>
-    </body>
-</html>

data/assets/node_modules/uikit/tests/progress.html DELETED

@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-gb" dir="ltr">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Progress - UIkit tests</title>
-        <script src="../dist/js/uikit.js"></script>
-        <script src="js/test.js"></script>
-    </head>
-    <body>
-        <div class="uk-container">
-            <h1>Progress</h1>
-            <div class="uk-width-1-2@m">
-                <p>Indeterminate</p>
-                <progress class="uk-progress"></progress>
-                <p>Determinate</p>
-                <progress class="uk-progress" value="40" max="100"></progress>
-                <p>With Text</p>
-                <progress class="uk-progress" value="45" max="100">45%</progress>
-                <p>100%</p>
-                <progress class="uk-progress" value="100" max="100"></progress>
-                <p>Updating</p>
-                <progress id="js-progressbar" class="uk-progress" max="100"></progress>
-            </div>
-        </div>
-        <script>
-            UIkit.util.ready(function () {
-                var bar = document.getElementById('js-progressbar'),
-                    animate = setInterval(function () {
-                        bar.value += 10;
-                        if (bar.value >= bar.max) {
-                            clearInterval(animate);
-                        }
-                    }, 1000);
-            });
-        </script>
-    </body>
-</html>