You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@mynewt.apache.org by ad...@apache.org on 2016/11/05 04:47:40 UTC

[19/50] incubator-mynewt-site git commit: wrap long text arround images

wrap long text arround images


Project: http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/commit/3a234d4f
Tree: http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/tree/3a234d4f
Diff: http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/diff/3a234d4f

Branch: refs/heads/master
Commit: 3a234d4f21433573a1835abb5a11889b092db467
Parents: 25863ca
Author: Gavin Jefferies <ga...@runtime.io>
Authored: Mon Oct 10 12:30:25 2016 -0700
Committer: Gavin Jefferies <ga...@runtime.io>
Committed: Mon Oct 10 12:30:25 2016 -0700

----------------------------------------------------------------------
 custom-theme/about.html   |  22 +++---
 custom-theme/css/v2.css   |  39 +++++++---
 custom-theme/js/custom.js |  14 ++--
 custom-theme/landing.html | 162 +++++++++++++++++++++--------------------
 4 files changed, 135 insertions(+), 102 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/blob/3a234d4f/custom-theme/about.html
----------------------------------------------------------------------
diff --git a/custom-theme/about.html b/custom-theme/about.html
index 47a6fd0..ce5894c 100644
--- a/custom-theme/about.html
+++ b/custom-theme/about.html
@@ -30,16 +30,18 @@
         </p>
         </div>
         <div class="col-md-4">
-        <h3> Source Code on github.com </h3>
-        <li>
-        <a href="https://github.com/apache/incubator-mynewt-core"> Git repo for Mynewt OS </a>
-        </li>
-        <li>
-        <a href="https://github.com/apache/incubator-mynewt-newt"> Git repo for Newt Tool </a>
-        </li>
-        <li>
-        <a href="https://github.com/apache/incubator-mynewt-site"> Git repo for Docs </a>
-        </li>
+            <div class="rhs">
+                <h3> Source Code on github.com </h3>
+                <li>
+                <a href="https://github.com/apache/incubator-mynewt-core"> Git repo for Mynewt OS </a>
+                </li>
+                <li>
+                <a href="https://github.com/apache/incubator-mynewt-newt"> Git repo for Newt Tool </a>
+                </li>
+                <li>
+                <a href="https://github.com/apache/incubator-mynewt-site"> Git repo for Docs </a>
+                </li>
+            </div>
         </div>
     </div>
 </div>

http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/blob/3a234d4f/custom-theme/css/v2.css
----------------------------------------------------------------------
diff --git a/custom-theme/css/v2.css b/custom-theme/css/v2.css
index 92ae109..d26766b 100644
--- a/custom-theme/css/v2.css
+++ b/custom-theme/css/v2.css
@@ -14,6 +14,7 @@
 }
 
 .v2-main-banner .news {
+    margin-left: 40px;
     padding: 10px;
     border-radius: 5px;
 }
@@ -25,7 +26,7 @@
 }
 
 .v2-landing .tagline {
-    padding: 50px;
+    padding: 15px 50px 0px 50px;
     font-size: 18px;
 }
 
@@ -34,21 +35,41 @@
 }
 
 .v2-landing .highlights .highlight {
-    margin-bottom: 40px;
+    margin-bottom: 15px;
 }
 
