diff --git a/README.md b/README.md
index d0c6ced..1e92a89 100755
--- a/README.md
+++ b/README.md
@@ -1,10 +1,10 @@
# acho
-![Last version](https://img.shields.io/github/tag/achohq/acho.svg?style=flat-square)
-[![Build Status](http://img.shields.io/travis/achohq/acho/master.svg?style=flat-square)](https://travis-ci.org/achohq/acho)
-[![Coverage Status](https://img.shields.io/coveralls/achohq/acho.svg?style=flat-square)](https://coveralls.io/github/achohq/acho)
-[![Dependency status](http://img.shields.io/david/achohq/acho.svg?style=flat-square)](https://david-dm.org/achohq/acho)
-[![Dev Dependencies Status](http://img.shields.io/david/dev/achohq/acho.svg?style=flat-square)](https://david-dm.org/achohq/acho#info=devDependencies)
+![Last version](https://img.shields.io/github/tag/achojs/acho.svg?style=flat-square)
+[![Build Status](http://img.shields.io/travis/achojs/acho/master.svg?style=flat-square)](https://travis-ci.org/achojs/acho)
+[![Coverage Status](https://img.shields.io/coveralls/achojs/acho.svg?style=flat-square)](https://coveralls.io/github/achojs/acho)
+[![Dependency status](http://img.shields.io/david/achojs/acho.svg?style=flat-square)](https://david-dm.org/achojs/acho)
+[![Dev Dependencies Status](http://img.shields.io/david/dev/achojs/acho.svg?style=flat-square)](https://david-dm.org/achojs/acho#info=devDependencies)
[![NPM Status](http://img.shields.io/npm/dm/acho.svg?style=flat-square)](https://www.npmjs.org/package/acho)
[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://paypal.me/kikobeats)
@@ -36,7 +36,7 @@ npm install acho
-
+
@@ -101,7 +101,7 @@ We define `.push` as accumulator for store the log internally:
-
+
@@ -117,7 +117,7 @@ If you want to print previously stored messages, just call the method `.print`:
-
+
@@ -127,7 +127,7 @@ The method `.add` combine `.push` and `.print` actions in one: It store the mes
-
+
@@ -147,7 +147,7 @@ console.log(acho.messages.info)
-
+
@@ -203,7 +203,7 @@ For example, suppose you want to add a timestamp before your logs:
-
+
@@ -234,7 +234,7 @@ It creates a logger instance.
##### keyword
-![](https://raw.githubusercontent.com/achohq/acho/master/docs/images/07.png)
+![](https://raw.githubusercontent.com/achojs/acho/master/docs/images/07.png)
Type: `string`
Default: `loglevel`
@@ -245,7 +245,7 @@ You can pass the special keyword `symbol` to show an unicode icon. This is speci
##### align
-![](https://raw.githubusercontent.com/achohq/acho/master/docs/images/08.png)
+![](https://raw.githubusercontent.com/achojs/acho/master/docs/images/08.png)
Type: `string`
Default: `' '`
@@ -256,7 +256,7 @@ You can provide your own separator or disable it providing a `false`.
##### diff
-![](https://raw.githubusercontent.com/achohq/acho/master/docs/images/06.png)
+![](https://raw.githubusercontent.com/achojs/acho/master/docs/images/06.png)
Type: `boolean`
Default: `false`
@@ -265,7 +265,7 @@ Prints trace between log from the same level. Specially useful to debug timings.
##### upper
-![](https://raw.githubusercontent.com/achohq/acho/master/docs/images/12.png)
+![](https://raw.githubusercontent.com/achojs/acho/master/docs/images/12.png)
Type: `boolean`
Default: `false`.
@@ -274,7 +274,7 @@ Enable or disable print log level in upper case.
##### trace
-![](https://raw.githubusercontent.com/achohq/acho/master/docs/images/11.png)
+![](https://raw.githubusercontent.com/achojs/acho/master/docs/images/11.png)
Type: `boolean`|`number`
Default: `false`.
@@ -399,7 +399,7 @@ Type: `string`
## License
-**acho** © [Kiko Beats](https://kikobeats.com), Released under the [MIT](https://github.com/achohq/acho/pulls/blob/master/LICENSE.md) License.
-Authored and maintained by Kiko Beats with help from [contributors](https://github.com/achohq/acho/pulls/contributors).
+**acho** © [Kiko Beats](https://kikobeats.com), Released under the [MIT](https://github.com/achojs/acho/pulls/blob/master/LICENSE.md) License.
+Authored and maintained by Kiko Beats with help from [contributors](https://github.com/achojs/acho/pulls/contributors).
> [kikobeats.com](https://kikobeats.com) · GitHub [Kiko Beats](https://github.com/kikobeats) · Twitter [@kikobeats](https://twitter.com/kikobeats)
diff --git a/docs/_coverpage.md b/docs/_coverpage.md
index 1237b4e..9284e40 100644
--- a/docs/_coverpage.md
+++ b/docs/_coverpage.md
@@ -1,6 +1,6 @@
-![logo](https://thumbs.gfycat.com/UnfoldedDigitalGemsbok-size_restricted.gif)
+
acho, the <hackeable /> log
diff --git a/docs/images/demo.gif b/docs/images/demo.gif
new file mode 100644
index 0000000..237b886
Binary files /dev/null and b/docs/images/demo.gif differ
diff --git a/docs/images/demo.mp4 b/docs/images/demo.mp4
new file mode 100644
index 0000000..5f4a4e1
Binary files /dev/null and b/docs/images/demo.mp4 differ
diff --git a/docs/images/resume.png b/docs/images/demo.png
similarity index 100%
rename from docs/images/resume.png
rename to docs/images/demo.png
diff --git a/docs/style.css b/docs/style.css
index 9799d98..a43f51b 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -44,8 +44,8 @@ div#app:empty:before {
right: 0;
top: 0;
-webkit-transition: width .2s, opacity .4s;
- -o-transition: width .2s, opacity .4s;
- transition: width .2s, opacity .4s;
+ -o-transition: width .2s, opacity .4s;
+ transition: width .2s, opacity .4s;
width: 0;
z-index: 5;
}
@@ -119,8 +119,8 @@ kbd {
font-size: 16px;
text-decoration: none;
-webkit-transition: color .3s;
- -o-transition: color .3s;
- transition: color .3s;
+ -o-transition: color .3s;
+ transition: color .3s;
}
.app-nav a.active, .app-nav a:hover {
@@ -221,8 +221,8 @@ main {
display: inline-block;
text-decoration: none;
-webkit-transition: all .3s;
- -o-transition: all .3s;
- transition: all .3s;
+ -o-transition: all .3s;
+ transition: all .3s;
}
.anchor span {
@@ -241,11 +241,11 @@ main {
bottom: 0;
left: 0;
position: absolute;
- transition: -webkit-transform .25s ease-out;
+ transition: -webkit-transform .25s ease-out;
-webkit-transition: -webkit-transform .25s ease-out;
- -o-transition: transform .25s ease-out;
- transition: transform .25s ease-out;
- transition: transform .25s ease-out, -webkit-transform .25s ease-out;
+ -o-transition: transform .25s ease-out;
+ transition: transform .25s ease-out;
+ transition: transform .25s ease-out, -webkit-transform .25s ease-out;
width: 300px;
z-index: 3;
}
@@ -324,8 +324,8 @@ main {
position: absolute;
text-align: center;
-webkit-transition: opacity .3s;
- -o-transition: opacity .3s;
- transition: opacity .3s;
+ -o-transition: opacity .3s;
+ transition: opacity .3s;
width: 30px;
width: 284px;
z-index: 4;
@@ -356,8 +356,8 @@ body.sticky .sidebar, body.sticky .sidebar-toggle {
left: 300px;
position: absolute;
-webkit-transition: left .25s ease;
- -o-transition: left .25s ease;
- transition: left .25s ease;
+ -o-transition: left .25s ease;
+ transition: left .25s ease;
}
.markdown-section {
@@ -453,8 +453,8 @@ body.sticky .sidebar, body.sticky .sidebar-toggle {
body.close .sidebar {
-webkit-transform: translateX(-300px);
- -ms-transform: translateX(-300px);
- transform: translateX(-300px);
+ -ms-transform: translateX(-300px);
+ transform: translateX(-300px);
}
body.close .sidebar-toggle {
@@ -491,30 +491,30 @@ body.close .content {
.sidebar {
left: -300px;
- transition: -webkit-transform .25s ease-out;
+ transition: -webkit-transform .25s ease-out;
-webkit-transition: -webkit-transform .25s ease-out;
- -o-transition: transform .25s ease-out;
- transition: transform .25s ease-out;
- transition: transform .25s ease-out, -webkit-transform .25s ease-out;
+ -o-transition: transform .25s ease-out;
+ transition: transform .25s ease-out;
+ transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}
.content {
left: 0;
max-width: 100vw;
position: static;
- transition: -webkit-transform .25s ease;
+ transition: -webkit-transform .25s ease;
-webkit-transition: -webkit-transform .25s ease;
- -o-transition: transform .25s ease;
- transition: transform .25s ease;
- transition: transform .25s ease, -webkit-transform .25s ease;
+ -o-transition: transform .25s ease;
+ transition: transform .25s ease;
+ transition: transform .25s ease, -webkit-transform .25s ease;
}
.app-nav, .github-corner {
- transition: -webkit-transform .25s ease-out;
+ transition: -webkit-transform .25s ease-out;
-webkit-transition: -webkit-transform .25s ease-out;
- -o-transition: transform .25s ease-out;
- transition: transform .25s ease-out;
- transition: transform .25s ease-out, -webkit-transform .25s ease-out;
+ -o-transition: transform .25s ease-out;
+ transition: transform .25s ease-out;
+ transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}
.sidebar-toggle {
@@ -524,22 +524,22 @@ body.close .content {
body.close .sidebar {
-webkit-transform: translateX(300px);
- -ms-transform: translateX(300px);
- transform: translateX(300px);
+ -ms-transform: translateX(300px);
+ transform: translateX(300px);
}
body.close .sidebar-toggle {
background-color: hsla(0, 0%, 100%, .8);
-webkit-transition: background-color 1s;
- -o-transition: background-color 1s;
- transition: background-color 1s;
+ -o-transition: background-color 1s;
+ transition: background-color 1s;
width: 284px;
}
body.close .content {
-webkit-transform: translateX(300px);
- -ms-transform: translateX(300px);
- transform: translateX(300px);
+ -ms-transform: translateX(300px);
+ transform: translateX(300px);
}
body.close .app-nav, body.close .github-corner {
@@ -681,8 +681,8 @@ section.cover .cover-main>p:last-child a {
padding: .75em 2rem;
text-decoration: none;
-webkit-transition: all .15s ease;
- -o-transition: all .15s ease;
- transition: all .15s ease;
+ -o-transition: all .15s ease;
+ transition: all .15s ease;
}
section.cover .cover-main>p:last-child a:last-child {
@@ -705,8 +705,8 @@ section.cover blockquote>p>a {
border-bottom: 2px solid #c79b50;
border-bottom: 2px solid var(--primary-color, #c79b50);
-webkit-transition: color .3s;
- -o-transition: color .3s;
- transition: color .3s;
+ -o-transition: color .3s;
+ transition: color .3s;
}
section.cover blockquote>p>a:hover {
@@ -1014,21 +1014,46 @@ pre:after {
/* Custom */
-.cover-main img {
+#video {
+ padding: 0 1rem;
+}
+
+video {
border: 1px solid #c79b50;
box-shadow: 0 0px 40px 0px #c79b50;
border-radius: 4px;
display: block;
margin: 3rem auto;
- width: 80vh;
+ width: 100%;
+ max-width: 100vh
}
div.cover-main h1 {
padding: 0;
- margin: 3rem;
+ margin: 3rem 1rem;
}
-.cover-main span {
+div.cover-main span {
color: white;
font-weight: bold;
}
+
+@media screen and (max-width: 700px) {
+ #video {
+ background: no-repeat center url(images/demo.gif);
+ background-size: 100%;
+ height: 36vh;
+ border: 1px solid #c79b50;
+ box-shadow: 0 0px 40px 0px #c79b50;
+ border-radius: 4px;
+ margin: 3rem auto;
+ }
+
+ #video video {
+ display: none;
+ }
+
+ div.cover-main h1 {
+ font-size: 1.5rem;
+ }
+}
diff --git a/package.json b/package.json
index 847d5e4..536bd61 100644
--- a/package.json
+++ b/package.json
@@ -11,10 +11,10 @@
},
"repository": {
"type": "git",
- "url": "git+https://github.com/achohq/acho.git"
+ "url": "git+https://github.com/achojs/acho.git"
},
"bugs": {
- "url": "https://github.com/achohq/acho/issues"
+ "url": "https://github.com/achojs/acho/issues"
},
"keywords": [
"debug",