120 Design Lessons - Day 006: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
Line 20: Line 20:
*[[120 Design Lessons]]
*[[120 Design Lessons]]
*[https://docs.google.com/spreadsheets/d/1qj4jscvrLyvwBTlUVRyJSC-ETpoR4CJ266BdG0Ly4AM/edit?usp=sharing%7C%7C| Seed Home Build Status Spreadsheet]
*[https://docs.google.com/spreadsheets/d/1qj4jscvrLyvwBTlUVRyJSC-ETpoR4CJ266BdG0Ly4AM/edit?usp=sharing%7C%7C| Seed Home Build Status Spreadsheet]
=More=
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
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>
<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">
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;
}
.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:600px;
    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>
</html>
<html>
<div>
<div class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/document/d/1gXDXGQm-9rlO_719WgQFEe6UyO2mJZVEennjsOqStOE/edit?usp=sharing',
  'windowname2',
  'width=600, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
  return false;" title="Status">Status</a>
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper"> 
<iframe src="https://wiki.opensourceecology.org/images/f/f3/Positionallycorrectmod1.png" frameborder="0" width="420" height="242" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</div>
</div>
<div class="fluidcontainer_youtubeandstatuslog">
<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 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>
<br style="clear:both" />
</div>
</html>

Revision as of 15:11, 7 July 2021

Working Doc

edit

Progress Tracker

edit

Videos From Yesterday

Links

Retrieved from "https://wiki.opensourceecology.org/index.php?title=120_Design_Lessons_-_Day_006&oldid=256841"