Project

General

Profile

Revision 781890a0

ID781890a0a437f072a6be18ceb37345bd650632b9

Added by Dan Shope over 12 years ago

Updated website structure, navigation, and graphics.

View differences:

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 &gt;&gt;</a>
82
						<br/>
83
						<a href="intro.php" class="small">Learn More &gt;&gt;&nbsp;|&nbsp;</a><a href="gallery.php" class="small">See it in action &gt;&gt;</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 &gt;&gt;></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