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/24 07:27:20 UTC

[royale-docs] 02/03: try to get TOC to use a label instead of link for the current page

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

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

commit abae2b55f705d2085073fffe0e199db9bb2a4848
Author: Alex Harui <ah...@apache.org>
AuthorDate: Tue Jan 23 23:16:32 2018 -0800

    try to get TOC to use a label instead of link for the current page
---
 _layouts/docpage.html | 273 +++++++++++++++++++++++++++++++++++++++++++++-----
 royalesite.css        |  19 ++--
 2 files changed, 255 insertions(+), 37 deletions(-)

diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 6daff78..a362dc8 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -49,6 +49,144 @@ limitations under the License.
   {% assign lifecycle_menu_open = "block" %}
 {% endif %}
 {% endfor %}
+
+{% assign welcome = "inline" %}
+{% assign high_level_view = "inline" %}
+{% assign features_and_concepts = "inline" %}
+{% assign as3 = "inline" %}
+{% assign mxml = "inline" %}
+{% assign payg = "inline" %}
+{% assign strands_and_beads = "inline" %}
+{% assign what_royale_and_you_can_do = "inline" %}
+{% assign a_bit_of_history = "inline" %}
+{% assign licenses_and_policies = "inline" %}
+{% assign get_involved = "inline" %}
+{% assign the_royale_team = "inline" %}
+{% assign the_apache_community = "inline" %}
+{% assign get_started = "inline" %}
+{% assign system_requirements = "inline" %}
+{% assign development_tools = "inline" %}
+{% assign frameworks = "inline" %}
+{% assign download_royale = "inline" %}
+{% assign hello_world = "inline" %}
+{% assign create_an_application = "inline" %}
+{% assign application_lifecycle = "inline" %}
+{% assign design = "inline" %}
+{% assign configure = "inline" %}
+{% assign build = "inline" %}
+{% assign deploy = "inline" %}
+{% assign secure = "inline" %}
+{% assign maintain = "inline" %}
+{% assign label_welcome = "none" %}
+{% assign label_high_level_view = "none" %}
+{% assign label_features_and_concepts = "none" %}
+{% assign label_as3 = "none" %}
+{% assign label_mxml = "none" %}
+{% assign label_payg = "none" %}
+{% assign label_strands_and_beads = "none" %}
+{% assign label_what_royale_and_you_can_do = "none" %}
+{% assign label_a_bit_of_history = "none" %}
+{% assign label_licenses_and_policies = "none" %}
+{% assign label_get_involved = "none" %}
+{% assign label_the_royale_team = "none" %}
+{% assign label_the_apache_community = "none" %}
+{% assign label_get_started = "none" %}
+{% assign label_system_requirements = "none" %}
+{% assign label_development_tools = "none" %}
+{% assign label_frameworks = "none" %}
+{% assign label_download_royale = "none" %}
+{% assign label_hello_world = "none" %}
+{% assign label_create_an_application = "none" %}
+{% assign label_application_lifecycle = "none" %}
+{% assign label_design = "none" %}
+{% assign label_configure = "none" %}
+{% assign label_build = "none" %}
+{% assign label_deploy = "none" %}
+{% assign label_secure = "none" %}
+{% assign label_maintain = "none" %}
+{% case page.title %}
+    {% when "Welcome to Apache Royale" %}
+      {% assign welcome = "none" %}
+      {% assign label_welcome = "inline" %}
+    {% when "HIgh Level View" %}
+      {% assign high_level_view = "none" %}
+      {% assign label_high_level_view = "inline" %}
+    {% when "Features and Concepts" %}
+      {% assign features_and_concepts = "none" %}
+      {% assign label_features_and_concepts = "inline" %}
+    {% when "AS3" %}
+      {% assign as3 = "none" %}
+      {% assign label_as3 = "inline" %}
+    {% when "MXML" %}
+      {% assign mxml = "none" %}
+      {% assign label_mxml = "inline" %}
+    {% when "PAYG" %}
+      {% assign payg = "none" %}
+      {% assign label_payg = "inline" %}
+    {% when "Strands and Beads" %}
+      {% assign strands_and_beads = "none" %}
+      {% assign label_strands_and_beads = "inline" %}
+    {% when "What Royale and You Can Do" %}
+      {% assign what_royale_and_you_can_do = "none" %}
+      {% assign label_what_royale_and_you_can_do = "inline" %}
+    {% when "A Bit of History" %}
+      {% assign a_bit_of_history = "none" %}
+      {% assign label_a_bit_of_history = "inline" %}
+    {% when "Licenses and Policies" %}
+      {% assign licenses_and_policies = "none" %}
+      {% assign label_licenses_and_policies = "inline" %}
+    {% when "Get Involved" %}
+      {% assign get_involved = "none" %}
+      {% assign label_get_involved = "inline" %}
+    {% when "The Royale Team" %}
+      {% assign the_royale_team = "none" %}
+      {% assign label_the_royale_team = "inline" %}
+    {% when "The Apache Community" %}
+      {% assign the_apache_community = "none" %}
+      {% assign label_the_apache_community = "inline" %}
+    {% when "Get Started" %}
+      {% assign get_started = "none" %}
+      {% assign label_get_started = "inline" %}
+    {% when "System Requirements" %}
+      {% assign system_requirements = "none" %}
+      {% assign label_system_requirements = "inline" %}
+    {% when "Development Tools" %}
+      {% assign development_tools = "none" %}
+      {% assign label_development_tools = "inline" %}
+    {% when "Frameworks" %}
+      {% assign frameworks = "none" %}
+      {% assign label_frameworks = "inline" %}
+    {% when "Download Royale" %}
+      {% assign download_royale = "none" %}
+      {% assign label_download_royale = "inline" %}
+    {% when "Hello, World" %}
+      {% assign hello_world = "none" %}
+      {% assign label_hello_world = "inline" %}
+    {% when "Create an Application" %}
+      {% assign create_an_application = "none" %}
+      {% assign label_create_an_application = "inline" %}
+    {% when "Application Lifecycle" %}
+      {% assign application_lifecycle = "none" %}
+      {% assign label_application_lifecycle = "inline" %}
+    {% when "Design" %}
+      {% assign design = "none" %}
+      {% assign label_design = "inline" %}
+    {% when "Configure" %}
+      {% assign configure = "none" %}
+      {% assign label_configure = "inline" %}
+    {% when "Build" %}
+      {% assign build = "none" %}
+      {% assign label_build = "inline" %}
+    {% when "Deploy" %}
+      {% assign deploy = "none" %}
+      {% assign label_deploy = "inline" %}
+    {% when "Secure" %}
+      {% assign secure = "none" %}
+      {% assign label_secure = "inline" %}
+    {% when "Maintain" %}
+      {% assign maintain = "none" %}
+      {% assign label_maintain = "inline" %}
+{% endcase %}
 <div class="topbar">
 <img src="http://royale.codeoscopic.com/wp-content/uploads/2018/01/apache-royale-tm-logo-dark.svg" style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
 <ul class="topMenu">
