audio and video rendering, Fork-Awesome-1.2.0 included

5 files changed, 220 insertions, 0 deletions

diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less
new file mode 100644
index 0000000..ae404bb
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less
@@ -0,0 +1,58 @@
+@media (min-width: @screen-lg) {
+  #icon-carousel {
+    @size: 240px;
+    font-size: @size;
+    line-height: @size + 35;
+    margin-top: @buffer-lg;
+  }
+
+  .carousel-control {
+    top: @size + 35px;
+    .square(40px);
+    font-size: 40px;
+    line-height: 40px;
+    left: 370/2 - 52px;
+    &.right {
+      right: 370/2 - 52px;
+    }
+  }
+
+  .jumbotron-ad {
+    padding: 50px 0;
+    h1 {
+      margin-top: 25px;
+      font-size: 90px;
+    }
+    p {
+      font-size: 28px;
+      margin: 35px 0 20px;
+    }
+  }
+
+  .jumbotron-carousel {
+    padding: 50px 0;
+    h1 { font-size: 100px; }
+    p {
+      font-size: 32px;
+      margin: 20px 0;
+    }
+    .btn-large {
+      font-size: 30px;
+      padding: 21px 35px;
+    }
+  }
+
+  .stripe-ad .lead { padding-top: 0; }
+
+  .lead {
+    font-size: 26px;
+    line-height: 36px;
+  }
+
+  .fort-awesome {
+    .tagline {  }
+    .action { width: 18%; }
+  }
+
+  .hide-lg { display: none; }
+}
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less
new file mode 100644
index 0000000..bc46917
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less
@@ -0,0 +1,3 @@
+@media (min-width: @screen-md) and (max-width: @screen-md-max) {
+  .hide-md { display: none; }
+}
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less
new file mode 100644
index 0000000..5bc078f
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less
@@ -0,0 +1,17 @@
+@media (min-width: @screen-sm) {
+  .signup-input {
+    padding-right: 0;
+    input {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-right-width: 0;
+    }
+  }
+  .signup-button {
+    padding-left: 0;
+    .btn {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+}
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less
new file mode 100644
index 0000000..676b2d6
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less
@@ -0,0 +1,48 @@
+@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+  #icon-carousel {
+    @size: 200px;
+    font-size: @size;
+    line-height: @size + 30;
+  }
+  .carousel-control {
+    top: @size - 10px;
+    .square(30px);
+    left: 228/2 - 36px;
+    &.right {
+      right: 228/2 - 36px;
+    }
+  }
+
+  .jumbotron-carousel {
+    padding: 50px 0;
+    h1 { font-size: 65px; }
+    p { font-size: 23px; }
+    .shameless-self-promotion { font-size: 12px; }
+  }
+
+  .jumbotron-ad {
+    p { font-size: 24px; }
+  }
+
+  .jumbotron-icon {
+    h1 small {
+      display: block;
+      margin-top: 15px;
+      margin-left: 0;
+      line-height: 20px;
+    }
+  }
+
+  .stripe-ad .lead {
+    margin: 0;
+    padding-top: 0;
+    font-size: 19px;
+  }
+
+  .fort-awesome {
+    .action { width: 33%; }
+  }
+
+  .hide-sm { display: none; }
+  .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
+}
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less
new file mode 100644
index 0000000..da5030d
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less
@@ -0,0 +1,94 @@
+@media (max-width: @screen-xs-max) {
+  #icon-carousel {
+    @size: 180px;
+    font-size: @size;
+    line-height: @size + 30;
+    width: 280px;
+    margin: 30px auto 0;
+  }
+  .carousel-control {
+    top: 40%;
+    .square(44px);
+    font-size: 44px;
+    line-height: 44px;
+    left: -7px;
+    &.right { right: -7px; }
+  }
+
+  .jumbotron-carousel {
+    h1 { font-size: 58px; }
+    p { font-size: 24px; }
+    .btn-large {
+      font-size: 20px;
+      padding: 14px 26px;
+    }
+    .shameless-self-promotion { font-size: 12px; }
+  }
+
+  .jumbotron-ad {
+    h1 { font-size: 39px; }
+    p {
+      font-size: 20px;
+      margin-bottom: 20px;
+    }
+  }
+
+  .jumbotron-icon {
+    .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; }
+    .fa-6 { font-size: 16em; }
+    h1 small {
+      display: block;
+      margin-top: 15px;
+      margin-left: 0;
+      line-height: 20px;
+    }
+  }
+
+  .stripe-ad .lead {
+    margin-top: @buffer-lg;
+    padding: 0;
+  }
+
+  #fusionads {
+    float: none;
+    display: block;
+    margin-left: 0;
+    .clearfix();
+  }
+
+  .vertical-ad #fusionads {
+    width: 300px;
+    .fusion-img {
+      float: left;
+      padding-right: 10px;
+    }
+  }
+
+
+  .fonticons {
+    padding: 15px 0;
+    .tagline, .action { display: block; }
+    .tagline { margin-bottom: 10px; }
+  }
+
+  .hide-xs { display: none; }
+
+  .block-xs { display: block; }
+
+  .modal-footer .block-xs + .block-xs {
+    margin-left: 0;
+    margin-top: 10px;
+  }
+
+
+  .navbar-org { display: none; }
+  #banner {
+    text-align: center;
+    .message-container, .tagline, .action { display: block; }
+    .tagline { padding-right: 0; }
+    .btn-primary { margin-top: 10px; }
+  }
+
+  .signup-button .btn { white-space: normal; }
+  .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
+}