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
The following commit(s) were added to refs/heads/feature/royalesite by this
push:
new cd428d7 raw html version
cd428d7 is described below
commit cd428d773c56c4c9ee53cbae3e1289773c90f856
Author: Alex Harui <[email protected]>
AuthorDate: Thu Dec 21 23:29:45 2017 -0800
raw html version
---
examples/royale/RoyaleWebsite/src/html/index.html | 204 +++++++++++++++++++
.../royale/RoyaleWebsite/src/html/royalesite.css | 225 +++++++++++++++++++++
2 files changed, 429 insertions(+)
diff --git a/examples/royale/RoyaleWebsite/src/html/index.html
b/examples/royale/RoyaleWebsite/src/html/index.html
new file mode 100644
index 0000000..67dca2b
--- /dev/null
+++ b/examples/royale/RoyaleWebsite/src/html/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<!--
+
+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.
+
+-->
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/>
+<link rel="stylesheet" href="royalesite.css" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Apache Royale</title>
+</head>
+
+<body class="page">
+<div class="topbar">
+<img
src="http://royale.codeoscopic.com/wp-content/uploads/2017/11/apache-royale-tm-logo-default.png";
/>
+<ul class="topMenu">
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="features.html">FEATURES</a>
+</li>
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="tryitnow/index.html">TRY IT NOW</a>
+</li>
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="download.html">DOWNLOAD</a>
+</li>
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="documentation.html">DOCS</a>
+</li>
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="blog.html">BLOG</a>
+</li>
+<li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="github.html">GITHUB</a>
+</li>
+</ul>
+<ul class="social">
+<li class="social_li fa fa-search">
+ <a href="search.html"></a>
+</li>
+<li class="social_li fa fa-share-alt">
+ <a href="share.html"></a>
+</li>
+<li class="social_li fa fa-th">
+ <a href="menu.html"></a>
+</li>
+</ul>
+</div>
+<h3>Designed for the future</h3>
+<h2>Code Once. Run Everywhere.</h2>
+<p class="intro">
+Apache Royale™ is a productive open source frontend application technology
that allows you to code in MXML & AS3 and output to different formats.
+</p>
+<ul class="big-buttons">
+<li class="fa big-button red-button">
+ <a class="big-button_a" href="getstarted.html">GET STARTED</a>
+</li>
+<li class="fa big-button blue-button">
+ <a class="big-button_a" href="tryitnow/index.html">TRY IT NOW</a>
+</li>
+</ul>
+<div class="curved-top">
+ <div class="responsive-table">
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-university" />
+ </div>
+ <div class="responsive-table-tile-text">
+ <span class="fa responsive-table-tile-title">Enterprise Class
Level</span>
+ <p class="fa responsive-table-tile-content">Design & Code in
enterprise level languages and tools to ensure the level of quality your
applications and clients demand</p>
+ </div>
+ </div>
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-desktop" /><br />
+ <span class="fa fa-mobile" />
+ </div>
+ <div class="responsive-table-tile-text">
+ <span class="fa responsive-table-tile-title">Multiple Targets &
Devices</span>
+ <p class="fa responsive-table-tile-content">Maintain your knowledge
and workflows intact for years to come and let Royale provide you with the
right output you need.</p>
+ </div>
+ </div>
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-clock-o" />
+ </div>
+ <div class="responsive-table-tile-text">
+ <span class="fa responsive-table-tile-title">Fast Performance &
Lightweight</span>
+ <p class="fa responsive-table-tile-content">Royale Apps are light and
performant thanks to the PAYG (Pay as you go) philosophy combined with their
Composition architecture (Strands & Beads).</p>
+ </div>
+ </div>
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-code" />
+ </div>
+ <div class="responsive-table-text">
+ <span class="fa responsive-table-tile-title">OOP & Declarative
Programming</span>
+ <p class="fa responsive-table-tile-content">Code in a robust OOP
language (AS3) and build your interfaces in a fast declarative XML language
(MXML)./p>
+ </div>
+ </div>
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-exchange" />
+ </div>
+ <div class="responsive-table-tile-text">
+ <span class="fa responsive-table-tile-title">Advanced
Communications</span>
+ <p class="fa responsive-table-tile-content">Royale support AMF
communications a performant way to share object graphs with your backend of
choice.</p>
+ </div>
+ </div>
+ <div class="responsive-table-tile">
+ <div class="responsive-table-tile-icon">
+ <span class="fa fa-users" />
+ </div>
+ <div class="responsive-table-tile-text">
+ <span class="fa responsive-table-tile-title">Supported by Apache</span>
+ <p class="fa responsive-table-tile-content">A great Open Source
Foundation ensures long term evolution with the technologies you choose far
beyond market & corporate trends</p>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="orange-box">
+ <h1 class="npm-title">Install Apache Royale via npm</h1>
+ <h2 class="npm-command">npm install royale -g</h2>
+ <p class="fa orange-box-text">After global installation, the following
compiler tools will be available for you to use: mxmlc, compc, asjsc,
asjscompc, asnodec, and externc.</p>
+ <p class="fa orange-box-text">Usage:</p>
+ <p class="orange-box-code">mxmlc <path to main.mxml file><br />
+asjsc <path to main.as file></p>
+ <div class="centerButton">
+ <span class="fa big-button fa-external-link white-border-button">
+ <a class="big_button_a" href="tryitnow/index.html">LEARN MORE
ABOUT</a>
+ </span>
+ </div>
+</div>
+<div class="footer">
+ <div class="footer-column">
+ <ul class="footer-list">
+ <li class="apacheroyale">APACHE ROYALE</li>
+ <li><a class="footer-list_a" href="index.html">Home</a></li>
+ <li><a class="footer-list_a" href="featurs.html">Features</a></li>
+ <li><a class="footer-list_a" href="tryitnow/index.html">Try it now</a></li>
+ <li><a class="footer-list_a" href="download.html">Download</a></li>
+ <li><a class="footer-list_a" href="showcase.html">Showcase</a></li>
+ <li><a class="footer-list_a" href="blog.html">Blog</a></li>
+ <li><a class="footer-list_a" href="team.html">Team</a></li>
+ <li><a class="footer-list_a" href="royalenpm.html">Royale in npm</a></li>
+ <li><a class="footer-list_a" href="license.html">License</a></li>
+ </ul>
+ </div>
+ <div class="footer-column">
+ <ul class="footer-list">
+ <li class="documentation">DOCUMENTATION</li>
+ <li><a class="footer-list_a" href="index.html">Getting Started</a></li>
+ <li><a class="footer-list_a" href="docs.html">Docs</a></li>
+ <li><a class="footer-list_a" href="reference/index.html">Reference</a></li>
+ <li><a class="footer-list_a" href="wiki.html">Wiki</a></li>
+ </ul>
+ <ul class="footer-list">
+ <li class="community">COMMUNITY</li>
+ <li><a class="footer-list_a" href="contribute.html">Get Involved</a></li>
+ <li><a class="footer-list_a" href="mailinglists.html">Mailing
Lists</a></li>
+ <li><a class="footer-list_a" href="faq.html">FAQ</a></li>
+ </ul>
+ </div>
+ <div class="footer-column">
+ <ul class="footer-list">
+ <li class="development">DEVELOPMENT</li>
+ <li><a class="footer-list_a" href="github.html">Github</a></li>
+ <li><a class="footer-list_a" href="source.html">Source Code</a></li>
+ <li><a class="footer-list_a" href="issues.html">Issues</a></li>
+ </ul>
+ <ul class="footer-list">
+ <li class="apache">APACHE</li>
+ <li><a class="footer-list_a" href="http://www.apache.org/";>Apache</a></li>
+ <li><a class="footer-list_a"
href="http://www.apache.org/donations.html";>Donations</a></li>
+ <li><a class="footer-list_a"
href="http://www.apache.org/thanks.html";>Sponsorship</a></li>
+ <li><a class="footer-list_a"
href="http://www.apache.org/thanks.html";>Thanks</a></li>
+ </ul>
+ </div>
+ <div class="aboutusdiv" >
+ <p class="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>
+<div class="asf">
+Copyright © 2017 <a href="http://www.apache.org";>The Apache Software
Foundation</a>, Licensed under the <a
href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version
2.0</a>
+</div>
+</body>
+</html>
diff --git a/examples/royale/RoyaleWebsite/src/html/royalesite.css
b/examples/royale/RoyaleWebsite/src/html/royalesite.css
new file mode 100644
index 0000000..1e5d2be
--- /dev/null
+++ b/examples/royale/RoyaleWebsite/src/html/royalesite.css
@@ -0,0 +1,225 @@
+/**
+ * Licensed 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.
+ */
+
+.asf
+{
+ text-align: center;
+ font-family: Verdana, Geneva, sans-serif;
+ font-size: 10px;
+}
+
+.curved-top {
+ background-color: #ffffff;
+ border-top-right-radius: 50% 20px;
+ border-top-left-radius: 50% 20px;
+ border-color: #ffffff;
+ border-style: solid none none none;
+ width: 100%;
+ padding: 30px;
+}
+
+.responsive-table {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.responsive-table-tile {
+ width: 350px;
+}
+
+.responsive-table-tile-text {
+ margin-left: 60px;
+ margin-top: 16px;
+}
+
+.responsive-table-tile-icon {
+ font-size: 40px;
+ float: left;
+}
+
+.responsive-table-tile-title {
+ color: #00ffff;
+}
+
+.responsive-table-tile-content {
+}
+
+.big-buttons {
+
+}
+
+.big-button {
+ border-radius: 100px;
+ padding: 30px;
+ margin: 20px;
+ display: inline-block;
+}
+
+.big-button_a {
+ color: #ffffff;
+ text-decoration: none;
+}
+
+.red-button {
+ background-color: #ff0000;
+ border-color: #ff0000;
+}
+
+.blue-button {
+ background-color: #0000ff;
+ border-color: #0000ff;
+}
+
+.centerButton {
+ display: flex;
+ justify-content: center;
+}
+
+.white-border-button {
+ border-color: #fff;
+ border-style: solid;
+}
+
+.intro {
+ width: 40%;
+ font-family:Verdana, Geneva, sans-serif;
+}
+
+.page {
+ 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;
+}
+
+.social {
+ display: inline;
+ position: absolute;
+ right: 0px;
+}
+
+.social_li {
+ display: inline;
+ margin-right: 20px;
+}
+
+.topbar {
+ width: 100%;
+}
+
+.topMenu {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.topMenu_li {
+ display: inline;
+ margin-right: 20px;
+ font-size: 12px;
+}
+
+.topMenu_li_a {
+ text-decoration: none;
+}
+
+.orange-box {
+ background-color: #F93;
+ width: 100%;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.orange-box-text {
+ margin: 20px 200px;
+}
+
+.orange-box-code {
+ font-family: "Courier New", Courier, monospace;
+ background-color: #FC0;
+ text-align: left;
+ margin: 20px 200px;
+}
+
+.npm-title {
+ color: #fff;
+ text-align: center;
+}
+
+.npm-command {
+ background-color: #000;
+ color: #fff;
+ text-align: center;
+ margin: 20px 300px;
+}
+
+.apache {
+ color: #f0f;
+}
+
+.apacheroyale {
+ color: #f00;
+}
+
+.documentation {
+ color: #000;
+}
+
+.development {
+ color: #ff0;
+}
+
+.community {
+ color: #0f0;
+}
+
+.footer {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ font-family: Verdana, Geneva, sans-serif;
+}
+
+.footer-column {
+}
+
+.footer-list {
+ list-style: none;
+}
+
+.footer-list_a{
+ text-decoration: none;
+}
+
+.aboutusdiv {
+ min-width: 150px;
+ flex-basis: 40%;
+ flex-grow: 1;
+}
+
+.aboutus {
+ color: #000;
+}
+
+.aboutus-logo {
+ float: left;
+ width: 100px;
+}
+
+.aboutus-apache-logo {
+ float: right;
+ width: 100px;
+}
+
--
To stop receiving notification emails like this one, please contact
['"[email protected]" <[email protected]>'].
![http://royale.codeoscopic.com/wp-content/uploads/2017/11/apache-royale-tm-logo-default.png"](http://royale.codeoscopic.com/wp-content/uploads/2017/11/apache-royale-tm-logo-default.png"){kind=link}
![http://royale.codeoscopic.com/wp-content/uploads/2017/10/apache-royale-logo-footer-circle-grey.svg"/](http://royale.codeoscopic.com/wp-content/uploads/2017/10/apache-royale-logo-footer-circle-grey.svg"/){kind=link}
![http://royale.codeoscopic.com/wp-content/uploads/2017/10/Apache_PoweredBy.svg"](http://royale.codeoscopic.com/wp-content/uploads/2017/10/Apache_PoweredBy.svg"){kind=link}
