Open Source Ecology Germany: Unterschied zwischen den Versionen
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> | ||
− | < | + | <!-- PROJECTS --> |
− | + | <div class="projects"> | |
− | |||
− | < | ||
− | |||
− | |||
+ | <!--PROJECT TEMPLATE | ||
+ | <div class=""><span rel="tooltip" title="Projekt aktiv!"></html>[[File: |50px|link=]]<html><br></html>[[]]<html></span></div> | ||
+ | --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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> | ||
− | < | + | <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> |
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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> | ||
− | < | + | <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> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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> | ||
− | < | + | <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> |
− | |||
− | |||
− | < | + | <div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Metrische_CEB_Presse|Lehmziegelpresse]]<html></span></div> |
− | < | + | <!-- 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 --> |
− | </ | + | <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> |
− | </ | ||
+ | <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> | ||
− | < | + | <!--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 --> |
− | |||
− | |||
− | |||
− | </ | + | <div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[TempCTRL|Temperatur-Steuerung]]<html></span></div> |
− | </ | ||
+ | <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> | ||
− | < | + | <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> |
− | |||
− | |||
− | |||
− | |||
− | </ | + | <div class="documentation"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:DiVER.png|50px|link=DiVER]]<html><br /></html>[[DiVER]]<html></span></div> |
− | </ | ||
+ | <!-- <div class="rd"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Filapuller.png|50px|link=Filapuller]]<html><br /></html>[[Filapuller]]<html></span></div> --> | ||
− | < | + | <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> |
− | |||
− | |||
− | |||
− | </ | + | <!-- <div class="inactive"><span rel="tooltip" title="Projekt aktiv!"><br /></html>[[Hofladen]]<html></span></div> --> |
− | </ | ||
+ | <!-- 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 --> | ||
− | + | <!-- 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> | </html> [[File:EDUWAFA.png|12px| link=EDUWAFA_Energie_DUrch_WAsserFAll]]<html>→</html>[[File:Electricity.png|17px| link=https://github.com/worlddevelopment/electricity_from_stream]] <html></span></html> | |
− | |||
− | <!-- PROJECT -->< | ||
[[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></ | + | <html><br /><a href="https://github.com/worlddevelopment/electricity_from_stream">Electricity from stream</a></span></div><!-- PROJECT -END --> |
− | < | + | <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> |
− | </ | + | <div class="rd inactive"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Hoflader.png|50px|link=Hoflader]]<html><br></html>[[Hoflader]]<html></span></div> |
− | </ | ||
+ | <div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Ohloom|Kammwebstuhl]]<html></span></div> | ||
− | < | + | <div class="release"><span rel="tooltip" title="Projekt aktiv!"></html>[[Petbottle2string|Plastikflaschen-Konverter]]<html></span></div> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div> | ||
+ | <!-- PROJECTS -END --> | ||
− | |||
− | |||
− | < | + | <!-- LEGEND --> |
− | < | + | <div style="clear: both;"> </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 --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<table class=""> | <table class=""> | ||
− | |||
<tr><td colspan="5" align="left"><h2 style="border-bottom:1px solid grey;"> Kontakt</h2></td><td colspan="5" align="right"><h2 style="border-bottom:1px solid grey;">Hilfe </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;"> Kontakt</h2></td><td colspan="5" align="right"><h2 style="border-bottom:1px solid grey;">Hilfe </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 --> | ||
− | + | ||
+ | .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: | + | width: 10rem; |
− | + | height: 10rem; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | height: | ||
} | } | ||
− | + | .inaktiv, | |
− | + | .inactive { | |
opacity: .20; | opacity: .20; | ||
filter: alpha(opacity=20); | filter: alpha(opacity=20); | ||
Zeile 217: | Zeile 160: | ||
} | } | ||
− | + | .inaktiv:hover, | |
− | + | .inactive:hover { | |
opacity: 1;/*.95;*/ | opacity: 1;/*.95;*/ | ||
filter: alpha(opacity=100); | filter: alpha(opacity=100); | ||
Zeile 228: | Zeile 171: | ||
} | } | ||
− | + | .inaktiv: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 */ | ||
− | + | .rd, /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour. */ | |
− | + | .research, | |
− | + | .development { | |
background-color: #F8F6D7; /*rgb(102, 204, 204)*/; | background-color: #F8F6D7; /*rgb(102, 204, 204)*/; | ||
} | } | ||
− | + | .rd, | |
− | + | .rd a, | |
− | + | .research, | |
− | + | .development, | |
− | + | .research a, | |
− | + | .development a { | |
color: rgb(80, 79, 48); | color: rgb(80, 79, 48); | ||
} | } | ||
/* PROTOTYPING */ | /* PROTOTYPING */ | ||
− | + | .prototyp, | |
− | + | .prototype, | |
− | + | .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*/ ; | ||
} | } | ||
− | + | .prototyp, | |
− | + | .prototyp a, | |
− | + | .prototype, | |
− | + | .prototype a, | |
− | + | .prototyping, | |
− | + | .prototyping a { | |
color: rgb(80, 79, 48); | color: rgb(80, 79, 48); | ||
} | } | ||
/* DOCUMENTATION */ | /* DOCUMENTATION */ | ||
− | + | .dokumentation, | |
− | + | .documentation { | |
background-color: #F0EEB7;/*tan <-- OSE US*/; | background-color: #F0EEB7;/*tan <-- OSE US*/; | ||
} | } | ||
− | + | .dokumentation, | |
− | + | .dokumentation a, | |
− | + | .documentation, | |
− | + | .documentation a { | |
color: rgb(80, 79, 48); | color: rgb(80, 79, 48); | ||
} | } | ||
− | + | .dokumentation, | |
− | + | .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: | ||
} | } | ||
− | + | .testing { | |
background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/ | background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/ | ||
} | } | ||
− | + | .testing, | |
− | + | .testing a { | |
color: rgb(255, 254, 223);/*#F8F6D7;*/ | color: rgb(255, 254, 223);/*#F8F6D7;*/ | ||
} | } | ||
− | + | .complete, | |
− | + | .release, | |
− | + | .released { | |
background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/; | background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/; | ||
} | } | ||
− | + | .complete, | |
− | + | .release, | |
− | + | .released, | |
− | + | .complete a, | |
− | + | .release a, | |
− | + | .released a { | |
color: rgb(43, 57, 3); /* #F8F6D7;*/ | color: rgb(43, 57, 3); /* #F8F6D7;*/ | ||
} | } |
Version vom 7. Dezember 2016, 18:13 Uhr
Projekt inaktiv!
Entwickler gesucht!
Entwickler gesucht!
R & D
Forschung & Entwicklung
Forschung & Entwicklung
Prototyp
Dokumentation
Testphase
Released
Kontakt | Hilfe | ||||||||
Kommunikation | Events | Forum | Blog | Start | Kontakt | Software | FAQ | ||
Open Source Ecology Germany | |||||||||
OSEG Live | Werte | Open Source Economy | Netzwerk | Freunde | |||||
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. |
|||||||||
Externe Netzwerke | Beitreten und eigenes Profil erstellen | Spenden | Unterstützen | ||||||