Minor changes

FaaPz · Jun 17, 2014 · 2d825dc · 2d825dc
1 parent 9371e09
commit 2d825dc
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,31 @@
-midway
-======
+# midway
 
 simplified responsive elements centering
+
+*Originally inspired by [Brandon Jacoby](https://github.com/BrandonJacoby/Midway.js)*
+
+*Rewritten natively by [Fabian de Laender](https://github.com/FaaPz/midway)*
+
+### Usage
+
+``` html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>midway example</title>
+  <script type="text/javascript" src="midway.min.js"></script>
+</head>
+<body>
+  <div class="midway-horizontal midway-vertical"></div>
+</body>
+</html>
+```
+
+### Changelog
+
+##### v1.0.1
+  - Minor changes
+
+##### v1.0.0
+  - First version
diff --git a/midway.js b/midway.js
@@ -1,21 +1,22 @@
-/* midway - simplified responsive elements centering v1.0.0
+/* midway - simplified responsive elements centering v1.0.1
  * Crafted in Finland by a Dutchman called Fabian de Laender
  * Copyright (c) 2014 Fabian de Laender; Licensed MIT
  */
 function _initMidway() {
   'use strict';
 
   var centerHorizontal = document.querySelectorAll('.midway-horizontal'),
-        centerVertical = document.querySelectorAll('.midway-vertical');
+        centerVertical = document.querySelectorAll('.midway-vertical'),
+                     i = 0;
 
-  for( var i = 0; i < centerHorizontal.length; i++ ) {
+  for( i = 0; i < centerHorizontal.length; i++ ) {
     centerHorizontal[i].style.marginLeft = -centerHorizontal[i].offsetWidth / 2 + 'px';
     centerHorizontal[i].style.display    = 'inline';
     centerHorizontal[i].style.position   = 'absolute';
     centerHorizontal[i].style.left       = '50%';
   }
 
-  for( var i = 0; i < centerVertical.length; i++ ) {
+  for( i = 0; i < centerVertical.length; i++ ) {
     centerVertical[i].style.marginTop = -centerVertical[i].offsetWidth / 2 + 'px';
     centerVertical[i].style.display   = 'inline';
     centerVertical[i].style.position  = 'absolute';
@@ -25,8 +26,8 @@ function _initMidway() {
 
 window.onload = function() {
   _initMidway();
-}
+};
 
 window.onresize = function() {
   _initMidway();
-}
+};
diff --git a/midway.min.js b/midway.min.js