You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by db...@apache.org on 2015/09/02 04:48:01 UTC
docs commit: Renaming 'Sample' to 'Showcase'. Moving docs CSS to a
.docs class so it doesn't interfere with other CSS.
Repository: cordova-docs
Updated Branches:
refs/heads/cordova-website 615087264 -> 58e6dc86f
Renaming 'Sample' to 'Showcase'. Moving docs CSS to a .docs class so it doesn't interfere with other CSS.
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/58e6dc86
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/58e6dc86
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/58e6dc86
Branch: refs/heads/cordova-website
Commit: 58e6dc86f85c34c195dfc6bc69c1257f688c5537
Parents: 6150872
Author: Dmitry Blotsky <dm...@gmail.com>
Authored: Tue Sep 1 19:46:22 2015 -0700
Committer: Dmitry Blotsky <dm...@gmail.com>
Committed: Tue Sep 1 19:46:22 2015 -0700
----------------------------------------------------------------------
README.md | 10 +-
www/_data/sample-apps.yml | 2 +-
www/_includes/tools_and_samples.html | 76 ----------
www/_includes/tools_and_showcase.html | 76 ++++++++++
www/_layouts/docs.html | 2 +-
www/index.html | 2 +-
www/static/css-src/_docs.scss | 228 +++++++++++++++--------------
www/static/css-src/_home.scss | 2 +-
www/static/css-src/main.scss | 113 +-------------
9 files changed, 201 insertions(+), 310 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/README.md
----------------------------------------------------------------------
diff --git a/README.md b/README.md
index bedc2dd..cb1c570 100644
--- a/README.md
+++ b/README.md
@@ -104,18 +104,18 @@ Now, copy the `cordova-docs/build-prod/` directory to the corresponding director
Finally, go into the cordova-website directory and commit *all* the changes introduced the newly copied files. The commit might take a while (upwards of 30min), depending on the number of files copied.
-Adding a Tool or a Sample App
-=============================
+Adding a Tool or a Showcase App
+===============================
-To add an item to the **Codorva Tools** or **Sample Cordova Apps** sections on the main page, follow these steps:
+To add an item to the **Codorva Tools** or **Cordova App Showcase** sections on the main page, follow these steps:
1. Change the section's YAML file:
- `www/_data/tools.yml` for Cordova Tools, or
- - `www/_data/sample-apps.yml` for Sample Cordova Apps.
+ - `www/_data/showcase-apps.yml` for Cordova App Showcase.
1. Optionally add an image (the image must be **less than 256KiB** in size):
1. Place the image it in the `img` directory:
- `www/static/img/tools` for Cordova Tools, or
- - `www/static/img/sample-apps` for Sample Cordova Apps.
+ - `www/static/img/showcase-apps` for Cordova App Showcase.
1. Set the `image` field in the YAML file to be just the image file's *name*.
1. Submit a GitHub pull request with the changes.
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/_data/sample-apps.yml
----------------------------------------------------------------------
diff --git a/www/_data/sample-apps.yml b/www/_data/sample-apps.yml
index c62c099..e217e5e 100644
--- a/www/_data/sample-apps.yml
+++ b/www/_data/sample-apps.yml
@@ -1,4 +1,4 @@
-# - name: Example Sample App
+# - name: Example Showcase App
# image: cordova.png
# url: http://example.com
# description: >
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/_includes/tools_and_samples.html
----------------------------------------------------------------------
diff --git a/www/_includes/tools_and_samples.html b/www/_includes/tools_and_samples.html
deleted file mode 100644
index 021707f..0000000
--- a/www/_includes/tools_and_samples.html
+++ /dev/null
@@ -1,76 +0,0 @@
-<div class="container">
- <div class="row showcase_section_intro">
- <div class="col-md-12 text-center">
- <h1>Codorva Tools</h1>
- <h2>Work with Cordova even more efficiently</h2>
- </div>
- </div>
- <div class="row cordova_tools_gallery">
- {% for tool in site.data.tools %}
- <div class="col-lg-2 col-sm-4 card">
- <div class="card_inner">
- <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
- <p class="card_title">
- {% if tool.url %}
- <a href="{{ tool.url }}">
- {{ tool.name }}
- </a>
- {% else %}
- {{ tool.name }}
- {% endif %}
- </p>
- <p>
- {{ tool.description | truncatewords:50 }}
- </p>
- </div>
- </div>
- {% endfor %}
- </div>
- <div class="row"> <!-- Add yours or see more links -->
- <div class="col-sm-12">
- <div class="pull-right add_seemore_links">
- <a href="https://github.com/apache/cordova-docs/tree/cordova-website#adding-a-tool-or-a-sample-app">Add your tool</a>
- </div>
- </div>
- </div>
-</div>
-
-<div class="container">
- <div class="row showcase_section_intro">
- <div class="col-md-12 text-center">
- <h1>Sample Cordova Apps</h1>
- <h2>See examples of how to access native device APIs and more</h2>
- </div>
- </div>
- <div class="row cordova_tools_gallery">
- {% for app in site.data.sample-apps %}
- <div class="col-lg-2 col-sm-4 card">
- <div class="sample_app_thumb"></div>
- <div class="card_inner">
- <p class="card_title">
- {% if app.url %}
- <a href="{{ app.url }}">
- {{ app.name }}
- </a>
- {% else %}
- {{ app.name }}
- {% endif %}
- </p>
- <p>{{ app.description | truncatewords:10 }}</p>
- </div>
- </div>
- {% endfor %}
- </div>
- <div class="row">
- <div class="col-sm-12">
- <div class="pull-right add_seemore_links">
- <a href="https://github.com/apache/cordova-docs/tree/cordova-website#adding-a-tool-or-a-sample-app">Add your app</a>
- </div>
- </div>
- </div>
- <div class="row">
- <p>
-
- </p>
- </div>
-</div>
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/_includes/tools_and_showcase.html
----------------------------------------------------------------------
diff --git a/www/_includes/tools_and_showcase.html b/www/_includes/tools_and_showcase.html
new file mode 100644
index 0000000..232836f
--- /dev/null
+++ b/www/_includes/tools_and_showcase.html
@@ -0,0 +1,76 @@
+<div class="container">
+ <div class="row showcase_section_intro">
+ <div class="col-md-12 text-center">
+ <h1>Codorva Tools</h1>
+ <h2>Work with Cordova even more efficiently</h2>
+ </div>
+ </div>
+ <div class="row cordova_tools_gallery">
+ {% for tool in site.data.tools %}
+ <div class="col-lg-2 col-sm-4 card">
+ <div class="card_inner">
+ <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
+ <p class="card_title">
+ {% if tool.url %}
+ <a href="{{ tool.url }}">
+ {{ tool.name }}
+ </a>
+ {% else %}
+ {{ tool.name }}
+ {% endif %}
+ </p>
+ <p>
+ {{ tool.description | truncatewords:50 }}
+ </p>
+ </div>
+ </div>
+ {% endfor %}
+ </div>
+ <div class="row"> <!-- Add yours or see more links -->
+ <div class="col-sm-12">
+ <div class="pull-right add_seemore_links">
+ <a href="https://github.com/apache/cordova-docs/tree/cordova-website#adding-a-tool-or-a-showcase-app">Add your tool</a>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="row showcase_section_intro">
+ <div class="col-md-12 text-center">
+ <h1>Cordova App Showcase</h1>
+ <h2>See examples of how to access native device APIs and more</h2>
+ </div>
+ </div>
+ <div class="row cordova_tools_gallery">
+ {% for app in site.data.showcase-apps %}
+ <div class="col-lg-2 col-sm-4 card">
+ <div class="showcase_app_thumb"></div>
+ <div class="card_inner">
+ <p class="card_title">
+ {% if app.url %}
+ <a href="{{ app.url }}">
+ {{ app.name }}
+ </a>
+ {% else %}
+ {{ app.name }}
+ {% endif %}
+ </p>
+ <p>{{ app.description | truncatewords:10 }}</p>
+ </div>
+ </div>
+ {% endfor %}
+ </div>
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="pull-right add_seemore_links">
+ <a href="https://github.com/apache/cordova-docs/tree/cordova-website#adding-a-tool-or-a-showcase-app">Add your app</a>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <p>
+
+ </p>
+ </div>
+</div>
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/_layouts/docs.html
----------------------------------------------------------------------
diff --git a/www/_layouts/docs.html b/www/_layouts/docs.html
index 616c511..9efe263 100644
--- a/www/_layouts/docs.html
+++ b/www/_layouts/docs.html
@@ -12,7 +12,7 @@ analytics_id: UA-64283057-1
{% assign tocfile = toc_dir.[page.generated_toc] %}
{% endif %}
-<div class="container">
+<div class="docs container">
<!-- Table of Contents -->
<div class="hidden-xs hidden-sm col-md-3 site-toc-container">
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/index.html
----------------------------------------------------------------------
diff --git a/www/index.html b/www/index.html
index e6d2e4f..12320a6 100644
--- a/www/index.html
+++ b/www/index.html
@@ -202,6 +202,6 @@ permalink: /
</div>
</div>
- {% include tools_and_samples.html %}
+ {% include tools_and_showcase.html %}
</div><!-- /container-fluid -->
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/static/css-src/_docs.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_docs.scss b/www/static/css-src/_docs.scss
index f5aa91d..cd1957f 100644
--- a/www/static/css-src/_docs.scss
+++ b/www/static/css-src/_docs.scss
@@ -1,131 +1,133 @@
-.site-toc-title {
- font-weight: 300;
- font-size: 22px;
- text-transform: uppercase;
-}
-
-/* outer ToC for the site */
-.site-toc {
- padding: 0px;
-}
-.site-toc li {
- list-style: none;
-}
-.site-toc > li {
- list-style: none;
- font-size: 18px;
- font-weight: 300;
- padding: 0.5em 0em;
-}
-.site-toc > li .this-page {
- font-weight: bold;
-}
-
-/* inner ToC for the page */
-.page-toc ul {
- padding: 0px;
-}
-.page-toc ul > li {
- padding: 0.5em 0em 0.5em 1em;
- font-size: 14px;
- border-left: 0.5em solid rgba($brand-primary, 0.5);
-}
-.page-toc ul > li.toc-active {
- font-weight: bold;
- border-left: 0.5em solid $brand-primary;
-}
-
-/* Quick fix to remove redundant TOC entries */
-.page-toc li:first-of-type {
- display: none;
-}
-.page-toc li:nth-of-type(2) {
- margin-top: 14px;
-}
+.docs {
+ .site-toc-title {
+ font-weight: 300;
+ font-size: 22px;
+ text-transform: uppercase;
+ }
-/* header above page content */
-.content-header {
- text-align: right;
- margin-top: 22px;
- .alert {
- text-align:left;
+ /* outer ToC for the site */
+ .site-toc {
+ padding: 0px;
}
-}
-.toc-dropdown {
- text-align: center;
- width: 100%;
- .dropdown {
- width: inherit;
- button {
- width: inherit;
- }
+ .site-toc li {
+ list-style: none;
}
-}
-.alert.alert-warning.alert-dismissible {
- margin-top: 15px;
-}
-.dropdown {
- display: inline-block;
- &:not(:last-child) {
- margin-right: 0.3em;
+ .site-toc > li {
+ list-style: none;
+ font-size: 18px;
+ font-weight: 300;
+ padding: 0.5em 0em;
}
-}
-.dropdown .selected {
- font-weight: bold;
- font-style: italic;
-}
-.dropdown button.dropdown-toggle {
- border-radius: 4px;
- background-color: rgb(214, 214, 214);
- &:hover {
- background-color: rgb(191, 191, 191);
+ .site-toc > li .this-page {
+ font-weight: bold;
}
-}
-.content-header .edit {
- margin-right: 0.5em;
- margin-left: 0.5em;
-}
-/* missing version highlight */
-.missing-version {
- color: gray !important;
-}
+ /* inner ToC for the page */
+ .page-toc ul {
+ padding: 0px;
+ }
+ .page-toc ul > li {
+ padding: 0.5em 0em 0.5em 1em;
+ font-size: 14px;
+ border-left: 0.5em solid rgba($brand-primary, 0.5);
+ }
+ .page-toc ul > li.toc-active {
+ font-weight: bold;
+ border-left: 0.5em solid $brand-primary;
+ }
-/* Formatting for compatibility table on plugin docs page */
-.compat {
- td {
- text-align: center;
- border-width: 2px;
- border-style: solid;
- border-color: white;
- padding:2px;
+ /* Quick fix to remove redundant TOC entries */
+ .page-toc li:first-of-type {
+ display: none;
+ }
+ .page-toc li:nth-of-type(2) {
+ margin-top: 14px;
}
- th {
+ /* header above page content */
+ .content-header {
+ text-align: right;
+ margin-top: 22px;
+ .alert {
+ text-align:left;
+ }
+ }
+ .toc-dropdown {
text-align: center;
+ width: 100%;
+ .dropdown {
+ width: inherit;
+ button {
+ width: inherit;
+ }
+ }
}
-
- /* Not compataible (pink with X) */
- .n::before {
- margin-right: 5px;
- content: "\2718";
+ .alert.alert-warning.alert-dismissible {
+ margin-top: 15px;
+ }
+ .dropdown {
+ display: inline-block;
+ &:not(:last-child) {
+ margin-right: 0.3em;
+ }
}
- .n {
- background-color: pink;
- margin-right: 5px;
+ .dropdown .selected {
+ font-weight: bold;
+ font-style: italic;
}
-
- /* Is compataible (green with check) */
- .y::before {
- margin-right: 5px;
- content: "\2714";
+ .dropdown button.dropdown-toggle {
+ border-radius: 4px;
+ background-color: rgb(214, 214, 214);
+ &:hover {
+ background-color: rgb(191, 191, 191);
+ }
}
- .y {
- background-color: lightgreen;
+ .content-header .edit {
+ margin-right: 0.5em;
+ margin-left: 0.5em;
}
- /* Partially compataible */
- .p {
- background-color: khaki;
+ /* missing version highlight */
+ .missing-version {
+ color: gray !important;
+ }
+
+ /* Formatting for compatibility table on plugin docs page */
+ .compat {
+ td {
+ text-align: center;
+ border-width: 2px;
+ border-style: solid;
+ border-color: white;
+ padding:2px;
+ }
+
+ th {
+ text-align: center;
+ }
+
+ /* Not compataible (pink with X) */
+ .n::before {
+ margin-right: 5px;
+ content: "\2718";
+ }
+ .n {
+ background-color: pink;
+ margin-right: 5px;
+ }
+
+ /* Is compataible (green with check) */
+ .y::before {
+ margin-right: 5px;
+ content: "\2714";
+ }
+ .y {
+ background-color: lightgreen;
+ }
+
+ /* Partially compataible */
+ .p {
+ background-color: khaki;
+ }
}
}
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/static/css-src/_home.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_home.scss b/www/static/css-src/_home.scss
index 25af288..402baaf 100644
--- a/www/static/css-src/_home.scss
+++ b/www/static/css-src/_home.scss
@@ -242,7 +242,7 @@ img#logo_top {
background-color:darken(white, 85%);
padding: 32px 16px 32px 16px;
}
- .sample_app_thumb {
+ .showcase_app_thumb {
background-color: #AD6E6E;
width: 100%;
height: 100px;
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/58e6dc86/www/static/css-src/main.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/main.scss b/www/static/css-src/main.scss
index 1d02160..e0d62c5 100644
--- a/www/static/css-src/main.scss
+++ b/www/static/css-src/main.scss
@@ -52,117 +52,6 @@ $scree-md-max: $screen-lg - 1;
#{$property}: #{$argument};
}
-.vertical-center-parent {
- position: relative;
- width:100%;
- height:100%;
- .vertical-center-child {
- position:absolute;
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- }
-}
-
-/*
-********* Getting Started ***********
-*/
-
-.number_circle {
- display: inline-block;
- width: 50px;
- height:50px;
- padding: 8px;
- font-size: 24px;
- color: #ffffff;
- vertical-align: middle;
- white-space: nowrap;
- text-align: center;
- background-color: $brand-primary-darker;
- border-radius: 50%;
- margin-top: 20px;
-}
-
-.well_code {
- @extend .well;
- padding-bottom:19px + 50px;
- position:relative;
- background-color: $gray-10;
- margin-top:46px;
- div {
- @extend .well_code;
- position: absolute;
- top: 100%;
- transform: translateY(-100%);
- padding: 0;
- margin:0;
- background-color: $gray-20;
- width: 100%;
- margin-left:-19px;
- button {
- background-color: $brand-primary;
- margin:5px;
- }
- }
-}
-
-
-/*
-********* Showcase Section ***********
-*/
-.dark {
- background-color: $gray-90;
-}
-.showcase_section_intro {
- margin: auto;
- float:none;
- max-width: 700px;
- h1 { color: $brand-gold; padding-bottom:0; }
- h2 { color: white; font-size: 18px; font-weight:normal; padding:0; margin-top:0 }
- p, span { color: $gray-40; text-align: left; }
- padding-top: 4px;
- padding-bottom: 35px;
-}
-
-.supported_platforms {
- background-color: darken(white, 85%);
- margin-left: -15px;
- margin-right: -15px;
-}
-.platform_logos {
- list-style-type: none;
- padding-left:0;
- padding-top: 20px;
- padding-bottom: 20px;
-}
-.cordova_tools_gallery {
- color:white;
- .card {
- padding:8px;
- .card_title {
- color: $brand-primary;
- font-weight: bold;
- }
- .card_inner {
- background-color:darken(white, 85%);
- padding: 32px 16px 32px 16px;
- }
- .sample_app_thumb {
- background-color: #AD6E6E;
- width: 100%;
- height: 100px;
- }
- img {
- height:50px;
- padding-bottom:5px;
- }
- }
-}
-.add_seemore_links {
- margin-top:10px;
- a { padding-left:30px; }
-}
-
/* footer */
footer {
background-color: $gray-5;
@@ -191,7 +80,7 @@ footer .copyright_text {
}
/*
- * position anchirs of fragment links slightly above their targets
+ * position anchors of fragment links slightly above their targets
*/
.fragment-anchor {
display: block;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org