Open Source Ecology Germany: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Modify design, structure for responsiveness. [Work in progress] Committing frequently to be able to revert in fine grained steps.)
(Modify design, structure for responsiveness. [Work in progress] Replace table with div elements and proper structure for parsing.)
Zeile 1: Zeile 1:
 
{{DISPLAYTITLE:<span style="display:none"></span>}}
 
{{DISPLAYTITLE:<span style="display:none"></span>}}
 
<html>
 
<html>
<table class="table2columns">
+
<!-- PROJECTS -->
<tr>
+
<div class="projects">
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Solarbox_logo4_50x37.png|50px|link=SolarBox]]<html><br></html>[[SolarBox|Solar Energie System]]<html></span></td>
 
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Unipro_icon2.png|50px|link=Universal Prototyping Kit]]<html><br></html>[[Universal Prototyping Kit|Baukasten]]<html></span></td>
 
</tr>
 
</table>
 
  
 +
<!--PROJECT TEMPLATE
 +
<div class=""><span rel="tooltip" title="Projekt aktiv!"></html>[[File: |50px|link=]]<html><br></html>[[]]<html></span></div>
 +
-->
  
<table class="table2columns">
 
<tr>
 
<td class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Icon5c.png|50px|link=Zn/O-Brennstoffzelle]]<html><br></html>[[Zn/O-Brennstoffzelle]]<html></span></td>
 
<td class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:thumb_boxfarm_big_frei_akzent.png|50px|link=Boxfarm]]<html><br></html>[[Boxfarm|Hydroponikmodul]]<html></span></td>
 
</tr>
 
</table>
 
  
 +
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Solarbox_logo4_50x37.png|50px|link=SolarBox]]<html><br></html>[[SolarBox|Solar Energie System]]<html></span></div>
  
<table class="table2columns">
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Unipro_icon2.png|50px|link=Universal Prototyping Kit]]<html><br></html>[[Universal Prototyping Kit|Baukasten]]<html></span></div>
<tr>
 
<td class="testing"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Thumb_tiva_big_frei_akzent.png|50px|link=Wind_Turbine]]<html><br></html>[[Wind_Turbine|Windturbine]]<html></span></td>
 
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Plastic_shredder_50pxh.png|50px|link=Filamaker]]<html><br></html>[[Filamaker]]<html></span></td>
 
</tr>
 
</table>
 
  
 +
<div class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Icon5c.png|50px|link=Zn/O-Brennstoffzelle]]<html><br></html>[[Zn/O-Brennstoffzelle]]<html></span></div>
  
<table class="table2columns">
+
<div class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:thumb_boxfarm_big_frei_akzent.png|50px|link=Boxfarm]]<html><br></html>[[Boxfarm|Hydroponikmodul]]<html></span></div>
<tr>
 
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Metrische_CEB_Presse|Lehmziegelpresse]]<html></span></td>
 
<!-- td class="rd inactive"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Induction-furnace_50pxh.png|link=Induktionsofen]]<html><br></html>[[Induktionsofen]]<html></span></td -->
 
<td class="testing inactive"><span rel="tooltip" title="Projekt inaktiv! Testphase."></html>[[File:Tlud-stove_50pxh.png|link=Holzvergaserofen]]<html><br></html>[[Holzvergaserofen|Holzvergaserofen]]<html></span></td>
 
 
 
</tr>
 
</table>
 
  
 +
<div class="testing"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Thumb_tiva_big_frei_akzent.png|50px|link=Wind_Turbine]]<html><br></html>[[Wind_Turbine|Windturbine]]<html></span></div>
  
<table class="table2columns">
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Plastic_shredder_50pxh.png|50px|link=Filamaker]]<html><br></html>[[Filamaker]]<html></span></div>
<tr>
 
<td class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:MC_Step_Motor.png|50px|link=CNC_Circuit_Mill]]<html><br /></html>[[CNC_Circuit_Mill|CNC Platinenfräsen Elektronik]]<html></span></td>
 
  
<!--td class="documentation inactive"><span rel="tooltip" title="Projekt inaktiv, Dokumentationsphase!"></html>[[File:Rollhacke.png|50px|link=Rollhacke]]<html><br></html>[[Rollhacke]]<html></span></td -->
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Metrische_CEB_Presse|Lehmziegelpresse]]<html></span></div>
  
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[TempCTRL|Temperatur-Steuerung]]<html></span></td>
+
<!-- div class="rd inactive"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Induction-furnace_50pxh.png|link=Induktionsofen]]<html><br></html>[[Induktionsofen]]<html></span></div -->
  
