Forked from
Eclipse Foundation / IT / Websites / iot.eclipse.org
1462 commits behind, 27 commits ahead of the upstream repository.
-
Benjamin Cabé authoredBenjamin Cabé authored
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
index.html 13.46 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta itemprop="name" content="iot.eclipse.org - IoT development made simple">
<meta itemprop="description" content="iot.eclipse.org is where you can learn about the technologies developed at Eclipse to make Internet of Things (IoT) development simpler. These technologies aim at establishing an open, end-to-end, IoT stack.">
<title>iot.eclipse.org - IoT development made simple</title>
<!-- Bootstrap -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- icomoon -->
<link href="/assets/css/icomoon.css" rel="stylesheet">
{{ "<!--[if lt IE 9]>" | safeHTML }}
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
{{ "<![endif]-->" | safeHTML }}
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-594061-11', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="homepage">
<header>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img alt="Brand" src="/assets/images/iot-logo.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="/getting-started">Getting Started</a>
</li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology</a>
<ul class="dropdown-menu" role="menu">
<li><a href="/standards">Standards</a>
</li>
<li><a href="/frameworks">Services & Frameworks</a>
</li>
<li><a href="/projects">All the projects</a>
</li>
</ul> </li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Community</a>
<ul class="dropdown-menu" role="menu">
<li><a href="/resources">Resources</a>
</li>
<li><a href="/news">News</a>
</li>
<li><a href="/events">Events</a>
</li>
</ul>
</li>
<li><a href="/working-group">Working Group</a>
</li>
<li style="min-width: 100px; padding-top: 15px; padding-left: 8px;">
<div class="g-plusone" data-size="medium" data-href="http://iot.eclipse.org"></div>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section class="container">
<div class="row">
<div class="col-md-8 col-sm-12">
<h1><span class="green">Open Source</span> for <span class="green">IoT</span></h1>
<p>IoT needs open source to be successful.
<br>
<span class="green">Eclipse IoT</span> simplifies IoT development.</p>
</div>
<!-- <div class="col-md-3 hidden-xs hidden-sm">
<img src="assets/images/iot-icon-alt.png" class="img-responsive">
</div> -->
</div>
</section>
<section class="header-divider">
<img src="assets/images/header-divider.png">
</section>
</header>
<main class="main">
<section class="first">
<div class="container">
<div class="row">
<div class="col-md-4 first-col">
<a href="/standards">
<div class="row">
<div class="col-xs-2 col-md-3">
<span class="icon-bulb" aria-hidden="true"></span>
</div>
<div class="col-xs-10 col-md-9">
<h2>Standards</h2>
<p>Implementation of IoT standards like MQTT, CoAP, LWM2M and OneM2M</p>
</div>
</div>
</a>
<a href="/getting-started">
<div class="row">
<div class="col-xs-2 col-md-3">
<span class="icon-switch" aria-hidden="true"></span>
</div>
<div class="col-xs-10 col-md-9"> <h2>Getting Started</h2>
<p>Step-by-step guide to getting started on IoT development</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 second-col">
<a href="/frameworks">
<div class="row">
<div class="col-xs-2 col-md-3">
<span class="icon-cogs" aria-hidden="true"></span>
</div>
<div class="col-xs-10 col-md-9">
<h2>Services & Frameworks</h2>
<p>Building blocks to accelerate IoT development</p>
</div>
</div>
</a>
<a href="/projects">
<div class="row">
<div class="col-xs-2 col-md-3">
<span class="icon-embed" aria-hidden="true"></span>
</div>
<div class="col-xs-10 col-md-9">
<h2>All projects</h2>
<p>Check out all our IoT open source projects</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 third-col line-divider-left">
<h1 class="purple">Technology</h1>
<p>Eclipse IoT provides open source implementations of the standards, services and frameworks that enable an Open Internet of Things.</p>
</div>
</div>
</div>
</section>
<section class="second">
<div class="container">
<div class="row">
<div class="col-md-5">
<section class="community">
<h1 class="purple">Community</h1>
<p>
<strong>Eclipse IoT</strong> is an ecosystem of companies and individuals that are working together to establish an Internet of Things based on open technologies.
</p>
</section>
</div>
<div class="col-md-6 col-md-offset-1">
<section class="subsection-header featured-articles">
<h2>Featured Resources<span></span></h2>
<div class="row">
{{ range first 2 (where .Data.Pages ".Type" "resources") }}
<div class="col-md-6">
<div class="featured-articles-item">
<a href="{{ .Params.link }}">
<h3>{{ .Title }} </h3>
</a>
</div>
</div>
{{ end }}
</div>
<p>
<a href="/resources" class="btn btn-primary">More Resources...</a>
</p>
</section>
<!-- .featured-article -->
</div>
<div class="col-md-6">
<section class="subsection-header latest-news">
<h2>Latest News<span></span></h2>
{{ range first 2 (where .Data.Pages ".Type" "news") }}
<div class="latest-news-item">
<a href="{{ .Params.link }}">
<h3>{{ .Title }}</h3>
<p>{{ .Content }} </p>
</a>
<p class="date">{{ dateFormat "Jan 2, 2006" .Date }} </p>
</div>
{{ end }}
<p>
<a href="/news" class="btn btn-primary">More News...</a>
</p>
</section>
<!-- .latest-news -->
</div>
<!-- .col-md-6 -->
<div class="col-md-6">
<section class="subsection-header upcoming-events">
<h2>Upcoming Events<span></span></h2>
<div class="row">
{{ $.Scratch.Set "idx" 0 }}
{{ range (where .Data.Pages.ByDate ".Type" "events") }}
{{ if and (ge .Date.Unix .Now.Unix) (not (eq ($.Scratch.Get "idx") 4)) }}
<div class="col-sm-6">
<a href="{{ .Params.link }}" target="_blank">
<div class="upcoming-events-item">
<h3>
{{ .Title }}<br>
<span class="date">{{ .Params.event_date }}</span>
</h3>
<p>{{ .Params.location }}</p>
</div>
</a>
</div>
{{ $.Scratch.Add "idx" 1 }}
{{ end }}
{{ end }}
</div>
<p>
<a href="/events" class="btn btn-primary">More Events...</a>
</p>
</section>
<!-- .upcoming-events -->
</div>
<!-- .col-md-6 -->
</div>
</div>
</section>
<section class="third">
<div class="container">
<div class="row">
<div class="col-md-8 logos">
<div class="row">
{{ range where .Data.Pages ".Type" "member" }}
<div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
<div style="height: 120px; display:table-cell; vertical-align:middle;">
<a href="http://eclipse.org/membership/showMember.php?member_id={{ .Params.member_id }}" target="_blank">
<img src="/assets/images/members/logo-{{ .Params.logo }}.png" class="img-responsive" style="max-height:110px">
</a>
</div>
</div>
{{ end }}
<!-- <div class="col-md-12">
<p class="align-center"><a href="/ecosystem.html" class="btn btn-primary">More</a>
</p>
</div>
-->
</div>
</div>
<section class="working-group col-md-4 line-divider-left">
<h1 class="purple">Working Group</h1>
<p>The <strong>Eclipse IoT Working Group</strong> is an industry collaboration of companies who invest and promote an open source community for IoT. <a href="/ecosystem"><strong>Join Us</strong></a>!
</p>
<p><a href="/working-group" class="btn btn-primary">Ecosystem</a>
</p>
</section>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<nav>
<ul class="list-inline menu dropdown">
<li><a href="/getting-started">Getting Started</a> </li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology</a>
<ul class="dropdown-menu" role="menu">
<li><a href="/standards">Standards</a>
</li>
<li><a href="/frameworks">Services & Frameworks</a>
</li>
<li><a href="/projects">All the projects</a>
</li>
</ul>
</li>
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Community</a>
<ul class="dropdown-menu" role="menu">
<li><a href="/resources">Resources</a>
</li>
<li><a href="/news">News</a>
</li>
<li><a href="/events">Events</a>
</li>
</ul>
</li>
<li><a href="/working-group">Working Group</a>
</li>
<li style="min-width: 100px; padding-top: 15px; padding-left: 8px;">
<div class="g-plusone" data-size="medium" data-href="http://iot.eclipse.org"></div>
</li>
</ul>
</nav>
<div class="socials">
<!-- <a href="#" class="social-facebook"> </a> -->
<a href="https://twitter.com/EclipseIoT" class="social-twitter"> </a>
<a href="https://www.youtube.com/playlist?list=PLy7t4z5SYNaRorMpk1txiehpkyeI0JLn-" class="social-youtube"> </a>
<!-- <a href="#" class="social-share"> </a> -->
</div>
</div>
<div class="col-md-6">
<p class="copyright">Copyright © 2015 The Eclipse Foundation. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="js/shuffle.js"></script>
<script src="js/index.js"></script>
</body>
</html>