X 2020: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
This is it
<html>
  <head>


Yes it is


=Links=
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
*[[Summer of Extreme Design-Build 2020]]
<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">
 
a:link
{
color:#6495ED;
}
 
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
{
    width:100%;
    border: 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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height:242px;
}
 
.fluidcontainer_map
{
    width:32.75%;
    border: 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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.fluidcontainer_youtubeandstatuslog
{
    width:100%;
    max-height:242px;
}
 
.fluidWrapper
{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width:100%;
    height:100%;
}
 
.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:145%;
    font-family: 'Arvo', serif;
    letter-spacing:1px;
    margin-bottom:-3px;
}
 
h4
{
    font-size:120%;
    font-family: 'Arvo', serif;
    margin-bottom:-2px;
}
 
.youtube
{
    width:100%;
    border: 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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.statuslog
{
    width:100%;
    border: 2px solid black;
    float:left;
    max-height:244px;
    -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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.taskboard
{
    height:350px;
    width:100%;
    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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.controlpanel
{
    border:2px solid black;
    height:354px;
    width:100%;
    -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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
</style>
  </head>
 
<br style="clear:both" />
 
 
 
 
<div height="320px">
 
<div class="headercontainer">
<h4>
<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="OSE Systems Diagram">OSE Systems Diagram</a>
</h4>
<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 height="320px" src="https://docs.google.com/drawings/pub?id=1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4&amp;w=960&amp;h=720" border="0"></a>
</div>
</div>
</div>
 
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('http://www.youtube.com/user/marcinose',
  'windowname2',
  'width=700, \
  height=800, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Video Log">Video Log</a>
</h4>
<div class="youtube">
<div class="fluidWrapper">
  <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0"width="430.76" height="242" type="text/html" src="https://www.youtube.com/embed/qRYacJW77Gs?autoplay=0&fs=1&iv_load_policy=3&showinfo=0&rel=0&cc_load_policy=0&start=0&end=0"><div></div></iframe>
</div>
</div>
</div>
 
 
</div>
<br style="clear:both" />
 
<div class="headercontainer">
<h4 style="display:inline;">
<a href="https://docs.google.com/spreadsheet/">Some spreadsheet</a></h4>
</h4>
<div class="controlpanel">
<iframe width='100%' height='350' frameborder='0' src='https://docs.google.com/spreadsheet/&amp;output=html&amp;widget=true'></iframe>
</div>
</div>
 
<div class="headercontainer">
<h4 style="display:inline;">
<a href="https://docs.google.com/document/">Some document</a></h4>
</h4>
<div class="controlpanel">
<iframe width='100%' height='350' frameborder='0' src='https://docs.google.com/document/&amp;output=html&amp;widget=true'></iframe>
</div>
</div>
 
<br style="clear:both" />
 
</p>
<h1><span class="mw-headline" id="Links">Useful links</span></h1>
<ul><li><a href="https://www.facebook.com/OpenSourceEcology/">Facebook</a></li></ul>
<ul><li><a href="https://twitter.com/osecology?lang=en">Twitter</a></li></ul>
<ul><li><a href="/wiki/Summer_of_Extreme_Design-Build_2020" title="Summer of Extreme Design-Build 2020">Summer of Extreme Design-Build 2020</a></li></ul>
</html>

Revision as of 22:56, 9 February 2020


Video Log



Useful links