</tr>
+
<div class="testing inactive"><span rel="tooltip" title="Projekt inaktiv! Testphase."></html>[[File:Tlud-stove_50pxh.png|link=Holzvergaserofen]]<html><br></html>[[Holzvergaserofen|Holzvergaserofen]]<html></span></div>
</table>
 
  
 +
<div class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:MC_Step_Motor.png|50px|link=CNC_Circuit_Mill]]<html><br /></html>[[CNC_Circuit_Mill|CNC Platinenfräsen Elektronik]]<html></span></div>
  
<table class="table2columns">
+
<!--div class="documentation inactive"><span rel="tooltip" title="Projekt inaktiv, Dokumentationsphase!"></html>[[File:Rollhacke.png|50px|link=Rollhacke]]<html><br></html>[[Rollhacke]]<html></span></div -->
<tr>
 
<td class="testing"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Wilssen_icon.png|50px|link=Wireless Wind Logging System]]<html><br /></html>[[Wilssen| Wireless Wind Logging System]]<html></span></td>
 
<td class="rd"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Agrokruh_placeholder.png|50px|link=AgroCircle]]<html><br /></html>[[AgroCircle| AgroCircle (AgroKruh)]]<html></span></td>
 
  
</tr>
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[TempCTRL|Temperatur-Steuerung]]<html></span></div>
</table>
 
  
 +
<div class="testing"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Wilssen_icon.png|50px|link=Wireless Wind Logging System]]<html><br /></html>[[Wilssen| Wireless Wind Logging System]]<html></span></div>
  
<table class="table2columns">
+
<div class="rd"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Agrokruh_placeholder.png|50px|link=AgroCircle]]<html><br /></html>[[AgroCircle| AgroCircle (AgroKruh)]]<html></span></div>
<tr>
 
<td class="documentation"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:DiVER.png|50px|link=DiVER]]<html><br /></html>[[DiVER]]<html></span></td>
 
<!-- <td class="rd"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Filapuller.png|50px|link=Filapuller]]<html><br /></html>[[Filapuller]]<html></span></td> -->
 
<td class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:HOG3D PlaDruMas.png|50px|link=HOG3D_PlaDruMas_-_Platinen-_und_Druck-Maschine]]<html><br></html>[[HOG3D_PlaDruMas_-_Platinen-_und_Druck-Maschine|Platinen- 3D-Drucker Kombi]]<html></span></td>
 
  
</tr>
+
<div class="documentation"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:DiVER.png|50px|link=DiVER]]<html><br /></html>[[DiVER]]<html></span></div>
</table>
 
  
 +
<!-- <div class="rd"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Filapuller.png|50px|link=Filapuller]]<html><br /></html>[[Filapuller]]<html></span></div> -->
  
<table class="table2columns">
+
<div class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:HOG3D PlaDruMas.png|50px|link=HOG3D_PlaDruMas_-_Platinen-_und_Druck-Maschine]]<html><br></html>[[HOG3D_PlaDruMas_-_Platinen-_und_Druck-Maschine|Platinen- 3D-Drucker Kombi]]<html></span></div>
<tr>
 
<!-- <td class="inactive"><span rel="tooltip" title="Projekt aktiv!"><br /></html>[[Hofladen]]<html></span></td> -->
 
<!-- PROJECT --><td class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Milking_robot.png|50px|link=Milking_robot]]<html><br /></html>[[Milking_robot| Mobiler Melkroboter]]<html></span></td><!-- PROJECT -END -->
 
  
</tr>
+
<!-- <div class="inactive"><span rel="tooltip" title="Projekt aktiv!"><br /></html>[[Hofladen]]<html></span></div> -->
</table>
 
  
 +
<!-- PROJECT --><div class="prototype"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Milking_robot.png|50px|link=Milking_robot]]<html><br /></html>[[Milking_robot| Mobiler Melkroboter]]<html></span></div><!-- PROJECT -END -->
  
