Flashy XM Test: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
No edit summary
 
(68 intermediate revisions by the same user not shown)
Line 28: Line 28:


<style type="text/css">
<style type="text/css">
a:link
{
color:rgb(0,0,0);
}
a:hover
{
color:rgb(255,0,0);
}
.headercontainer
{
    width:32.75%;
    float:left;
    margin:0px 0.875% 0px 0px;
}
.headercontainer_map
{
    width:32.75%
    float:left;
}
.headercontainer_video
{
    width:100%;
    float:left;
}
.headercontainer_statuslog
{
    width:66.375%;
    float:left;
}


.fluidcontainer
.fluidcontainer
{
{
     width:32.75%;
     width:100%;
     border: 2px solid black;     
     border: 2px solid black;     
     float:left;
     float:left;
Line 69: Line 104:
     padding-top: 25px;
     padding-top: 25px;
     height: 0;
     height: 0;
    width:100%;
    height:100%;
}
}


Line 91: Line 128:
h3
h3
{
{
     font-size:125%;
     font-size:145%;
    font-family: 'Arvo', serif;
    letter-spacing:1px;
    margin-bottom:-3px;
}
}


h4
h4
{
{
     font-size:100%;
     font-size:120%;
    font-family: 'Arvo', serif;
    margin-bottom:-2px;
}
}


.youtube
.youtube
{
{
     width:32.75%;
     width:100%;
     border: 2px solid black;
     border: 2px solid black;
     float:left;
     float:left;
Line 115: Line 157:
.statuslog
.statuslog
{
{
     width:66.375%;
     width:100%;
     border: 2px solid black;
     border: 2px solid black;
     float:left;
     float:left;
Line 160: Line 202:


<html>
<html>
<div style="width:100%;">
 
 
<div>
<div>
<h3 style="text-align:right; width:100%;">
 
 
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"  
<a href="javascript: void(0)"  
   onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dGFGMVluOF83ak9HNHVvTEg5UU42S3c6MQ#gid=0',  
   onclick="window.open('https://docs.google.com/presentation/d/1TP1cAIdr68xK_WVkpnIQgI09E3lsZMLlcjl-SDPJj8w/present#slide=id.p',  
   'windowname2',  
   'windowname2',  
   'width=650, \
   'width=600, \
   height=700, \
   height=600, \
   directories=no, \
   directories=no, \
   location=no, \
   location=no, \
Line 175: Line 222:
   status=no, \
   status=no, \
   toolbar=no');  
   toolbar=no');  
   return false;" title="Flash Mob Survey">Flash Mob Recruiting Survey</a>
   return false;" title="Flashy XM Tutorial">Flashy XM Tutorial</a>
</h3>
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper"> 
<iframe src="https://docs.google.com/presentation/embed?id=1TP1cAIdr68xK_WVkpnIQgI09E3lsZMLlcjl-SDPJj8w&start=true&loop=true&delayms=3000" frameborder="0" width="420" height="242" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</div>
</div>
</div>


<div>
<div class="headercontainer">
<h4 style="text-align:right; width:99.8%;">
<h4>
<a href="javascript: void(0)"  
<a href="javascript: void(0)"  
   onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=0',  
   onclick="window.open('https://docs.google.com/drawings/d/1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4/edit',  
   'windowname2',  
   'windowname2',  
   'width=1100, \
   'width=800, \
   height=600, \
   height=600, \
   directories=no, \
   directories=no, \
Line 193: Line 245:
   status=no, \
   status=no, \
   toolbar=no');  
   toolbar=no');  
   return false;" title="Flash Mob Survey Results">Results</a>
   return false;" title="Systems Engineering Breakdown Diagram">Systems Engineering Breakdown Diagram</a>
</h4>
</h4>
</div>
<br style="clear:both" />
</div>
<div>
<div class="fluidcontainer">
<div class="fluidWrapper"> 
<iframe src="https://docs.google.com/presentation/embed?id=1TP1cAIdr68xK_WVkpnIQgI09E3lsZMLlcjl-SDPJj8w&start=true&loop=true&delayms=3000" frameborder="0" width="420" height="242" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</div>
<div class="fluidcontainer">
<div class="fluidcontainer">
<div class="fluidWrapper">
<div class="fluidWrapper">
Line 224: Line 262:
   toolbar=no');  
   toolbar=no');  
   return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/drawings/pub?id=1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4&w=960&h=720" border="0"></a>
   return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/drawings/pub?id=1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4&w=960&h=720" border="0"></a>
</div>
</div>
</div>
</div>
</div>


<div class="headercontainer_map">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=1',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Map">Flash Mob Map</a>
</h4>
<div class="fluidcontainer_map">
<div class="fluidcontainer_map">
<div class="fluidWrapper">
<div class="fluidWrapper">
Line 242: Line 297:
   toolbar=no');  
   toolbar=no');  
   return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/spreadsheet/oimg?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c&oid=2&zx=z41rgv36ee80" /></a>
   return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/spreadsheet/oimg?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c&oid=2&zx=z41rgv36ee80" /></a>
 
</div>
</div>
</div>
</div>
</div>
Line 248: Line 303:
</div>
</div>


<h4 style="text-align:left; width:99.8%; float:right;">
<div class="fluidcontainer_youtubeandstatuslog">
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"  
<a href="javascript: void(0)"  
   onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc6MQ',  
   onclick="window.open('http://www.youtube.com/user/marcinose',  
   'windowname2',  
   'windowname2',  
   'width=650, \
   'width=700, \
   height=450, \
   height=800, \
   directories=no, \
   directories=no, \
   location=no, \
   location=no, \
Line 261: Line 319:
   status=no, \
   status=no, \
   toolbar=no');  
   toolbar=no');  
   return false;" title="Completed Tasks">Enter Completed Tasks into the Status Log</a>
   return false;" title="Video Log">Video Log</a>
</h4>
</h4>
<div class="fluidcontainer_youtubeandstatuslog">
<div class="youtube">
<div class="youtube">
<div class="fluidWrapper">  
<div class="fluidWrapper">  
Line 270: Line 326:
</div>
</div>
</div>
</div>
</div>
<div class="headercontainer_statuslog">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc6MQ#gid=1',
  'windowname2',
  'width=650, \
  height=450, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Enter Completed Tasks Into the Status Log">Status Log</a>
</h4>
<div class="statuslog">
<div class="statuslog">
<iframe width='100%' height='240' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Aj7WbjRT9mlmdHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc&output=html&widget=true'></iframe>
<iframe width='100%' height='240' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Aj7WbjRT9mlmdHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc&output=html&widget=true'></iframe>
</div>
</div>
</div>
<br style="clear:both" />
<br style="clear:both" />
</div>
</div>
Line 289: Line 365:
   status=no, \
   status=no, \
   toolbar=no');  
   toolbar=no');  
   return false;" title="Completed Tasks">Task Board</a>
   return false;" title="Task Board">Task Board</a>
</h4>
</h4>
<div>
<div>
Line 308: Line 384:
   status=no, \
   status=no, \
   toolbar=no');  
   toolbar=no');  
   return false;" title="Completed Tasks">Control Panel</a>
   return false;" title="Control Panel">Control Panel</a>
</h4>
</h4>



Latest revision as of 20:46, 16 May 2012


Task Board

Control Panel