Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge pull request #78 from Dignifiedquire/gh-pages-fixes

gh-pages: fixes for responsive design
  • Loading branch information...
commit 316a166b71fdc230cef1f70a0581fcae23a6c305 2 parents e586269 + cdce51c
@vojtajina authored
Showing with 29 additions and 11 deletions.
  1. +4 −4 index.html
  2. +25 −7 testacular.css
View
8 index.html
@@ -42,7 +42,9 @@
<p>Spectacular Test Runner for JavaScript.</p>
<p class="download-info">
<span class="npm-install btn-large fake-btn">npm -g install testacular</span>
- <a href="https://github.com/vojtajina/testacular/" class="btn btn-primary btn-large">View project on GitHub</a>
+ <a href="https://github.com/vojtajina/testacular/" class="btn btn-primary btn-large">
+ View project on GitHub
+ </a>
</p>
</div>
@@ -122,9 +124,7 @@
<!-- <p class="marketing-byline">To be done. Record a screen cast describing whole workflow...</p> -->
<div class="yt-video-container">
- <div class="yt-video fake-btn">
- <iframe width="853" height="480" src="http://www.youtube.com/embed/MVw8N3hTfCI" frameborder="0" allowfullscreen></iframe>
- </div>
+ <iframe width="853" height="480" src="http://www.youtube.com/embed/MVw8N3hTfCI" frameborder="0" allowfullscreen></iframe>
</div>
</div><!-- /.marketing -->
View
32 testacular.css
@@ -40,15 +40,26 @@ hr.soften {
border: 0;
}
+/* responsive youtube embed by
+ * http://avexdesigns.com/responsive-youtube-embed/
+ */
-.yt-video {
- margin: 0 auto;
- padding: 20px;
+.yt-video-container {
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ overflow: hidden;
}
-.yt-video-container {
- width: 100%;
- text-align: center;
+.yt-video-container iframe,
+.yt-video-container object,
+.yt-video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
@@ -79,6 +90,7 @@ hr.soften {
.jumbotron .npm-install {
font-family: 'Bitstream Vera Sans Mono','Courier',monospace;
font-weight: bold;
+ padding: 15px 24px;
}
.fake-btn {
@@ -130,6 +142,9 @@ hr.soften {
line-height: 36px;
}
+.download-info {
+
+}
/* Quick links
-------------------------------------------------- */
@@ -251,6 +266,9 @@ hr.soften {
font-size: 18px;
padding: 10px 14px;
margin: 0 auto 10px;
+ },
+ .jumbotron .btn-fake {
+ display: block;
}
/* Masthead (home page jumbotron) */
.masthead {
@@ -286,7 +304,7 @@ hr.soften {
}
/* Jumbotron buttons */
- .jumbotron .btn {
+ .jumbotron .btn-large {
margin-bottom: 10px;
}

0 comments on commit 316a166

Please sign in to comment.
Something went wrong with that request. Please try again.