|
|
| Line 10: |
Line 10: |
| <iframe src="https://kb.jambonaka.ovh/?controller=BoardViewController&action=show&project_id=3&search=status%3Aopen" width=80% height=500> | | <iframe src="https://kb.jambonaka.ovh/?controller=BoardViewController&action=show&project_id=3&search=status%3Aopen" width=80% height=500> |
| </iframe></html> | | </iframe></html> |
|
| |
| =COVID 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: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" />
| |
|
| |
| <!------------------------------------- FIRST WINDOW--------------------------------------->
| |
| <!------------------------------------- FIRST WINDOW--------------------------------------->
| |
|
| |
| <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 - First Window</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&w=960&h=720" border="0"></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!------------------------------------- SECOND WINDOW--------------------------------------->
| |
| <!------------------------------------- SECOND WINDOW--------------------------------------->
| |
|
| |
| <div class="headercontainer">
| |
| <h4>
| |
| <a href="javascript: void(0)"
| |
| onclick="window.open('https://www.youtube.com/user/marcinose/videos?view_as=subscriber',
| |
| '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 - Second Window</a>
| |
| </h4>
| |
| <div class="youtube">
| |
| <div class="fluidWrapper">
| |
|
| |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/2JAYPKJcgQM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!------------------------------------- THIRD WINDOW--------------------------------------->
| |
|
| |
|
| |
| <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 - Third Window</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) - Fourth Window">
| |
| <img height="320px" src="https://docs.google.com/drawings/pub?id=1lp3fTsiTzLC-xO4m9EaBOvXCJwGIo9Zt9vi0tYAw2S4&w=960&h=720" border="0"></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
|
| |
| <div class="headercontainer">
| |
| <h4>
| |
| <a href="javascript: void(0)"
| |
| onclick="window.open('https://www.youtube.com/user/marcinose/videos?view_as=subscriber',
| |
| '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 - Fourth Window</a>
| |
| </h4>
| |
| <div class="youtube">
| |
| <div class="fluidWrapper">
| |
|
| |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/2JAYPKJcgQM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!------------------------------------- FIFTH WINDOW--------------------------------------->
| |
| <!------------------------------------- FIFTH WINDOW--------------------------------------->
| |
|
| |
| <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 - FIFTH WINDOW</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>
| |
|
| |
|
| |
|
| |
|
| |
| <br style="clear:both" />
| |
|
| |
| </p>
| |
|
| |
| </html>
| |
|
| |
|
| =Best Candidates= | | =Best Candidates= |
Hint: Problem Statement (last updated 3/26/20):(1) Develop proper seal for 3D printable, reusable mask (replaceable filter element); (2) Document sources of readily-available filter material supplies everywhere in the world; (3) Print and test masks; (4) Produce as many masks as possible with 3D printers.