www/adium.im 641:b4e9c9a035e7: Launch and play screencasts insid...
commits at adium.im
commits at adium.im
Mon Mar 26 13:33:26 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/b4e9c9a035e7
revision: 641:b4e9c9a035e7
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Mon Mar 26 14:33:18 2012 +0100
Launch and play screencasts inside FancyBox.
diffs (132 lines):
diff -r 982bd1494dbb -r b4e9c9a035e7 screencasts/index.php
--- a/screencasts/index.php Sun Mar 25 21:25:37 2012 +0100
+++ b/screencasts/index.php Mon Mar 26 14:33:18 2012 +0100
@@ -10,11 +10,13 @@
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="/rewrite/assets/styles/global.css">
<link rel="stylesheet" href="/rewrite/assets/styles/thumbnails.css">
+ <link rel="stylesheet" href="/rewrite/assets/scripts/fancybox/fancybox.min.css">
<link rel="shortcut icon" href="/rewrite/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="/rewrite/apple-touch-icon.png">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="/rewrite/assets/scripts/screencasts.js"></script>
- <script src="/rewrite/assets/scripts/help.js"></script>
+ <script src="/rewrite/assets/scripts/fancybox/fancybox.min.js"></script>
+ <script src="/rewrite/assets/scripts/about.js"></script>
+
</head>
<body>
@@ -58,70 +60,56 @@
<section>
<h1 class="padding-fix">Screencasts</h1>
+ <?php
+ $screencasts = array(
+ 0 => array(
+ 'title' => 'Installing Adium',
+ 'caption' => 'How to copy Adium from its disk image into your Applications folder.',
+ 'video_id' => 'AYLmrAQC',
+ 'screenshot' => 'thumbnail.png'
+ ),
+ 1 => array(
+ 'title' => 'First Run',
+ 'caption' => 'A demonstration of running Adium\'s setup assistant for the first time.',
+ 'video_id' => 'AYLpqU0C',
+ 'screenshot' => 'thumbnail.png'
+ ),
+ 2 => array(
+ 'title' => 'Adding a contact; first chat',
+ 'caption' => 'Adding contacts to your list and initiating chats with them.',
+ 'video_id' => 'AYK86zUC',
+ 'screenshot' => 'thumbnail.png'
+ ),
+ 3 => array(
+ 'title' => 'Chatting',
+ 'caption' => 'The basic features Adium provides when chatting with another person.',
+ 'video_id' => 'AYK86zYC',
+ 'screenshot' => 'thumbnail.png'
+ ),
+ 4 => array(
+ 'title' => 'Outgoing Text Colors',
+ 'caption' => 'How to set your outgoing text color, and then how to set it back to no color.',
+ 'video_id' => 'AYK860cC',
+ 'screenshot' => 'thumbnail.png'
+ )
+ );
+
+ $id = 0;
+
+ foreach ($screencasts as $sc) { ?>
<figure class="thumbnail video">
- <a href="">
+ <a class="fancybox.iframe" href="http://blip.tv/play/<?php echo $sc['video_id']; ?>.html?p=1">
<div class="overlay">
<span></span>
- <img src="/rewrite/assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+ <img src="/rewrite/assets/images/screenshots/<?php echo $sc['screenshot']; ?>">
</div>
<figcaption>
- <h4>Episode 0: Installing Adium</h4>
- How to copy Adium from its disk image into your Applications folder.
+ <h4>Episode <?php echo $id, ': ', $sc['title']; ?></h4>
+ <?php echo $sc['caption']; ?>
</figcaption>
</a>
</figure>
-
- <figure class="thumbnail video">
- <a href="">
- <div class="overlay">
- <span></span>
- <img src="/rewrite/assets/images/screenshots/thumbnail.png" alt="Thumbnail">
- </div>
- <figcaption>
- <h4>Episode 1: First Run</h4>
- A demonstration of running Adium's setup assistant for the first time.
- </figcaption>
- </a>
- </figure>
-
- <figure class="thumbnail video">
- <a href="">
- <div class="overlay">
- <span></span>
- <img src="/rewrite/assets/images/screenshots/thumbnail.png" alt="Thumbnail">
- </div>
- <figcaption>
- <h4>Episode 2: Adding a contact; first chat</h4>
- Adding contacts to your list and initiating chats with them.
- </figcaption>
- </a>
- </figure>
-
- <figure class="thumbnail video">
- <a href="">
- <div class="overlay">
- <span></span>
- <img src="/rewrite/assets/images/screenshots/thumbnail.png" alt="Thumbnail">
- </div>
- <figcaption>
- <h4>Episode 3: Chatting</h4>
- The basic features Adium provides when chatting with another person.
- </figcaption>
- </a>
- </figure>
-
- <figure class="thumbnail video">
- <a href="">
- <div class="overlay">
- <span></span>
- <img src="/rewrite/assets/images/screenshots/thumbnail.png" alt="Thumbnail">
- </div>
- <figcaption>
- <h4>Episode 4: Outgoing Text Colors</h4>
- How to set your outgoing text color, and then how to set it back to no color.
- </figcaption>
- </a>
- </figure>
+ <?php $id++; } ?>
</section>
</div>
</div>
More information about the commits
mailing list