cie · October 23, 2013 10:29
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */


 body {
  font-family:  "Calibri", sans;
  
  background: linear-gradient(45deg, #f06, yellow);
  min-height: 100%;
 }
 .step-finland {
  background: #cef;
 }
 h1 {
  font-size: 120%;
 }
 a {
  color: green;
 }
 .jmpress section {
  transition: opacity 2s;
  opacity: 0.382;
  text-align: justify;
  cursor: pointer;
 }
 .jmpress section.active, .jmpress section.nested-active {
  opacity: 1;
 }
diff --git a/dabblet.html b/dabblet.html
 <style id="jsbin-css">

 </style>
 </head>
  <body>
    <article>
      <section data-x="50" data-y="95" data-w="340">
      <h1>Education development in Finland and China</h1>
        <p>On this interactive website, you can learn about how government imporves education in these two countries.</p>
        <p>Which country do you want to read about?
          <a href="#finland"><= Finland</a> | <a href="#china">China =></a></p>
        
        <section id=finland data-x=-300 data-y=-90 data-w=300 data-scale=0.618>
        <h1>Finland</h1>
          Finland is known for having the best educational system in the world.
          Click on the topics around this and read why.
          
          
          <section id=finland-history data-x=-50 data-y=-130 data-scale=0.618 data-w=300>
          <h1>History</h1>
            <p>Finland has started developing its current educational system in the 1970s. The objective of the project was to create
               a system which provides equal chances for every student, regardless of location or family background.</p>
          </section>
          
          <section id=finland-teacher_education data-x=-220 data-y=-80 data-scale=0.618 data-w=300>
          <h1>Teacher education</h1>
            <p>In Finland, teachers</p>
          </section>
        </section>
        
        <section  data-x=230 data-scale=0.618 id="china">
        <h1>China</h1>
          <p>In China,...</p>
        </section>
      </section>

      
      
      
      

    </article>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/


	body {
	font-family: "Calibri", sans;

	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	.step-finland {
	background: #cef;
	}
	h1 {
	font-size: 120%;
	}
	a {
	color: green;
	}
	.jmpress section {
	transition: opacity 2s;
	opacity: 0.382;
	text-align: justify;
	cursor: pointer;
	}
	.jmpress section.active, .jmpress section.nested-active {
	opacity: 1;
	}
	<style id="jsbin-css">

	</style>
	</head>
	<body>
	<article>
	<section data-x="50" data-y="95" data-w="340">
	<h1>Education development in Finland and China</h1>
	<p>On this interactive website, you can learn about how government imporves education in these two countries.</p>
	<p>Which country do you want to read about?
	<a href="#finland"><= Finland</a> \| <a href="#china">China =></a></p>

	<section id=finland data-x=-300 data-y=-90 data-w=300 data-scale=0.618>
	<h1>Finland</h1>
	Finland is known for having the best educational system in the world.
	Click on the topics around this and read why.


	<section id=finland-history data-x=-50 data-y=-130 data-scale=0.618 data-w=300>
	<h1>History</h1>
	<p>Finland has started developing its current educational system in the 1970s. The objective of the project was to create
	a system which provides equal chances for every student, regardless of location or family background.</p>
	</section>

	<section id=finland-teacher_education data-x=-220 data-y=-80 data-scale=0.618 data-w=300>
	<h1>Teacher education</h1>
	<p>In Finland, teachers</p>
	</section>
	</section>

	<section data-x=230 data-scale=0.618 id="china">
	<h1>China</h1>
	<p>In China,...</p>
	</section>
	</section>






	</article>