- Creation of an Eclipse project to manage the site sources
- Update the site index context
- Creation of the site theme, from the Kitalpha website
- Add the community page, and wip page
- Improve the menu management to detect the current page
- Create an independant page for the side bar
- Correction due to the code review
Change-Id: Iccc9df4ef524fdd25b4d64541d01a2afc5f2856d
Signed-off-by: djonathan <jonathan.dumont@all4tec.net>
diff --git a/.project b/.project
new file mode 100644
index 0000000..23b817f
--- /dev/null
+++ b/.project
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>esf-website</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
diff --git a/_projectCommon.php b/_projectCommon.php
deleted file mode 100644
index 7cdaad0..0000000
--- a/_projectCommon.php
+++ /dev/null
@@ -1,15 +0,0 @@
-<?php
-/*******************************************************************************
- * Copyright (c) 2014 Eclipse Foundation and others.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- * Denis Roy (Eclipse Foundation) - initial implementation
- *******************************************************************************/
-
- # Common variables or HTML content can be stored here
-
-?>
diff --git a/community.php b/community.php
new file mode 100644
index 0000000..b1bf58b
--- /dev/null
+++ b/community.php
@@ -0,0 +1,61 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+<?php
+ # Global variables
+ $pageTitle = "ESF Community";
+ $pageKeywords = "Polarsys,ESF,Safety,Community";
+ $pageAuthor = "Jonathan Dumont";
+
+ include("theme/header.php");
+ include("theme/menu.php");
+?>
+ <div id="body" class="width-started">
+ <section id="content">
+ <article class="expanded">
+ <p>
+ Building a community is one of the main key to promote an Open Source project, and we want
+ to gather end users, contributers and academics to make a vivid community.
+ </p>
+
+ <table border="0" cellspacing="0"; style="border-style:none; margin : 10px; width: 70%;">
+ <tr>
+ <td><a href="//polarsys.org/forums/index.php/f/15/"><img src="images/community/forum.png" alt="Forum" width="60"></a></td>
+ <td>Ask your questions on the ESF forum.</td>
+ </tr>
+ <tr>
+ <td><a href="//polarsys.org/bugs/describecomponents.cgi?product=ESF"><img src="images/community/buggie.png" alt="Bugzilla" width="60"></a></td>
+ <td>Report a bug or an enhancement request on Bugzilla.</td>
+ </tr>
+ <tr>
+ <td><a href="//polarsys.org/wiki/Kitalpha"><img src="images/community/wiki.png" alt="Wiki" width="60"></a></td>
+ <td>Consult our Wiki for the development resources and guides.</td>
+ </tr>
+ <tr>
+ <td><a href="//polarsys.org/mailman/listinfo/esf-dev"><img src="images/community/mailing.png" alt="Mailing-list" width="60"></a></td>
+ <td>Subscribe to the developers mailing-list to follow technical discussions.</td>
+ </tr>
+ </table>
+
+ </article>
+ </section>
+
+<?php
+ include("sidebar.php");
+?>
+
+ <div class="clear"></div>
+ </div>
+
+<?php
+ include("theme/footer.php");
+?>
diff --git a/images/arrow.png b/images/arrow.png
new file mode 100644
index 0000000..9a09510
--- /dev/null
+++ b/images/arrow.png
Binary files differ
diff --git a/images/bg_breadcrumb.jpg b/images/bg_breadcrumb.jpg
new file mode 100644
index 0000000..dd7cd38
--- /dev/null
+++ b/images/bg_breadcrumb.jpg
Binary files differ
diff --git a/images/community/buggie.png b/images/community/buggie.png
new file mode 100644
index 0000000..3ef5c8b
--- /dev/null
+++ b/images/community/buggie.png
Binary files differ
diff --git a/images/community/forum.png b/images/community/forum.png
new file mode 100644
index 0000000..6ed54d4
--- /dev/null
+++ b/images/community/forum.png
Binary files differ
diff --git a/images/community/mailing.png b/images/community/mailing.png
new file mode 100644
index 0000000..ed91c28
--- /dev/null
+++ b/images/community/mailing.png
Binary files differ
diff --git a/images/community/wiki.png b/images/community/wiki.png
new file mode 100644
index 0000000..b518d62
--- /dev/null
+++ b/images/community/wiki.png
Binary files differ
diff --git a/images/eclipse.png b/images/eclipse.png
new file mode 100644
index 0000000..82fa53c
--- /dev/null
+++ b/images/eclipse.png
Binary files differ
diff --git a/images/egg_incubation.png b/images/egg_incubation.png
new file mode 100644
index 0000000..92dccd5
--- /dev/null
+++ b/images/egg_incubation.png
Binary files differ
diff --git a/images/esf.ico b/images/esf.ico
new file mode 100644
index 0000000..afabe51
--- /dev/null
+++ b/images/esf.ico
Binary files differ
diff --git a/images/esf_intro.png b/images/esf_intro.png
new file mode 100644
index 0000000..2f8fadc
--- /dev/null
+++ b/images/esf_intro.png
Binary files differ
diff --git a/images/logo_esf.png b/images/logo_esf.png
new file mode 100644
index 0000000..f2c1740
--- /dev/null
+++ b/images/logo_esf.png
Binary files differ
diff --git a/images/logo_esf_compact.png b/images/logo_esf_compact.png
new file mode 100644
index 0000000..154db99
--- /dev/null
+++ b/images/logo_esf_compact.png
Binary files differ
diff --git a/images/logo_esf_full.png b/images/logo_esf_full.png
new file mode 100644
index 0000000..b0ff519
--- /dev/null
+++ b/images/logo_esf_full.png
Binary files differ
diff --git a/images/polarsys.png b/images/polarsys.png
new file mode 100644
index 0000000..ae3a833
--- /dev/null
+++ b/images/polarsys.png
Binary files differ
diff --git a/index.php b/index.php
index 78902b9..0ffd421 100644
--- a/index.php
+++ b/index.php
@@ -1,34 +1,70 @@
<?php
/*******************************************************************************
- * Copyright (c) 2014 Eclipse Foundation and others.
+ * Copyright (c) 2015 ALL4TEC.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v10.html
- *
+ *
* Contributors:
- * Denis Roy (Eclipse Foundation) - initial implementation
- *******************************************************************************/
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+<?php
+ # Global variables
+ $pageTitle = "Eclipse Safety Framework";
+ $pageKeywords = "Polarsys,ESF,Safety";
+ $pageAuthor = "Jonathan Dumont";
- require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/app.class.php");
- require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/menu.class.php");
- require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/nav.class.php");
- $App = new App();
- $Menu = new Menu();
- $Nav = new Nav();
- include($App->getProjectCommon());
+ include("theme/header.php");
+ include("theme/menu.php");
+?>
+ <div id="body" class="width-started">
+ <section id="content">
+ <article class="expanded">
+ <p>
+ <b>Eclipse Safety Framework</b> provides a set of tools for integrating safety techniques within a model driven engineering process based on both modeling standards, SysML and MARTE.
+ </p>
+ <p>
+ Model-Based Safety Analysis relies on the idea that safety analysis activities can follow the design process in a parallel flow using the system functional and physical architectures as a common basis.
+ The system model is used to capture the overall architectures and the interactions between their components. This abstract view of the system may be enriched with safety information using dedicated annotations
+ in order to describe possible dysfunctional behaviours.
+ </p>
+ <h3>Perform your safety analysis easily</h3>
+ <p>
+ As systems are becoming more complex, their safety assessment dramatically needs powerful tools. Most of
+ the existing tools are poorly connected to the system design process and cannot be associated at early stages of the development cycle.
+ </p>
+ <p>
+ ESF will allow better interactivity between design and safety assessment activities.
+ A dysfunctional model is built from the system model. It is used to specify possible failure-modes, mitigation barriers and propagation
+ behaviour at components level. This is the manual local analysis. From the specification of feared events (expressed in safety requirements),
+ it can then with an automatic global analysis produce propagation paths and corresponding fault trees. The dysfunctional model can be
+ improved in an iterative way, until the safety requirements are fully satisfied. Finally, reports can be exported in different formats
+ (e.g. HTML and PDF) to document the analyses hypothesis and results.
+ </p>
+ <img class="center" alt="Overview" src="images/esf_intro.png">
+ <p>
+ Moreover, as this approach is based on models, each time the system model evolves, a new safety analysis can be done on the modified parts,
+ and keep the previous analysis on each unchanged component. This represents an important time-saving.
+ </p>
+
+ <h3>An open and standard DSML</h3>
+ <p>
+ To open our tools to end users customisation, and allow an interoperability with other tools, ESF uses a metamodel
+ based on UML and profiled to comply the safety domain. Another important objective of this project is thus the standardisation
+ of its metamodel.
+ </p>
+ </article>
+ </section>
- #
- # Begin: page-specific settings. Change these.
- $pageTitle = "Eclipse Safety Framework";
- $pageKeywords = "Polarsys,ESF,Safety";
- $pageAuthor = "Jonathan Dumont";
+<?php
+ include("sidebar.php");
+?>
+ <div class="clear"></div>
+ </div>
- $html = <<<EOF
- <h2>About ESF</h2>
- <p>This is simply a blank index, to start the website.</p>
-EOF;
-
- $App->generatePage("polarsys", $Menu, $Nav, $pageAuthor, $pageKeywords, $pageTitle, $html);
+<?php
+ include("theme/footer.php");
?>
diff --git a/sidebar.php b/sidebar.php
new file mode 100644
index 0000000..b06ef5e
--- /dev/null
+++ b/sidebar.php
@@ -0,0 +1,46 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+ <aside class="sidebar">
+ <ul>
+ <li>
+ <h4>News</h4>
+ <ul>
+ <li>
+ 2015-03-22: <a href="https://www.eclipsecon.org/france2015/session/esf-birth-polarsys-tool-based-papyrus"><b>Ignite Talk</b></a> approuved for the next EclipseCon France.
+ </li>
+ <li>
+ 2015-03-06: <a href="//polarsys.org/wiki/esf"><b>Wiki</b></a> is now opened.
+ </li>
+ <li>
+ 2015-02-27: ESF project has been created on Polarsys!
+ </li>
+ </ul>
+ </li>
+ <li>
+ <br />
+ <h4>About this project</h4>
+ <ul>
+ <li>
+ Co-leaded by ALL4TEC and CEA List.
+ </li>
+ <li>
+ Hosted by PolarSys.
+ </li>
+ <li>
+ Incubation phase.<br />
+ <a href="//www.eclipse.org/projects/what-is-incubation.php"><img src="images/egg_incubation.png" alt="incubation"/></a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ </aside>
\ No newline at end of file
diff --git a/theme/css/esf-default.css b/theme/css/esf-default.css
new file mode 100644
index 0000000..8026376
--- /dev/null
+++ b/theme/css/esf-default.css
@@ -0,0 +1,766 @@
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+
+@import url(//fonts.googleapis.com/css?family=Open+Sans);
+
+body {
+ background: #FFF;
+ margin:0;
+ padding:0;
+ font-family: 'Open Sans',Arial,sans-serif;
+ font-size: 16px;
+ color: #242A75;
+}
+
+* {
+ margin:0;
+ padding:0;
+}
+
+/** element defaults **/
+table {
+ width: 95%;
+ text-align: left;
+}
+
+table a {
+ color: #242A75;
+ font-style: italic;
+}
+
+table a:hover {
+ color: #242A75;
+ font-style: italic;
+}
+
+article table {
+ width: 100%;
+ text-align: left;
+ font-style: normal;
+ font-size: 14px;
+}
+
+th, td {
+ padding: 10px 10px;
+}
+
+th {
+ color: #242A75;
+ background: #F8F8F8 none repeat-x scroll left top;
+}
+
+code, blockquote {
+ display: block;
+ border-left: 5px solid #222;
+ padding: 10px;
+ margin-bottom: 20px;
+}
+
+code {
+ background-color: #222;
+ color:#ccc;
+ border: none;
+}
+
+blockquote {
+ border-left: 5px solid #222;
+}
+
+blockquote p {
+ font-style: italic;
+ font-family: 'Open Sans', 'Times New Roman', Times, serif;
+ margin: 0;
+ color: #333;
+ height: 1%;
+}
+
+p {
+ margin-bottom: 20px;
+}
+
+a {
+ text-decoration: none;
+ color: #242A75;
+}
+
+a:hover {
+ color: #242A75;
+}
+
+a:focus {
+ outline: none;
+}
+
+.box {
+ color: #fff;
+ background: #242A75;
+ padding: 10px 25px;
+ border-radius: 6px;
+ transition-property: background, border-radius;
+ transition-duration: 0.5s;
+ transition-timing-function: linear;
+ text-transform:none;
+ margin-left: 285px;
+ border: 1px solid whitesmoke;
+}
+
+.box:hover {
+ box-shadow: 0 200px 100px -100px #F7941E inset;
+}
+
+a.button {
+ margin-right: 190px;
+ background-color: #287887;
+ border-radius: 8px 8px 8px 8px;
+ color: #fff;
+ display: inline-block;
+ font-size: 13px;
+ font-weight: bold;
+ padding: 10px 25px;
+ text-decoration: none;
+}
+
+.curl-top-right {
+ display: inline-block;
+ position: relative;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+}
+.curl-top-right:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0;
+ top: 0;
+ right: 0;
+ background: white;
+ /* IE9 */
+ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
+ box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: width, height;
+ transition-property: width, height;
+}
+.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
+ width: 25px;
+ height: 25px;
+}
+
+
+fieldset {
+ display: block;
+ border: none;
+ border-top: 1px solid #ccc;
+}
+
+fieldset legend {
+ font-weight: bold;
+ font-size: 13px;
+ padding-right: 10px;
+ color: #333;
+}
+
+fieldset form {
+ padding-top: 15px;
+}
+
+fieldset p label {
+ float: left;
+ width: 150px;
+}
+
+form input, form select, form textarea {
+ padding: 5px;
+ color: #333333;
+ border: 1px solid #ddd;
+ border-right:1px solid #ccc;
+ border-bottom:1px solid #ccc;
+ background-color:#fff;
+ font-family: Pontano Sans, Helvetica, sans-serif;
+ font-size: 13px;
+}
+
+form input.formbutton {
+ border: none;
+ background: #287887;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 6px 10px;
+ font-size: 12px;
+ letter-spacing: 1px;
+ width: auto;
+ overflow: visible;
+}
+
+form.searchform input {
+ font-size: 15px;
+ padding: 6px;
+}
+
+form.searchform p {
+ margin: 5px 0;
+}
+
+
+span.required {
+ color: #ff0000;
+}
+
+h1 {
+ color: #287887;
+ font-size: 35px;
+ font-family: 'Open Sans',Arial,sans-serif;
+}
+
+h2 {
+ color: #287887;
+ font-size: 24px;
+ letter-spacing: 0px;
+ font-weight: normal;
+ padding: 0 0 5px;
+ margin: 0;
+ font-family: 'Open Sans',Arial,sans-serif;
+}
+
+h3 {
+ display: block;
+ font-family: 'Open Sans',Arial,sans-serif;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin: 0;
+ padding: 15px 0px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: #287887;
+ font-weight:bold;
+}
+
+h4 {
+ font-family: 'Pontano Sans', Arial, sans-serif;
+ color: #FF6D29;
+ font-size: 18px;
+ font-weight: normal;
+ padding-bottom: 10px;
+ text-transform: uppercase;
+}
+
+h5 {
+ padding-bottom: 10px;
+ font-size: 16px;
+ color: #999;
+}
+
+ul, ol {
+ margin: 0 0 35px 35px;
+}
+
+li {
+ padding-bottom: 5px;
+}
+
+li ol, li ul {
+ font-size: 1.0em;
+ margin-bottom: 0;
+ padding-top: 5px;
+}
+
+.width {
+ width: 1100px;
+ margin: 0 auto;
+}
+
+.width-started {
+ width: 1100px;
+ margin-left: 150px;
+}
+
+.logo {
+ padding-top: 5px;
+ padding-right: 5px;
+}
+
+.logo-left {
+ padding-top: 5px;
+ text-align: left;
+ padding-right: 5px;
+}
+
+.logo-right {
+ padding-top: 5px;
+ text-align: right;
+ padding-left: 5px;
+}
+
+#container {
+ background-color: #fff; /* C5D6E8 */
+ position:absolute;
+ left:0;
+ right:0;
+}
+
+header {
+ padding: 2px 2px;
+ background-image:linear-gradient(to left, #3296AA, #F0FAFA);
+ text-align:right;
+}
+
+header table td {
+ border: none;
+}
+
+header h1 a, header h1 a:hover {
+ color: #000;
+ font-size: 55px;
+ font-weight: normal;
+ letter-spacing: -2px;
+ line-height:45px;
+ text-decoration: none;
+ text-transform: lowercase;
+}
+
+header h1 a span {
+ color: #287887;
+}
+
+table td {
+ border-bottom: 1px solid #ccc;
+}
+
+header h2 {
+ color: #c0c0c0;
+ font-size: 13px;
+ position: relative;
+ top: -5px;
+ letter-spacing: 0;
+}
+
+nav {
+ background-image:linear-gradient(to left, #3296AA, #F0FAFA);
+ border-bottom: 2px solid #262626;
+ height: 45px;
+}
+
+nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+nav ul li {
+ float: left;
+ display: block;
+ padding: 0;
+}
+
+
+nav ul li a {
+ color: #707070;
+ display: block;
+ font-family: 'Open Sans',Arial,sans-serif;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin: 0;
+ padding: 15px 17px;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+nav ul li.selected a,
+nav ul li.selected a:hover {
+ color: #262626;
+ background: url("/images/arrow.png") no-repeat center bottom;
+ background-position: 50% 93%;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1);
+}
+
+
+nav ul li a:hover {
+ color: #262626;
+ -webkit-transition:all 1s ease;
+ -moz-transition:all 1s ease;
+ -o-transition:all 1s ease;
+ transition:all 1s ease;
+}
+
+.right-nav {
+ text-align: right;
+}
+
+.divider-vertical-second-menu{
+ height: 12px;
+ width: 1px;
+ padding-bottom: 4px;
+ margin-top: 16px;
+ overflow: hidden;
+ background-color: #DDD;
+ border-right: 2px solid #FFF;
+ position: bottom;
+}
+
+#hrdiv {
+ background-image:url("/images/bg_breadcrumb.jpg");
+ background-repeat:repeat-x;
+}
+
+
+img.header-image {
+ padding-top: 10px;
+ margin-bottom: -3px; }
+
+#body {
+ background: none;
+ margin: 5px auto 0;
+ padding: 0;
+ clear: both;
+}
+
+#content {
+ float: left;
+ width: 71%;
+}
+
+article {
+ padding: 10px 10px 20px 5px;
+}
+
+article h2 {
+ font-weight: bold;
+ padding-bottom: 0;
+}
+
+article p {
+ text-align: justify;
+ font-style: normal;
+ font-weight: normal;
+}
+
+article table li {
+ text-align: justify;
+ font-style: normal;
+ font-weight: normal;
+}
+
+#construction ul {
+ margin: 0 0 5px 25px;
+}
+
+
+article .article-info {
+ color: #999999;
+ font-size: 12px;
+ font-style: italic;
+ padding: 0 0 10px 0;
+}
+
+article .article-info a {
+ color: #666;
+}
+
+
+.sidebar {
+ float: right;
+ width: 28%;
+ margin-top: 10px;
+}
+
+.sidebar h4 {
+ padding-bottom: 0;
+ font-size: 16px;
+ text-decoration: none;
+ text-transform: none;
+ font-weight: normal;
+ color: #287887;
+ padding: 3px 3px;
+ font-family: 'Open Sans',Arial,sans-serif;
+}
+
+.sidebar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ text-decoration: none;
+}
+
+.sidebar ul li {
+ margin-bottom: 0px;
+ line-height: 1.5em;
+ text-decoration: none;
+}
+
+.sidebar li ul {
+ list-style: circle outside none;
+ text-decoration: none;
+ margin: 0px;
+ border-top:1px solid #DFE8F2;
+ padding-left : 20px;
+}
+
+.sidebar li ul li {
+ list-style: circle outside none;
+ text-decoration: none;
+ border-top: none;
+ padding: 4px;
+ margin: 0;
+ line-height: 1.5em;
+ font-size: 12px;
+}
+
+.sidebar li ul li.text {
+ border-bottom: none;
+ text-decoration: none;
+}
+
+.sidebar a {
+ font-weight: normal;
+ color: #242A75;
+ text-decoration: none;
+ font-size: 13px;
+}
+
+.sidebar a:hover {
+ color: #287887;
+ text-decoration: none;
+}
+
+.sidebar li ul li a {
+ font-weight: normal;
+ color: #242A75;
+ text-decoration: none;
+}
+
+.sidebar li ul li a:hover {
+ color: #287887;
+ text-decoration: none;
+}
+
+
+.sidebar li ul li a.readmore {
+ color: #287887;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+
+.sidebar li ul li a.readmore:hover {
+ color: #FF6D29;
+}
+
+#about {
+ color: #287887;
+ font-size: 24px;
+ letter-spacing: 0px;
+ font-weight: normal;
+ padding: 0 0 5px;
+ margin: 0;
+ font-family: 'Open Sans',Arial,sans-serif;
+ font-weight: bold;
+}
+
+#about:hover {
+ text-decoration: underline;
+}
+
+.clear {
+ clear: both;
+}
+
+footer {
+ background-image:linear-gradient(to left, #3296AA, #F0FAFA);
+ border-top: 5px solid #262626;
+}
+
+#footer-features {
+ margin:450em auto 0;
+ background-image:linear-gradient(to left, #3296AA, #F0FAFA);
+ border-top: 5px solid #262626;
+}
+
+#footer-start {
+ margin: 50em auto 0;
+ background-image:linear-gradient(to left, #3296AA, #F0FAFA);
+ border-top: 5px solid #262626;
+}
+
+footer p {
+ text-align: right;
+ color: #262626;
+ font-size: 12px;
+ margin: 0;
+ padding: 0;
+}
+
+footer table {
+ font-family: 'Open Sans',Arial,sans-serif;
+}
+
+footer p a {
+ color: #ccc;
+ font-weight: bold;
+}
+
+.footer-content {
+ padding: 20px 25px 10px;
+}
+
+footer .footer-content ul {
+ width: 220px;
+ list-style: none;
+ margin: 0 60px 0 0;
+ padding: 0;
+ float: left;
+}
+
+footer .footer-content li {
+ padding: 2px 2px;
+}
+
+footer .footer-content li a, footer .footer-content h4 {
+}
+
+footer .footer-content li a {
+ color: #707070;
+ font-size: 13px;
+ text-decoration: none;
+ font-family: 'Open Sans',Arial,sans-serif;
+}
+
+footer .footer-content li a:hover {
+ color: #262626;
+}
+
+footer .footer-content h4 {
+ color: #262626;
+ font-size: 16px;
+ font-family: 'Open Sans',Arial,sans-serif;
+ font-weight: normal;
+ text-transform: none;
+ padding-bottom: 0;
+ border-bottom:2px solid white;
+}
+
+footer .footer-content ul.endfooter {
+ margin-right: 0;
+}
+footer .footer-bottom {
+ padding: 10px;
+ text-align: center;
+ background-color: #000;
+}
+
+footer .footer-bottom p {
+ text-align: right;
+}
+
+footer .footer-bottom p, footer .footer-bottom p a {
+ color: #666;
+}
+
+footer .right-footer {
+ text-align: right;
+ color: #262626;
+ font-size: 15px;
+}
+
+footer table td{
+ border:none;
+}
+
+/* Center images */
+img.center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+/* Download page */
+.features-table {
+ width: 90%;
+ margin: 0 auto;
+ border-collapse: separate;
+ border-spacing: 0;
+ text-shadow: 0 1px 0 #fff;
+ color: #242A75;
+ background: #fafafa;
+ background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
+ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));
+}
+
+.features-table td {
+ height: 50px;
+ line-height: 50px;
+ padding: 0 20px;
+ border-bottom: 1px solid #cdcdcd;
+ box-shadow: 0 1px 0 white;
+ -moz-box-shadow: 0 1px 0 white;
+ -webkit-box-shadow: 0 1px 0 white;
+ white-space: nowrap;
+ text-align: center;
+}
+
+.features-table tbody td {
+ text-align: center;
+ font: normal 14px 'Pontano Sans', Arial, Helvetica;
+ width: 150px;
+}
+
+.features-table tbody td:first-child {
+ width: auto;
+ text-align: left;
+}
+
+.features-table td:nth-child(2) {
+ background: #F8F8F8 ;
+ border-right: 1px solid white;
+}
+
+.features-table td:nth-child(3) {
+ background: #F8F8F8 ;
+ border-right: 1px solid white;
+}
+
+.features-table td:nth-child(4) {
+ background: #F8F8F8 ;
+}
+
+/* Header */
+.features-table thead td {
+ font: bold 1.2em 'Pontano Sans', Arial;
+ -moz-border-radius-topright: 10px;
+ -moz-border-radius-topleft: 10px;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+ border-top: 1px solid #eaeaea;
+}
+
+.features-table thead td:first-child {
+ border-top: none;
+}
+
+/* Footer */
+.features-table tfoot td {
+ font: 14px 'Pontano Sans';
+ -moz-border-radius-bottomright: 10px;
+ -moz-border-radius-bottomleft: 10px;
+ border-bottom-right-radius: 10px;
+ border-bottom-left-radius: 10px;
+ border-bottom: 1px solid #dadada;
+}
+
+.features-table tfoot td:first-child {
+ border-bottom: none;
+}
diff --git a/theme/footer.php b/theme/footer.php
new file mode 100644
index 0000000..0cfad11
--- /dev/null
+++ b/theme/footer.php
@@ -0,0 +1,67 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+ <!-- footer.php -->
+ </div>
+
+ <footer>
+ <div class="footer-content width">
+ <ul>
+ <li><h4>PolarSys</h4></li>
+ <li><a href="//www.polarsys.org/about-us">About</a></li>
+ <li><a href="//www.polarsys.org/contact-us">Contact us</a></li>
+ <li><a href="//www.polarsys.org/projects/polarsys.esf">ESF project page</a></li>
+ </ul>
+ <ul>
+ <li><h4>Legal</h4></li>
+ <li><a href="//www.eclipse.org/legal/privacy.php">Privacy policy</a></li>
+ <li><a href="//www.eclipse.org/legal/termsofuse.php">Terms of use</a></li>
+ <li><a href="//www.eclipse.org/legal/copyright.php">Copyright agent</a></li>
+ <li><a href="//www.eclipse.org/org/documents/epl-v10.php">Eclipse public license</a></li>
+ <li><a href="//www.eclipse.org/legal/">Legal resources</a></li>
+ </ul>
+ <ul>
+ <li><h4>Useful links</h4></li>
+ <li><a href="//polarsys.org/bugs/describecomponents.cgi?product=ESF">Report a bug</a></li>
+ <li><a href="//polarsys.org/wiki/esf">How to contribute</a></li>
+ <li><a href="//polarsys.org/mailman/listinfo/esf-dev">Mailing list</a></li>
+ <li><a href="//polarsys.org/forums/index.php/f/15/">Forum</a></li>
+ </ul>
+ <ul class="endfooter">
+ <li><h4>Other</h4></li>
+ <li><a href="//www.all4tec.com/">ALL4TEC</a></li>
+ <li><a href="//www-list.cea.fr/">CEA List</a></li>
+ <li><a href="//www.eclipse.org/org/workinggroups/">Working Groups</a></li>
+ </ul>
+ <table>
+ <tr>
+ <td>
+ <a href="//www.polarsys.org/"><img src="images/polarsys.png" alt="PolarSys" width="250"></a>
+ <br />
+ <br />
+ </td>
+ <td>
+ <div class="right-footer">
+ <a href="//www.eclipse.org/"><img src="images/eclipse.png" alt="Eclipse logo"></a>
+ <br />
+ Copyright © <span id="year">2014</span> The Eclipse Foundation. <br /> All Rights Reserved.
+ </div>
+ </td>
+ </tr>
+ </table>
+
+ <div class="clear"></div>
+ </div>
+
+ </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/theme/header.php b/theme/header.php
new file mode 100644
index 0000000..dcccf01
--- /dev/null
+++ b/theme/header.php
@@ -0,0 +1,40 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN">
+<html lang="en" dir="ltr" version="HTML+RDFa 1.1"
+ xmlns:content="http://purl.org/rss/1.0/modules/content/"
+ xmlns:dc="http://purl.org/dc/terms/"
+ xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#"
+ xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
+ xmlns:sioc="http://rdfs.org/sioc/ns#"
+ xmlns:sioct="http://rdfs.org/sioc/types#"
+ xmlns:skos="http://www.w3.org/2004/02/skos/core#"
+ xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
+
+<link rel="icon" type="image/png" href="/images/esf.ico" />
+
+<head profile="http://www.w3.org/1999/xhtml/vocab">
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
+ <title><?php print $pageTitle ?></title>
+ <meta name="author" content="<?php print $pageAuthor ?>" />
+ <meta name="keywords" content="<?php print $pageKeywords ?>" />
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+
+ <link rel="stylesheet" type="text/css"
+ href="/theme/css/esf-default.css"
+ media="all" />
+
+ <?php if( isset($extraHtmlHeaders) ) echo $extraHtmlHeaders; ?>
+</head>
+<body>
diff --git a/theme/menu.php b/theme/menu.php
new file mode 100644
index 0000000..0d076f9
--- /dev/null
+++ b/theme/menu.php
@@ -0,0 +1,62 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+
+<?php
+ // Compute the menu style, to display the selected tab according to the current php file
+ $filename = basename($_SERVER['PHP_SELF']);
+ $indexStyle = "";
+ $featuresStyle = "";
+ $startStyle = "";
+ $communityStyle = "";
+ echo $filename;
+ if ($filename == "index.php") {
+ $indexStyle = "selected";
+ } else if ($filename == "features.php") {
+ $featuresStyle = "selected";
+ } else if ($filename == "start.php") {
+ $startStyle = "selected";
+ } else if ($filename == "community.php") {
+ $communityStyle = "selected";
+ }
+?>
+
+<header>
+ <div>
+ <div class="logo-left width">
+ <a href="index.php"><img src="images/logo_esf_full.png" alt="Eclipse Safety Framework"></a>
+ </div>
+ </div>
+</header>
+
+<nav>
+ <div class="width">
+ <ul>
+ <li class="start <? echo $indexStyle?>"><a href="/">Home</a></li>
+ <li class="divider-vertical-second-menu"></li>
+ <li class="<? echo $featuresStyle?>"><a href="/workinprogress.php">Features</a></li>
+ <li class="divider-vertical-second-menu"></li>
+ <li class="<? echo $startStyle?>"><a href="/workinprogress.php">Getting Started</a></li>
+ <li class="divider-vertical-second-menu"></li>
+ <li class="end <? echo $communityStyle?>"><a href="/community.php">Community</a></li>
+ <li style="text-align:right;"><a href="/workinprogress.php" class="box">Download</a></li>
+ <li style="float:none;"><br style="clear:both;" /></li>
+ </ul>
+ </div>
+</nav>
+
+<div id="hrdiv">
+ <img src="images/bg_breadcrumb.jpg" width="" alt="" height="" />
+</div>
+
+<div id="body" class="width-started">
+ <!-- Start of main content -->
\ No newline at end of file
diff --git a/workinprogress.php b/workinprogress.php
new file mode 100644
index 0000000..b808e1c
--- /dev/null
+++ b/workinprogress.php
@@ -0,0 +1,41 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 ALL4TEC.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Jonathan Dumont (ALL4TEC) - initial API and implementation
+ ******************************************************************************/
+?>
+<?php
+ # Global variables
+ $pageTitle = "Eclipse Safety Framework WIP";
+ $pageKeywords = "Polarsys,ESF,Safety";
+ $pageAuthor = "Jonathan Dumont";
+
+ include("theme/header.php");
+ include("theme/menu.php");
+?>
+ <div id="body" class="width-started">
+ <section id="content">
+ <article class="expanded">
+ <p>
+ Work in progress...
+ </p>
+ </article>
+ </section>
+
+<?php
+ include("sidebar.php");
+?>
+
+ <div class="clear"></div>
+ </div>
+
+<?php
+ include("theme/footer.php");
+?>
+
