Created new layout for Mars page
Change-Id: I8834465216dd37454a0501d51dbd937e698c3695
Signed-off-by: Eric Poirier <eric@eclipse.org>
diff --git a/assets/.gitignore b/assets/.gitignore
new file mode 100644
index 0000000..2ccbe46
--- /dev/null
+++ b/assets/.gitignore
@@ -0,0 +1 @@
+/node_modules/
diff --git a/assets/gruntfile.js b/assets/gruntfile.js
new file mode 100644
index 0000000..ecf93d9
--- /dev/null
+++ b/assets/gruntfile.js
@@ -0,0 +1,73 @@
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+
+module.exports = function(grunt) {
+
+ // Project configuration.
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+ project: {
+ src: 'assets/src',
+ css: [
+ '<%= project.src %>/scss/style.scss'
+ ],
+ js: [
+ '<%= project.src %>/j/*.js'
+ ]
+ },
+ less: {
+ development: {
+ options: {
+ compress: true,
+ // minifying the result
+ },
+ files: {
+ // compiling styles.less into styles.css
+ './public/stylesheets/styles.min.css': './src/stylesheets/styles.less'
+ }
+ }
+ },
+ uglify: {
+ options: {
+ mangle: false
+ // Use if you want the names of your functions and variables
+ // unchanged.
+ },
+ js_files: {
+ files: {
+ './public/javascript/scripts.min.js': './src/javascript/scripts.js',
+ }
+ },
+ },
+ watch: {
+ js_files: {
+ files: [
+ './src/javascript/scripts.js'],
+ tasks: ['uglify:js_files']
+ },
+ less: {
+ files: ['./src/stylesheets/*.less', './src/stylesheets/**/*.less'],
+ tasks: ['less'],
+ options: {
+ livereload: true
+ // reloads the browser
+ }
+ },
+ }
+ });
+
+ grunt.loadNpmTasks('grunt-contrib-less');
+ grunt.loadNpmTasks('grunt-contrib-watch');
+ grunt.loadNpmTasks('grunt-contrib-uglify');
+ // Default task(s).
+ grunt.registerTask('default', ['watch']);
+
+};
\ No newline at end of file
diff --git a/assets/package.json b/assets/package.json
new file mode 100644
index 0000000..e6a6372
--- /dev/null
+++ b/assets/package.json
@@ -0,0 +1,17 @@
+{
+ "name": "eclipse-mars",
+ "version": "0.0.1",
+ "description": "Assets for eclipse.org mars section.",
+ "main": "Gruntfile.js",
+ "author": "Eric Poirier",
+ "license": "EPL",
+ "bugs": {
+ "url": "https://bugs.eclipse.org/bugs/buglist.cgi?component=Website&list_id=8318814&product=Community&resolution=---"
+ },
+ "dependencies": {
+ "grunt": "^0.4.5",
+ "grunt-contrib-less": "~0.9.0",
+ "grunt-contrib-concat": "~0.3.0",
+ "grunt-contrib-watch": "^0.6.1"
+ }
+}
\ No newline at end of file
diff --git a/assets/public/javascript/scripts.min.js b/assets/public/javascript/scripts.min.js
new file mode 100644
index 0000000..93e1871
--- /dev/null
+++ b/assets/public/javascript/scripts.min.js
@@ -0,0 +1 @@
+$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var target=$(this.hash);if(target=target.length?target:$("[name="+this.hash.slice(1)+"]"),target.length)return $("html,body").animate({scrollTop:target.offset().top},1e3),!1}})});
\ No newline at end of file
diff --git a/assets/public/stylesheets/styles.min.css b/assets/public/stylesheets/styles.min.css
new file mode 100644
index 0000000..9b68078
--- /dev/null
+++ b/assets/public/stylesheets/styles.min.css
@@ -0,0 +1 @@
+.transition{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}h1,h2{font-family:'Raleway',Arial,sans-serif;font-weight:100}.jumbotron{background-image:url(../../../images/header-bg.jpg);background-size:cover}@media (max-width:767px){.jumbotron{background-position:bottom right}}.jumbotron h1,.jumbotron h2,.jumbotron p,.jumbotron li{color:#fff}.jumbotron h1{font-weight:100}.jumbotron h2{margin-bottom:20px}.jumbotron .list-with-arrow{padding-left:15px;list-style:none}.jumbotron .list-with-arrow li{padding-bottom:20px}.jumbotron .list-with-arrow li:before{font-family:'FontAwesome';content:'\f054';margin:0 5px 0 -15px;color:#f7941e;font-weight:100}.projects h2{text-align:center}@media (max-width:767px){.projects h2{font-size:32px;margin:30px 0 40px}}@media (min-width:768px){.projects h2{font-size:48px;margin:60px 0 80px}}.projects h3{font-weight:bold}.projects .well{padding:0;border-radius:0;box-shadow:none;background-color:#fff}.projects .well h3{margin-top:0}@media (max-width:767px){.projects .well{text-align:center}.projects .well .col-left-box,.projects .well .col-right-box{background-color:#f2f2f2;padding:20px 0}}.projects .well .col-left-box,.projects .well .col-right-box{background-color:#f2f2f2}@media (max-width:767px){.projects .well .col-left-box,.projects .well .col-right-box{padding:20px}}@media (min-width:768px){.projects .well .col-left-box,.projects .well .col-right-box{min-height:150px;padding:40px}.projects .well .col-left-box:before,.projects .well .col-right-box:before,.projects .well .col-left-box:after,.projects .well .col-right-box:after{display:block;content:"";position:absolute;width:0;height:0}.projects .well .col-left-box:before,.projects .well .col-right-box:before{border-top:100px solid #fff;top:0}.projects .well .col-left-box:after,.projects .well .col-right-box:after{border-bottom:100px solid #fff;bottom:0}}@media (min-width:768px){.projects .well .col-left-box{text-align:left}.projects .well .col-left-box:before,.projects .well .col-left-box:after{right:0;border-left:100px solid transparent}}@media (min-width:768px){.projects .well .col-right-box{text-align:right}.projects .well .col-right-box:before,.projects .well .col-right-box:after{left:0;border-right:100px solid transparent}}.projects .well .content{padding:20px}.together{text-align:center;background-color:#e8e8e8;margin-top:40px;padding:40px 0}.together p{line-height:1.8;margin-bottom:20px}.bold{font-weight:700}.btn-border-only{background-color:transparent;border:1px solid;font-weight:300}.btn-border-only:hover,.btn-border-only:active,.btn-border-only:focus{border-color:#ccc;color:#ccc;background-color:transparent}.btn-border-only.white{border-color:#fff;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.btn-border-only.white:hover{border-color:#ccc;color:#ccc}.btn-border-only.black{border-color:#858585;color:#858585;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.btn-border-only.black:hover{border-color:#3b3b3b;color:#3b3b3b}@media (min-width:768px){.vertical-align.for-sm-and-up{display:flex;align-items:center}}
\ No newline at end of file
diff --git a/assets/src/javascript/scripts.js b/assets/src/javascript/scripts.js
new file mode 100644
index 0000000..a503ad9
--- /dev/null
+++ b/assets/src/javascript/scripts.js
@@ -0,0 +1,25 @@
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+
+$(function() {
+ $('a[href*=#]:not([href=#])').click(function() {
+ if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+ var target = $(this.hash);
+ target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+ if (target.length) {
+ $('html,body').animate({
+ scrollTop: target.offset().top
+ }, 1000);
+ return false;
+ }
+ }
+ });
+});
diff --git a/assets/src/stylesheets/_mixins.less b/assets/src/stylesheets/_mixins.less
new file mode 100644
index 0000000..e773b00
--- /dev/null
+++ b/assets/src/stylesheets/_mixins.less
@@ -0,0 +1,18 @@
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+
+.transition {
+ //transition: all 0.5s ease;
+ -webkit-transition: all 500ms ease;
+ -moz-transition: all 500ms ease;
+ -o-transition: all 500ms ease;
+ transition: all 500ms ease;
+}
\ No newline at end of file
diff --git a/assets/src/stylesheets/styles.less b/assets/src/stylesheets/styles.less
new file mode 100644
index 0000000..809ccd5
--- /dev/null
+++ b/assets/src/stylesheets/styles.less
@@ -0,0 +1,188 @@
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+
+@import "_mixins.less";
+
+h1, h2{
+ font-family: 'Raleway', Arial, sans-serif;
+ font-weight:100;
+}
+
+/* HEADER */
+
+.jumbotron{
+ background-image:url(../../../images/header-bg.jpg);
+ background-size:cover;
+ @media ( max-width : 767px) {
+ background-position: bottom right;
+ }
+ h1, h2, p, li{
+ color:#fff;
+ }
+ h1{
+ font-weight:100;
+ }
+ h2{
+ margin-bottom:20px;
+ }
+ .list-with-arrow{
+ padding-left:15px;
+ list-style:none;
+ li{
+ padding-bottom:20px;
+ &:before {
+ font-family: 'FontAwesome';
+ content: '\f054'; // Chevron-right
+ margin:0 5px 0 -15px;
+ color: #F7941E;
+ font-weight:100;
+ }
+ }
+ }
+}
+
+/* Projects section*/
+
+.projects{
+ h2{
+ text-align:center;
+ @media ( max-width : 767px) {
+ font-size:32px;
+ margin:30px 0 40px;
+ }
+ @media ( min-width : 768px) {
+ font-size:48px;
+ margin:60px 0 80px;
+ }
+ }
+ h3{
+ font-weight:bold;
+ }
+ .well{
+ padding:0;
+ border-radius:0;
+ box-shadow:none;
+ background-color:#fff;
+ h3{
+ margin-top:0;
+ }
+ @media (max-width : 767px) {
+ text-align:center;
+ .col-left-box, .col-right-box{
+ background-color:#f2f2f2;
+ padding:20px 0;
+ }
+ }
+ .col-left-box, .col-right-box{
+ background-color:#f2f2f2;
+ @media (max-width : 767px) {
+ padding:20px;
+ }
+ @media (min-width : 768px) {
+ min-height:150px;
+ padding:40px;
+ &:before, &:after{
+ display:block;
+ content:"";
+ position:absolute;
+ width: 0;
+ height: 0;
+ }
+ &:before{
+ border-top: 100px solid #fff;
+ top:0;
+ }
+ &:after{
+ border-bottom: 100px solid #fff;
+ bottom:0;
+ }
+ }
+ }
+ .col-left-box{
+ @media (min-width : 768px) {
+ text-align:left;
+ &:before, &:after{
+ right:0;
+ border-left: 100px solid transparent;
+ }
+ }
+ }
+ .col-right-box{
+ @media (min-width : 768px) {
+ text-align:right;
+ &:before, &:after{
+ left:0;
+ border-right: 100px solid transparent;
+ }
+ }
+ }
+ .content{
+ padding:20px;
+ }
+ }
+}
+
+/* Together section */
+
+.together{
+ text-align:center;
+ background-color:#e8e8e8;
+ margin-top:40px;
+ padding:40px 0;
+ p{
+ line-height:1.8;
+ margin-bottom:20px;
+ }
+}
+
+/* Utilities */
+
+.bold{
+ font-weight:700;
+}
+
+.btn-border-only{
+ background-color:transparent;
+ border:1px solid;
+ font-weight:300;
+
+ &:hover, &:active, &:focus{
+ border-color:#ccc;
+ color:#ccc;
+ background-color:transparent;
+ }
+}
+
+.btn-border-only.white{
+ border-color:#fff;
+ .transition;
+ &:hover{
+ border-color:#ccc;
+ color:#ccc;
+ }
+}
+
+.btn-border-only.black{
+ border-color:#858585;
+ color:#858585;
+ .transition;
+ &:hover{
+ border-color:#3B3B3B;
+ color:#3B3B3B;
+ }
+}
+
+.vertical-align.for-sm-and-up {
+ @media ( min-width : 768px) {
+ display: flex;
+ align-items: center;
+ }
+}
\ No newline at end of file
diff --git a/content/en_index.php b/content/en_index.php
new file mode 100644
index 0000000..f2c9ad2
--- /dev/null
+++ b/content/en_index.php
@@ -0,0 +1,136 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+?>
+
+<section class="jumbotron breadcrumbs-offset">
+ <div class="container">
+ <div class="content">
+ <h1>MARS release</h1>
+ <h2>June 2015</h2>
+ <div class="row">
+ <div class="col-md-10 col-sm-12">
+ <ul class="list-with-arrow">
+ <li>New Java IDE features, including hierarchical view of nested projects, ability to customize perspectives
+ and speed improvements for text search.</li>
+ <li>Integrated tools for building and maintaining Docker containers, available from Linux Tools project.</li>
+ <li>Oomph project now makes if possible to record and share user preference settings across individual workspaces.</li>
+ <li>New integration with Gradle making it easy to manage Gradle builds from Eclipse, via the Buildship project.</li>
+ </ul>
+ </div>
+ <div class="col-md-10 col-sm-12">
+ <ul class="list-with-arrow">
+ <li>Improved Maven support, including support for Maven 3.3.3, improved Maven archetypes integration
+ and enhanced auto-completion in the pom editor.</li>
+ <li>Automated error reporting that allows Eclipse users to report errors directly to Eclipse projects.</li>
+ <li>The new Thym project provides tools for building cross-platform mobile applications using Apache Cordova.</li>
+ </ul>
+ <ul class="list-inline">
+ <li><a class="btn btn-primary btn-border-only white" href="/downloads/">Download</a></li>
+ <li><a class="btn btn-primary btn-border-only white" href="https://projects.eclipse.org/releases/mars">Projects</a></li>
+ <li><a class="btn btn-primary btn-border-only white" href="#together">Improve Eclipse</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+<section class="projects">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-18 col-sm-24 col-md-offset-3">
+ <h2><span class="bold">Projects</span> included in Eclipse Mars</h2>
+ <div class="well">
+ <div class="row vertical-align for-sm-and-up">
+ <div class="col-lg-6 col-md-8 col-sm-8">
+ <div class="logo col-left-box"><img src="images/logo-jubula.png" alt="Jubula logo"></div>
+ </div>
+ <div class="col-lg-18 col-md-16 col-sm-16">
+ <div class="content">
+ <h3><a href="/jubula/">Jubula 3.1</a></h3>
+ <p>Automated functional testing tool. New 3.1 release includes a new client API for developing tests in code.</p>
+ </div>
+ </div>
+ </div>
+ </div><!-- end of .well -->
+ <div class="well">
+ <div class="row vertical-align for-sm-and-up">
+ <div class="col-lg-6 col-md-8 col-sm-8 col-sm-push-16 col-lg-push-18">
+ <div class="logo col-right-box"><img src="images/logo-gef.png" alt="GEF logo"></div>
+ </div>
+ <div class="col-lg-18 col-md-16 col-sm-16 col-sm-pull-8 col-lg-pull-6">
+ <div class="content">
+ <h3><a href="/gef/">GEF 3.10</a></h3>
+ <p>Framework for building rich graphical applications. New 3.10 release includes the new GEF4
+ implementation, a new generation of GEF that uses JavaFX.</p>
+ </div>
+ </div>
+ </div>
+ </div><!-- end of .well -->
+ <div class="well">
+ <div class="row vertical-align for-sm-and-up">
+ <div class="col-lg-6 col-md-8 col-sm-8">
+ <div class="logo col-left-box"><img src="images/logo-sirius.png" alt="Sirius logo"></div>
+ </div>
+ <div class="col-lg-18 col-md-16 col-sm-16">
+ <div class="content">
+ <h3><a href="/sirius/">Sirius 3.0</a></h3>
+ <p>Easily define a modeling workbench.</p>
+ </div>
+ </div>
+ </div>
+ </div><!-- end of .well -->
+ <div class="well">
+ <div class="row vertical-align for-sm-and-up">
+ <div class="col-lg-6 col-md-8 col-sm-8 col-sm-push-16 col-lg-push-18">
+ <div class="logo col-right-box"><img src="images/logo-ecf.png" alt="ECF logo"></div>
+ </div>
+ <div class="col-lg-18 col-md-16 col-sm-16 col-sm-pull-8 col-lg-pull-6">
+ <div class="content">
+ <h3><a href="/ecf/">Eclipse Communication Framework 3.10</a></h3>
+ <p>Set of frameworks that implement communications protocols for application developers.</p>
+ </div>
+ </div>
+ </div>
+ </div><!-- end of .well -->
+ <div class="well">
+ <div class="row vertical-align for-sm-and-up">
+ <div class="col-lg-6 col-md-8 col-sm-8">
+ <div class="logo col-left-box"><img src="images/logo-papyrus.png" alt="Papyrus logo"></div>
+ </div>
+ <div class="col-lg-18 col-md-16 col-sm-16">
+ <div class="content">
+ <h3><a href="/papyrus/">Papyrus 1.1</a></h3>
+ <p>Set of modeling tools supporting EMF, UML and other languages.</p>
+ </div>
+ </div>
+ </div>
+ </div><!-- end of .well -->
+ <div class="text-center">
+ <a href="https://projects.eclipse.org/releases/mars" class="btn btn-primary btn-border-only black">MORE</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+<section id="together" class="together footer-offset">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-18 col-md-offset-3">
+ <h2><span class="bold">Together</span> We Can Improve Eclipse</h2>
+ <p>By making a donation to Friends of Eclipse, you can help improve Eclipse.
+ All donations will be used to fund Eclipse IDE development. Donate today and together
+ we can improve Eclipse.</p>
+ <p><a href="/donate" class="btn btn-primary btn-border-only black">DONATE</a></p>
+ </div>
+ </div>
+ </div>
+</section>
\ No newline at end of file
diff --git a/images/header-bg.jpg b/images/header-bg.jpg
new file mode 100644
index 0000000..0016e4d
--- /dev/null
+++ b/images/header-bg.jpg
Binary files differ
diff --git a/images/logo-aws.jpg b/images/logo-aws.jpg
new file mode 100644
index 0000000..f859474
--- /dev/null
+++ b/images/logo-aws.jpg
Binary files differ
diff --git a/images/logo-buildship.jpg b/images/logo-buildship.jpg
new file mode 100644
index 0000000..7d30e5a
--- /dev/null
+++ b/images/logo-buildship.jpg
Binary files differ
diff --git a/images/logo-ecf.png b/images/logo-ecf.png
new file mode 100644
index 0000000..126f10c
--- /dev/null
+++ b/images/logo-ecf.png
Binary files differ
diff --git a/images/logo-gef.png b/images/logo-gef.png
new file mode 100644
index 0000000..6e2fa7f
--- /dev/null
+++ b/images/logo-gef.png
Binary files differ
diff --git a/images/logo-jubula.png b/images/logo-jubula.png
new file mode 100644
index 0000000..8c85e42
--- /dev/null
+++ b/images/logo-jubula.png
Binary files differ
diff --git a/images/logo-papyrus.png b/images/logo-papyrus.png
new file mode 100644
index 0000000..2670273
--- /dev/null
+++ b/images/logo-papyrus.png
Binary files differ
diff --git a/images/logo-sirius.png b/images/logo-sirius.png
new file mode 100644
index 0000000..90d6ad4
--- /dev/null
+++ b/images/logo-sirius.png
Binary files differ
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..0f6754c
--- /dev/null
+++ b/index.php
@@ -0,0 +1,52 @@
+<?php
+/*******************************************************************************
+ * Copyright (c) 2015 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://eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *******************************************************************************/
+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();
+
+#redirect the user if he already saw the luna landing page
+$uri = explode("/", $_SERVER['REQUEST_URI']);
+if ($uri[1] == 'mars') {
+ if (!isset($_COOKIE['mars'])){
+ setcookie('mars', 'eclipse_mars', time()+3600*24*365, "/", ".eclipse.org");
+ }
+ else {
+ header('Location: /home/index.php');
+ exit();
+ }
+}
+
+# Begin: page-specific settings. Change these.
+$pageTitle = "Mars Eclipse";
+$pageKeywords = "eclipse Mars, release, simultaneous, release train, mars";
+$pageAuthor = "Eric Poirier";
+
+// Custom theme variables
+$variables = array();
+$variables['main_container_classes'] = 'container-full';
+
+// Place your html content in a file called content/en_pagename.php
+ob_start();
+include("content/en_" . $App->getScriptName());
+$html = ob_get_clean();
+
+$App->setThemeVariables($variables);
+
+# Generate the web page
+$App->AddExtraHtmlHeader('<link href="//fonts.googleapis.com/css?family=Raleway:100,300,500,400,700" rel="stylesheet" type="text/css">');
+$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="assets/public/stylesheets/styles.min.css" media="screen" />');
+$App->AddExtraJSFooter('<script type="text/javascript" src="/mars/assets/public/javascript/scripts.min.js"></script>');
+$App->generatePage("solstice", $Menu, NULL, $pageAuthor, $pageKeywords, $pageTitle, $html);
