Test: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
(Undo revision 228353 by Marcin (talk))
No edit summary
 
(57 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html>
[header_fancy text="Latest Events"]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
  box-sizing: border-box;
}


.row::after {
<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><''https://www.opensourceecology.org/wp-content/uploads/2025/04/2-300x169.jpg'' alt="https://www.opensourceecology.org/wp-content/uploads/2025/04/2-300x169.jpg" width="250" height="150" class="alignleft size-thumbnail wp-image-12225" /></a><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><h5>Extreme Build - Seed Eco-Home - December 2022</h5></a>
  content: "";
Real build of the Seed Eco-Home to test the financial model of open source production and to start an Apprenticeship program for builders.<strong><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"> Find out more.</a></strong><br>
  clear: both;
  display: table;
}


[class*="col-"] {
[divider_space]
  float: left;
[/segment]
  padding: 15px;
}


html {
  font-family: "Lucida Sans", sans-serif;
}


.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
}


.menu ul {
[header_fancy text="Latest Events"]
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.menu li {
<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><img src="https://www.opensourceecology.org/wp-content/uploads/2022/11/seh2.jpg" alt="https://www.opensourceecology.org/wp-content/uploads/2022/11/seh2.jpg" width="250" height="150" class="alignleft size-thumbnail wp-image-12225" /></a><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><h5>Extreme Build - Seed Eco-Home - December 2022</h5></a>
  padding: 8px;
Real build of the Seed Eco-Home to test the financial model of open source production and to start an Apprenticeship program for builders.<strong><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"> Find out more.</a></strong><br>
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.menu li:hover {
[divider_space]
  background-color: #0099cc;
[/segment]
}


.aside {
[header_fancy text="Latest Events"]
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.footer {
<img class="alignnone size-medium wp-image-12836" src="https://www.opensourceecology.org/wp-content/uploads/2025/04/26-300x169.jpg" alt="" width="300" height="169" />2025 OSE Apprenticeship starts with Builder Crash Course
  background-color: #0099cc;
Feasibility of the Seed Eco-Home financial model has been proven. Build Your Own Starter Home for $40k in Materials instead of buying one for $400k. Now we are starting an Apprenticeship program for civilization builders.<strong><a href="https://www.opensourceecology.org/ready-to-re-design-civilization/"> Find out more.</a></strong>
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}


/* For mobile phones: */
[divider_space]
[class*="col-"] {
[/segment]
  width: 100%;
}
 
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
</style>
</head>
<body>
 
<div class="header">
  <h1>Chania</h1>
</div>
 
<div class="row">
  <div class="col-3 col-s-3 menu">
    <ul>
      <li>The Flight</li>
      <li>The City</li>
      <li>The Island</li>
      <li>The Food</li>
    </ul>
  </div>
 
  <div class="col-6 col-s-9">
    <h1>The City</h1>
    <p>Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.</p>
  </div>
 
  <div class="col-3 col-s-12">
    <div class="aside">
      <h2>What?</h2>
      <p>Chania is a city on the island of Crete.</p>
      <h2>Where?</h2>
      <p>Crete is a Greek island in the Mediterranean Sea.</p>
      <h2>How?</h2>
      <p>You can reach Chania airport from all over Europe.</p>
    </div>
  </div>
</div>
 
<div class="footer">
  <p>Resize the browser window to see how the content respond to the resizing.</p>
</div>
 
</body>
</html>

Latest revision as of 09:41, 18 June 2025

[header_fancy text="Latest Events"]

<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><https://www.opensourceecology.org/wp-content/uploads/2025/04/2-300x169.jpg alt="https://www.opensourceecology.org/wp-content/uploads/2025/04/2-300x169.jpg" width="250" height="150" class="alignleft size-thumbnail wp-image-12225" /></a><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/">

Extreme Build - Seed Eco-Home - December 2022

</a>

Real build of the Seed Eco-Home to test the financial model of open source production and to start an Apprenticeship program for builders.<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"> Find out more.</a>

[divider_space] [/segment]


[header_fancy text="Latest Events"]

<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"><img src="https://www.opensourceecology.org/wp-content/uploads/2022/11/seh2.jpg" alt="https://www.opensourceecology.org/wp-content/uploads/2022/11/seh2.jpg" width="250" height="150" class="alignleft size-thumbnail wp-image-12225" /></a><a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/">

Extreme Build - Seed Eco-Home - December 2022

</a>

Real build of the Seed Eco-Home to test the financial model of open source production and to start an Apprenticeship program for builders.<a href="https://www.opensourceecology.org/extreme-build-of-the-seed-eco-home/"> Find out more.</a>

[divider_space] [/segment]

[header_fancy text="Latest Events"]

<img class="alignnone size-medium wp-image-12836" src="https://www.opensourceecology.org/wp-content/uploads/2025/04/26-300x169.jpg" alt="" width="300" height="169" />2025 OSE Apprenticeship starts with Builder Crash Course Feasibility of the Seed Eco-Home financial model has been proven. Build Your Own Starter Home for $40k in Materials instead of buying one for $400k. Now we are starting an Apprenticeship program for civilization builders.<a href="https://www.opensourceecology.org/ready-to-re-design-civilization/"> Find out more.</a>

[divider_space] [/segment]