<table class="table2columns">
+
<!-- PROJECT --><div class="documentation"><span rel="tooltip" title="Projekt aktiv!"><span style="display:inline-block; text-align:center;"></html> [[File:Archimedes_screw_credit_Britannica.png|left|17px| link=EDUWAFA_Energie_DUrch_WAsserMAssen]] <html>&nbsp; | &nbsp;</html> [[File:EDUWAFA.png|12px| link=EDUWAFA_Energie_DUrch_WAsserFAll]]<html>&rarr;</html>[[File:Electricity.png|17px| link=https://github.com/worlddevelopment/electricity_from_stream]]  <html></span></html>
<tr>
 
<!-- PROJECT --><td class="documentation"><span rel="tooltip" title="Projekt aktiv!"><span style="display:inline-block; text-align:center;"></html> [[File:Archimedes_screw_credit_Britannica.png|left|17px| link=EDUWAFA_Energie_DUrch_WAsserMAssen]] <html>&nbsp; | &nbsp;</html> [[File:EDUWAFA.png|12px| link=EDUWAFA_Energie_DUrch_WAsserFAll]]<html>&rarr;</html>[[File:Electricity.png|17px| link=https://github.com/worlddevelopment/electricity_from_stream]]  <html></span></html>
 
 
[[File:Waterwheel.png|50px| link=https://github.com/faerietree/waterwheel]]
 
[[File:Waterwheel.png|50px| link=https://github.com/faerietree/waterwheel]]
<html><br /><a href="https://github.com/worlddevelopment/electricity_from_stream">Electricity from stream</a></span></td><!-- PROJECT -END -->
+
<html><br /><a href="https://github.com/worlddevelopment/electricity_from_stream">Electricity from stream</a></span></div><!-- PROJECT -END -->
  
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Grubber3_50px.png|50px|link=Zukunftsgeräte]]<html><br></html>[[Zukunftsgeräte|Zukunftsgeräte für Zugpferde]]<html></span></td>
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Grubber3_50px.png|50px|link=Zukunftsgeräte]]<html><br></html>[[Zukunftsgeräte|Zukunftsgeräte für Zugpferde]]<html></span></div>
  
</tr>
+
<div class="rd inactive"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Hoflader.png|50px|link=Hoflader]]<html><br></html>[[Hoflader]]<html></span></div>
</table>
 
  
 +
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Ohloom|Kammwebstuhl]]<html></span></div>
  
<table class="table2columns">
+
<div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Petbottle2string|Plastikflaschen-Konverter]]<html></span></div>
<tr>
 
<!-- td class=""--><!--PROJECT TEMPLATE <span rel="tooltip" title="Projekt aktiv!"></html>[[File: |50px|link=]]<html><br></html>[[]]<html></span>-->
 
<!--/td -->
 
<!-- td class=""><!--PROJECT TEMPLATE <span rel="tooltip" title="Projekt aktiv!"></html>[[File: |50px|link=]]<html><br></html>[[]]<html></span>--></td -->
 
<td class="rd inactive"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Hoflader.png|50px|link=Hoflader]]<html><br></html>[[Hoflader]]<html></span></td>
 
  
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Ohloom|Kammwebstuhl]]<html></span></td>
 
  
 +
</div>
 +
<!-- PROJECTS -END -->
  
</tr>
 
</table>
 
  
  
<table class="table2columns">
+
<!-- LEGEND -->
<tr>
+
<div style="clear: both;">&nbsp;</div>
 +
<div class="projects_legend"><legend>Legende:
 +
</legend>
 +
<div class="inactive">Projekt inaktiv!<br /><a href="Open_Source_Ecology_Germany/Profil">Entwickler gesucht!</a></div>
 +
<div class="research">R & D<br />Forschung & Entwicklung</div>
 +
<div class="prototyping">Prototyp</div>
 +
<div class="documentation">Dokumentation</div>
 +
<div class="testing">Testphase</div>
 +
<div class="release">Released</div>
  
 +
</div>
 +
<!-- LEGEND -END -->
  
 
<td class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Petbottle2string|Plastikflaschen-Konverter]]<html></span></td>
 
 
 
</tr>
 
</table>
 
 
 
