You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ah...@apache.org on 2018/01/19 08:55:32 UTC
[royale-docs] 02/02: test jekyll layout
This is an automated email from the ASF dual-hosted git repository.
aharui pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
commit 03b0e1ff0494f1dbdcc5d43f2bcf6407911cb984
Author: Alex Harui <ah...@apache.org>
AuthorDate: Fri Jan 19 00:48:22 2018 -0800
test jekyll layout
---
_layouts/docpage.html | 125 +++++++++++++++++++++++++++
_layouts/royalesite.css | 225 ++++++++++++++++++++++++++++++++++++++++++++++++
test/test.md | 8 ++
3 files changed, 358 insertions(+)
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
new file mode 100644
index 0000000..0fea7b5
--- /dev/null
+++ b/_layouts/docpage.html
@@ -0,0 +1,125 @@
+<!DOCTYPE HTML>
+<!--
+
+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>{{page.title}}</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>
+{{page.content}}
+<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/_layouts/royalesite.css b/_layouts/royalesite.css
new file mode 100644
index 0000000..1e5d2be
--- /dev/null
+++ b/_layouts/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;
+}
+
diff --git a/test/test.md b/test/test.md
new file mode 100644
index 0000000..6d38d72
--- /dev/null
+++ b/test/test.md
@@ -0,0 +1,8 @@
+---
+layout: dockage
+title: Doc Page Test
+---
+
+# Testing Royale Document Template
+
+This is a test of Royale Documentation Template
\ No newline at end of file
--
To stop receiving notification emails like this one, please contact
"commits@royale.apache.org" <co...@royale.apache.org>.