Initial website similar to Graphiti
Change-Id: If2d59e67c5d7979cf3c89ddfe5c609c71fe96ead
diff --git a/.project b/.project
new file mode 100644
index 0000000..fbbf4b6
--- /dev/null
+++ b/.project
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>fmc.website</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
diff --git a/images/backgroundMain.png b/images/backgroundMain.png
new file mode 100755
index 0000000..ebd104e
--- /dev/null
+++ b/images/backgroundMain.png
Binary files differ
diff --git a/images/backgroundMainEmpty.png b/images/backgroundMainEmpty.png
new file mode 100755
index 0000000..9487b21
--- /dev/null
+++ b/images/backgroundMainEmpty.png
Binary files differ
diff --git a/images/buttonDocumentation.png b/images/buttonDocumentation.png
new file mode 100755
index 0000000..bbfdde0
--- /dev/null
+++ b/images/buttonDocumentation.png
Binary files differ
diff --git a/images/buttonDocumentation_sel.png b/images/buttonDocumentation_sel.png
new file mode 100755
index 0000000..8affb93
--- /dev/null
+++ b/images/buttonDocumentation_sel.png
Binary files differ
diff --git a/images/buttonDownload.png b/images/buttonDownload.png
new file mode 100755
index 0000000..e620092
--- /dev/null
+++ b/images/buttonDownload.png
Binary files differ
diff --git a/images/buttonDownload_new.png b/images/buttonDownload_new.png
new file mode 100755
index 0000000..e620092
--- /dev/null
+++ b/images/buttonDownload_new.png
Binary files differ
diff --git a/images/buttonDownload_sel.png b/images/buttonDownload_sel.png
new file mode 100755
index 0000000..d3a0330
--- /dev/null
+++ b/images/buttonDownload_sel.png
Binary files differ
diff --git a/images/buttonInvolved.png b/images/buttonInvolved.png
new file mode 100755
index 0000000..b3e9a82
--- /dev/null
+++ b/images/buttonInvolved.png
Binary files differ
diff --git a/images/buttonInvolved_sel.png b/images/buttonInvolved_sel.png
new file mode 100755
index 0000000..346a452
--- /dev/null
+++ b/images/buttonInvolved_sel.png
Binary files differ
diff --git a/images/buttonSupport.png b/images/buttonSupport.png
new file mode 100755
index 0000000..bd36086
--- /dev/null
+++ b/images/buttonSupport.png
Binary files differ
diff --git a/images/buttonSupport_sel.png b/images/buttonSupport_sel.png
new file mode 100755
index 0000000..a535fe8
--- /dev/null
+++ b/images/buttonSupport_sel.png
Binary files differ
diff --git a/index.php b/index.php
index dd51a04..ffbbd81 100644
--- a/index.php
+++ b/index.php
@@ -1 +1,33 @@
-<?php header('Location: http://www.eclipse.org/projects/project.php?id=modeling.fmc'); ?>
\ No newline at end of file
+<?php
+/*******************************************************************************
+ * Copyright (c) 2009 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:
+ * Eclipse Foundation - Initial version
+ * Benjamin Schmeling - changes for FMC
+ *******************************************************************************/
+
+ require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/app.class.php");
+ require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/nav.class.php");
+ require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/system/menu.class.php");
+ $App = new App();
+ $Nav = new Nav();
+ $Menu = new Menu();
+ include($App->getProjectCommon());
+ $App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="/fmc/style.css"/>');
+
+ $localVersion = false;
+
+ # Define these here, or in _projectCommon.php for site-wide values
+ $pageTitle = "FMC Home";
+
+ // # Paste your HTML content between the EOHTML markers!
+ $html = file_get_contents('pages/_index.html');
+
+ # Generate the web page
+ $App->generatePage($theme, $Menu, null, $pageAuthor, $pageKeywords, $pageTitle, $html);
+?>
\ No newline at end of file
diff --git a/pages/_index.html b/pages/_index.html
new file mode 100755
index 0000000..7e29019
--- /dev/null
+++ b/pages/_index.html
@@ -0,0 +1,61 @@
+<div id="bigbuttons">
+<h3>Primary Links</h3>
+<ul>
+ <li><a id="buttonDownload" href="download.php" title="Download">Eclipse
+ Distribution, Update Site, Dropins</a></li>
+ <li><a id="buttonDocumentation" href="documentation"
+ title="Documentation">Tutorials, Examples, Videos, Reference
+ Documentation</a></li>
+ <li><a id="buttonSupport" href="support" title="Download">Bug
+ Tracker, Newsgroup, Professional Support</a></li>
+ <li><a id="buttonInvolved" href="developers"
+ title="Getting Involved">Git, Workspace Setup, Wiki, Committers</a></li>
+</ul>
+</div>
+
+<div id="midcolumn">
+<h3>FMC - Fundamental Modeling Concepts</h3>
+<div id="introText">
+
+<p>This project aims at providing meta models and editors for FMC to support software architects and consultants in defining and analyzing system landscapes on the conceptual as well as on the design level. This project focuses firstly on the FMC Block diagram and integrates already existing diagram types from Papyrus UML to offer a holistic TAM modeling support. In addition, the project will define meta models and provide editors for the other FMC diagram types. The FMC Block Diagram editor will be based on Eclipse Graphiti and uses EMF/Ecore for the respective meta model.</p>
+<p>The project will provide meta models and editors for FMC diagrams. The architecture of the project will be open and extensible for domain-specific applications. Furthermore, it will allow the integration of FMC with UML models. This is the basis for Technical Architecture Modeling (TAM).</p>
+<p>The following features are in scope for the FMC project:
+<ul>
+ <li>An Ecore meta model for FMC Block Diagrams.</li>
+ <li>A graphical editor for FMC Block Diagrams.</li>
+ <li>Ecore meta models and graphical editors for other FMC diagrams.</li>
+ <li>Plug-in extension points that allow customizing the editor.</li>
+</ul>
+</p>
+<p>The FMC model files can be used to facilitate interchange, for the integration with established frameworks such as EMF Compare, EMF Search or EMF Validation.</p>
+
+</div>
+
+</div>
+
+<div id="rightcolumn">
+<div class="sideitem">
+<h6>Incubation</h6>
+<div align="center"><a
+ href="http://www.eclipse.org/projects/what-is-incubation.php"><img
+ align="center" src="http://www.eclipse.org/images/egg-incubation.png"
+ border="0" alt="Incubation" /></a></div>
+<p>FMC is in the <a
+ href="http://www.eclipse.org/projects/dev_process/incubation-phase.php">Incubation
+Phase</a>.</p>
+</div>
+
+
+
+<div id="headlines">
+<h3>New and Noteworthy</h3>
+<p></p>
+</div>
+
+<div id="headlines">
+<h3>Headlines on the web</h3>
+<p><a
+ href="http://jaxenter.de/news/SAP-schlaegt-neues-Eclipse-Modeling-Projekt-vor-Fundamental-Modeling-Concepts-FMC">Jaxenter (german) - SAP proposes new Modeling Project</a></p>
+</div>
+
+</div>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100755
index 0000000..ac8c9b9
--- /dev/null
+++ b/style.css
@@ -0,0 +1,196 @@
+@CHARSET "UTF-8";
+#novaContent {
+ background: #FFFFFF url("images/backgroundMain.png") no-repeat;
+ padding-top: 195px;
+}
+
+/*
+ Override to remove horizontal colored area (where the navigation tree would be displayed)
+ as defined in Nova visual.css
+*/
+#novaContent.faux
+{
+ background: #FFFFFF repeat-y;;
+ padding-bottom: 20px;
+ padding-top: 20px;
+}
+
+#midcolumn {
+ width: 640px;
+ padding: 0 10px 10px 10px;
+}
+
+#rightcolumn {
+ width: 260px;
+}
+
+
+h3 {
+ clear: both;
+}
+
+h7 {
+ font-weight: bold;
+ padding: 5px;
+}
+
+a strong {
+ text-decoration: underline;
+}
+
+
+#introText p.left {
+ width: 48%;
+ float: left;
+}
+
+#introText p.right {
+ width: 48%;
+ float: right;
+}
+
+#feature_1 {
+ float: left;
+ width: 30%;
+ margin-right: 3%;
+}
+
+#feature_2 {
+ float: left;
+ width: 30%;
+ margin-right: 3%
+}
+
+#feature_3 {
+ float: left;
+ width: 30%;
+}
+
+#feature_4 {
+ clear: both;
+ float: left;
+ width: 63%;
+ margin-right: 3%;
+}
+
+#feature_more {
+ float: left;
+ width: 30%;
+}
+
+#bigbuttons {
+ position: relative;
+ left: 450px;
+ top: -200px;
+}
+#bigbuttons h3{
+ visibility: hidden;
+}
+
+#bigbuttons a {
+}
+
+#bigbuttons ul li {
+ display:block;
+ list-style-type:none;
+ background-color: red;
+ padding: 0;
+ margin: 0;
+}
+
+#bigbuttons a:hover {
+ text-decoration: none;
+}
+
+#bigbuttons a {
+ display: block;
+ height:77px; width:250px;
+ padding: 0;
+ margin: 20px;
+ text-indent: -9000px;
+ position: absolute;
+}
+
+#buttonDownload {
+ background:transparent url("images/buttonDownload.png") no-repeat 0 0;
+ top: 0px;
+ left: 0px;
+}
+
+#buttonDownload:hover {
+ background:transparent url("images/buttonDownload_sel.png") no-repeat 0 0;
+}
+
+
+#buttonDocumentation {
+ background:transparent url("images/buttonDocumentation.png") no-repeat 0 0;
+ top: 87px;
+ left: 0px;
+}
+
+#buttonDocumentation:hover {
+ background:transparent url("images/buttonDocumentation_sel.png") no-repeat 0 0;
+}
+
+#buttonSupport {
+ background:transparent url("images/buttonSupport.png") no-repeat 0 0;
+ top: 0px;
+ left: 280px;
+}
+
+#buttonSupport:hover {
+ background:transparent url("images/buttonSupport_sel.png") no-repeat 0 0;
+}
+
+#buttonInvolved {
+ background:transparent url("images/buttonInvolved.png") no-repeat 0 0;
+ top: 87px;
+ left: 280px;
+}
+
+#buttonInvolved:hover {
+ background:transparent url("images/buttonInvolved_sel.png") no-repeat 0 0;
+}
+
+#bigbuttons a * {
+ visibility: hidden;
+}
+
+#headlines {
+}
+
+#headlines ul li {
+ margin: 0 0;
+ list-style-type: none;
+ list-style-image: none;
+}
+
+
+#headlines div.title {
+ display: inline;
+ margin-right: 0.5em;
+}
+
+#headlines div.meta {
+ display: inline;
+ color: #444444;
+ font-size: smaller;
+}
+
+#headlines div.item {
+ display: block;
+ }
+
+#screencast {
+ margin-bottom: 10px;
+}
+
+#newAndNoteworthy a {
+ display: block;
+ width:218px;
+ height:51px;
+ padding: 0;
+ text-indent: -9000px;
+ background:transparent url("images/bannerNewAndNoteworthy08M4.png") no-repeat 0 0;
+ margin-top: 10px;
+}
