-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
563 lines (450 loc) · 23.7 KB
/
index.html
File metadata and controls
563 lines (450 loc) · 23.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="author" content="OpenBuilds">
<meta name="description" content="Download page for OpenBuilds Software / OpenBuilds CAM / OpenBuilds CONTROL">
<meta name="keywords" content="grbl, host, machine, drivers, openbuilds">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="metro4/css/metro-all.css" rel="stylesheet">
<meta name="metro4:init" content="true">
<link href="index.css" rel="stylesheet">
<title>OpenBuilds Software: OpenBuilds CONTROL and OpenBuilds CAM - FREE software to run your CNC, Laser, Plasma or Pen Plotter</title>
<style>
.login-form {
width: 90%;
height: 100%;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-twitter {
background-color: #1da1f2;
}
.bg-tumblr {
background-color: #35465c;
}
.bg-pinterest {
background-color: #bd081c;
}
.bg-reddit {
background-color: #ff4500;
}
.bg-telegram {
background-color: #0088cc;
}
.bg-obred {
background-color: #ff0000;
}
.bd-obred {
border-color: #ff0000;
}
.fg-obred {
color: #ff0000;
}
a {
color: #ff0000;
}
/* Navbar container */
.navbar {
background-color: #000;
height: 48px;
display: flex;
align-items: center;
padding: 0 20px;
margin: 0px;
}
/* Navbar links styled as tabs */
.navbar a {
color: #fff;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
padding: 0 15px;
height: 48px;
line-height: 48px;
display: inline-block;
}
/* Hover effect */
.navbar a:hover {
background-color: #ff0000;
}
/* Hover effect */
.navbar a.active {
background-color: #000;
}
.navbar a.active:hover {
background-color: #ff0000;
}
.sticky-header {
position: -webkit-sticky;
/* For Safari */
position: sticky;
top: 0;
z-index: 1000;
background-color: black;
/* Ensures background color continuity */
padding: 0;
}
</style>
</head>
<body class="bg-white">
<div class="row bg-black sticky-header pl-3">
<div class="cell">
<img src="OpenBuildsSoftware.svg" />
<div class="navbar">
<a href="https://us.openbuilds.com" target="_blank">Part Store</a>
<a href="#openbuilds-control">OpenBuilds CONTROL</a>
<a href="#openbuilds-cam">OpenBuilds CAM</a> <a href="https://docs.openbuilds.com" target="_blank">Documentation</a>
<a href="https://builds.openbuilds.com" target="_blank">Community</a>
<a href="https://support.openbuilds.com" target="_blank">Support</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="grid">
<div class="row">
<div class="cell-3 p-2">
<div class="img-container drop-shadow">
<div class="border bd-gray drop-shadow" data-role="carousel" data-period="2000" data-effect="slide" data-effect-func="easeInQuart" data-auto-start="true" data-duration="200" data-height="4/3"
data-control-next="<span class='mif-chevron-right fg-white drop-shadow bd-light'></span>" data-control-prev="<span class='mif-chevron-left fg-white drop-shadow bd-light'></span>">
<div class="slide" data-cover="control1.png"></div>
<div class="slide" data-cover="control2.png"></div>
<div class="slide" data-cover="surface1.png"></div>
<div class="slide" data-cover="probe1.png"></div>
<div class="slide" data-cover="calibrate.png"></div>
<div class="slide" data-cover="grblsettings.png"></div>
<div class="slide" data-cover="gcodeeditor.png"></div>
</div>
</div>
<p />
<hr>
<p />
<div class="img-container drop-shadow">
<iframe width="100%" height="420" src="https://www.youtube.com/embed/kI-0n1tFO5U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<center class="remark alert drop-shadow p-2">
<h6 class="fg-obred m-0"><i class="fas fa-heart ani-heartbeat"></i> OpenBuilds CONTROL?</h6><br> Share it with your friends! They'll love it too!<br>
<a class="button m-1 small bg-facebook fg-white" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
<a class="button m-1 small bg-twitter fg-white" href="https://twitter.com/intent/tweet/?text=&url=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Twitter"><i class="fab fa-twitter"></i> Twitter</a>
<a class="button m-1 small bg-tumblr fg-white"
href="https://www.tumblr.com/widgets/share/tool?posttype=link&title=&caption=&content=https%3A%2F%2Fsoftware.openbuilds.com&canonicalUrl=http%3A%2F%2Fsoftware.openbuilds.com&shareSource=tumblr_share_button"
target="_blank" rel="noopener" aria-label="Tumbler"><i class="fab fa-tumblr"></i> Tumblr</a>
<a class="button m-1 small bg-pinterest fg-white" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsoftware.openbuilds.com&media=http%3A%2F%2Fsoftware.openbuilds.com&description=" target="_blank" rel="noopener"
aria-label="Pinterest"><i class="fab fa-pinterest"></i> Pinterest</a>
<a class="button m-1 small bg-reddit fg-white" href="https://reddit.com/submit/?url=https%3A%2F%2Fsoftware.openbuilds.com&resubmit=true&title=" target="_blank" rel="noopener" aria-label="Reddit"><i class="fab fa-reddit"></i>
Reddit</a>
<a class="button m-1 small bg-telegram fg-white" href="https://telegram.me/share/url?text=&url=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Telegram"><i class="fab fa-telegram-plane"></i>
Telegram</a>
</center>
</div>
<div class="cell-9 p-2">
<h1 class="mb-0 fg-black display3" id="openbuilds-control">OpenBuilds CONTROL</h1>
<p class="text-secondary mt-0 mb-1">OpenBuilds CONTROL is a FREE application for connecting to, and controlling, your CNC, Laser, Plasma or Dragknife machine.</p>
<hr>
<h2><i class="fas fa-download"></i> Free Download</h2>
<hr>
<nav data-role="ribbonmenu">
<ul class="tabs-holder">
<li class="text-bold"><a href="#tab-win"><i class="fab fa-windows"></i> Windows 10/11 (x64)</a></li>
<li class="text-bold"><a href="#tab-mac"><i class="fab fa-apple"></i> Mac</a></li>
<li class="text-bold"><a href="#tab-linux"><i class="fab fa-linux"></i> Linux</a></li>
</ul>
<div class="content-holder">
<div class="section" id="tab-win">
<div class="info-button bg-obred fg-white bd-obred">
<a href="#" onclick="downloadDrivers('win', 'latest')" class="button"><span class="fab fa-windows"></span> <b>Download</b> CONTROL for Windows 10/11 (x86/64 EXE)</a>
<a href="#" class="info omdavailversion">v1.0.0</a>
</div><br>
</div>
<div class="section" id="tab-mac">
<div>
<div class="info-button bg-obred fg-white bd-obred">
<a href="#" onclick="downloadDrivers('macx64', 'latest')" class="button"><span class="fab fa-apple"></span> <b>Download</b> CONTROL for MacOS on Intel (x64 DMG)</a>
<a href="#" class="info omdavailversion omdavailversionmac">v1.0.348</a>
</div>
<p />
<div class="info-button bg-obred fg-white bd-obred">
<a href="#" onclick="downloadDrivers('macarm64', 'latest')" class="button"><span class="fab fa-apple"></span> <b>Download</b> CONTROL for MacOS on Apple Silicon (arm64 DMG)</a>
<a href="#" class="info omdavailversion omdavailversionmac">v1.0.348</a>
</div>
</div>
<br>
</div>
<div class="section" id="tab-linux">
<div>
<div class="info-button bg-obred fg-white bd-obred mr-2">
<a href="#" onclick="downloadDrivers('deb', 'latest')" class="button"><span class="fab fa-linux"></span> <b>Download</b> CONTROL for Linux (DEB)</a>
<a href="#" class="info omdavailversion omdavailversionlinux">v1.0.348</a>
</div>
<p />
<div class="info-button bg-obred fg-white bd-obred">
<a href="#" onclick="downloadDrivers('appimage', 'latest')" class="button"><span class="fab fa-linux"></span> <b>Download</b> CONTROL for Linux (AppImage)</a>
<a href="#" class="info omdavailversion omdavailversionlinux">v1.0.348</a>
</div>
</div>
</div>
<div id="totalDownloadCount" class="p-2 text-small"></div>
</div>
</nav>
<a href="#terms-and-conditions">Terms and Conditions Apply</a>
<table class="table">
<thead>
<tr>
<th>
<i class="far fa-fw fa-newspaper"></i> About
</th>
</tr>
</thead>
<tr>
<td>
<p>OpenBuilds CONTROL will allow you to
<ul>
<li>Interface with, and Jog your machine</li>
<li>Run GCODE Jobs</li>
<li>Set Zero coordinates</li>
<li>Run Probing Operations</li>
<li>Integrate with <a href="https://cam.openbuilds.com" target="_new">cam.openbuilds.com</a></li>
<li>Flatten/Surface your spoilboard / stock</li>
<li>Calibrate your machine</li>
<li>Load Machine Profiles and customize Settings</li>
<li>Perform Firmware Updates</li>
<li>Design your own fully interactive Javascript Macro buttons</li>
</ul>
</p>
</td>
</tr>
<thead>
<tr>
<th>
<i class="fas fa-fw fa-hands-helping"></i> Support
</th>
</tr>
</thead>
<tr>
<td>
<ul>
<li>
Documentation:<br>
Check out the <a href="https://docs.openbuilds.com/doku.php?id=docs:software:overview" target="_new"><i class="fas fa-atlas"></i> OpenBuilds Software Documentation </a>
</li>
<hr class="hr">
<li>
Have a question?<br>
Check out the <a href="https://openbuilds.com/threads/openbuilds-control-software.13121/" target="_new"><i class="far fa-comments"></i> OpenBuilds CONTROL support thread on OpenBuilds.com/Forums </a>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
<div class="row bg-black mb-5">
<div class="cell-5 p-1">
</div>
</div>
<div class="row">
<div class="cell-3 p-2">
<div class="img-container drop-shadow">
<div class="border bd-gray drop-shadow" data-role="carousel" data-period="2000" data-effect="slide" data-effect-func="easeInQuart" data-auto-start="true" data-duration="200" data-height="4/3"
data-control-next="<span class='mif-chevron-right fg-white drop-shadow bd-light'></span>" data-control-prev="<span class='mif-chevron-left fg-white drop-shadow bd-light'></span>">
<div class="slide" data-cover="img/cam/cam1.png"></div>
<div class="slide" data-cover="img/cam/cam2.png"></div>
<div class="slide" data-cover="img/cam/cam3.png"></div>
<div class="slide" data-cover="img/cam/cam4.png"></div>
<div class="slide" data-cover="img/cam/cam5.png"></div>
</div>
</div>
<center class="remark alert drop-shadow p-2">
<h6 class="fg-obred m-0"><i class="fas fa-heart ani-heartbeat"></i> OpenBuilds CAM?</h6><br> Share it with your friends! They'll love it too!<br>
<a class="button m-1 small bg-facebook fg-white" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
<a class="button m-1 small bg-twitter fg-white" href="https://twitter.com/intent/tweet/?text=&url=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Twitter"><i class="fab fa-twitter"></i> Twitter</a>
<a class="button m-1 small bg-tumblr fg-white"
href="https://www.tumblr.com/widgets/share/tool?posttype=link&title=&caption=&content=https%3A%2F%2Fsoftware.openbuilds.com&canonicalUrl=http%3A%2F%2Fsoftware.openbuilds.com&shareSource=tumblr_share_button"
target="_blank" rel="noopener" aria-label="Tumbler"><i class="fab fa-tumblr"></i> Tumblr</a>
<a class="button m-1 small bg-pinterest fg-white" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsoftware.openbuilds.com&media=http%3A%2F%2Fsoftware.openbuilds.com&description=" target="_blank" rel="noopener"
aria-label="Pinterest"><i class="fab fa-pinterest"></i> Pinterest</a>
<a class="button m-1 small bg-reddit fg-white" href="https://reddit.com/submit/?url=https%3A%2F%2Fsoftware.openbuilds.com&resubmit=true&title=" target="_blank" rel="noopener" aria-label="Reddit"><i class="fab fa-reddit"></i>
Reddit</a>
<a class="button m-1 small bg-telegram fg-white" href="https://telegram.me/share/url?text=&url=https%3A%2F%2Fsoftware.openbuilds.com" target="_blank" rel="noopener" aria-label="Telegram"><i class="fab fa-telegram-plane"></i>
Telegram</a>
</center>
</div>
<div class="cell-9 p-2">
<h1 class="mb-0 fg-black display3" id="openbuilds-cam">OpenBuilds CAM</h1>
<p class="text-secondary mt-0 mb-1">OpenBuilds CAM is a FREE web-based application for converting SVG, DXF and Bitmap drawings, to GCODE for use with your CNC, Laser, Plasma or Dragknife Machine</p>
<hr>
<h2><i class="fas fa-download"></i> Free Online Software</h2>
<hr>
<div class="info-button bg-obred fg-white bd-obred">
<a href="https://cam.openbuilds.com" target="_new" class="button"><span class="fas fa-link"></span> Browse to</a>
<a href="https://cam.openbuilds.com" target="_new" class="info">https://cam.openbuilds.com</a>
</div>
<p>
<a href="#terms-and-conditions">Terms and Conditions Apply</a>
</p>
<hr />
<table class="table">
<thead>
<tr>
<th>
<i class="far fa-fw fa-newspaper"></i> About
</th>
</tr>
</thead>
<tr>
<td>
<p>OpenBuilds CAM will allow you to
<ul>
<li>Import DXF/SVG/PNG/BMP/JPG files</li>
<li>Import from a built-in Parts and Icons Libraries</li>
<li>Setup toolpaths for CNC Routing, Laser cutting, Plasma Cutting and Dragknives</li>
<li>Generate GCODE</li>
<li>Send GCODE to OpenBuilds CONTROL</li>
</ul>
</p>
</td>
</tr>
<thead>
<tr>
<th>
<i class="fas fa-fw fa-hands-helping"></i> Support
</th>
</tr>
</thead>
<tr>
<td>
<ul>
<li>
Documentation:<br>
Check out the <a href="https://docs.openbuilds.com/doku.php?id=docs:software:overview" target="_new"><i class="fas fa-atlas"></i> OpenBuilds Software Documentation </a>
</li>
<hr class="hr">
<li>
Have a question?<br>
Have a question? <a href="https://openbuilds.com/threads/openbuilds-cam-software.13122/" target="_new"><i class="far fa-comments"></i> OpenBuilds CAM support thread on OpenBuilds.com/Forums </a>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div><!-- end grid cam -->
<div class="row mb-5 bg-black fg-white" id="terms-and-conditions">
<div class="cell-12 p-10">
<small>
<h5>Terms and Conditions</h5>
By downloading and using this software you agree to the following terms and conditions:
The following legal disclaimer governs your use of our machine control software that includes beta features. By using this software, you acknowledge and agree to the terms and conditions set forth in this disclaimer.
<hr>
<b>Beta Features:</b>
The machine control software may contain beta features that are still under development and testing. You acknowledge that such features may not be fully functional or may be subject to bugs, errors, or other issues. As such, the use of
such
features may result in unexpected and undesirable results.
<p>
<b>Limited Warranty:</b>
The machine control software is provided "as is," without warranty of any kind, either expressed or implied. We do not guarantee that the software will meet your requirements or that it will be error-free. You assume all risks and
responsibility for any loss or damage that may arise from the use of the software, including any beta features.
</p>
<p>
<b>Limitation of Liability:</b>
In no event shall we be liable for any damages arising out of or in connection with the use or inability to use the software, including any beta features. This includes but is not limited to direct, indirect, incidental, special, or
consequential damages, such as loss of profits, data, or use of the software.
</p>
<p>
<b>Indemnification:</b>
You agree to indemnify, defend, and hold us harmless from any claims, damages, and expenses, including reasonable attorney's fees, arising out of your use of the software, including any beta features, except to the extent prohibited
under applicable law.
</p>
<p>
<b>No Support:</b>
We are not obliged to provide any technical support or assistance with the use of the software, including any beta features. Any support or assistance provided by us is entirely at our discretion.
</p>
<p>
<b>Termination:</b>
We reserve the right to terminate your use of the software, including any beta features, at any time without prior notice.
</p>
<p>
By using this machine control software or any software provided by OpenBuilds and its affiliates, including any beta features, you agree to the terms and conditions set forth in this legal disclaimer. If you do not agree to
these terms, you
may not use any of the software provided by OpenBuilds and its affiliates , including any beta features.
</p>
</small>
</div>
</div>
<div class="row bg-darkGray mb-5">
<div class="cell-5 p-1">
</div>
</div>
</div><!-- end container -->
<script type="text/javascript" src="fontawesome5/js/all.js"></script>
<script src="jquery.min.js"></script>
<script src="metro4/js/metro.js"></script>
<script src="index.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const tabs = document.querySelectorAll(".navbar a");
// Function to activate the current tab based on hash or scroll
function activateTabByHash() {
const hash = window.location.hash || "#openbuilds-control";
tabs.forEach(tab => {
tab.classList.toggle("active", tab.getAttribute("href") === hash);
});
}
// Scroll event listener to activate tab based on section in view
window.addEventListener("scroll", function() {
const controlSection = document.getElementById("openbuilds-control");
const camSection = document.getElementById("openbuilds-cam");
if (isInView(controlSection)) {
setActiveTab("#openbuilds-control");
} else if (isInView(camSection)) {
setActiveTab("#openbuilds-cam");
}
});
// Function to check if a section is in view
function isInView(element) {
const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
// Function to set active tab
function setActiveTab(hash) {
tabs.forEach(tab => {
tab.classList.toggle("active", tab.getAttribute("href") === hash);
});
}
// Activate the correct tab on load
activateTabByHash();
// Update active tab on hash change
window.addEventListener("hashchange", activateTabByHash);
});
$(document).ready(function() {
// Set up click event for navbar links
$(".navbar a[href^='#']").on("click", function(e) {
e.preventDefault();
// Get the target section's ID from the href attribute
var targetId = $(this).attr("href");
var targetElement = $(targetId);
if (targetElement.length) {
// Calculate the offset by getting the sticky header's height
var headerHeight = $(".sticky-header").outerHeight();
// Scroll to the target element with offset
$("html, body").animate({
scrollTop: targetElement.offset().top - headerHeight
}, 500); // Adjust duration as needed
}
});
});
</script>
</body>
</html>