X 2020: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
m (Kienle moved page X to X 2020: Addresses 2020, make room for 2021)
 
(58 intermediate revisions by 4 users not shown)
Line 1: Line 1:
This is it
=About=
We are creating a dashboard/control center for 100+ people collaborating over the [https://www.opensourceecology.org/summer-x-2020/ Summer of Extreme Design-Build] program. The ideas is to facilitate building upon everyone's contributions.
 
=Participants=
'''Team (13 ppl):''' [[Marcin Log]] - [[Benoit Log]] (mth 1-3) - [[Daniel Log]] - [[Kienle Log]] (mth 1) - [[Jeff Log]] - [[Jessica Log]] - [[Catarina Log]] - [[Gabe Log]] - [[Michel Log]] (mth 1) - [[William Log]] (mth 1) - [[Chris Log]] (mth 1) - [[Gary Log]] - [[Tom Log]]
 
vi=X Collaboration Dashboard=
<html>
  <head>
<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;
    max-height:342px;
}
 
.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 class="headercontainer">
<h4>
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/presentation/d/1xAlAslbR0N6A3qcufc_w8TCtCNvMnER3fK6mM2egVvw/edit#slide=id.g5c3be0ce2d_1_28',
  'windowname2',
  'width=1800, \
  height=900, \
  directories=no, \
  location=yes, \
  menubar=yes, \
  resizable=no, \
  scrollbars=1, \
  status=yes, \
  toolbar=yes');
  return false;" title="Visual Commits">Visual Commits</a>
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper"> 
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSxRkCpG2fojF8j7l4o0tFgxLTFnImejnMQGWahOSW0hkiGfkCn4TUaM-0eahbqHoTc4TxA-9KLncEB/embed?start=false&loop=false&delayms=3000" frameborder="0" width="560" height="730" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
</div>
</div>
 
</div>
<br style="clear:both" />
 
</p>
 
</html>
 
=Onboarding Process=
#[[Summer X Onboarding Survey]]
#[https://docs.google.com/document/d/1QRTRaE3XyfGpnXeXQ1yFhaNppxYaGwqmceS0nm7zyS4/edit# Personal Build Wishlist]
#*[[Summer X Wishlist Submissions]]
 
=Organizational Links=
#
 
=Links=
#[[Summer X Flyer]]
#[[Visual Commit Protocol]]
#[[OSE Workshops FB Page]]
#[[STEAM Camp Schedule]]
#[[X Modules]]

Latest revision as of 10:29, 14 September 2021

About

We are creating a dashboard/control center for 100+ people collaborating over the Summer of Extreme Design-Build program. The ideas is to facilitate building upon everyone's contributions.

Participants

Team (13 ppl): Marcin Log - Benoit Log (mth 1-3) - Daniel Log - Kienle Log (mth 1) - Jeff Log - Jessica Log - Catarina Log - Gabe Log - Michel Log (mth 1) - William Log (mth 1) - Chris Log (mth 1) - Gary Log - Tom Log

vi=X Collaboration Dashboard=

Video Log


Onboarding Process

  1. Summer X Onboarding Survey
  2. Personal Build Wishlist

Organizational Links

Links

  1. Summer X Flyer
  2. Visual Commit Protocol
  3. OSE Workshops FB Page
  4. STEAM Camp Schedule
  5. X Modules