Summary Files Commits Branches @commit @diff @stats
path: root / tools / resizer / index.html
diff options
context:
space:
mode:
Commit33c89ed8fd6535dc21d0132ef61fc560099279f7 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-03-19 17:55:09 +0800
Committer
 GitHub <noreply@github.com>
2017-03-19 17:55:09 +0800
Filesb854b458761aead1e009db59e503e36e7862110f /tools/resizer/index.html
Spectre-Dark-Gruvbox-0.2.10.tar
Spectre-Dark-Gruvbox-0.2.10.tar.gz
Spectre-Dark-Gruvbox-0.2.10.zip
Parentee309ce40db4bc0fb5b4ccc076a054dd9574ac5f (diff)
Parent1d63c12eebb44b76947726dfeee98919627c9d9b (diff)
Merge pull request #170 from picturepan2/feature/0.2.10 v0.2.10
Feature/0.2.10
1 files changed, 0 insertions, 121 deletions
-rw-r--r--tools/resizer/index.html121
diff --git a/tools/resizer/index.html b/tools/resizer/index.html
deleted file mode 100644
index e6db236..0000000
--- a/tools/resizer/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <meta name="robots" content="index, follow" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="author" content="https://github.com/picturepan2/spectre" />
- <title>Spectre.css Responsive Resizer</title>
- <link rel="stylesheet" href="../../dist/spectre.min.css" />
- <link rel="stylesheet" href="../../demo/font/style.css" />
- <link rel="stylesheet" href="assets/css/app.min.css" />
- <script src="assets/js/zepto.min.js"></script>
- <script>
- Zepto(function($){
- var target = $('#viewport');
- var width = $('#browser').width();
- var addressClean = '';
- var addressRaw = '';
-
- $('.option-default').text('Current - ' + width ).val( width );
- checksize( width );
- load('https://picturepan2.github.io/spectre');
-
- $('#superbar').submit(function() {
- load($('#address').val() );
- return false;
- });
-
- $('#address').focus(function() {
- $( this ).val( addressRaw );
- });
- $('#address').blur(function() {
- $( this ).val( addressClean );
- });
-
- $('#refresh').click(function() {
- target.attr('src', target.attr('src'));
- });
-
- $('#sizes').change(function() {
- var newWidth = $('#sizes').val();
- $('#browser').width( newWidth + 'px');
- checksize( newWidth );
- });
-
- function load( url ) {
- if (url.search(/^http[s]?\:\/\//) == -1) {
- url = 'http://' + url;
- }
- target.attr('src', url );
- addressRaw = url;
- addressClean = url.replace('http://', '').replace('https://', '');
-
- $('#address').val( addressClean ).blur();
- }
- function checksize( width ) {
- if ( width <= 600 ) {
- $('#browser').removeClass('desktop').addClass('mobile');
- } else {
- $('#browser').removeClass('mobile').addClass('desktop');
- }
- }
- })
- </script>
-</head>
-<body class="app-container">
- <div id="browser" class="browser shadow">
- <header class="browser-header navbar">
- <div class="navbar-section navbar-section-btns">
- <div class="browser-action red"></div>
- <div class="browser-action yellow"></div>
- <div class="browser-action green"></div>
- </div>
- <div class="navbar-section">
- <form id="superbar" class="rel" method="post" autocomplete="off">
- <input id="address" class="form-input" type="text" placeholder="enter website address" />
- <button id="refresh" class="btn btn-link btn-refresh btn-action abs">
- <i class="icon icon-refresh"></i>
- </button>
- <input type="submit" class="hide" value="go">
- </form>
- </div>
- <div class="navbar-section text-right">
- <div class="meta">
- <select id="sizes" class="form-select">
- <option class="option-default">loading</option>
- <option value="1440">Desktop - 1440</option>
- <option value="1280">Desktop - 1280</option>
- <option value="1024">Desktop - 1024</option>
- <option value="960">Desktop - 960</option>
- <option value="840">Tablet - 840</option>
- <option value="720">Tablet - 720</option>
- <option value="600">Tablet - 600</option>
- <option value="480">Mobile - 480</option>
- <option value="400">Mobile - 400</option>
- <option value="360">Mobile - 360</option>
- </select>
- </div>
- </div>
- </header>
- <div class="browser-body">
- <iframe id="viewport" width="100%" height="100%" frameborder="0" scrolling="auto" allowtrancparency="true"></iframe>
- </div>
- <footer class="browser-footer"></footer>
- </div>
-
- <section class="copyright">
- <h1>Responsive Resizer v0.1.4</h1>
- </section>
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
- ga('create', 'UA-2702768-8', 'auto');
- ga('send', 'pageview');
- </script>
-</body>
-</html>