Prototype 2: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
No edit summary
Line 3: Line 3:
<head>
<head>


<script language="JavaScript" type="text/JavaScript">
<SCRIPT TYPE="text/javascript">
 
<!--
<!--
function wimpyPopPlayer(theFile,id,stuff) {
function popup(mylink, windowname)
  window.open(theFile,id,stuff);
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
  href=mylink;
else
  href=mylink.href;
window.open(href, windowname, 'width=400,height=200,scrollbars=yes');
return false;
}
}
//-->
//-->
</script>
 
</SCRIPT>
 
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
.fluidcontainer
{
    width:32.75%;
    outline: 2px solid black;   
    float:left;
    margin:0px 0.875% 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
 
.fluidcontainer_map
{
    width:32.75%;
    outline: 2px solid black;
    float:left;
    margin:0px 0px 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
 
.fluidcontainer_youtubeandstatuslog
{
    width:100%;
    max-height:242px;
}
 
.fluidWrapper
{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
 
.fluidWrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
.fluidWrapper img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
h3
{
    font-size:100%;
}
 
.youtube
{
    width:32.75%;
    outline: 2px solid black;
    float:left;
    margin-right:0.875%;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
 
.statuslog
{
    width:66.375%;
    outline: 2px solid black;
    float:left;
    max-height:242px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
 
.taskboard
{
    height:350px;
    width:99.8%;
    margin:10px 0px 0px 0px;
    border:2px solid black;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    min-width:1000px;
}
 
.controlpanel
{
    border:2px solid black;
    height:350px;
    width:99.8%;
    min-width:1000px;
    margin:10px 0px 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}
 
</style>


</head>
</head>
Line 16: Line 139:


<html>
<html>
<div style="width:100%;">
<div>
<h3 style="text-align:right; width:99.8%; float:right;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dGFGMVluOF83ak9HNHVvTEg5UU42S3c6MQ#gid=0',
  'windowname2',
  'width=650, \
  height=700, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Survey">Flash Mob Recruiting Survey</a>
</h3>
</div>
<div>
<h3 style="text-align:right; width:99.8%; float:right;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=0',
  'windowname2',
  'width=1100, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Survey Results">Results</a>
</h3>
</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="fluidWrapper">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/drawings/d/1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4/edit',
  'windowname2',
  'width=800, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=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>
</div>
</div>
<div class="fluidcontainer_map">
<div class="fluidWrapper">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=1',
  'windowname2',
  'width=1100, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Flash Mob Participants Map"><img src="https://docs.google.com/spreadsheet/oimg?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c&oid=2&zx=optfww56kv92" /></a>
</div>
</div>
<br style="clear:both" />
</div>
<h3 style="text-align:right; width:99.8%; float:right;">
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc6MQ',
  'windowname2',
  'width=650, \
  height=450, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Completed Tasks">Enter Completed Tasks into the Status Log</a>
</h3>
<div class="fluidcontainer_youtubeandstatuslog">
<div class="youtube">
<div class="fluidWrapper">
<iframe width="420" height="242" src="https://www.youtube.com/embed//videoseries?list=UUjvBN1r7UXXqmIbx_u7bIAw&amp;hl=en_US" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="statuslog">
<iframe width='100%' height='242' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Aj7WbjRT9mlmdHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc&output=html&widget=true'></iframe>
</div>
<br style="clear:both" />
</div>


<a href="javascript:;" onClick="wimpyPopPlayer('http://opensourceecology.org/wiki/File:Racky.jpg','wimpyMP3player','width=1,height=1')"><img src="http://www.google.com/imgres?hl=en&biw=1366&bih=681&gbv=2&tbm=isch&tbnid=VBOrAFhXwLtm_M:&imgrefurl=http://elearning2k.simpleflame.com/services/Enrichment/Houma/classes&docid=wdJ9GSK0zjVRSM&imgurl=http://elearning2k.simpleflame.com/images/Enrichment/Houma/basket1.jpg&w=447&h=344&ei=9J2uT9a3IYnWiALC1eGTBA&zoom=1" border="0" align="top"></a>
<div>
<iframe frameborder="0" class="taskboard" src="https://scrumy.com/ose_organization"></iframe>
</div>


<div class="controlpanel">
<iframe width='99.8%' height='350' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE&output=html&widget=true'></iframe>
</div>


</html>
</html>

Revision as of 02:18, 15 May 2012



Enter Completed Tasks into the Status Log


Retrieved from "https://wiki.opensourceecology.org/index.php?title=Prototype_2&oldid=62031"