adding test artwork page

Signed-off-by: Christopher Guindon <chris.guindon@eclipse.org>
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..0384968
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,159 @@
+/* Custom styles for /artwork/index.php */
+
+#midcolumn{
+	font-family: 'Roboto', Arial, sans-serif;
+}
+
+#eclipse-logo-header{
+	padding-bottom:25px;
+}
+
+#eclipse_logo_artworks_info{
+	background:#2d2252;
+	padding:4px 14px;
+}
+
+#eclipse_logo_artworks_info h2,
+#eclipse_logo_artworks_info p{
+	color:#fff;
+}
+
+#eclipse_logo_artworks_info p{
+	line-height:17px;
+}
+
+#eclipse_logo_artworks_info h2{
+  border-bottom:0;
+  font-weight:400;
+  padding-bottom:5px;
+}
+
+#eclipse_logo_artworks_info h2 span{
+	display:block;
+	clear:both;
+}
+
+#eclipse_logo_artworks_info a,
+#eclipse_logo_artworks_info a:link,
+#eclipse_logo_artworks_info a:visited,
+#eclipse_logo_artworks_info a:active{
+	color: #5c9adf;
+	text-decoration:underline;
+	font-weight:400;
+}
+
+#eclipse_logo_artworks_info a:hover{
+	text-decoration:none;
+}
+
+/* Main logo */
+#eclipse_logo_artworks_logo{
+	border:1px solid #d6d6d6;
+	border-top:0;
+	background: url('../images/layout/heading-arrow.gif') center top no-repeat;
+	padding:45px 5px 33px 5px;
+	margin-bottom:25px;
+}
+
+#eclipse_logo_artworks_logo .main-logo-contrast .logo-container{
+  background:#f99138;
+  border:0;  
+}
+
+#eclipse_logo_artworks_logo .logo-container{
+	padding:15px 10px;
+	margin-bottom:10px;
+	text-align:center;
+	border:1px solid #d6d6d6;
+}
+
+.download-btn{
+	display:block;
+	border:2px solid #2d2252;
+	color:#2d2252;
+	text-transform: uppercase;
+	background:#fff;
+	text-align:center;
+	padding:10px 15px;
+	font-weight:normal;
+}
+
+.download-btn:hover{
+  text-decoration:none;
+  background:#2d2252;
+  color:	#fff;
+}
+
+.col-50{
+	width: 45%;
+	display:block;
+	float:left;
+	margin:0 2.5%;
+}
+
+
+.col-33{
+	text-align:center;  
+  width: 31%;
+  display:block;
+  float:left;
+  margin:0 1.16%;
+  padding:15px 0 45px 0;
+}
+
+#eclipse_logo_artworks_mp img{
+	padding-bottom:10px;
+}
+
+/* Guidelines */
+.icon-download{
+	background:url("../images/layout/icon-download.gif") left 1px no-repeat;
+}
+
+.icon-download span{
+	padding-left:20px;
+}
+
+#graphic_guidelines{
+	border-top:1px solid #d6d6d6;
+	padding-bottom:25px;
+	padding-top:10px;
+}
+
+#graphic_guidelines h2{
+	border:none;
+	font-weight: 400;
+	padding-bottom:10px;
+}
+
+#graphic_guidelines h2 span{
+	clear:both;
+	display:block;
+	font-weight:700;
+}
+
+#graphic_guidelines a,
+#graphic_guidelines a:link,
+#graphic_guidelines a:visited,
+#graphic_guidelines a:active{
+	color:#2d2252;
+}
+
+/* clearfix */
+.clearfix:after {
+    content: ".";
+    display: block;
+    clear: both;
+    visibility: hidden;
+    line-height: 0;
+    height: 0;
+}
+.clearfix {
+    display: inline-block;
+}
+html[xmlns] .clearfix {
+    display: block;
+}
+* html .clearfix {
+    height: 1%;
+}
diff --git a/images/layout/heading-arrow.gif b/images/layout/heading-arrow.gif
new file mode 100644
index 0000000..065c162
--- /dev/null
+++ b/images/layout/heading-arrow.gif
Binary files differ
diff --git a/images/layout/icon-download.gif b/images/layout/icon-download.gif
new file mode 100644
index 0000000..913f7c2
--- /dev/null
+++ b/images/layout/icon-download.gif
Binary files differ
diff --git a/images/layout/logo_header-345x82.gif b/images/layout/logo_header-345x82.gif
new file mode 100644
index 0000000..0268726
--- /dev/null
+++ b/images/layout/logo_header-345x82.gif
Binary files differ
diff --git a/images/v2/eclipse-logo-bw-187x45.png b/images/v2/eclipse-logo-bw-187x45.png
new file mode 100644
index 0000000..6665c2d
--- /dev/null
+++ b/images/v2/eclipse-logo-bw-187x45.png
Binary files differ
diff --git a/images/v2/eclipse-logo-color-187x45.gif b/images/v2/eclipse-logo-color-187x45.gif
new file mode 100644
index 0000000..71f4c0b
--- /dev/null
+++ b/images/v2/eclipse-logo-color-187x45.gif
Binary files differ
diff --git a/images/v2/eclipse-mp-built-130x52.gif b/images/v2/eclipse-mp-built-130x52.gif
new file mode 100644
index 0000000..c21e8fd
--- /dev/null
+++ b/images/v2/eclipse-mp-built-130x52.gif
Binary files differ
diff --git a/images/v2/eclipse-mp-member-130x52.gif b/images/v2/eclipse-mp-member-130x52.gif
new file mode 100644
index 0000000..b1f12f8
--- /dev/null
+++ b/images/v2/eclipse-mp-member-130x52.gif
Binary files differ
diff --git a/images/v2/eclipse-mp-ready-130x52.gif b/images/v2/eclipse-mp-ready-130x52.gif
new file mode 100644
index 0000000..3d3f91f
--- /dev/null
+++ b/images/v2/eclipse-mp-ready-130x52.gif
Binary files differ
diff --git a/index2.php b/index2.php
new file mode 100644
index 0000000..6732a80
--- /dev/null
+++ b/index2.php
@@ -0,0 +1,87 @@
+<?php
+
+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());
+
+// Begin: page-specific settings.  Change these.
+$pageTitle 		= "Eclipse Logos and Artwork";
+$pageKeywords	= "eclipse, logo, eclipse logo, eclipse logos, artwork, logo, logos, trademark, trademarks, documents, about";
+$pageAuthor		= "Christopher Guindon";
+
+ob_start();
+?>
+<div id="maincontent">
+	<div id="midcolumn">
+	  <img src="images/layout/logo_header-345x82.gif" alt="Eclipse logo" id="eclipse-logo-header"/>
+	  <div id="eclipse_logo_artworks">
+	    <div id="eclipse_logo_artworks_info">
+	      <h2>Eclipse Logo and Artworks
+	        <span>For members and providers</span>
+	      </h2>
+	      <p>In order to help identify how Eclipse is incorporated into the projects and products developed by the community and
+	      Foundation members, the "Eclipse Ready" "Built on Eclipse" and "Eclipse Foundation Member" logos can be downloaded here.
+	      For information about how these logos are to be used, please consult the <a href="#">Usage Guidelines</a>. Each logo is available in a
+	      variety of styles and sizes from the links below.</p>
+	    </div>
+	    <div id="eclipse_logo_artworks_logo" class="clearfix">
+	      <div id="eclipse_logo_artworks_logo_normal" class="col-50">
+	        <div class="logo-container">
+	          <img src="images/v2/eclipse-logo-color-187x45.gif" alt="Eclipse color logo"/>
+	        </div>
+	        <a href="#" class="download-btn">Download</a>
+	      </div>
+	      <div id="eclipse_logo_artworks_logo_bw" class="col-50 main-logo-contrast">
+	        <div class="logo-container">
+	          <img src="images/v2/eclipse-logo-bw-187x45.png" alt="Eclipse black &amp; white logo"/>
+	        </div>
+	        <a href="#" class="download-btn">Download</a>
+	      </div>
+	    </div><!-- END #eclipse_logo_artworks_logo -->
+	    <div id="eclipse_logo_artworks_mp" class="clearfix">
+	      <div id="eclipse_logo_artworks_mp_built" class="col-33">
+	        <img src="images/v2/eclipse-mp-built-130x52.gif"" alt="Eclipse - Built on"/>
+	        <a href="#" class="download-btn">Download</a>
+	      </div>
+	      <div id="eclipse_logo_artworks_mp_ready" class="col-33">
+	        <img src="images/v2/eclipse-mp-ready-130x52.gif" alt="Eclipse - Ready"/>
+	        <a href="#" class="download-btn">Download</a>
+	      </div>
+	      <div id="eclipse_logo_artworks_mp_member" class="col-33">
+	        <img src="images/v2/eclipse-mp-member-130x52.gif" alt="Eclipse - Foundation member"/>
+	        <a href="#" class="download-btn">Download</a>
+	      </div>
+	    </div><!-- END #eclipse_logo_artworks_mp -->
+	  </div>
+	  <div id="graphic_guidelines">
+	    <h2>Graphic Guidelines for Eclipse Identity Logo
+	      <span>For members and providers</span>
+	    </h2>
+	    <p>The Eclipse Identity logo is available in the table below. Please read the <a href=#">Eclipse Logo Graphic Guidelines (.pdf)</a>
+	    for instructions about appropriate uses; then download the desired style, format, size from the table below.</p>
+	    <a href="#" class="icon-download"><span>Download Here</span></a>
+	  </div>
+  </div><!-- END #midcolumn -->
+
+  <div id="rightcolumn">
+    <div class="sideitem">
+      <h6>Related Links</h6>
+      <ul>
+        <li><a href="#">Logo Usage Guidelines</a></li>
+      </ul>
+		 </div>
+	</div><!-- END #rightcolumn -->
+</div>
+<?php
+$html = ob_get_clean();
+$html = mb_convert_encoding($html, "HTML-ENTITIES", "auto");
+$App->AddExtraHtmlHeader('<link href="http://fonts.googleapis.com/css?family=Roboto:400,100,700" rel="stylesheet" type="text/css">');
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="css/style.css"/>');
+
+// Generate the web page
+$App->generatePage($theme, $Menu, $Nav, $pageAuthor, $pageKeywords, $pageTitle, $html);
+?>