@@ -86,43 +224,124 @@ limitations under the License.
 <p class="tagline">Designed for the future.  Code Once.  Run Everywhere.</p>
 <div class="toc_and_doc">
   <div class="toc" id="toc">
-    <a id="welcome" class="toc_entry" href="index.html">Welcome to Apache Royale</a>
+    <div class="toc_entry">
+      <a class="toc_link" href="index.html" style="display: {{ welcome }}">Welcome to Apache Royale</a>
+      <span class="toc_label" style="display: {{ label_welcome }}">Welcome to Apache Royale</span>
+    </div>
     <div id="welcome_menu" class="menu_div" style="display: {{ welcome_menu_open }}">
-      <a id="high_level_view" class="toc_entry" href="Welcome/High%20Level%20View.html">High Level View</a>
-      <a id="features_and_concepts" class="toc_entry" href="Welcome/Features%20and%20Concepts.html">Features and Concepts</a>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/High%20Level%20View.html" style="display: {{ high_level_view }}">High Level View</a>
+        <span class="toc_label" style="display: {{ label_high_level_view }}">High Level View</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/Features%20and%20Concepts.html" style="display: {{ features_and_concepts }}">Features and Concepts</a>
+        <span class="toc_label" style="display: {{ label_features_and_concepts }}">Features and Concepts</span>
+      </div>
       <div id="features_and_concepts_menu" class="menu_div2" style="display: {{ features_menu_open }}">
