/docs/www/colonyscout/gallery.php - Annotate - Colony Scout - Robotics Club

f59acf11

Dan Shope

<?php

2

$cacheFile="cache/gallery.html";

3

if (file_exists($cacheFile)) //we can read this cache file back reduce database load

4

5

   header("Content-Type: text/html");

6

   readfile($cacheFile);

7

   exit;

8

} else {

9

   ob_start(); //start buffering so we can cache for future accesses

10

11

?>

12

13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

14

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>

15

                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

16

                <meta name="description" content="See the SCOUT platform, testing suspension and control algorithms"/>

17

                <meta name="keywords" content="Scout video, pictures, media, gallery, robotics, tech demo"/>

18

19

<?php include("header.php"); ?>

20

                <script type="text/javascript" src="highslide-with-gallery.js"></script>

21

                <link rel="stylesheet" type="text/css" href="highslide.css" />

22

                <title>Media Gallery | ColonyScout.com</title>

23

24

<script type="text/javascript">

25

hs.graphicsDir = 'images/graphics/';

26

hs.align = 'center';

27

hs.transitions = ['expand', 'crossfade'];

28

hs.outlineType = 'glossy-dark';

29

hs.wrapperClassName = 'dark';

30

hs.fadeInOut = true;

31

hs.dimmingOpacity = 0.75;

32

33

// Add the controlbar

34

if (hs.addSlideshow) hs.addSlideshow({

35

        //slideshowGroup: 'group1',

36

        interval: 5000,

37

        repeat: false,

38

        useControls: true,

39

        fixedControls: 'fit',

40

        overlayOptions: {

41

                opacity: .6,

42

                position: 'bottom center',

43

                hideOnMouseOut: true

44

45

});

46

</script>

47

48

</head>

49

<body bgcolor="#eeeeee">

50

51

<div id="general">

52

<?php include("nav.php"); ?>

53

        <div id="body">

54

                <div id="body-boxes">

55

                        <div class="box-row" style="margin-top: 10px;">

56

                                <div class="white-top"></div>

57

                                <div class="white-body text-box">

58

                                        <h1>Media Gallery</h1>

59

                                        <p><span class="description">See the Scout prototype in action</span></p>

60

                                        <div class="hr"></div>

61

62

                                        <div class="highslide-gallery">

63

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/black.jpg"><img src="gallery/black.jpg" class="img-box" alt="Scout v5 Iso"/></a>

64

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/black_hood_up.jpg"><img src="gallery/black_hood_up.jpg" class="img-box" alt="Detail with hood up"/></a>

65

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/blue.jpg"><img src="gallery/blue.jpg" class="img-box" alt="Rear cover removed"/></a>

66

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/red.jpg"><img src="gallery/red.jpg" class="img-box" alt="Red Scout v5"/></a>

67

                                        </div>

68

69

                                        <div class="video-box"><h2>Rocker Suspension Demonstration</h2>

70

                                                <video controls="true">

71

                                                <source src="http://colonyscout.com/gallery/cs_testing_day2.mp4" type="video/mp4">

72

                                                <source src="http://colonyscout.com/gallery/cs_testing_day2.ogg" type="video/ogg">

73

                                                <object width="438" height="270"><param name="movie" value="http://www.youtube.com/v/ePaPGyjW2uk&hl=en_US&fs=1&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ePaPGyjW2uk&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="424" height="270"></embed></object></p>

74

                                                </video>

75

                                        </div>

76

77

                                        <div class="video-box"><h2>Obstacle Avoidance with a Scanning Sonar</h2>

78

                                                <video controls="true">

79

                                                <source src="http://colonyscout.com/gallery/cs_obstacle_avoidance.mp4" type="video/mp4">

80

                                                <source src="http://colonyscout.com/gallery/cs_obstacle_avoidance.ogg" type="video/ogg">

81

                                                <object width="438" height="270"><param name="movie" value="http://www.youtube.com/v/XXWjhqV0-M8&hl=en_US&fs=1&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XXWjhqV0-M8&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="424" height="270"></embed></object>

82

                                                </video>

83

                                        </div>

84

85

                                        <div class="video-box"><h2>Rocker Suspension Hills Course</h2>

86

                                                <video controls="true">

87

                                                <source src="http://colonyscout.com/gallery/cs_hills.mp4" type="video/mp4">

88

                                                <source src="http://colonyscout.com/gallery/cs_hill.ogg" type="video/ogg">

89

                                                <object width="435" height="270"><param name="movie" value="http://www.youtube.com/v/W4883KYsylM?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/W4883KYsylM?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="435" height="270"></embed></object></p>

90

                                                </video>

91

                                        </div>

92

93

                                        <div class="video-box"><h2>Navigation and Off Roading</h2>

94

                                                <video controls="true">

95

                                                <source src="http://colonyscout.com/gallery/cs_outdoors.mp4" type="video/mp4">

96

                                                <source src="http://colonyscout.com/gallery/cs_outdoors.ogg" type="video/ogg">

97

                                                <object width="435" height="270"><param name="movie" value="http://www.youtube.com/v/GYKT9hKvuYo?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GYKT9hKvuYo?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="435" height="270"></embed></object></p>

98

                                                </video>

99

                                        </div>

100

101

                                        <div class="highslide-gallery">

102

                                        <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/P1260943.jpg"><img src="gallery/P1260943.jpg" class="img-box" alt="Scout"/></a>

103

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/P1270034.jpg"><img src="gallery/P1270034.jpg" class="img-box" alt="SCOUT prototype and parts"/></a>

104

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/P1260999.jpg"><img src="gallery/P1260999.jpg" class="img-box" alt="3 colored Scout parts"/></a>

105

                                        <a class="highslide" onclick="return hs.expand(this)"  href="gallery/full/P1260801.jpg"><img src="gallery/P1260801.jpg" class="img-box" alt="Scout Aluminum Chassis"/></a>

106

                                        </div>

107

108

                                        <div id="bottom-nav">

109

                                                <div class="hr"></div>

110

                                                <ul id="pagenav">

111

                                                        <li class="previous">

112

                                                                <a href="<?php echo $nav[$nav_id['vids']-1]; ?></a></li>

113

                                                        <li class="next">

114

                                                                <a href="<?php echo $nav[$nav_id['vids']+1]; ?></a></li>

115

                                                </ul>

116

                                        </div>

117

118

                                </div>

119

                                <div class="white-bottom"></div>

120

                        </div>

121

122

123

                </div>

124

        </div> <!--BODY!-->

125

126

127

<?php include("footer.php"); ?>

128

129

</div><!--GENERAL!-->

130

131

</body></html>

132

133

<?php

134

$buffer = ob_get_contents();

135

ob_end_flush();

136

//$fp = fopen($cacheFile, "w"); fwrite($fp, $buffer); fclose($fp);

137

?>

Project

General

Profile

Colony » Colony Scout

colonymech / docs / www / colonyscout / gallery.php @ f59acf11