This is an automated email from the ASF dual-hosted git repository.

aharui pushed a commit to branch feature/royalesite
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git

commit 9c82e73f66e9595761dabd1eb3a2cad909de2ecd
Author: Alex Harui <aha...@apache.org>
AuthorDate: Thu Feb 1 12:42:48 2018 -0800

    update site components to try to use them in asdoc
---
 .../RoyaleSite/src/main/resources/defaults.css     | 151 +++++++++++++++++----
 .../src/main/resources/royalesite-manifest.xml     |  12 ++
 .../royale/site/{TopMenu.as => DocFooter.as}       |  32 ++---
 .../apache/royale/site/{TopMenu.as => DocPage.as}  |  32 ++---
 .../site/{TopMenu.as => DocSocialButtons.as}       |  28 +---
 .../royale/site/{TopMenu.as => DocTagline.as}      |  27 ++--
 .../royale/site/{TopMenu.as => DocTopBar.as}       |  32 ++---
 .../royale/site/{TopMenu.as => DocTopMenu.as}      |  32 ++---
 .../main/royale/org/apache/royale/site/Footer.mxml |  73 ++++++++++
 .../apache/royale/site/{TopMenu.as => MainPage.as} |  32 ++---
 .../apache/royale/site/{TopMenu.as => Tagline.as}  |  27 ++--
 .../main/royale/org/apache/royale/site/TopBar.mxml |  29 ++++
 .../royale/org/apache/royale/site/TopMenu.mxml     |  31 +++++
 .../royale/site/{TopMenu.as => TopMenuBase.as}     |   6 +-
 14 files changed, 343 insertions(+), 201 deletions(-)

diff --git a/frameworks/projects/RoyaleSite/src/main/resources/defaults.css 
b/frameworks/projects/RoyaleSite/src/main/resources/defaults.css
index d1c65c0..91edb96 100644
--- a/frameworks/projects/RoyaleSite/src/main/resources/defaults.css
+++ b/frameworks/projects/RoyaleSite/src/main/resources/defaults.css
@@ -12,16 +12,33 @@
  * limitations under the License.
  */
 
-@namespace "library://ns.apache.org/royale/site";
+@namespace "http://www.w3.org/1999/xhtml";;
+@namespace rs "library://ns.apache.org/royale/site";
 
-ASFCopyrightAttributionAndLinks
+h1 {
+       margin-top: 0px;
+}
+
+rs|Tagline {
+       font-family: 'Hind Siliguri';
+}
+
+rs|DocTagline {
+       top: 60px;
+       right: 10px;
+       font-size: 10px;
+       color: #fff;
+       position: absolute;
+}
+
+rs|ASFCopyrightAttributionAndLinks
 {
        text-align: center;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
 }
 