<table class="table2columns">
 
<tr><th colspan="2" style="text-align:left;"><!-- LEGENDE -->Legende:</th></tr>
 
 
<tr>
 
<td class="inactive">Projekt inaktiv!<br /><a href="Open_Source_Ecology_Germany/Profil">Entwickler gesucht!</a></td><td class="research">R & D<br />Forschung & Entwicklung</td>
 
 
</tr>
 
</table>
 
 
 
<table class="table2columns">
 
<tr>
 
 
<td class="prototyping">Prototyp</td><td class="documentation">Dokumentation</td>
 
 
</tr>
 
</table>
 
  
  
<table class="table2columns">
 
<tr>
 
<td class="testing">Testphase</td><td class="release">Released</td>
 
</tr>
 
 
</tr>
 
</table>
 
  
  
 
<table class="">
 
<table class="">
<tr>
 
  
 
<tr><td colspan="5" align="left"><h2 style="border-bottom:1px solid grey;">&nbsp;Kontakt</h2></td><td colspan="5" align="right"><h2 style="border-bottom:1px solid grey;">Hilfe&nbsp;</h2></td></tr><tr><td><a href="/Open_Source_Ecology_Germany/OSEG_Kommunikation"><img src="/images/icons/megaphone.png"></a></td><td><a href="/Open_Source_Ecology_Germany/Events"><img src="/images/icons/event.png"></a></td><td><a href="https://forum.opensourceecology.de"><img src="/images/icons/users_comments.png"></a></td>
 
<tr><td colspan="5" align="left"><h2 style="border-bottom:1px solid grey;">&nbsp;Kontakt</h2></td><td colspan="5" align="right"><h2 style="border-bottom:1px solid grey;">Hilfe&nbsp;</h2></td></tr><tr><td><a href="/Open_Source_Ecology_Germany/OSEG_Kommunikation"><img src="/images/icons/megaphone.png"></a></td><td><a href="/Open_Source_Ecology_Germany/Events"><img src="/images/icons/event.png"></a></td><td><a href="https://forum.opensourceecology.de"><img src="/images/icons/users_comments.png"></a></td>
Zeile 190: Zeile 131:
 
<style type="text/css">/*<![CDATA[*/
 
<style type="text/css">/*<![CDATA[*/
 
<!-- responsive design -->
 
<!-- responsive design -->
table.table2columns {
+
 
 +
.projects
 +
,.projects_legend {
 +
    background: #F0EEB7;
 +
    font-size: 0.7rem;
 +
}
 +
 
 +
.projects div
 +
,.projects_legend div {
 
     border: .1rem solid white;
 
     border: .1rem solid white;
 
     border-radius: 1rem;
 
     border-radius: 1rem;
 +
    display: inline-block;
 
     float: left;
 
     float: left;
 
     text-align: center;
 
     text-align: center;
     width: 5rem;
+
     width: 10rem;
}
+
     height: 10rem;
table.table2columns tr {
 
    background: #F0EEB7;
 
    font-size: 0.7rem;
 
}
 
table.table2columns tr td {
 
    width: 20rem;
 
     height: 20rem;
 
 
}
 
}
  
td.inaktiv,
+
.inaktiv,
td.inactive {
+
.inactive {
 
     opacity: .20;
 
     opacity: .20;
 
     filter: alpha(opacity=20);
 
     filter: alpha(opacity=20);
Zeile 217: Zeile 160:
 
}
 
}
  
td.inaktiv:hover,
+
.inaktiv:hover,
td.inactive:hover {
+
.inactive:hover {
 
     opacity: 1;/*.95;*/
 
     opacity: 1;/*.95;*/
 
     filter: alpha(opacity=100);
 
     filter: alpha(opacity=100);
Zeile 228: Zeile 171:
 
}
 
}
  
td.inaktiv:hover a,
+
.inaktiv:hover a,
td.inactive:hover a {
+
.inactive:hover a {
 
     color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 
     color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 
}
 
}
Zeile 241: Zeile 184:
  
 
/* R & D */
 
