Skip to content

Commit

Permalink
Merge pull request #53 from eclipse-thingweb/ege-project-alignment
Browse files Browse the repository at this point in the history
Align information to restructured project
  • Loading branch information
egekorkan authored Oct 13, 2023
2 parents 90bcb18 + 67dc480 commit c6d2fff
Show file tree
Hide file tree
Showing 5 changed files with 281 additions and 212 deletions.
161 changes: 109 additions & 52 deletions themes/thingweb/layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,37 +2,99 @@
<html lang="en-us">
{{/* define "main" */}}
<!-- https://gohugo.io/variables/site/ -->
{{ partial "head.html" . }}

<body>
{{ partial "header.html" . }}

<div class="holder">
<div class="wel-holder">
<div class="container">
<div class="wel-content text-center">
<h1>A Web of Things implementation</h1>
<img src="img/others/what-line.png" class="img-fluid"/>

<div class="text-left">

{{ .Content }}

<p>The Eclipse Thingweb™ <code>node-wot</code> project is the official reference implementation of the Web of Things (WoT) Interaction Model discussed in the <a href="https://www.w3.org/WoT/WG/" target="_blank">W3C WoT WG</a>. <br />
The Web of Things seeks to counter the fragmentation of the IoT through standard complementing building blocks (e.g., metadata and APIs) that enable easy integration across IoT platforms and application domains.
</p>

<p><code>node-wot</code> provides a <a href="http://www.w3.org/TR/wot-thing-description/" target="_blank">WoT Thing Description</a> parser and serializer, several "Protocol Bindings" implementing the <a href="https://w3c.github.io/wot-binding-templates/" target="_blank">WoT Binding Templates</a>, as well as a runtime system ("WoT Runtime") providing the <a href="http://www.w3.org/TR/wot-scripting-api/" target="_blank">WoT Scripting API</a> for applications. It is based on Node.js and developed under open-source licenses on <a href="https://github.com/eclipse-thingweb/node-wot" target="_blank">GitHub</a>.<br />

<code>node-wot</code> also provides a browser bundle to visualize TDs and to enable the interaction with Things from the Web browser. A simple example can be found here: <a href="http://plugfest.thingweb.io/webui/" target="_blank">WebUI</a>.
<br />
It is <em>not</em> only a toolkit with some demo applications. <code>node-wot</code> enables you to create and experiment with real-world WoT applications. </p>

</div>
{{ partial "head.html" . }}

<body>
{{ partial "header.html" . }}

<div class="holder">
<div class="wel-holder">
<div class="container">
<div class="wel-content text-center">
<h1>Web of Things Components</h1>
<img src="img/others/what-line.png" class="img-fluid" />

<div class="text-left">

{{ .Content }}


<p>
Eclipse Thingweb™ offers components for making IoT solutions interoperable at scale by
leveraging the W3C WoT
standards, no matter if improving an existing solution or building a new one:
</p>

<ul>
<li><b>Describe devices:</b> information, capabilities, and data schemas in a standardized
format</li>
<li><b>Integrate devices:</b> connectivity via various IoT protocols under a uniform
interface</li>
<li><b>Validate device descriptions:</b> consistent metadata for your devices and across
directories</li>
<li><b>Develop applications:</b>Web browser-like runtime for (headless) portable IoT apps
</li>
</ul>

<p>
Each component within the Eclipse Thingweb™ project is designed to be used independently
from each other while working
harmoniously together.
This gives developers the flexibility to choose the specific tools they need for their IoT
solution without sacrificing interoperability.
</p>

<div>
<h2>node-wot</h2>

<p>
The Eclipse Thingweb™ <code>node-wot</code> is the official reference implementation of
the Web of Things (WoT) Scripting API written in the <a
href="https://www.w3.org/TR/wot-scripting-api/" target="_blank">official
specification</a>. <br />
<!-- The Web of Things seeks to counter the fragmentation of the IoT through standard complementing building blocks (e.g., metadata and APIs) that enable easy integration across IoT platforms and application domains. -->
</p>

