mynewt-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ad...@apache.org
Subject [05/30] incubator-mynewt-site git commit: wrap long text arround images
Date Tue, 25 Oct 2016 07:33:11 GMT
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/landingFormat
Commit: 3a234d4f21433573a1835abb5a11889b092db467
Parents: 25863ca
Author: Gavin Jefferies <gavin@runtime.io>
Authored: Mon Oct 10 12:30:25 2016 -0700
Committer: Gavin Jefferies <gavin@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’s 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’s host or controller portion with another
vendor’s 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’s host or controller portion with another
vendor’s 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’s controller exposes several more configuration
options than a typical SoC vendor’s 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>
 


Mime
View raw message