diff --git a/lib/extensions/admin/index.html b/lib/extensions/admin/index.html
index aad1cbe..28f628b 100644
--- a/lib/extensions/admin/index.html
+++ b/lib/extensions/admin/index.html
@@ -77,7 +77,11 @@
new values are included in the style comments.
-->
to test your webhooks.
- to show your project to Grandma.
+ to show your project to Mom.
+ to test your site on mobile.
+ to work from 127.0.0.1.
+ to access your raspberry pi.
+ to build peer-to-peer apps.
Quickstart with bash
diff --git a/lib/extensions/admin/static-site-assets/styles/vertical-slide.css b/lib/extensions/admin/static-site-assets/styles/vertical-slide.css
index fc54c08..5037452 100644
--- a/lib/extensions/admin/static-site-assets/styles/vertical-slide.css
+++ b/lib/extensions/admin/static-site-assets/styles/vertical-slide.css
@@ -11,9 +11,9 @@ nth: the value in "nth-child())"
text-indent: 8px;
}
.sliding-vertical span{
- animation: topToBottom 5s linear infinite 0s;/* interval * n */
- -ms-animation: topToBottom 5s linear infinite 0s;/* interval * n */
- -webkit-animation: topToBottom 5s linear infinite 0s;/* interval * n */
+ animation: topToBottom 15s linear infinite 0s;/* interval * n */
+ -ms-animation: topToBottom 15s linear infinite 0s;/* interval * n */
+ -webkit-animation: topToBottom 15s linear infinite 0s;/* interval * n */
opacity: 0;
overflow: hidden;
position: absolute;
@@ -23,7 +23,6 @@ nth: the value in "nth-child())"
-ms-animation-delay: 2.5s;/* (nth - 1) * interval */
-webkit-animation-delay: 2.5s;/* (nth - 1) * interval */
}
-/*
.sliding-vertical span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
@@ -43,9 +42,9 @@ nth: the value in "nth-child())"
.sliding-vertical span:nth-child(6){
animation-delay: 12.5s;
-ms-animation-delay: 12.5s;
- -webkit-animation-delay: 7.5s;
+ -webkit-animation-delay: 12.5s;
}
-
+/*
.sliding-vertical span:nth-child(7){
animation-delay: 15s;
-ms-animation-delay: 15s;
@@ -55,31 +54,31 @@ nth: the value in "nth-child())"
/*topToBottom Animation*/
@keyframes topToBottom{
0% { opacity: 0; transform: translateY(-50px); }
- 12.5% { opacity: 1; transform: translateY(0px); }/* transitionTime * interval * n */
- 50% { opacity: 1; transform: translateY(0px); } /* interval/(interval * n) */
- 62.5% { opacity: 0; transform: translateY(50px); } /* interval/(interval * n) + transitionTime */
+ 6.667% { opacity: 1; transform: translateY(0px); }/* transitionTime/(interval*n) */
+ 16.667% { opacity: 1; transform: translateY(0px); } /* 1/n */
+ 23.333% { opacity: 0; transform: translateY(50px); } /* (interval + transitionTime)/(n*interval) */
}
@-moz-keyframes topToBottom{
0% { opacity: 0; -moz-transform: translateY(-50px); }
- 12.5% { opacity: 1; -moz-transform: translateY(0px); }
- 50% { opacity: 1; -moz-transform: translateY(0px); }
- 62.5% { opacity: 0; -moz-transform: translateY(50px); }
+ 6.667% { opacity: 1; -moz-transform: translateY(0px); }
+ 16.667% { opacity: 1; -moz-transform: translateY(0px); }
+ 23.333% { opacity: 0; -moz-transform: translateY(50px); }
}
@-webkit-keyframes topToBottom{
0% { opacity: 0; -webkit-transform: translateY(-50px); }
- 12.5% { opacity: 1; -webkit-transform: translateY(0px); }
- 50% { opacity: 1; -webkit-transform: translateY(0px); }
- 62.5% { opacity: 0; -webkit-transform: translateY(50px); }
+ 6.667% { opacity: 1; -webkit-transform: translateY(0px); }
+ 16.667% { opacity: 1; -webkit-transform: translateY(0px); }
+ 23.333% { opacity: 0; -webkit-transform: translateY(50px); }
}
@-ms-keyframes topToBottom{
0% { opacity: 0; -ms-transform: translateY(-50px); }
- 12.5% { opacity: 1; -ms-transform: translateY(0px); }
- 25% { opacity: 1; -ms-transform: translateY(0px); }
- 62.5% { opacity: 0; -ms-transform: translateY(50px); }
+ 6.667% { opacity: 1; -ms-transform: translateY(0px); }
+ 16.667% { opacity: 1; -ms-transform: translateY(0px); }
+ 23.333% { opacity: 0; -ms-transform: translateY(50px); }
}
.install-for {
margin-top: 3.1111111113em;
-}
\ No newline at end of file
+}