/* R & D */
td.rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
+
.rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
td.research,
+
.research,
td.development {
+
.development {
 
     background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 
     background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 
}
 
}
td.rd,
+
.rd,
td.rd a,
+
.rd a,
td.research,
+
.research,
td.development,
+
.development,
td.research a,
+
.research a,
td.development a {
+
.development a {
 
     color: rgb(80, 79, 48);
 
     color: rgb(80, 79, 48);
 
}
 
}
  
 
/* PROTOTYPING */
 
/* PROTOTYPING */
td.prototyp,
+
.prototyp,
td.prototype,
+
.prototype,
td.prototyping {
+
.prototyping {
 
     background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 
     background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 
}
 
}
td.prototyp,
+
.prototyp,
td.prototyp a,
+
.prototyp a,
td.prototype,
+
.prototype,
td.prototype a,
+
.prototype a,
td.prototyping,
+
.prototyping,
td.prototyping a {
+
.prototyping a {
 
     color: rgb(80, 79, 48);
 
     color: rgb(80, 79, 48);
 
}
 
}
  
 
/* DOCUMENTATION */
 
/* DOCUMENTATION */
td.dokumentation,
+
.dokumentation,
td.documentation {
+
.documentation {
 
     background-color:  #F0EEB7;/*tan <-- OSE US*/;
 
     background-color:  #F0EEB7;/*tan <-- OSE US*/;
 
}
 
}
td.dokumentation,
+
.dokumentation,
td.dokumentation a,
+
.dokumentation a,
td.documentation,
+
.documentation,
td.documentation a {
+
.documentation a {
 
   color: rgb(80, 79, 48);
 
   color: rgb(80, 79, 48);
 
}
 
}
td.dokumentation,
+
.dokumentation,
td.documentation {
+
.documentation {
 
     background-image: -webkit-linear-gradient(center 51%, #F8F6D7, transparent);/*use 0deg instead of center for horizontal gradient*/
 
     background-image: -webkit-linear-gradient(center 51%, #F8F6D7, transparent);/*use 0deg instead of center for horizontal gradient*/
 
     background-image: -moz-linear-gradient(center 51%, #F8F6D7, transparent);
 
     background-image: -moz-linear-gradient(center 51%, #F8F6D7, transparent);
Zeile 290: Zeile 233:
 
}
 
}
  
td.testing {
+
.testing {
 
     background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 
     background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 
}
 
}
td.testing,
+
.testing,
td.testing a {
+
.testing a {
 
     color: rgb(255, 254, 223);/*#F8F6D7;*/
 
     color: rgb(255, 254, 223);/*#F8F6D7;*/
 
}
 
}
  
  
td.complete,
+
.complete,
td.release,
+
.release,
td.released {
+
.released {
 
     background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 
     background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 
}
 
}
td.complete,
+
.complete,
td.release,
+
.release,
td.released,
+
.released,
td.complete a,
+
.complete a,
td.release a,
+
.release a,
td.released a {
+
.released a {
 
     color: rgb(43, 57, 3); /* #F8F6D7;*/
 
     color: rgb(43, 57, 3); /* #F8F6D7;*/
 
}
 
}

Version vom 7. Dezember 2016, 18:13 Uhr

 
Legende:
Projekt inaktiv!
Entwickler gesucht!
R & D
Forschung & Entwicklung
Prototyp
Dokumentation
Testphase
Released

 Kontakt

Hilfe 

KommunikationEventsForum BlogStart KontaktSoftwareFAQ
 

 Open Source Ecology Germany

OSEG LiveWerteOpen Source EconomyNetzwerkFreunde

Die Open Source Ecology (OSE) Germany ist eine offene Bewegung, die eine Open Source Ökonomie aufbaut, welche sowohl Produktion als auch Verteilung optimiert, und dabei Regeneration der Umwelt und soziale Gerechtigkeit fördert.

Wir entwickeln die '''Technologien''' zum Aufbau einer lokalen Ökonomie, von Traktoren über Windkraftwerke bis hin zu Autos, verbessern diese kontinuierlich gemäß nachhaltigen Grundwerten wie Reproduzierbarkeit, Modularität, Eignung für den Eigenbau sowie ökologischem Design, und stellen die Ergebnisse jedem Open Source zur Verfügung.

Facebook logo.png Twitter logo.png Youtube logo.png  
Externe Netzwerke Beitreten und eigenes Profil erstellen Spenden Unterstützen