Skip to content
Snippets Groups Projects
Commit 1a208d48 authored by Benjamin Cabé's avatar Benjamin Cabé
Browse files

migrate more pages

parent f4b7ea26
No related branches found
No related tags found
No related merge requests found
module.exports = function(grunt) { module.exports = function(grunt) {
// Project configuration. // Project configuration.
grunt.initConfig({ grunt.initConfig({
pkg: grunt.file.readJSON('package.json'), pkg: grunt.file.readJSON('package.json'),
sass: { sass: {
dist: { dist: {
options: { options: {
outputStyle: 'nested', outputStyle: 'nested',
includePaths: ['assets/stylesheets', require('node-bourbon').includePaths] includePaths: ['assets/stylesheets', require('node-bourbon').includePaths]
},
files: {
'assets/css/bootstrap.css': 'assets/stylesheets/bootstrap.scss'
}
}
}, },
files: {
'assets/css/bootstrap.css': 'assets/stylesheets/bootstrap.scss'
}
}
},
watch: { watch: {
grunt: { files: ['Gruntfile.js'] }, grunt: {
files: ['Gruntfile.js']
},
sass: { sass: {
files: 'assets/stylesheets/**/*.scss', files: 'assets/stylesheets/**/*.scss',
tasks: ['sass'], tasks: ['sass'],
options: { options: {
livereload: true livereload: true
} }
}, },
html: { html: {
files: ['*.html'], files: ['*.html', '**/*.html'],
options: { options: {
livereload: true livereload: true
}
} }
} }
} });
});
// Load the plugin that provides the "uglify" task. // Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-sass'); grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
// Default task(s). // Default task(s).
grunt.registerTask('build', ['sass']); grunt.registerTask('build', ['sass']);
grunt.registerTask('default', ['build','watch']); grunt.registerTask('default', ['build', 'watch']);
}; };
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
...@@ -2,118 +2,132 @@ ...@@ -2,118 +2,132 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>iot.eclipse.org &mdash; Open IoT Stack for Java</title> <title>iot.eclipse.org &mdash; Open IoT Stack for Java</title>
<meta name="description" content="Open IoT Stack for Java"> <meta name="description" content="Open IoT Stack for Java">
<meta name="author" content="Eclipse.org"> <meta name="author" content="Eclipse.org">
<link rel="author" href="humans.txt" /> <link rel="author" href="humans.txt" />
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<!-- Custom Fonts --> <!-- Bootstrap -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> <link href="/assets/css/bootstrap.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700' rel='stylesheet' type='text/css'>
<!-- Le styles -->
<link href="/css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="/css/theme.css" rel="stylesheet">
<link href="/css/bootstrap/bootstrap-responsive.min.css" rel="stylesheet">
<link href="../stylesheet/prism.css" rel="stylesheet" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-594061-11']);
_gaq.push(['_trackPageview']);
<script type="text/javascript"> (function() {
var _gaq = _gaq || []; var ga = document.createElement('script');
_gaq.push(['_setAccount', 'UA-594061-11']); ga.type = 'text/javascript';
_gaq.push(['_trackPageview']); ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(function() { var s = document.getElementsByTagName('script')[0];
var ga = document.createElement('script'); s.parentNode.insertBefore(ga, s);
ga.type = 'text/javascript'; })();
ga.async = true; </script>
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head> </head>
<body> <body>
<div class="navbar navbar-fixed-top"> <header>
<div class="navbar-inner"> <nav class="navbar">
<div class="container"> <div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <div class="row">
</a> <a class="brand" href="/index.html">iot.eclipse.org</a> <div class="col-sm-2">
<div class="nav-collapse"> <a href="/"><img src="/assets/images/iot-logo.png">
<ul class="nav"> </a>
<li><a href="/frameworks.html">Services & Frameworks</a> </div>
</li> <div class="col-sm-10">
<li><a href="/protocols.html">Protocols</a> <ul class="list-inline right menu">
</li> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology</a>
<li><a href="/tools.html">Tools</a> <ul class="dropdown-menu">
</li> <li><a href="/standards">Standards</a>
<li><a href="/community.html">Community</a> </li>
</li> <li><a href="/frameworks">Service &amp; Frameworks</a>
<li><a href="/ecosystem.html">Ecosystem</a> </li>
</li> <li><a href="/projects">All the projects</a>
<li class="dropdown"> </li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">See it live <b class="caret"></b></a> </ul>
<ul class="dropdown-menu"> </li>
<li><a href="/demo" class="active">Live Demo</a> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Community</a>
</li> <ul class="dropdown-menu">
<li><a href="/sandbox.html">Sandbox</a> <li><a href="#">Resources</a>
</li> </li>
</ul> <li><a href="#">News</a>
</li> </li>
</ul> <li><a href="#">Events</a>
<ul class="nav pull-right"> </li>
<li> </ul>
<div style="padding-top: 20px;"> </li>
<div class="g-plusone" data-href="http://iot.eclipse.org/"></div>
</div> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Community</a>
</li> <ul class="dropdown-menu">
</ul> <li><a href="#">Resources</a>
</div> </li>
<!--/.nav-collapse --> <li><a href="#">News</a>
</div> </li>
<li><a href="#">Events</a>
</li>
</ul>
</li>
<li><a href="/ecosystem">Members</a>
</li>
<li><a href="#">Getting Started</a>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</nav>
<!-- Place this tag after the last +1 button tag. --> </header>
<script type="text/javascript">
(function() { <!-- Place this tag after the last +1 button tag. -->
var po = document.createElement('script'); <script type="text/javascript">
po.type = 'text/javascript'; (function() {
po.async = true; var po = document.createElement('script');
po.src = 'https://apis.google.com/js/plusone.js'; po.type = 'text/javascript';
var s = document.getElementsByTagName('script')[0]; po.async = true;
s.parentNode.insertBefore(po, s); po.src = 'https://apis.google.com/js/plusone.js';
})(); var s = document.getElementsByTagName('script')[0];
</script> s.parentNode.insertBefore(po, s);
<div class="container"> })();
<div class="well"> </script>
<div class="page-header">
<h1> <main class="main">
Open IoT Stack for Java
</h1>
</div>
<div class="lead"> <div class="well">
<p>The Internet of Things (IoT) is all about connecting devices, sensors and actuators to the Internet. By some estimates 20+ billion “things” such as automobiles, wearables, homes, industrial factories, etc. will be connected to the Internet. It is an incredible opportunity to modernize existing ‘legacy’ machines and systems and also create new innovative connected “things.”</p> <div class="container">
</div> <h1>Open IoT Stack for Java </h1>
<div class="lead">
<p>The Internet of Things (IoT) is all about connecting devices, sensors and actuators to the Internet. By some estimates 20+ billion “things” such as automobiles, wearables, homes, industrial factories, etc. will be connected to the Internet. It is an incredible opportunity to modernize existing ‘legacy’ machines and systems and also create new innovative connected “things.”</p>
</div> </div>
</div>
</div>
<section class="first">
<div class="container">
<p>A key challenge to making IoT a reality is the complexity of implementing an IoT solution. For example, to develop an IoT solution, the developers need to deal with different types of hardware platforms, implement and manage the IoT gateways that connect the devices to the Internet, manage connectivity and network issues, and integrate the IoT data with existing enterprise systems and databases and many other issues. </p> <p>A key challenge to making IoT a reality is the complexity of implementing an IoT solution. For example, to develop an IoT solution, the developers need to deal with different types of hardware platforms, implement and manage the IoT gateways that connect the devices to the Internet, manage connectivity and network issues, and integrate the IoT data with existing enterprise systems and databases and many other issues. </p>
<p>An important way to reduce the complexity of IoT solutions is to create reusable building blocks and frameworks that abstract and implement key IoT features. The lack of reusable building blocks means developers are required to re-implement common functionalities for each IoT solution. This is similar to the start of the World Wide Web (WWW), where developers were required to create their own HTTP web server. Now there are open source HTTP servers (ex. Apache) that everyone use instead of creating their own.</p> <p>An important way to reduce the complexity of IoT solutions is to create reusable building blocks and frameworks that abstract and implement key IoT features. The lack of reusable building blocks means developers are required to re-implement common functionalities for each IoT solution. This is similar to the start of the World Wide Web (WWW), where developers were required to create their own HTTP web server. Now there are open source HTTP servers (ex. Apache) that everyone use instead of creating their own.</p>
<p>For IoT to be successful, we need a consistent set of open source frameworks that anyone can use.</p> <p>For IoT to be successful, we need a consistent set of open source frameworks that anyone can use.</p>
<div class="row-fluid"> <div class="row-fluid">
<div class="span12 pagination-centered"><img src="images/vision.png" alt="Vision" /> <div class="span12 pagination-centered"><img src="images/vision.png" alt="Vision" />
</div> </div>
</div> </div>
<h2 style="margin-top: .5em;">Connect with Open Standards</h2> <h2 style="margin-top: .5em;">Connect with Open Standards</h2>
...@@ -122,9 +136,9 @@ ...@@ -122,9 +136,9 @@
<p>The Open IoT Stack for Java developers provides support for some of the key IoT open standards, including MQTT, CoAP and Lightweight M2M. These are the standards that help to connect and manage the devices at the heart of an IoT solution. The following Eclipse projects provide open source implementations of these standards:</p> <p>The Open IoT Stack for Java developers provides support for some of the key IoT open standards, including MQTT, CoAP and Lightweight M2M. These are the standards that help to connect and manage the devices at the heart of an IoT solution. The following Eclipse projects provide open source implementations of these standards:</p>
<ul> <ul>
<li>MQTT: Eclipse <a href="https://eclipse.org/paho" target="_blank">Paho</a> provides the MQTT client implementation in Java, C, C++. JavaScript, Python, etc. Eclipse <a href="https://eclipse.org/mosquitto" target="_blank">Mosquitto</a> is an MQTT broker implemented in C</li> <li>MQTT: Eclipse <a href="https://eclipse.org/paho" target="_blank">Paho</a> provides the MQTT client implementation in Java, C, C++. JavaScript, Python, etc. Eclipse <a href="https://eclipse.org/mosquitto" target="_blank">Mosquitto</a> is an MQTT broker implemented in C</li>
<li>CoAP: Eclipse <a href="https://eclipse.org/californium" target="_blank">Californium</a> implements the CoAP standard in Java, including DTLS support</li> <li>CoAP: Eclipse <a href="https://eclipse.org/californium" target="_blank">Californium</a> implements the CoAP standard in Java, including DTLS support</li>
<li>Lightweight M2M: Eclipse <a href="https://eclipse.org/wakaama" target="_blank">Wakaama</a> implements the LWM2M client support in C/C++, and <a href="https://projects.eclipse.org/proposals/leshan" target="_blank">Leshan</a> provide a Java-based LWM2M server</li> <li>Lightweight M2M: Eclipse <a href="https://eclipse.org/wakaama" target="_blank">Wakaama</a> implements the LWM2M client support in C/C++, and <a href="https://projects.eclipse.org/proposals/leshan" target="_blank">Leshan</a> provide a Java-based LWM2M server</li>
</ul> </ul>
<h2>Connect and Manage with IoT Gateway Services</h2> <h2>Connect and Manage with IoT Gateway Services</h2>
...@@ -133,10 +147,10 @@ ...@@ -133,10 +147,10 @@
<p>Eclipse <a href="https://eclipse.org/kura" target="_blank">Kura</a> is a Java and OSGi-based framework that implements services to</p> <p>Eclipse <a href="https://eclipse.org/kura" target="_blank">Kura</a> is a Java and OSGi-based framework that implements services to</p>
<ul> <ul>
<li>Manage cloud connectivity</li> <li>Manage cloud connectivity</li>
<li>Support different protocols to connect to different servers or devices (ex. MQTT, Serial, Modbus, CANbus)</li> <li>Support different protocols to connect to different servers or devices (ex. MQTT, Serial, Modbus, CANbus)</li>
<li>Configure the network, such as Wi-Fi and cellular bearers, LAN, firewalling and routing, etc</li> <li>Configure the network, such as Wi-Fi and cellular bearers, LAN, firewalling and routing, etc</li>
<li>Allow for remote application and device management and configuration</li> <li>Allow for remote application and device management and configuration</li>
</ul> </ul>
<h2>IoT Solution Frameworks</h2> <h2>IoT Solution Frameworks</h2>
...@@ -152,36 +166,64 @@ ...@@ -152,36 +166,64 @@
<h3>Telco Service Providers</h3> <h3>Telco Service Providers</h3>
<p>Eclipse <a href="https://eclipse.org/om2m" target="_blank">OM2M</a> is an implementation of the ETSI M2M standard. It provides a horizontal Service Capability Layer (SCL) that can be deployed in an M2M network, a gateway, or a device. Each SCL provides Application Enablement, Generic Communication, Reachability, Addressing and Repository, Interworking proxy, Entity Management, etc.</p> <p>Eclipse <a href="https://eclipse.org/om2m" target="_blank">OM2M</a> is an implementation of the ETSI M2M standard. It provides a horizontal Service Capability Layer (SCL) that can be deployed in an M2M network, a gateway, or a device. Each SCL provides Application Enablement, Generic Communication, Reachability, Addressing and Repository, Interworking proxy, Entity Management, etc.</p>
</div>
</section>
</main>
<hr>
<footer>
<ul class="nav nav-pills"> <footer>
<li><a href="index.html">Home</a>
</li> <div class="container">
<li><a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a> <div class="row">
</li> <div class="col-md-6">
<li><a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a> <nav>
</li> <ul class="list-inline menu">
<li><a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a> <li><a href="#">Technology</a>
</li> </li>
<li><a href="http://www.eclipse.org/legal/" target="_blank">Legal</a> <li><a href="#">Community</a>
</li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Community</a>
<ul class="dropdown-menu">
<li><a href="#">Resources</a>
</li>
<li><a href="#">News</a>
</li>
<li><a href="#">Events</a>
</li>
</ul>
<li><a href="/ecosystem">Members</a>
</li> </li>
<li><a href="contact.html" data-toggle="modal" data-target="#contact-modal">Contact Us</a> <li><a href="#">Getting Started</a>
</li> </li>
<li class="pull-right">Copyright © 2015 The Eclipse Foundation. All Rights Reserved.</li>
</ul> </ul>
</footer> </nav>
<div id="contact-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="contact-label" aria-hidden="true" style="display: none;"></div> <div class="socials">
<a href="#" class="social-facebook">&nbsp;</a>
<a href="#" class="social-twitter">&nbsp;</a>
<a href="#" class="social-youtube">&nbsp;</a>
<a href="#" class="social-share">&nbsp;</a>
</div>
</div>
<div class="col-md-6">
<p class="copyright">Copyright © 2015 The Eclipse Foundation. All Rights Reserved.</p>
</div>
</div>
</div> </div>
<!-- /container -->
<!-- JS is at the end of the document so the pages load faster -->
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>
<script src="/js/index.js"></script>
<script src="../js/prism.js"></script> </footer>
<!-- JS is at the end of the document so the pages load faster -->
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>
<script src="/js/index.js"></script>
<script src="../js/prism.js"></script>
</body> </body>
......
body, p, li, h1, h2, h3, h4, h5{ body, p, li, h1, h2, h3, h4, h5 {
font-family: 'Lato', sans-serif; /* font-family: 'Montserrat', sans-serif;
*/
}
a {
transition: color 0.3s ease;
}
.header {
background-image: url(../images/header-bg.png);
background-size: cover;
background-position: top center;
text-align: center;
padding: 40px 0;
}
.header h1, .header p {
font-weight: 300;
}
.header h1 {
color: white;
text-transform: uppercase;
font-size: 60px;
margin: 40px 0 20px;
}
.header p {
color: white !important;
font-size: 27px;
line-height: 1.4;
font-weight: 300;
}
.list-inline {
display: block;
position: relative;
left: 0;
float: left;
margin: 0 10px 0 0;
list-style: none;
}
.list-inline li {
float: left;
list-style: none;
} }
a{
transition: color 0.3s ease;
}
.header{
background-image:url(../images/header-bg.png);
background-size: cover;
background-position: top center;
text-align: center;
padding:40px 0;
}
.header h1, .header p{
font-weight:300;
}
.header h1{
color:#dee8ef;
text-transform: uppercase;
font-size: 60px;
margin:40px 0 20px;
}
.header p{
color:#9899ac;
font-size: 27px;
line-height: 1.4;
font-weight: 300;
}
.list-inline{
display:block;
position: relative;
left: 0;
float: left;
margin: 0 10px 0 0;
list-style: none;
}
.list-inline li{
float:left;
list-style: none;
}
button { button {
font-family: 'Sanchez', serif; font-family: 'Sanchez', serif;
color:#ffffff; color: #ffffff;
background-color: #75b01e; background-color: #75b01e;
border-radius:3px; border-radius: 3px;
border: none; border: none;
padding: 10px 20px; padding: 10px 20px;
margin:20px 0; margin: 20px 0;
box-shadow: -3px 3px rgba(0,0,0,0.2); box-shadow: -3px 3px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
button:hover { button:hover {
background-color:#5C9704; background-color: #5C9704;
} }
button i.fa {
button i.fa{ /*font-size: 18px;
/*font-size: 18px;
margin: 0 0 0 5px;*/ margin: 0 0 0 5px;*/
} }
.icons-1, .icons-2 {
.icons-1,.icons-2{ text-align: center;
text-align:center; }
} .icons-1 {
background-color: #f4f3f3;
.icons-1{ width: 100%;
background-color:#f4f3f3; }
width:100%; .icons-2 {
} background-color: #fff;
width: 100%;
.icons-2{ }
background-color:#fff; .icons-1 h2, .icons-2 h2 {
width:100%; text-transform: uppercase;
} font-weight: 300;
color: #474646;
.icons-1 h2,.icons-2 h2{ border: none;
text-transform: uppercase; margin-top: 40px;
font-weight: 300; }
color:#474646; .icons-1 p, .icons-2 p {
border:none; font-weight: 300;
margin-top:40px; color: #474646;
} font-size: 21px;
line-height: 1.4;
.icons-1 p,.icons-2 p{ }
font-weight: 300; .discover {
color:#474646; background-image: url('../images/discover-bg.png');
font-size: 21px; background-position: top center;
line-height: 1.4; background-size: cover;
} padding: 40px 0;
text-align: center;
}
.discover{ .discover h2 {
background-image:url('../images/discover-bg.png'); text-transform: uppercase;
background-position: top center; font-size: 60px;
background-size: cover; color: #dee8ef;
padding:40px 0; font-weight: 300;
text-align:center; border: none;
}
.discover p {
font-size: 21px;
line-height: 1.4;
color: #dee8ef;
font-weight: 300;
}
.logos {
background: #f4f3f3;
padding: 0px 0 40px;
}
.footer {
background-image: url('../images/footer-bg.png');
background-position: top center;
background-size: cover;
color: #d6d6d6;
font-weight: 300;
}
.footer ul {
list-style: none
}
.footer ul li {
list-style: none;
text-transform: uppercase;
margin-bottom: 10px;
}
.footer ul li a {
color: #d6d6d6;
}
.footer ul li a:hover {
color: #838383;
}
.footer p {
text-transform: uppercase;
font-style: italic;
}
.left {
float: left;
}
.right {
float: right;
} }
.discover h2{
text-transform: uppercase;
font-size: 60px;
color:#dee8ef;
font-weight: 300;
border:none;
}
.discover p{
font-size: 21px;
line-height: 1.4;
color:#dee8ef;
font-weight: 300;
}
.logos{
background: #f4f3f3;
padding:0px 0 40px;
}
.footer{
background-image: url('../images/footer-bg.png');
background-position:top center;
background-size: cover;
color:#d6d6d6;
font-weight: 300;
}
.footer ul{
list-style: none
}
.footer ul li{
list-style:none;
text-transform: uppercase;
margin-bottom:10px;
}
.footer ul li a{
color:#d6d6d6;
}
.footer ul li a:hover{
color:#838383;
}
.footer p{
text-transform: uppercase;
font-style: italic;
}
.left{
float:left;
}
.right{
float:right;
}
/** added Benjamin **/ /** added Benjamin **/
#members { #members {
text-align: center; text-align: center;
} }
#members img { #members img {
margin: 1.5em 2em; margin: 1.5em 2em;
} }
.container ul li { .container ul li {
margin-left: 0.8em; margin-left: 0.8em;
} }
@media (max-width: 960px) { @media (max-width: 960px) {
body { body {
padding-right: 0px; padding-right: 0px;
padding-left: 0px; padding-left: 0px;
} }
.header h1 {
.header h1 { font-size: 48px;
font-size: 48px; }
}
} }
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment