Revision 781890a0
ID | 781890a0a437f072a6be18ceb37345bd650632b9 |
Updated website structure, navigation, and graphics.
docs/www/colonyscout/index.php | ||
---|---|---|
10 | 10 |
} |
11 | 11 |
|
12 | 12 |
?> |
13 |
|
|
14 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
13 |
<!DOCTYPE html> |
|
15 | 14 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> |
16 | 15 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
17 | 16 |
<meta name="google-site-verification" content="hwSOLj8uDUaKyOjQ4eAfxBHhnmCH0C-tS5hlC-wk0lw" /> |
... | ... | |
21 | 20 |
<?php include("header.php"); ?> |
22 | 21 |
<script type="text/javascript" src="http://www.google.com/jsapi"></script> |
23 | 22 |
<script type="text/javascript"> |
24 |
google.load("jquery", "1.4.2");
|
|
23 |
google.load("jquery", "1.6.4");
|
|
25 | 24 |
|
26 |
numphotos = 6;
|
|
25 |
numphotos = 7;
|
|
27 | 26 |
photoselect = (Math.floor(Math.random() * numphotos) + 1); |
28 | 27 |
|
29 | 28 |
photo = new Image(); |
... | ... | |
44 | 43 |
photoselect = ((photoselect % numphotos) + 1); |
45 | 44 |
photo = nextphoto; |
46 | 45 |
|
47 |
$('#photo').fadeOut(500, function(){
|
|
46 |
$('#photo').fadeOut(300, function(){
|
|
48 | 47 |
$('#photo').css('background-image', "url('" + photo.src + "')"); |
49 | 48 |
$('#photo').fadeIn(); |
50 | 49 |
}); |
51 | 50 |
|
52 | 51 |
nextphoto = new Image(); |
53 |
nextphoto.src = "photos/" + ((photoselect % numphotos) + 1); + ".jpg";
|
|
52 |
nextphoto.src = "photos/" + ((photoselect % numphotos) + 1) + ".jpg"; |
|
54 | 53 |
} |
55 | 54 |
|
55 |
setInterval('changephoto()',3000); |
|
56 | 56 |
</script> |
57 | 57 |
<script src="Cambria_400.font.js" type="text/javascript"></script> |
58 | 58 |
<script type="text/javascript"> |
... | ... | |
63 | 63 |
</head> |
64 | 64 |
<body bgcolor="#eeeeee"> |
65 | 65 |
|
66 |
<div id="fb-root"></div> |
|
67 |
<script>(function(d, s, id) { |
|
68 |
var js, fjs = d.getElementsByTagName(s)[0]; |
|
69 |
if (d.getElementById(id)) {return;} |
|
70 |
js = d.createElement(s); js.id = id; |
|
71 |
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=191699214990"; |
|
72 |
fjs.parentNode.insertBefore(js, fjs); |
|
73 |
}(document, 'script', 'facebook-jssdk'));</script> |
|
74 |
|
|
66 | 75 |
<div id="general"> |
67 | 76 |
<?php include("nav.php"); ?> |
68 | 77 |
<div id="body"> |
... | ... | |
70 | 79 |
<div class="box-row"> |
71 | 80 |
<div id="hero-banner"> |
72 | 81 |
<div id="hero-banner-text">An affordable, versatile research platform for autonomous systems in collaborative robotics |
73 |
<br/><br/> |
|
74 |
<a href="gallery.php" class="small">See it in action >></a> |
|
82 |
<br/> |
|
83 |
<a href="intro.php" class="small">Learn More >> | </a><a href="gallery.php" class="small">See it in action >></a> |
|
84 |
<div class="fb-like-box" style="float:right;margin:-25px 0px 0px 0px;" data-href="http://www.facebook.com/pages/Colony-Scout/160977077328204" data-width="250" data-border-color="#CCCCCC" data-show-faces="false" data-stream="false" data-header="false"></div> |
|
75 | 85 |
</div> |
76 | 86 |
</div> |
77 | 87 |
<div id="hero-banner-side"></div> |
78 | 88 |
</div> |
79 | 89 |
|
80 |
<div id="photo" style="display: none; width:700px; height:367px; margin: 0 0 0 0; background-color: #000000; background-image:url('photos/1.jpg'); background-repeat:no-repeat;"> |
|
81 |
<a href="javascript: changephoto();" style="width:700px; height:367px; margin:0 0 10 0; float:left; text-decoration: none; color: #000000;"></a> |
|
82 |
</div> |
|
83 |
|
|
84 |
|
|
85 | 90 |
<div class="box-row topmargin"> |
86 | 91 |
<div class="white-top"></div> |
87 | 92 |
<div class="white-body text-box"> |
88 |
<div id="twitter-status"> |
|
89 |
<span class="newest"/><small>09.06.2010</small><br/>We're on @BotJunkie! @roboclub Colony Scout Offers Cute And Useful Swarm Robots <a href="http://bit.ly/aSnw7J">http://bit.ly/aSnw7J</a> #robotics #scout</span> |
|
90 |
<p><small>08.14.2010</small><br/>Scoutfly Board Completed - The Scoutfly board has finally been completed. We have done a lot of simplifying... <a href="http://tumblr.com/xjefqhtis">http://tumblr.com/xjefqhtis</a></p> |
|
93 |
<a href="/computing.php"><img src="/photos/software_logos.png" style="float:left;border-right:1px solid #CCCCCC;"></a> |
|
94 |
<div id="photo" style="width:358px; height:201px; float:left; margin:0px 15px 0px 15px;background-color: #ffffff; background-image:url('photos/1.jpg'); |
|
95 |
background-repeat:no-repeat;"> |
|
96 |
<a href="javascript: changephoto();" style="width:358px; height:201px; margin:0 0 10 0; float:left; text-decoration: none; color: #000000;"></a> |
|
97 |
</div> |
|
98 |
<div style="float:left; height:201px; width:330px;border-left:1px solid #CCCCCC;padding-left:15px;"> |
|
99 |
<h2>Latest Updates</h2> |
|
100 |
<div class="hr" style="width:100%;"></div> |
|
101 |
<?php |
|
102 |
$url_re = '((https?|ftp|gopher|telnet|file|notes|ms-help):((\/)|(\\\\))+[\w\d:#@\/\%;$()~_?\+-=\\\.&]*)'; |
|
103 |
$twitterUsername = 'colonyscout'; |
|
104 |
$twitterStatusURL = 'http://twitter.com/statuses/user_timeline/' . $twitterUsername . '.json'; |
|
105 |
|
|
106 |
$session = curl_init($twitterStatusURL); |
|
107 |
curl_setopt($session, CURLOPT_HEADER, false); |
|
108 |
curl_setopt($session, CURLOPT_RETURNTRANSFER, true); |
|
109 |
$resultsJson = curl_exec($session); |
|
110 |
curl_close($session); |
|
111 |
|
|
112 |
$results = json_decode($resultsJson); |
|
113 |
|
|
114 |
for ($i=0;$i<3;$i++) { |
|
115 |
$twitterStatus = $results[$i]->{'text'}; |
|
116 |
$twitterStatus = preg_replace('%' . $url_re . '%', '<a href="$0" target="about:blank">$0</a>', $twitterStatus); |
|
117 |
$twitterDate = date_parse($results[$i]->{'created_at'}); |
|
118 |
echo '<b>'.$twitterDate['month'].'/'.$twitterDate['day'].'/'.$twitterDate['year'].'</b>- |
|
119 |
'.$twitterStatus.'<br><br>'; |
|
120 |
} |
|
121 |
?> |
|
91 | 122 |
</div> |
92 |
|
|
93 |
<div id="twitter-box"> |
|
94 |
<a href="http://www.twitter.com/colonyscout/" title="Colony Scout Twitter Feed"> |
|
95 |
<img src="images/team_twitter.jpg" alt="Colony Scout Twitter Feed"/></a></div> |
|
96 |
<div class="bot-gray"></div> |
|
97 | 123 |
</div> |
98 | 124 |
<div class="white-bottom"></div> |
99 | 125 |
</div> |
100 | 126 |
|
127 |
<div class="box-row topmargin"> |
|
128 |
<div class="white-top"></div> |
|
129 |
<div class="white-body text-box"> |
|
130 |
<div style="float:left;"> |
|
131 |
<h2>Meet the team >>></h2><br> |
|
132 |
<a href="/team.php"><img src="images/team.jpg" alt="Colony Scout Team"></a> |
|
133 |
</div> |
|
134 |
<div id="twitter-box" style="float:right; margin-right:80px;"> |
|
135 |
<a href="http://www.twitter.com/colonyscout/" title="Colony Scout Twitter Feed"> |
|
136 |
<img src="images/team_twitter.jpg" alt="Colony Scout Twitter Feed"/></a> |
|
137 |
</div> |
|
138 |
<div class="bot-gray"></div> |
|
139 |
</div> |
|
140 |
<div class="white-bottom"></div> |
|
141 |
</div> |
|
142 |
|
|
101 | 143 |
</div> |
102 | 144 |
</div> <!--BODY!--> |
103 | 145 |
|
... | ... | |
110 | 152 |
<?php |
111 | 153 |
$buffer = ob_get_contents(); |
112 | 154 |
ob_end_flush(); |
113 |
$fp = fopen($cacheFile, "w"); fwrite($fp, $buffer); fclose($fp); |
|
155 |
//$fp = fopen($cacheFile, "w"); fwrite($fp, $buffer); fclose($fp);
|
|
114 | 156 |
?> |
Also available in: Unified diff