-.v2-landing .highlights .highlight p {
+.v2-landing .highlights .highlight div p:first-of-type {
     font-size: 18px;
 }
 
-.v2-landing .highlights img {
-    margin-top: 40px;
-    width: 100%;
+.v2-landing .highlights .highlight div p:nth-of-type(n+2) {
+    text-align: justify;
+}
+
+.v2-landing .highlights img, .v2-landing .highlights .img {
+    display: none;
+    float:right;
+    margin: 40px 0px 25px 50px;
+    width: 300px;
 }
 
-.v2-landing .highlights .truncate-image {
-    overflow-y: hidden;
-    height: 300px;
+@media (min-width: 768px) {
+    .v2-landing .highlights img {
+        display: inherit;
+    }
+    .v2-landing .highlights .img {
+        display: inherit;
+    }
+}
+
+/* Separate left hand side news and updates from right hand side content */
+@media (min-width: 768px) {
+    .v2-main-banner .news, .v2-landing .updates, .rhs {
+        margin-left: 40px;
+    }
+     {
+        margin-left: 40px;
+    }
 }
 
 .v2-landing .updates img {

http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/blob/3a234d4f/custom-theme/js/custom.js
----------------------------------------------------------------------
diff --git a/custom-theme/js/custom.js b/custom-theme/js/custom.js
index d07c693..371bb41 100644
--- a/custom-theme/js/custom.js
+++ b/custom-theme/js/custom.js
@@ -2,15 +2,17 @@ $('.show-sidebar').click(function() {
 
     $('.sidebar-container').toggle();
     $(this).toggleClass('active');
-    
-    if ($('.sidebar-container').is(':visible')) {
 
+    if ($('.sidebar-container').is(':visible')) {
         $(this).text('Close Docs Menu');
-
     } else {
-
         $(this).text('Docs Menu');
-
     }
+});
 
-});
\ No newline at end of file
+// console.log("highlights: " + $(".highlight").length)
+//
+// $(".highlight").each(function(index, highlight) {
+//     console.log(highlight);
+//     console.log(highlight.innerText);
+// })

http://git-wip-us.apache.org/repos/asf/incubator-mynewt-site/blob/3a234d4f/custom-theme/landing.html
----------------------------------------------------------------------
diff --git a/custom-theme/landing.html b/custom-theme/landing.html
index 52c80f0..e2ea6cf 100644
--- a/custom-theme/landing.html
+++ b/custom-theme/landing.html
@@ -3,132 +3,140 @@
 <div class="v2-landing">
 
     <div class="row">
-        <div class="col-md-12">
-            <p class="tagline text-center">
-                <span class="product">Apache Mynewt</span> is a real-time, modular operating system for connected IoT devices that need to operate for long periods of time under power, memory, and storage constraints. The first connectivity stack offered is BLE 4.2.
-            </p>
-        </div>
-    </div>
-
-    <div class="row">
 
         <div class="col-md-8 highlights">
 
+            <div class="row">
+                <div class="col-xs-12">
+                    <p class="tagline text-center">
+                        <span class="product">Apache Mynewt</span> is a real-time, modular operating system for connected IoT devices that need to operate for long periods of time under power, memory, and storage constraints. The first connectivity stack offered is BLE 4.2.
+                    </p>
+                </div>
+            </div>
+
            <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <img src="/img/NimBLE_throughput.png">
+
                     <h2>Bluetooth Low Energy</h2>
+
                     <p>Run Mynewt\u2019s BLE 4.2 stack NimBLE as a complete stack or choose only its host or its controller part.</p>
-                    <p>Mynewt offers NimBLE, a complete Bluetooth Low Energy 4.2 stack featuring source code for both host and controller subsystems. The standardized Hardware Controller Interface (HCI) allows you to mix and match Mynewt\u2019s host or controller portion with another vendor\u2019s controller or host implementation respectively, to suit your product hardware and application. 
+
+                    <p>Mynewt offers NimBLE, a complete Bluetooth Low Energy 4.2 stack featuring source code for both host and controller subsystems. The standardized Hardware Controller Interface (HCI) allows you to mix and match Mynewt\u2019s host or controller portion with another vendor\u2019s controller or host implementation respectively, to suit your product hardware and application.
 
 The controller implementation is available for a growing list of System on Chips (SoC). It is powerful and flexible, having demonstrated up to 32 concurrent BLE connections between a central and its peripherals. Since Mynewt\u2019s controller exposes several more configuration options than a typical SoC vendor\u2019s implementation, performance can be dramatically increased. For example, by maximizing the packet size and the connection event span in a connection interval using Mynewt, an nRF52 chip from Nordic Semiconductor can achieve 10x the throughput possible with the built-in Soft Device.
 
 Read more about NimBLE in the <a href="https://mynewt.apache.org/latest/network/ble/ble_intro/">BLE User Guide</a>
-                </div>
-                <div class="col-xs-8 col-md-6">
-                    <img src="/img/NimBLE_throughput.png" style="width:66%">
+                    </p>
                 </div>
             </div>
 
 
             <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <div class="img" style="background-image: url(/img/json_logs.png); background-size: cover; height: 200px;">
+                        &nbsp;
+                    </div>
+
                     <h2>Utilities</h2>
+
                     <p>Utilities such as boot loaders, file systems, time-series data, JSON formatted log request/response, and more </p>
-                </div>
-                <div class="col-xs-8 col-md-6">
-                    <div class="truncate-image">
-                        <img src="/img/json_logs.png">
-                    </div>
+
                 </div>
             </div>
 
 
             <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <img src="/img/concurrent_conn.png">
+
                     <h2>Highly Configurable</h2>
+
                     <p>Direct access to peripherals for granular control to better utilize the resources of the target embedded platform</p>
                 </div>
-                <div class="col-xs-8 col-md-6">
-                    <img src="/img/concurrent_conn.png" style="width:66%">
-                </div>
             </div>
 
 
             <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <img src="/img/atmel.png" style="margin-top: 0px;">
+
                     <h2>Multiple connectivity options</h2>
-                    <p>Choose your communication technology depending on your application requirements such as power demands, amount of data transfer, deployment model and more.
 
-Mynewt offers a choice of high-performance networking stacks suitable for a range of IoT applications. It includes native support for the pervasive TCP/IP networking protocol suite. It offers Wi-Fi services to an application via a socket API that accesses Wi-Fi controllers and an abstracted interface to Wi-Fi supplicants. Mynewt also includes protocols with considerations and optimizations for constrained devices such as CoAP, 6LoWPAN, and of course, BLE. Several other protocols appropriate for IoT applications are under consideration in the community.</p>
-                </div>
-                <div class="col-xs-8 col-md-6">
-                    <img src="/img/atmel.png" style="width:100%">
+                    <p>Choose your communication technology depending on your application requirements such as power demands, amount of data transfer, deployment model and more.</p>
+
+                    <p>
+                        Mynewt offers a choice of high-performance networking stacks suitable for a range of IoT applications. It includes native support for the pervasive TCP/IP networking protocol suite. It offers Wi-Fi services to an application via a socket API that accesses Wi-Fi controllers and an abstracted interface to Wi-Fi supplicants. Mynewt also includes protocols with considerations and optimizations for constrained devices such as CoAP, 6LoWPAN, and of course, BLE. Several other protocols appropriate for IoT applications are under consideration in the community.
+                    </p>
                 </div>
             </div>
 
 
             <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <img src="/img/secure_img.png" style="width:400px;">
+
                     <h2>Secure</h2>
-                    <p>Ensure security is built into the code as well as lifecycle management for your product.
 
-Mynewt goes beyond providing crypto libraries for secure connections between devices or between a service and remote devices to ensure confidentiality, integrity, and availability of all concerned assets. It also provides the framework and functionality to manage a device securely from its birth to end of life. Mynewt offers a secure bootloader that verifies the authenticity and integrity of firmware image before booting from it. It enables secure image upgrade both remotely over-the-air and locally through a serial interface. With an abstracted interface to hardware security features such as secure memory and crypto accelerators, Mynewt enables components like the BLE stack as well as applications to leverage them easily. </p>
-                </div>
-                <div class="col-xs-8 col-md-6">
-                    <img src="/img/secure_img.png" style="width:110%">
+                    <p>Ensure security is built into the code as well as lifecycle management for your product.</p>
+
+                    <p>
+                        Mynewt goes beyond providing crypto libraries for secure connections between devices or between a service and remote devices to ensure confidentiality, integrity, and availability of all concerned assets. It also provides the framework and functionality to manage a device securely from its birth to end of life. Mynewt offers a secure bootloader that verifies the authenticity and integrity of firmware image before booting from it. It enables secure image upgrade both remotely over-the-air and locally through a serial interface. With an abstracted interface to hardware security features such as secure memory and crypto accelerators, Mynewt enables components like the BLE stack as well as applications to leverage them easily.
+                    </p>
                 </div>
             </div>
 
             <div class="row highlight">
-                <div class="col-md-6">
+                <div class="col-xs-12">
+                    <img src="/img/newt-img.png" style="width:400px;">
                     <h2>Easy to use</h2>
                     <p>Easily composable modules and HAL (Hardware Abstraction Layer) for portability </p>
                 </div>
-                <div class="col-xs-8 col-md-6">
-                    <img src="/img/newt-img.png">
-                </div>
             </div>
 
         </div>
 
-        <div class="col-md-4 updates">
-
-            <img src="/img/OS_arch.png">
-
-            <h2>Supported Boards</h2>
-
-            <ul>
-                <li>
-                    <a href="https://www.nordicsemi.com/eng/Products/Bluetooth-Smart-Bluetooth-low-energy/nRF52832/"> nRF52 DK </a> from Nordic Semiconductor (Cortex-M4)
-                </li>
-                <li>
-                    <a href="http://ruuvitag.com"> RuuviTag </a> Sensor beacon platform (Nordic nRF52832 based)
-                </li>
-                <li>
-                    <a href="https://www.nordicsemi.com/eng/Products/Bluetooth-Smart-Bluetooth-low-energy/nRF51822"> nRF51 DK </a> from Nordic Semiconductor (Cortex-M0)
-                </li>
-                <li>
-                    <a href="http://redbearlab.com/blenano/"> BLE Nano </a> from RedBearLabs (Nordic nRF51822 SoC based)
-                </li>
-                <li>
-                    <a href="https://www.rigado.com/products/bmd-300-eval-kit/"> BMD-300-EVAL-ES </a> from Rigado (Cortex-M4)
-                </li>
-                <li>
-                    <a href="http://www.st.com/en/evaluation-tools/stm32f3discovery.html"> STM32F3DISCOVERY </a> from ST Micro (Cortex-M4)
-                </li>
-                <li>
-                    <a href=" https://www.olimex.com/Products/ARM/ST/STM32-E407/open-source-hardware"> STM32-E407 </a> from Olimex (Cortex-M4)
-                </li>
-                <li>
-                    <a href="https://www.arduino.cc/en/Main/ArduinoBoardZero"> Arduino Zero </a> (Cortex-M0)
-                </li>
-                <li>
-                    <a href="http://www.arduino.org/products/previous-version-boards/11-previous-version-boards/arduino-zero-pro"> Arduino Zero Pro </a> (Cortex-M0)
-                </li>
-                <li>
-                    <a href="http://www.arduino.org/products/boards/4-arduino-boards/arduino-m0-pro"> Arduino M0 Pro </a> (Cortex-M0)
-                </li>
-            </ul>
+        <div class="col-md-4">
+            <div class="updates">
+
+                <img src="/img/OS_arch.png">
+
+                <h2>Supported Boards</h2>
+
+                <ul>
+                    <li>
+                        <a href="https://www.nordicsemi.com/eng/Products/Bluetooth-Smart-Bluetooth-low-energy/nRF52832/"> nRF52 DK </a> from Nordic Semiconductor (Cortex-M4)
+                    </li>
+                    <li>
+                        <a href="http://ruuvitag.com"> RuuviTag </a> Sensor beacon platform (Nordic nRF52832 based)
+                    </li>
+                    <li>
+                        <a href="https://www.nordicsemi.com/eng/Products/Bluetooth-Smart-Bluetooth-low-energy/nRF51822"> nRF51 DK </a> from Nordic Semiconductor (Cortex-M0)
+                    </li>
+                    <li>
+                        <a href="http://redbearlab.com/blenano/"> BLE Nano </a> from RedBearLabs (Nordic nRF51822 SoC based)
+                    </li>
+                    <li>
+                        <a href="https://www.rigado.com/products/bmd-300-eval-kit/"> BMD-300-EVAL-ES </a> from Rigado (Cortex-M4)
+                    </li>
+                    <li>
+                        <a href="http://www.st.com/en/evaluation-tools/stm32f3discovery.html"> STM32F3DISCOVERY </a> from ST Micro (Cortex-M4)
+                    </li>
+                    <li>
+                        <a href=" https://www.olimex.com/Products/ARM/ST/STM32-E407/open-source-hardware"> STM32-E407 </a> from Olimex (Cortex-M4)
+                    </li>
+                    <li>
+                        <a href="https://www.arduino.cc/en/Main/ArduinoBoardZero"> Arduino Zero </a> (Cortex-M0)
+                    </li>
+                    <li>
+                        <a href="http://www.arduino.org/products/previous-version-boards/11-previous-version-boards/arduino-zero-pro"> Arduino Zero Pro </a> (Cortex-M0)
+                    </li>
+                    <li>
+                        <a href="http://www.arduino.org/products/boards/4-arduino-boards/arduino-m0-pro"> Arduino M0 Pro </a> (Cortex-M0)
+                    </li>
+                </ul>
+
+            </div>
 
         </div>