Skip to content

Commit e8b621d

Browse files
benfrancisbenfrancis
committed
Launch.
1 parent f679d62 commit e8b621d

File tree

3 files changed

+186
-186
lines changed

3 files changed

+186
-186
lines changed

‎holding.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<title>WebThings</title>
8+
<link rel="icon" href="images/icon.svg" />
9+
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
10+
<link rel="stylesheet" type="text/css" href="css/index.css" />
11+
<link rel="stylesheet" media="(max-width: 959px)" href="css/index-mobile.css" />
12+
<meta name="description" content="Flying the nest. Mozilla WebThings is becoming WebThings." />
13+
<meta name="twitter:card" content="summary_large_image" />
14+
<meta name="twitter:site" content="@WebThingsIO" />
15+
<meta property="og:title" content="WebThings" />
16+
<meta property="og:description" content="Flying the nest. Mozilla WebThings is becoming WebThings." />
17+
<meta property="og:type" content="website" />
18+
<meta property="og:url" content="https://webthings.io" />
19+
<meta property="og:image" content="https://webthings.io/images/banner.png" />
20+
</head>
21+
22+
<body>
23+
<main>
24+
<h1>Flying the nest.</h1>
25+
<img src="images/logos.svg" alt = "Mozilla WebThings -> WebThings"/>
26+
<p><strong>“Mozilla WebThings”</strong> is becoming <strong>“WebThings”</strong></p>
27+
<!-- Signup Form -->
28+
<div id="mc_embed_signup">
29+
<form id="register" action="https://webthings.us17.list-manage.com/subscribe/post" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate">
30+
<input type="hidden" name="u" value="cf8fedf8faeedfa1c73369b53">
31+
<input type="hidden" name="id" value="2281dc60bc">
32+
<div id="mc_embed_signup_scroll">
33+
<h2>Sign up for updates</h2>
34+
<div class="mc-field-group">
35+
<input type="text" value="" name="FIRST_NAME" class="" id="mce-FIRST_NAME" placeholder="First name" required />
36+
</div>
37+
<div class="mc-field-group">
38+
<input type="text" value="" name="LAST_NAME" class="" id="mce-LAST_NAME" placeholder="Last name" required />
39+
</div>
40+
<div class="mc-field-group">
41+
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address" required />
42+
</div>
43+
<div id="mce-responses" class="clear">
44+
<div class="response" id="mce-error-response" style="display:none"></div>
45+
<div class="response" id="mce-success-response" style="display:none"></div>
46+
</div>
47+
<!-- real people should not fill this in and expect good things -->
48+
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_4c7df68d508c5a0e296c0423c_00f1f4d619" tabindex="-1" value=""></div>
49+
<div class="clear"><input type="submit" value="Register" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
50+
<a id="privacy-link" href="/privacy">Privacy Policy</a>
51+
</div>
52+
</form>
53+
</div>
54+
<!-- End of signup form -->
55+
</main>
56+
<footer>Sponsored by <a href="https://krellian.com">Krellian</a></footer>
57+
</body>
58+
59+
</html>

‎index.html‎

Lines changed: 127 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,146 @@
1+
12
<!DOCTYPE html>
23
<html>
3-
44
<head>
55
<meta charset="utf-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<title>WebThings</title>
8-
<link rel="icon" href="images/icon.svg" />
9-
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
10-
<link rel="stylesheet" type="text/css" href="css/index.css" />
11-
<link rel="stylesheet" media="(max-width: 959px)" href="css/index-mobile.css" />
12-
<meta name="description" content="Flying the nest. Mozilla WebThings is becoming WebThings." />
8+
<link rel="canonical" href="https://webthings.io">
9+
<link rel="icon" href="/images/icon.svg" />
10+
<link rel="stylesheet" type="text/css" href="/css/site.css" />
11+
<link rel="stylesheet" type="text/css" href="css/home.css" />
12+
<link rel="stylesheet" media="(max-width: 959px)" href="/css/site-mobile.css" />
13+
<link rel="stylesheet" media="(max-width: 959px)" href="css/home-mobile.css" />
14+
<meta name="description" content="Building the Web of Things" />
1315
<meta name="twitter:card" content="summary_large_image" />
1416
<meta name="twitter:site" content="@WebThingsIO" />
1517
<meta property="og:title" content="WebThings" />
16-
<meta property="og:description" content="Flying the nest. Mozilla WebThings is becoming WebThings." />
18+
<meta property="og:description" content="Building the Web of Things" />
1719
<meta property="og:type" content="website" />
1820
<meta property="og:url" content="https://webthings.io" />
1921
<meta property="og:image" content="https://webthings.io/images/banner.png" />
22+
<script src="js/site.js"></script>
2023
</head>
2124