-CurvedTop {
+rs|CurvedTop {
        background-color: #ffffff;
        border-top-right-radius: 50% 20px;
        border-top-left-radius: 50% 20px;
@@ -31,12 +48,12 @@ CurvedTop {
        padding: 30px;
 }
 
-ResponsiveTable {
+rs|ResponsiveTable {
        display: flex;
        flex-wrap: wrap;
 }
 
-ResponsiveTableTile {
+rs|ResponsiveTableTile {
        width: 350px;
 }
 
@@ -61,7 +78,7 @@ ResponsiveTableTile {
        
 }
 
-BigButton {
+rs|BigButton {
        border-radius: 100px;
        padding: 30px;
        margin: 20px;
@@ -98,15 +115,20 @@ BigButton {
        font-family:Verdana, Geneva, sans-serif;
 }
 
-.page {
+rs|MainPage {
        width: 100%;
        background-color: #cccccc;
        background-image: 
url('http://royale.codeoscopic.com/wp-content/uploads/2017/10/isometric-devices-light-curve-1920x1025.png');
        background-size: 100%;
        background-repeat: no-repeat;
+       margin-top: 0px;
+}
+
+rs|DocPage {
+       background-image: 
url('http://royale.codeoscopic.com/wp-content/uploads/2017/10/page-bg-1-1920x300.png');
 }
 
-SocialButtons {
+rs|SocialButtons {
        display: inline;
        margin-top: 0px;
        height: 40px;
@@ -118,26 +140,49 @@ SocialButtons {
        line-height: 70px;
 }
 
-.topbar {
-       width: 100%;
+rs|DocSocialButtons {
+       color: #fff;
+}
+
+rs|TopBar {
+       display: flex;
+       flex-wrap: wrap;
+       justify-content: space-between;
+       padding-left: 54px;
+       padding-right: 54px;
+}
+
+rs|DocTopBar {
+       color: #fff;
 }
 
-TopMenu {
+rs|TopMenu {
        display: inline-block;
        vertical-align: top;
+       margin-top: 0px;
+       margin-bottom: 0px;
+       height: 40px;
        list-style: none;
 }
 
-TopMenuButton {
+rs|TopMenuButton {
        display: inline;
        margin-right: 20px;
-       font-size: 12px;
+       font-size: 14px;
+       font-weight: 600;
+       font-family: 'Signika';
+       line-height: 70px;
+       letter-spacing: 1px;
 }
 
 .TopMenuButtonContent {
        text-decoration: none;
 }
 
+rs|DocTopMenu {
+       color: #fff;
+}
+
 .orange-box {
        background-color: #F93;
        width: 100%;
@@ -168,62 +213,122 @@ TopMenuButton {
        margin: 20px 300px;
 }
 
+
 .apache {
-       color: #f0f;
+       color: #a002a0;
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
 }
 
 .apacheroyale {
-       color: #f00;
+       color: rgb(250, 70, 30);
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
 }
 
 .documentation {
        color: #000;
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
 }
 
 .development {
-       color: #ff0;
+       color: rgb(243, 199, 103);
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
 }
 
 .community {
-       color: #0f0;
+       color: rgb(42, 139, 42);
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
 }
 
-.footer {
-       width: 100%;
+rs|Footer {
+       padding-left: 54px;
+       padding-right: 54px;
+       padding-top: 48px;
+       padding-bottom: 18px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
-       font-family: Verdana, Geneva, sans-serif;
+       font-family: 'Hind Siliguri';
+       font-size: 14px;
+}
+
+rs|DocFooter
+{
+       background-color: rgb(233, 233, 233);
 }
 
 .footer-column {
+       flex-grow: 1;
 }
 
-TitledAnchorList {
+.footer-list {
        list-style: none;
+       padding-left: 0px;
+       margin-bottom: 20px;
 }
 
-.AnchorListContent {
+.footer-list_a{
        text-decoration: none;
+       line-height: 26px;
+       color: rgb(67, 147, 195);
 }
 
 .aboutusdiv {
        min-width: 150px;
-       flex-basis: 40%;
+       flex-basis: 33%;
        flex-grow: 1;
 }
 
 .aboutus {
        color: #000;
+       font-family: Signika;
+       font-weight: 600;
+       line-height: 30px;
+}
+
+.aboutus_p {
+       padding-bottom: 38px;
+}
+
+.aboutus_a {
+       text-decoration: none;
+       color: rgb(67, 147, 195);
 }
 
 .aboutus-logo {
        float: left;
        width: 100px;
+       padding-bottom: 14px;
+       padding-right: 14px;
 }
 
 .aboutus-apache-logo {
        float: right;
        width: 100px;
+       padding-bottom: 14px;
+       padding-right: 14px;
+}
+
+rs|TitledAnchorList {
+       list-style: none;
+}
+
+.AnchorListContent {
+       text-decoration: none;
 }
 
+.logo {
+    margin-top:15px; 
+    margin-bottom: 5px; 
+    width: 190px; 
+    height: 40px;
+}
\ No newline at end of file
diff --git 
a/frameworks/projects/RoyaleSite/src/main/resources/royalesite-manifest.xml 
b/frameworks/projects/RoyaleSite/src/main/resources/royalesite-manifest.xml
index 4731370..99b47e5 100644
--- a/frameworks/projects/RoyaleSite/src/main/resources/royalesite-manifest.xml
+++ b/frameworks/projects/RoyaleSite/src/main/resources/royalesite-manifest.xml
@@ -24,10 +24,22 @@
     <component id="ASFCopyrightAttributionAndLinks" 
class="org.apache.royale.site.ASFCopyrightAttributionAndLinks" />
     <component id="BigButton" class="org.apache.royale.site.BigButton" />
     <component id="CurvedTop" class="org.apache.royale.site.CurvedTop" />
+    <component id="Footer" class="org.apache.royale.site.Footer" />
+    <component id="MainPage" class="org.apache.royale.site.MainPage" />
     <component id="ResponsiveTable" 
class="org.apache.royale.site.ResponsiveTable" />
     <component id="ResponsiveTableTile" 
class="org.apache.royale.site.ResponsiveTableTile" />
     <component id="SocialButtons" class="org.apache.royale.site.SocialButtons" 
/>
+    <component id="Tagline" class="org.apache.royale.site.Tagline" />
     <component id="TitledAnchorList" 
class="org.apache.royale.site.TitledAnchorList" />
+    <component id="TopBar" class="org.apache.royale.site.TopBar" />x
     <component id="TopMenu" class="org.apache.royale.site.TopMenu" />
     <component id="TopMenuButton" class="org.apache.royale.site.TopMenuButton" 
/>
+    
+    <component id="DocFooter" class="org.apache.royale.site.DocFooter" />
+    <component id="DocPage" class="org.apache.royale.site.DocPage" />
+    <component id="DocSocialButtons" 
class="org.apache.royale.site.DocSocialButtons" />
+    <component id="DocTagline" class="org.apache.royale.site.DocTagline" />
+    <component id="DocTopBar" class="org.apache.royale.site.DocTopBar" />
+    <component id="DocTopMenu" class="org.apache.royale.site.DocTopMenu" />
+    
 </componentPackage>
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocFooter.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocFooter.as
index 5e3a924..a17be59 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocFooter.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The DocFooter displays the Footer for the Royale 
+     * documentation page.
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocFooter extends Footer
        {
                /**
                 * Constructor.
@@ -44,26 +43,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocFooter()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
-               }
-               
+                       typeNames = "DocFooter";
+               }               
        }
 }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocPage.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocPage.as
index 5e3a924..07dfe67 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocPage.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.View;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The DocPage displays the view for the Royale 
+     * documentation page.
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocPage extends View
        {
                /**
                 * Constructor.
@@ -44,26 +43,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocPage()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
-               }
-               
+                       typeNames += " DocPage";
+               }               
        }
 }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocSocialButtons.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocSocialButtons.as
index 5e3a924..9533d6c 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocSocialButtons.as
@@ -18,23 +18,23 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
+        * The DocSocialButtons is set of social media related
+     * buttons used in the
+     * Apache Royale documentation pages.
         * 
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocSocialButtons extends SocialButtons
        {
                /**
                 * Constructor.
@@ -44,25 +44,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocSocialButtons()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
+                       typeNames = "DocSocialButtons SocialButtons";
                }
                
        }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTagline.as
similarity index 72%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTagline.as
index 5e3a924..42bd8ca 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTagline.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The DocTagline displays the Royale 
+     * tagline "Designed for the future. Code once. Run everywhere."
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocTagline extends UIBase
        {
                /**
                 * Constructor.
@@ -44,24 +43,18 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocTagline()
                {
                        super();
                        
-                       typeNames = "TopMenu";
+                       typeNames = "DocTagline Tagline";
                }
                
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
+               COMPILE::JS
                override protected function createElement():WrappedHTMLElement
                {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
+                       super.createElement();
+                       element.innerHTML = "Designed for the future.  Code 
once.  Run everywhere.";
                        return element;
                }
                
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopBar.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopBar.as
index 5e3a924..6e87650 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopBar.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The DocTopBar displays the top bar for the Royale 
+     * documentation page.
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocTopBar extends TopBar
        {
                /**
                 * Constructor.
@@ -44,26 +43,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocTopBar()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
-               }
-               
+                       typeNames = "DocTopBar TopBar";
+               }               
        }
 }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopMenu.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopMenu.as
index 5e3a924..01893a1 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/DocTopMenu.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The DocTopMenu displays the top menu for the Royale 
+     * documentation page.
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class DocTopMenu extends TopMenu
        {
                /**
                 * Constructor.
@@ -44,26 +43,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function DocTopMenu()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
-               }
-               
+                       typeNames = "DocTopMenu TopMenu";
+               }               
        }
 }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml
new file mode 100644
index 0000000..8c846bf
--- /dev/null
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<Div xmlns:fx="http://ns.adobe.com/mxml/2009";
+                 xmlns="library://ns.apache.org/royale/html"
+                 xmlns:js="library://ns.apache.org/royale/basic"
+                 xmlns:rs="library://ns.apache.org/royale/site"
+                 xmlns:base="org.apache.royale.site.*">
+    <Div className="Footer">
+        <Div className="footer-column">
+            <rs:TitledAnchorList title="APACHE ROYALE" 
titleClassName="apacheroyale">
+                <rs:AnchorListData href="index.html">Home</rs:AnchorListData>
+                <rs:AnchorListData 
href="features.html">Features</rs:AnchorListData>
+                <rs:AnchorListData href="tryitnow/index.html">Try it 
now</rs:AnchorListData>
+                <rs:AnchorListData 
href="download.html">Download</rs:AnchorListData>
+                <rs:AnchorListData 
href="showcase.html">Showcase</rs:AnchorListData>
+                <rs:AnchorListData href="blog.html">Blog</rs:AnchorListData>
+                <rs:AnchorListData href="team.html">Team</rs:AnchorListData>
+                <rs:AnchorListData href="royalenpm.html">Royale in 
npm</rs:AnchorListData>
+                <rs:AnchorListData 
href="license.html">License</rs:AnchorListData>
+            </rs:TitledAnchorList>
+        </Div>
+        <Div className="footer-column">
+            <rs:TitledAnchorList title="DOCUMENTATION" 
titleClassName="documentation">
+                <rs:AnchorListData href="index.html">Getting 
Started</rs:AnchorListData>
+                <rs:AnchorListData href="docs.html">Docs</rs:AnchorListData>
+                <rs:AnchorListData 
href="reference/index.html">Reference</rs:AnchorListData>
+                <rs:AnchorListData href="wiki.html">Wiki</rs:AnchorListData>
+            </rs:TitledAnchorList>
+            <rs:TitledAnchorList title="COMMUNITY" titleClassName="community">
+                <rs:AnchorListData href="contribute.html">Get 
Involved</rs:AnchorListData>
+                <rs:AnchorListData 
href="mailinglists.html">MailingLists</rs:AnchorListData>
+                <rs:AnchorListData href="faq.html">FAQ</rs:AnchorListData>
+            </rs:TitledAnchorList>
+        </Div>
+        <Div className="footer-column">
+            <rs:TitledAnchorList title="DEVELOPMENT" 
titleClassName="development">
+                <rs:AnchorListData 
href="github.html">Github</rs:AnchorListData>
+                <rs:AnchorListData href="source.html">Source 
Code</rs:AnchorListData>
+                <rs:AnchorListData 
href="issues.html">Issues</rs:AnchorListData>
+            </rs:TitledAnchorList>
+            <rs:TitledAnchorList title="APACHE" titleClassName="apache">
+                <rs:AnchorListData 
href="http://www.apache.org/";>Apache</rs:AnchorListData>
+                <rs:AnchorListData 
href="http://www.apache.org/donations.html";>Donations</rs:AnchorListData>
+                <rs:AnchorListData 
href="http://www.apache.org/thanks.html";>Sponsorship</rs:AnchorListData>
+                <rs:AnchorListData 
href="http://www.apache.org/thanks.html";>Thanks</rs:AnchorListData>
+            </rs:TitledAnchorList>
+        </Div>
+        <Div className="aboutusdiv" >
+            <P className="aboutus">ABOUT US</P>
+            <P><img class="aboutus-logo" 
src="http://royale.codeoscopic.com/wp-content/uploads/2017/10/apache-royale-logo-footer-circle-grey.svg"/>Apache
 Royale™ is a highly productive open source application technology for building 
expressive frontend applications that outputs to different formats and deploy 
consistently on all major browsers, desktops and devices.</P>
+            <P><img class="aboutus-apache-logo" 
src="http://royale.codeoscopic.com/wp-content/uploads/2017/10/Apache_PoweredBy.svg";
 />
+            Apache Royale™, Apache™ and the Apache feather logo™ are 
trademarks of The Apache Software Foundation. All other marks mentioned may be 
trademarks or registered trademarks of their respective owners. Read more about 
our privacy policy on our Privacy Policy page.</P>
+        </Div>
+    </Div>
+    <rs:ASFCopyrightAttributionAndLinks />
+</Div>        
\ No newline at end of file
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/MainPage.as
similarity index 67%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/MainPage.as
index 5e3a924..02bb572 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/MainPage.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.View;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The MainPage displays the view for the Royale 
+     * main web page.
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class MainPage extends View
        {
                /**
                 * Constructor.
@@ -44,26 +43,11 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function MainPage()
                {
                        super();
                        
-                       typeNames = "TopMenu";
-               }
-               
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
-               override protected function createElement():WrappedHTMLElement
-               {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
-                       return element;
-               }
-               
+                       typeNames += " MainPage";
+               }               
        }
 }
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Tagline.as
similarity index 72%
copy from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
copy to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Tagline.as
index 5e3a924..ef27dba 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Tagline.as
@@ -18,23 +18,22 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.site
 {      
-       import org.apache.royale.html.Group;
+       import org.apache.royale.core.UIBase;
     COMPILE::JS
     {
         import org.apache.royale.core.WrappedHTMLElement;
     }
        
        /**
-        * The TopMenu is set of buttons at the top
-     * of the
-     * Apache Royale site.
-        * 
+        * The Tagline displays the Royale 
+     * tagline "Designed for the future"
+     *
         *  @langversion 3.0
         *  @playerversion Flash 10.2
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class Tagline extends UIBase
        {
                /**
                 * Constructor.
@@ -44,24 +43,18 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function Tagline()
                {
                        super();
                        
-                       typeNames = "TopMenu";
+                       typeNames = "Tagline";
                }
                
-
-        /**
-         * @return The actual element to be parented.
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         * @royaleignorecoercion HTMLUListElement
-         */
-        COMPILE::JS
+               COMPILE::JS
                override protected function createElement():WrappedHTMLElement
                {
-            var ul:HTMLUListElement = document.createElement("ul") as 
HTMLUListElement;
-            element = ul as WrappedHTMLElement;
+                       super.createElement();
+                       element.innerHTML = "Designed for the future.";
                        return element;
                }
                
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopBar.mxml
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopBar.mxml
new file mode 100644
index 0000000..cda29bd
--- /dev/null
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopBar.mxml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<Div xmlns:fx="http://ns.adobe.com/mxml/2009";
+                 xmlns="library://ns.apache.org/royale/html"
+                 xmlns:js="library://ns.apache.org/royale/basic"
+                 xmlns:rs="library://ns.apache.org/royale/site"
+                 xmlns:local="*"
+                 className="TopBar">
+    <Img className="logo" 
src="http://royale.codeoscopic.com/wp-content/uploads/2017/11/apache-royale-tm-logo-default.png";
 />
+    <rs:TopMenu />
+    <rs:SocialButtons />
+</Div>
\ No newline at end of file
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.mxml
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.mxml
new file mode 100644
index 0000000..091fe00
--- /dev/null
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.mxml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<base:TopMenuBase xmlns:fx="http://ns.adobe.com/mxml/2009";
+                 xmlns="library://ns.apache.org/royale/html"
+                 xmlns:js="library://ns.apache.org/royale/basic"
+                 xmlns:rs="library://ns.apache.org/royale/site"
+                 xmlns:base="org.apache.royale.site.*">
+        <rs:TopMenuButton href="features.html">FEATURES</rs:TopMenuButton>
+        <rs:TopMenuButton href="tryitnow/index.html">TRY IT 
NOW</rs:TopMenuButton>
+        <rs:TopMenuButton href="download.html">DOWNLOAD</rs:TopMenuButton>
+        <rs:TopMenuButton href="documentation.html">DOCS</rs:TopMenuButton>
+        <rs:TopMenuButton href="blog.html">BLOG</rs:TopMenuButton>
+        <rs:TopMenuButton href="github.html">GITHUB</rs:TopMenuButton>
+</base:TopMenuBase>
\ No newline at end of file
diff --git 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenuBase.as
similarity index 93%
rename from 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
rename to 
frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenuBase.as
index 5e3a924..3bb9d4a 100644
--- 
a/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenu.as
+++ 
b/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/TopMenuBase.as
@@ -25,7 +25,7 @@ package org.apache.royale.site
     }
        
        /**
-        * The TopMenu is set of buttons at the top
+        * The TopMenuBase is base class for the set of buttons at the top
      * of the
      * Apache Royale site.
         * 
@@ -34,7 +34,7 @@ package org.apache.royale.site
         *  @playerversion AIR 2.6
         *  @productversion Royale 0.0
         */
-       public class TopMenu extends Group
+       public class TopMenuBase extends Group
        {
                /**
                 * Constructor.
@@ -44,7 +44,7 @@ package org.apache.royale.site
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.0
                 */
-               public function TopMenu()
+               public function TopMenuBase()
                {
                        super();
                        

-- 
To stop receiving notification emails like this one, please contact
aha...@apache.org.

Reply via email to