Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

-Chapter cover style for full page Octocat background #100

Merged
merged 2 commits into from

2 participants

@jordanmccullough

-Added new style class for "blackout" chapter cover
-Updated Jekyll template for chapter cover tag

@matthewmccullough

Is this also ready to :shipit: ?

@jordanmccullough

If everyone is cool with this look, then yes.

Screen Shot 2013-03-17 at 1 38 29 PM

@matthewmccullough

We can always revert it. :grinning: Ha!

@matthewmccullough matthewmccullough merged commit 4901a43 into gh-pages
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Mar 17, 2013
  1. @jordanmccullough

    -Chapter cover style for full page Octocat background

    jordanmccullough authored
    -Updated Jekyll template for chapter cover tag
  2. @jordanmccullough
This page is out of date. Refresh to see the latest.
View
2  _includes/hydeslides/slide-open-chapter.html
@@ -1 +1 @@
-<section>
+<section data-state="blackout">
View
21 presentations/dependencies/themes/cobalt/decorations.scss
@@ -1,3 +1,22 @@
+.blackout .reveal .state-background {
+ background: $dark-mnch;
+}
+
+
+.blackout .reveal .state-background::before{
+ content: "";
+ -webkit-mask-box-image: url(backgrounds/blacktocat-2.png) round round;
+ background: $bright-mnch;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: .15;
+ height: 100%;
+ width: 100%;
+}
+
+
+
.reveal .brand{
background: url(branding/github_logo_social_coding.png) no-repeat center;
background-size: contain;
@@ -6,8 +25,6 @@
margin: auto auto 1em auto;
}
-
-
.reveal .git{
background: url(branding/git-logo-black.png) no-repeat center;
background-size: contain;
View
14 presentations/dependencies/themes/cobalt/theme.css
@@ -63,6 +63,20 @@ code, em {
}
*/
/* No HydeSlides layouts defined yet */
+.blackout .reveal .state-background {
+ background: #2b2c25; }
+
+.blackout .reveal .state-background::before {
+ content: "";
+ -webkit-mask-box-image: url(backgrounds/blacktocat-2.png) round round;
+ background: #eeeeee;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: .15;
+ height: 100%;
+ width: 100%; }
+
.reveal .brand {
background: url(branding/github_logo_social_coding.png) no-repeat center;
background-size: contain;
Something went wrong with that request. Please try again.