2225
<body>
23-
<main>
24-
<h1>Flying the nest.</h1>
25-
<img src="images/logos.svg" alt = "Mozilla WebThings -> WebThings"/>
26-
<p><strong>“Mozilla WebThings”</strong> is becoming <strong>“WebThings”</strong></p>
27-
<!-- Signup Form -->
28-
<div id="mc_embed_signup">
29-
<form id="register" action="https://webthings.us17.list-manage.com/subscribe/post" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate">
30-
<input type="hidden" name="u" value="cf8fedf8faeedfa1c73369b53">
31-
<input type="hidden" name="id" value="2281dc60bc">
32-
<div id="mc_embed_signup_scroll">
33-
<h2>Sign up for updates</h2>
34-
<div class="mc-field-group">
35-
<input type="text" value="" name="FIRST_NAME" class="" id="mce-FIRST_NAME" placeholder="First name" required />
36-
</div>
37-
<div class="mc-field-group">
38-
<input type="text" value="" name="LAST_NAME" class="" id="mce-LAST_NAME" placeholder="Last name" required />
39-
</div>
40-
<div class="mc-field-group">
41-
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address" required />
42-
</div>
43-
<div id="mce-responses" class="clear">
44-
<div class="response" id="mce-error-response" style="display:none"></div>
45-
<div class="response" id="mce-success-response" style="display:none"></div>
46-
</div>
47-
<!-- real people should not fill this in and expect good things -->
48-
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_4c7df68d508c5a0e296c0423c_00f1f4d619" tabindex="-1" value=""></div>
49-
<div class="clear"><input type="submit" value="Register" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
50-
<a id="privacy-link" href="/privacy">Privacy Policy</a>
51-
</div>
52-
</form>
26+
27+
<header>
28+
<button id="menu-button"></button>
29+
<a href="/">
30+
<img id="wordmark" src="/images/webthings_wordmark-light.svg" alt="WebThings" />
31+
</a>
32+
<nav id="main-navigation">
33+
<ul id="main-navigation-list">
34+
<li><a href="/about">About</a></li>
35+
<li><a href="/gateway">Gateway</a></li>
36+
<li><a href="/framework">Framework</a></li>
37+
<li><a href="/docs">Docs</a></li>
38+
<li><a href="https://discourse.mozilla.org/c/iot">Forum</a></li>
39+
</ul>
40+
</nav>
41+
</header>
42+
43+
<section id="hero">
44+
<div id="hero-body">
45+
<img src="images/webthings_wordmark-dark.svg" alt="WebThings" />
46+
<p>An open platform for monitoring and controlling devices over the web</p>
47+
<a href="/about" class="button">Learn More</a>
5348
</div>
54-
<!-- End of signup form -->
55-
</main>
56-
<footer>Sponsored by <a href="https://krellian.com">Krellian</a></footer>
49+
</section>
50+
51+
<section id="gateway-section">
52+
<h2><strong>WebThings</strong> Gateway</h2>
53+
<a href="/gateway/"><img src="gateway/images/floorplan_screenshot.png" alt="Illustration showing a Raspberry Pi" /></a>
54+
<p>A software distribution for smart home gateways focused on privacy, security and interoperability </p>
55+
<a href="/gateway/" class="button">
56+
Learn More
57+
</a>
58+
</section>
59+
60+
<section id="framework-section">
61+
<h2><strong>WebThings</strong> Framework</h2>
62+
<a href="/framework/"><img src="framework/images/things.svg" alt="A collection of things" /></a>
63+
<p>A collection of re-usable software components to help
64+
developers build their own web things</p>
65+
<a href="/framework/" class="button">
66+
Learn More
67+
</a>
68+
</section>
69+
70+
<section id="get-involved-section">
71+
<h2>Contribute</h2>
72+
<div id="contributions">
73+
<div class="contribution">
74+
<h3>Build a Web Thing</h3>
75+
<img src="images/light_bulb.png" alt="Illustration of a light bulb">
76+
<p>Build your own IoT device which uses the Web Thing API</p>
77+
</div>
78+
<div class="contribution">
79+
<h3>Create an Add-on</h3>
80+
<img src="images/addon.png" alt="Illustration of an add-on">
81+
<p>Create an add-on to bridge an existing IoT device to the web</p>
82+
</div>
83+
<div class="contribution">
84+
<h3>Hack on WebThings</h3>
85+
<img src="images/code.png" alt="Illustration of source code">
86+
<p>Help us develop our Web of Things implementation</p>
87+
</div>
88+
</div>
89+
<a id="get-involved-button" href="docs/" class="button">
90+
Get Involved
91+
</a>
92+
</section>
93+
94+
<section id="newsletter">
95+
<!-- Signup Form -->
96+
<div id="mc_embed_signup">
97+
<form id="signup-form" action="https://webthings.us17.list-manage.com/subscribe/post" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate">
98+
<input type="hidden" name="u" value="cf8fedf8faeedfa1c73369b53">
99+
<input type="hidden" name="id" value="2281dc60bc">
100+
<div id="mc_embed_signup_scroll">
101+
<h2>Keep in Touch</h2>
102+
<p>Subscribe to our newsletter</p>
103+
<div class="mc-field-group">
104+
<input type="text" value="" name="FIRST_NAME" class="" id="mce-FIRST_NAME" placeholder="First name" required />
105+
</div>
106+
<div class="mc-field-group">
107+
<input type="text" value="" name="LAST_NAME" class="" id="mce-LAST_NAME" placeholder="Last name" required />
108+
</div>
109+
<div class="mc-field-group">
110+
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address" required />
111+
</div>
112+
<div id="mce-responses" class="clear">
113+
<div class="response" id="mce-error-response" style="display:none"></div>
114+
<div class="response" id="mce-success-response" style="display:none"></div>
115+
</div>
116+
<!-- real people should not fill this in and expect good things -->
117+
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_4c7df68d508c5a0e296c0423c_00f1f4d619" tabindex="-1" value=""></div>
118+
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
119+
<a id="privacy-link" href="/privacy">Privacy Policy</a>
120+
</div>
121+
</form>
122+
</div>
123+
<!-- End of signup form -->
124+
</section>
125+
126+
<footer>
127+
<a href="/">
128+
<img id="footer-wordmark" src="/images/webthings_wordmark-light.svg" />
129+
</a>
130+
<nav id="footer-navigation">
131+
<ul id="footer-navigation-list">
132+
<li><a href="/privacy">Privacy</a></li>
133+
<li><a href="/legal">Legal</a></li>
134+
<li><a href="mailto:[email protected]">Contact</a></li>
135+
</ul>
136+
</nav>
137+
<nav id="social">
138+
<a id="twitter-icon" href="https://twitter.com/WebThingsIO"></a>
139+
<a id="github-icon" href="https://github.com/WebThingsIO"></a>
140+
</nav>
141+
<p id="smallprint">WebThings is sponsored by <a href="https://krellian.com">Krellian Ltd.</a> and is no longer affiliated with the <a href="https://mozilla.com">Mozilla Corporation</a>.</p>
142+
</footer>
143+
57144
</body>
58145

59146
</html>

‎index2.html‎

Lines changed: 0 additions & 146 deletions
This file was deleted.

0 commit comments

Comments
 (0)