-        <a id="as3" class="toc_entry2" href="Welcome/Features/AS3.html">AS3</a>
-        <a id="mxml" class="toc_entry2" href="Welcome/Features/MXML.html">MXML</a>
-        <a id="payg" class="toc_entry2" href="Welcome/Features/PAYG.html">PAYG</a>
-        <a id="strands_and_beads" class="toc_entry2" href="Welcome/Features/Strands%20And%20Beads.html">Strand and Beads</a>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/Features/AS3.html" style="display: {{ as3 }}">AS3</a>
+          <span class="toc_label" style="display: {{ label_as3 }}">AS3</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/Features/MXML.html" style="display: {{ mxml }}">MXML</a>
+          <span class="toc_label" style="display: {{ label_mxml }}">MXML</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/Features/PAYG.html" style="display: {{ payg }}">PAYG</a>
+          <span class="toc_label" style="display: {{ label_payg }}">PAYG</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/Features/Strands%20And%20Beads.html" style="display: {{ strands_and_beads }}">Strand and Beads</a>
+          <span class="toc_label" style="display: {{ label_strands_and_beads }}">Strand and Beads</span>
+        </div>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/What%20Royale%20and%20You%20Can%20Do.html" style="display: {{ what_royale_and_you_can_do }}">What Royale and You Can Do</a>
+        <span class="toc_label" style="display: {{ label_what_royale_and_you_can_do }}">What Royale and You Can Do</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/A%20Bit%20of%20History.html" style="display: {{ a_bit_of_history }}">A Bit of History</a>
+        <span class="toc_label" style="display: {{ label_a_bit_of_history }}">A Bit of History</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/Licenses%20and%20Policies.html" style="display: {{ licenses_and_policies }}">Licenses and Policies</a>
+        <span class="toc_label" style="display: {{ label_licenses_and_policies }}">Licenses and Policies</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="Welcome/Get%20Involved.html" style="display: {{ get_involved }}">Get Involved!</a>
+        <span class="toc_label" style="display: {{ label_get_involved }}">Get Involved!</span>
       </div>
-      <a id="what_royale_and_you_can_do" class="toc_entry" href="Welcome/What%20Royale%20and%20You%20Can%20Do.html">What Royale and You Can Do</a>
-      <a id="a_bit_of_history" class="toc_entry" href="Welcome/A%20Bit%20of%20History.html">A Bit of History</a>
-      <a id="licenses_and_policies" class="toc_entry" href="Welcome/Licenses%20and%20Policies.html">Licenses and Policies</a>
-      <a id="get_involved" class="toc_entry" href="Welcome/Get%20Involved.html">Get Involved!</a>
       <div id="get_involved_menu" class="menu_div2" style="display: {{ involved_menu_open }}">
-        <a id="the_royale_team" class="toc_entry2" href="Welcome/GetInvolved/The%20%Royale%20Team.html">The Royale Team</a>
-        <a id="the_apache_community" class="toc_entry2" href="Welcome/GetInvolved/The%20Apache%20Community.html">The Apache Community</a>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/GetInvolved/The%20%Royale%20Team.html" style="display: {{ the_royale_team }}">The Royale Team</a>
+          <span class="toc_label" style="display: {{ label_the_royale_team }}">The Royale Team</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="Welcome/GetInvolved/The%20Apache%20Community.html" style="display: {{ the_apache_community }}">The Apache Community</a>
+          <span class="toc_label" style="display: {{ label_the_apache_community }}">The Apache Community</span>
+        </div>
       </div>
     </div>
-    <a id="get_started" class="toc_entry" href="Get%20Started.html">Get Started</a>
+    <div class="toc_entry">
+      <a class="toc_link" href="Get%20Started.html" style="display: {{ get_started }}">Get Started</a>
+      <span class="toc_label" style="display: {{ label_get_started }}">Get Started</span>
+    </div>
     <div id="get_started_menu" class="menu_div" style="display: {{ started_menu_open }}">
