This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new d7338d6 little changes
d7338d6 is described below
commit d7338d6be1725a99acfb9b6bce6bbeadfbf4eca7
Author: Carlos Rovira <[email protected]>
AuthorDate: Sun Sep 15 13:35:49 2019 +0200
little changes
---
_includes/header.html | 92 ++++++++++++++++++++++---------------------
_layouts/docpage.html | 5 +--
_sass/sidebar.sass | 103 +++++++++++++++++++++++++++++++++++++++++++++++++
assets/css/styles.sass | 1 +
4 files changed, 153 insertions(+), 48 deletions(-)
diff --git a/_includes/header.html b/_includes/header.html
index 8bcf9a3..b0bb048 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,46 +1,48 @@
<header class="docs_header">
- <div class="topbar">
- <div class="topbar-left">
- <div>
- <a href="https://royale.apache.org/";>
- <img
src="https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg";
style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
- </a>
- </div>
- </div>
-
- <div class="topbar-right">
- <ul class="topMenu">
- <li class="topMenu_li fa">
- <a class="topMenu_li_a"
href="https://royale.apache.org/features/";>FEATURES</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="{{ site.baseurl
}}/get-started">GET STARTED</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a"
href="https://royale.apache.org/download/";>DOWNLOAD</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a"
href="https://royale.apache.org/docs/";>DOCS</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a"
href="https://royale.apache.org/blog/";>BLOG</a>
- </li>
- <li class="topMenu_li">
- <a class="topMenu_li_a"
href="https://github.com/apache/royale-asjs/wiki/Apache-Royale-Source-Code-Repositories";><span
class="grve-item"><i class="grve-menu-icon fa fa-github"></i>GITHUB</span></a>
- </li>
- </ul>
-
- <ul class="social">
- <li class="social_li fa fa-search">
- <a href="#grve-search-modal"></a>
- </li>
- <li class="social_li fa fa-share-alt">
- <a href="#grve-socials-modal"></a>
- </li>
- <li class="social_li fa fa-th">
- <a href="#grve-toggle-menu"></a>
- </li>
- </ul>
- </div>
- </div>
- </header>
\ No newline at end of file
+ <div class="topbar">
+ <div class="topbar-left">
+ <div>
+ <a href="https://royale.apache.org/";>
+ <img
src="https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg";
style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
+ </a>
+ </div>
+ </div>
+
+ <div class="topbar-right">
+
+ <ul class="topMenu">
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a"
href="https://royale.apache.org/features/";>FEATURES</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="{{ site.baseurl }}/get-started">GET
STARTED</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a"
href="https://royale.apache.org/download/";>DOWNLOAD</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a"
href="https://royale.apache.org/docs/";>DOCS</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a"
href="https://royale.apache.org/blog/";>BLOG</a>
+ </li>
+ <li class="topMenu_li">
+ <a class="topMenu_li_a"
href="https://github.com/apache/royale-asjs/wiki/Apache-Royale-Source-Code-Repositories";><span
class="grve-item"><i class="grve-menu-icon fa fa-github"></i>GITHUB</span></a>
+ </li>
+ </ul>
+
+ <ul class="social">
+ <li class="social_li fa fa-search">
+ <a href="#grve-search-modal"></a>
+ </li>
+ <li class="social_li fa fa-share-alt">
+ <a href="#grve-socials-modal"></a>
+ </li>
+ <li class="social_li fa fa-th">
+ <a href="#grve-toggle-menu"></a>
+ </li>
+ </ul>
+
+ </div>
+ </div>
+</header>
\ No newline at end of file
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 8443be3..9b8c6c8 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -1,6 +1,5 @@
<!DOCTYPE HTML>
{% comment %}
-
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.
@@ -15,7 +14,6 @@ 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.
-
{% endcomment %}
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
@@ -23,7 +21,6 @@ limitations under the License.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
-
gtag('config', 'UA-141008188-1');
</script>
@@ -33,6 +30,8 @@ limitations under the License.
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no" />
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+ <script src="https://kit.fontawesome.com/5428543a81.js";></script>
{% include open-graph.html %}
diff --git a/_sass/sidebar.sass b/_sass/sidebar.sass
new file mode 100644
index 0000000..831f5a9
--- /dev/null
+++ b/_sass/sidebar.sass
@@ -0,0 +1,103 @@
+/**
+ * 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
+ *
+ * https://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.
+ */
+
+.navbar
+ position: absolute
+ right: 0px
+ width: 300px
+ height: 100%
+ background-color: black
+ // text-align: center
+ transition: .3s ease
+
+ > .side-nav
+ list-style-type: none
+ padding: 0px
+ margin: 0px
+
+.nav-item
+ display: flex
+
+ > .nav-link
+ text-decoration: none
+ color: white
+ font:
+ size: 1.1em
+ padding: 1em
+ flex: 1
+
+ &:hover
+ background-color: white
+ color: black
+
+.toggle-collapse
+ float: left
+ margin-left: -3.3em
+ margin-top: .5em
+ content: ""
+ outline: inherit
+ border: 0px
+ background: transparent
+
+/* Toggle Icon */
+.toggle-icon,
+.toggle-icon::before,
+.toggle-icon::after
+ content: ""
+ width: 30px
+ height: 3px
+ position: fixed
+ background-color: black
+ border-radius: 2em
+ border: 1px solid black
+ cursor: pointer
+ transition: .3s ease
+ margin-top: .8em
+
+.toggle-icon::before
+ position: absolute
+ left: -1px
+ margin-top: -0.8em
+
+.toggle-icon::after
+ position: absolute
+ left: -1px
+ margin-top: -.6em
+ width: 20px
+
+.toggle-icon
+ width: 15px
+
+.show
+ .toggle-icon::after
+ width: 30px
+.show
+ .toggle-icon
+ width: 30px
+
+.nav-item
+ > .site-name
+ text-decoration: none
+ padding: 1.3em
+ font:
+ size: 2em
+ color: white
+ &:last-child
+ > .nav-link
+ i
+ padding: .5em
+ &:hover:last-child
+ > .nav-link
+ background-color: black
+ color: white
diff --git a/assets/css/styles.sass b/assets/css/styles.sass
index 43d9965..a8ab926 100644
--- a/assets/css/styles.sass
+++ b/assets/css/styles.sass
@@ -22,5 +22,6 @@
@import "markdown"
@import "highlight"
@import "royale-theme"
+@import "sidebar"
@import "docsearch"
![https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg"](https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg"){kind=link}