Integrated tweaks for PITCHME.md copy and visual styles (#118)

PITCHME.md

@@ -1,43 +1,45 @@
 @title[Introduction]
-# Git<span style="color: #e49436">Pitch</span>
+
+# Git<span class="gold">Pitch</span>
 
 #### Markdown Presentations For Everyone on Git.*
 <br>
 <br>
-<span style="color: #bbb; font-size: 80%">[ GitHub, GitLab, Bitbucket, GitBucket, Gitea, Gogs ]</span>
+<span class="byline">[ GitHub, GitLab, Bitbucket, GitBucket, Gitea, Gogs ]</span>
 
 ---
+
 @title[PITCHME.md]
 
-#### GitPitch turns <span style="color: #e49436; text-transform: none">PITCHME.md</span> into
+#### GitPitch turns <span class="gold">PITCHME.md</span> into
 #### interactive,
 #### online and offline slideshows.
 <br>
-<span style="color:gray; font-size:0.6em;">[ JUST LIKE THIS ONE ]</span>
+<span class="aside">Just like this one...</span>
 
 ---
 
-#### No more <span style="color: gray">Keynote.</span>
-#### No more <span style="color: gray">Powerpoint.</span>
+#### No more <span class="gray">Keynote</span>.
+#### No more <span class="gray">Powerpoint</span>.
 <br>
-#### Just <span style="color: #e49436">Markdown</span>.
-#### Then <span style="color: #e49436">Git-Commit</span>.
+#### Just <span class="gold">Markdown</span>.
+#### Then <span class="gold">Git-Commit</span>.
 
 ---
+
 @title[Step 1. PITCHME.md]
 
-### <span style="color: #e49436">STEP 1. Create 'PITCHME.md'</span>
+### <span class="gold">STEP 1. Create 'PITCHME.md'</span>
 <br>
-
 #### Create GitPitch slideshow content using GitHub Flavored Markdown in your favorite editor.
-
 <br>
-<span style="color:gray; font-size:0.6em;">[ AS EASY AS README.md WITH SIMPLE --- SLIDE DELIMITER ]</span>
+<span class="aside">It's as easy as README.md with simple slide-delimeters (---)</span>
 
 ---
+
 @title[Step 2. Git-Commit]
 
-### <span style="color: #e49436">STEP 2. GIT-COMMIT</span>
+### <span class="gold">STEP 2. GIT-COMMIT</span>
 <br>
 
 ```shell
@@ -46,7 +48,6 @@ $ git commit -m "New slideshow content."
 $ git push
 
 Done!
-
 ```
 
 @[1](Add your PITCHME.md slideshow content file.)
@@ -55,36 +56,35 @@ Done!
 @[5](Supports GitHub, GitLab, Bitbucket, GitBucket, Gitea, and Gogs.)
 
 ---
+
 @title[Step 3. Done!]
 
-### <span style="color: #e49436">STEP 3. GET THE WORD OUT!</span>
-
+### <span class="gold">STEP 3. GET THE WORD OUT!</span>
+<br>
+![GitPitch Slideshow URLs](assets/images/gp-slideshow-urls.png)
 <br>
-
-<span style="font-size: 1.3em;"><span style="color:white">htt</span><span style="color:white">ps://git</span><span style="color: #e49436">pitch</span><span style="color: white">.com/<span style="color: #e49436">user</span>/<span style="color: #e49436">repo</span>/<span style="color: #e49436">branch</span></span>
-
 <br>
-
 #### Instantly use your GitPitch slideshow URL to promote, pitch or present absolutely anything.
 
 ---
+
 @title[Slide Rich]
 
-### <span style="color: #e49436">Slide Rich</span>
+### <span class="gold">Slide Rich</span>
 
 #### Code Presenting for Blocks, Files, and GISTs
 #### Image, Video, Chart, and Math Slides
-#### Multiple Themes With Easy Customization
+#### Multiple Themes with Easy Customization
 <br>
-#### <span style="color: #e49436">Plus collaboration is built-in...</span>
-#### Your Slideshow Is Part Of Your Project
-#### Under Git Version Control Within Your Git Repo
+#### <span class="gold">Plus collaboration is built-in...</span>
+#### Your Slideshow is Part of Your Project
+#### Under Git Version Control within Your Git Repo
 
 ---
 
 @title[Feature Rich]
 
-### <span style="color: #e49436">Feature Rich</span>
+### <span class="gold">Feature Rich</span>
 
 #### Present Online or Offline
 #### With Speaker Notes Support
@@ -95,6 +95,6 @@ Done!
 ---
 
 ### Go for it.
-### Just add <span style="color: #e49436; text-transform: none">PITCHME.md</span> ;)
+### Just add <span class="gold">PITCHME.md</span> ;)
 <br>
-<a style="font-size:0.6em;" href="https://github.com/gitpitch/gitpitch/wiki">[ Click To Learn More On Wiki ]</a>
+[Click here to learn more...](https://github.com/gitpitch/gitpitch/wiki)

PITCHME.yaml

@@ -1,4 +1,5 @@
 theme : night
-background : images/wallpaper.jpg
-logo : images/logo.png
+theme-override : assets/css/PITCHME.css
+background : assets/images/wallpaper.jpg
+logo : assets/images/logo.png
 transition : none

assets/css/PITCHME.css

@@ -0,0 +1,35 @@
+.gold {
+  color: #e49436;
+}
+
+.gray {
+  color: gray;
+}
+
+span.byline, span.aside {
+  color: #bbb;
+}
+
+span.byline {
+  font-size: 80%;
+}
+
+span.aside {
+  font-size: 0.7em;
+  font-style: italic;
+}
+
+.reveal section img {
+  border: 0;
+  box-shadow: none;
+  background: none;
+}
+
+.reveal section a {
+  color: #e49436;
+  text-decoration: underline;
+}
+
+.reveal section a:hover {
+  color: #e7ad52;
+}