-      <a id="system_requirements" class="toc_entry" href="GetStarted/System%20Requirements.html">System Requirements</a>
-      <a id="development_tools" class="toc_entry" href="GetStarted/Development%20Tools.html">Development Tools</a>
-      <a id="frameworks" class="toc_entry" href="GetStarted/Frameworks.html">Frameworks</a>
-      <a id="download_royale" class="toc_entry" href="GetStarted/Download%20Royale.html">Download Royale</a>
-      <a id="hello_world" class="toc_entry" href="GetStarted/Hello%20World.html">Hello, World!</a>
+      <div class="toc_entry" >
+        <a class="toc_link" href="GetStarted/System%20Requirements.html" style="display: {{ system_requirements }}">System Requirements</a>
+        <span class="toc_label" style="display: {{ label_system_requirements }}">System Requirements</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="GetStarted/Development%20Tools.html" style="display: {{ development_tools }}">Development Tools</a>
+        <span class="toc_label" style="display: {{ label_development_tools }}">Development Tools</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="GetStarted/Frameworks.html" style="display: {{ frameworks }}">Frameworks</a>
+        <span class="toc_label" style="display: {{ label_frameworks }}">Frameworks</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="GetStarted/Download%20Royale.html" style="display: {{ download_royale }}">Download Royale</a>
+        <span class="toc_label" style="display: {{ label_download_royale }}">Download Royale</span>
+      </div>
+      <div class="toc_entry" >
+        <a class="toc_link" href="GetStarted/Hello%20World.html" style="display: {{ hello_world }}">Hello, World!</a>
+        <span class="toc_label" style="display: {{ label_hello_world }}">Hello, World!</span>
+      </div>
+    </div>
+    <div class="toc_entry">
+      <a class="toc_link" href="Create%20An%20Application.html" style="display: {{ create_an_application }}">Create an Application</a>
+      <span class="toc_label" style="display: {{ label_create_an_application }}">Create an Application</span>
     </div>
-    <a id="create_an_application" class="toc_entry" href="Create%20An%20Application.html">Create an Application</a>
     <div id="create_an_application_menu" class="menu_div" style="display: {{ app_menu_open }}">
-      <a id="application_lifecycle" class="toc_entry" href="CreateAnApplication/Application%20Lifecycle.html">Application Lifecycle</a>
+      <div class="toc_entry">
+        <a class="toc_link" href="CreateAnApplication/Application%20Lifecycle.html" style="display: {{ application_lifecycle }}">Application Lifecycle</a>
+        <span class="toc_label" style="display: {{ label_application_lifecycle }}">Application Lifecycle</span>
+      </div>
       <div id="application_lifecycle_menu" class="menu_div2" style="display: {{ lifecycle_menu_open}}">
-        <a id="design" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Design.html">Design</a>
-        <a id="configure" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Configure.html">Configure</a>
-        <a id="build" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Build.html">Build</a>
-        <a id="deploy" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Deploy.html">Deploy</a>
-        <a id="secure" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Secure.html">Secure</a>
-        <a id="maintain" class="toc_entry2" href="CreateAnApplication/ApplicationLIfecycle/Maintain.html">Maintain</a>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Design.html" style="display: {{ design }}">Design</a>
+          <span class="toc_label" style="display: {{ label_design }}">Design</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Configure.html" style="display: {{ configure }}">Configure</a>
+          <span class="toc_label" style="display: {{ label_configure }}">Configure</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Build.html" style="display: {{ build }}">Build</a>
+          <span class="toc_label" style="display: {{ label_build }}">Build</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Deploy.html" style="display: {{ deploy }}">Deploy</a>
+          <span class="toc_label" style="display: {{ label_deploy }}">Deploy</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Secure.html" style="display: {{ secure }}">Secure</a>
+          <span class="toc_label" style="display: {{ label_secure }}">Secure</span>
+        </div>
+        <div class="toc_entry" >
+          <a class="toc_link" href="CreateAnApplication/ApplicationLIfecycle/Maintain.html" style="display: {{ maintain }}">Maintain</a>
+          <span class="toc_label" style="display: {{ label_maintain }}">Maintain</span>
+        </div>
       </div>
       <a id="structure" class="toc_entry" href="{{ site.baseurl }}/CreateAnApplication/Structure.html">Structure</a>
     </div>
diff --git a/royalesite.css b/royalesite.css
index 22f99c2..fa13844 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -547,20 +547,19 @@ h1 {
 	margin-left: 20px;
 }
 
-.toc_entry {
-	margin-left: 20px;
-	display: block;
-	text-decoration: none;
-	color: rgb(67, 147, 195);
-}
-
 .menu_div2 {
 	margin-left: 30px;
 }
 
-.toc_entry2 {
-	margin-left: 40px;
-	display: block;
+.toc_entry {
+}
+
+.toc_link {
 	text-decoration: none;
 	color: rgb(67, 147, 195);
+}
+
+.toc_label {
+    color: rgb(0, 0, 0);
+	font-weight: 600;
 }
\ No newline at end of file

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