working on OTJ8 front page (relative positions etc)
diff --git a/images/OTJ8-concepts.png b/images/OTJ8-concepts.png
new file mode 100644
index 0000000..5781cea
--- /dev/null
+++ b/images/OTJ8-concepts.png
Binary files differ
diff --git a/pages/otj_java8.html b/pages/otj_java8.html
index be1e50a..070a747 100644
--- a/pages/otj_java8.html
+++ b/pages/otj_java8.html
@@ -1,4 +1,4 @@
-<div id="bigbuttons">
+<!--div id="bigbuttons">
<h3>Primary Links</h3>
<ul>
<li><a id="buttonDownload" href="download.php" title="Download">Eclipse
@@ -10,12 +10,22 @@
<li><a id="buttonInvolved" href="getting_involved.php" title="Getting Involved">CVS,
Workspace Setup, Wiki, Committers</a></li>
</ul>
-</div>
+</div-->
-<div id="container" style="background-image:url(ot/graphics/OTJ8-concepts.png);background-repeat:no-repeat;background-position:30px 40px;width:773px;height:687px;">
- <h1 style="position:absolute; left:200px; top:0px;">Programming with OT/J is …</h1>
- <h2 style="position:absolute; left:170px; top:66px;">Composition:</h2>
- <div style="position:absolute; left:38px; top:130px; width:380px;font-size:16px;">
+<main role="main" style="height:400px;">
+<div it="novaContent" class="container-full footer-offset breakcrumbs-offset padding-top">
+ <div class="container" style="padding-top:1.5em">
+ <div class="col-md-15">
+ <h1>Luna is here:<br/>Object Teams embraces Java™8</h1>
+ </div>
+ </div>
+</div>
+</main>
+
+<div id="container" style="background-image:url(../images/OTJ8-concepts.png);background-repeat:no-repeat;background-position:30px 20px;width:773px;height:687px;">
+ <h1 style="position:relative; left:200px; top:0px;height:36px;">Programming with OT/J is …</h1>
+ <h2 style="position:relative; left:170px; top:0px;height:24px;">Composition:</h2>
+ <div style="position:relative; left:38px; top:10px; width:380px;height:300px;font-size:16px;">
The essence of object-oriented programming is to compose a system from a possibly large number of interacting classes and objects.
Since version 1.1, Java has not seen any enhancements for this task.
OT/J adds three closely related concepts:
@@ -24,17 +34,17 @@
<li>Roles are grouped into a Team to yield cohesive modules for use-cases & features.</li>
<li>Teams support nested inheritance for large-scale specialization.</li></ul>
</div>
- <h2 style="position:absolute; left:405px; top:290px;
+ <h2 style="position:relative; left:100px; top:-440px;
display:block;transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);">Algorithms:</h2>
- <div style="position:absolute; left:513px; top:260px; width:245px;font-size:16px;">
+ <div style="position:relative; left:523px; top:-230px; width:245px;font-size:16px;">
OT/J is agnostic to how algorithms are encoded (programming in the small),
but you may leverage lambda expressions from Java 8 in your OT/J programs for that touch
of functional programming.
</div>
- <h2 style="position:absolute; left:150px; top:486px;">Types:</h2>
- <div style="position:absolute; left:280px; top:485px; width:450px;font-size:16px;">
+ <h2 style="position:relative; left:150px; top:-140px;"> Types:</h2>
+ <div style="position:relative; left:280px; top:-197px; width:450px;font-size:16px;">
A rich type system is key for attaching semantics to the elements of your program.
<ul>
<li>Java 8 features …<br/>
@@ -45,5 +55,5 @@
dependent types to express object ownership.</li>
</ul>
</div>
-
</div>
+