<p><code>node-wot</code> provides a <a href="http://www.w3.org/TR/wot-thing-description/"
target="_blank">WoT Thing Description</a> parser and serializer, several "Protocol
Bindings" implementing the <a href="https://www.w3.org/TR/wot-binding-templates/"
target="_blank">WoT Binding Templates</a>, as well as a runtime system ("WoT
Runtime") providing the <a href="http://www.w3.org/TR/wot-scripting-api/"
target="_blank">WoT Scripting API</a> for applications. It is based on Node.js
runtime and developed under open-source licenses on <a
href="https://github.com/eclipse-thingweb/node-wot"
target="_blank">GitHub</a>.<br />

<code>node-wot</code> also provides a browser bundle to visualize TDs and to enable the
interaction with Things from the Web browser. A simple example can be found here: <a
href="http://plugfest.thingweb.io/webui/" target="_blank">WebUI</a>.
<br />
It is <em>not</em> only a toolkit with some demo applications. <code>node-wot</code>
enables you to create and experiment with real-world WoT applications.
</p>
</div>
<div>
<h2>Playground</h2>
<p>
Eclipse Thingweb™ Playground is a set of software packages that allow to validate and
manipulate Thing Descriptions. All individual packages can be used as a Node.js
dependency but also via a CLI or Web interface.</p>
<p>
You can explore it on the <a href="http://plugfest.thingweb.io/playground"
target="_blank">Web interface</a> or at the <a
href="https://github.com/eclipse-thingweb/playground" target="_blank">GitHub
repository</a>.
You can transform TDs into Open API, Async API or AAS Asset Interface Description and
explore different features of the Thing Description specification via our <a
href="https://github.com/eclipse-thingweb/playground/tree/master/examples"
target="_blank">examples</a>.
</p>
</div>
</div>
</div>
</div>
<!--
</div>
<!--
<div class="why-holder">
<div class="why-bottom-all">
<div class="why-sh">
Expand Down Expand Up @@ -63,8 +125,8 @@ <h1>Why We Are</h1>
</div>
</div>
-->
<!--

<!--
<div class="webtechnology-holder">
<div class="web-sh sp1">
<img src="/img/others/web-1.png" class="img-fluid" width="100%"/>
Expand Down Expand Up @@ -93,33 +155,28 @@ <h1>web technology</h1>
</div>
</div>
-->
<br /><br /><br />
<!-- ICONS -->
{{ partial "icons.html" . }}

<!-- PROJECTS -->
<!--

<br /><br /><br />

<!-- ICONS -->
{{ partial "icons.html" . }}


<!-- PROJECTS -->
<!--
{{ partial "projects.html" . }}
-->
<!-- TESTIMONIALS -->
<!--

<!-- TESTIMONIALS -->
<!--
{{ partial "testimonals.html" . }}
-->
</div>

{{ partial "footer.html" . }}


</body>
{{/* end */}}
</html>

</div>

{{ partial "footer.html" . }}



</body>
{{/* end */}}

</html>
91 changes: 46 additions & 45 deletions themes/thingweb/layouts/partials/footer.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="container">
<div class="">
<div class="footer-shape">
<img src="/img/others/footer-shape.jpg" class="img-fluid" style="width: 100%" />
<div class="">
<div class="footer-shape">
<img src="/img/others/footer-shape.jpg" class="img-fluid" style="width: 100%" />
</div>
<footer><!-- width="100%" -->
<!--
<!--
<div class="foot-social text-center">
<ul class="list-inline">
<li><a href="#"><img src="/img/icons/sh-1.png" class="img-fluid"/></a></li>
Expand All @@ -15,50 +15,51 @@
</ul>
</div>
-->
<div class="foot-link text-center" >
<ul class="list-inline">
<li><a href="/">Home</a></li>
<li>|</li>
<!-- <li><a href="./contact.html">About us</a></li>
<div class="foot-link text-center">
<ul class="list-inline">
<li><a href="/">Home</a></li>
<li>|</li>
<!-- <li><a href="./contact.html">About us</a></li>
<li>|</li>
<li><a href="#">Services</a></li>
<li>|</li>-->
<li><a href="https://github.com/eclipse-thingweb/node-wot/">Project on Github</a></li>
<li>|</li>
<!-- <li><a href="#">Reviews</a></li>
<li><a href="https://github.com/eclipse-thingweb">Project on Github</a></li>
<li>|</li>
<!-- <li><a href="#">Reviews</a></li>
<li>|</li>-->
<li><a href="/get-involved.html">Contact us</a></li>
</ul>
</div>
<div class="copy text-center">
<p>
<a href="http://www.eclipse.org" target="_blank">Eclipse</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a>
<span>|</span>
<a href="http://www.eclipse.org/legal" target="_blank">Legal</a>
</p>
</br>
<a href="https://www.eclipse.org" target="_blank">
<img style="height: 120px" src="https://www.eclipse.org/hono/img/eclipse_foundation_logo_wo.svg" id="logo-eclipse-foundation">
</a>

<a href="https://iot.eclipse.org" target="_blank">
<img style="height: 50px" src="https://www.eclipse.org/hono/img/iot-logo.png">
</a>
</div>
<div class="copy text-center">
<p>© {{ dateFormat "2006" now }} The Eclipse Thingweb Project</p>
</div>
<li><a href="/get-involved.html">Contact us</a></li>
</ul>
</div>
<div class="copy text-center">
<p>
<a href="http://www.eclipse.org" target="_blank">Eclipse</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a>
<span>|</span>
<a href="http://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a>
<span>|</span>
<a href="http://www.eclipse.org/legal" target="_blank">Legal</a>
</p>
</br>
<a href="https://www.eclipse.org" target="_blank">
<img style="height: 120px" src="https://www.eclipse.org/hono/img/eclipse_foundation_logo_wo.svg"
id="logo-eclipse-foundation">
</a>

<a href="https://iot.eclipse.org" target="_blank">
<img style="height: 50px" src="https://www.eclipse.org/hono/img/iot-logo.png">
</a>
</div>
<div class="copy text-center">
<p>© {{ dateFormat "2006" now }} Eclipse Thingweb Project</p>
</div>
</footer>
<script type="text/javascript" src="/js/jquery-1.11.3.min.js" ></script>
<script type="text/javascript" src="/js/bootstrap.min.js" ></script>
<script type="text/javascript" src="/js/custom.js" ></script>
<script type="text/javascript" src="/js/owl.carousel.js" ></script>
</div>

<script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/custom.js"></script>
<script type="text/javascript" src="/js/owl.carousel.js"></script>
</div>
</div>
53 changes: 27 additions & 26 deletions themes/thingweb/layouts/partials/head.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,30 @@
<head>
<meta charset="utf-8" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<head>
<meta charset="utf-8" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

<title> thingweb - {{ .Title }} </title>
<meta name="description" content="Eclipse Thingweb node-wot provides Node.js packages for Web of Things (WoT) implementations which are standardized building blocks for IoT applications" />
<meta name="author" content="Eclipse Thingweb node-wot team" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title> Eclipse Thingweb </title>
<meta name="description"
content="Eclipse Thingweb node-wot provides Node.js packages for Web of Things (WoT) implementations which are standardized building blocks for IoT applications" />
<meta name="author" content="Eclipse Thingweb node-wot team" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<!-- CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/hover.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/hover-min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/owl.carousel.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/owl.theme.default.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/hover.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/hover-min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/owl.carousel.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/owl.theme.default.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" />

<!-- FAVICONS -->
<link rel="shortcut icon" href="/img/favicon/favicon.png" type="image/png" />
<link rel="icon" href="/img/favicon/favicon.png" type="image/png" />
<!-- Google Site Verification -->
<meta name="google-site-verification" content="086kyR2UJR794fn8Z97o9QMEJLOqCoVhPIqxYtZBSA4" />
</head>
<!-- FAVICONS -->
<link rel="shortcut icon" href="/img/favicon/favicon.png" type="image/png" />
<link rel="icon" href="/img/favicon/favicon.png" type="image/png" />

<!-- Google Site Verification -->
<meta name="google-site-verification" content="086kyR2UJR794fn8Z97o9QMEJLOqCoVhPIqxYtZBSA4" />

</head>
Loading

0 comments on commit c6d2fff

Please sign in to comment.