forked from MarlinFirmware/MarlinDocumentation
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (164 loc) · 7.68 KB
/
index.html
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
---
permalink: /
title: 'Home'
regenerate: true
description: 'Marlin Firmware - A Really Good 3D Printer Driver.'
category: [ default ]
---
<div class="container custom-tagline">
<div class="row">
<div class="col-md-7" style="z-index: 10; padding-bottom: 5em;">
<h1>Marlin Firmware</h1>
<h2 id="tagline">Open Source 3D Printer Driver</h2>
<p class="text-justify">First created in 2011 for RepRap and Ultimaker by <a href="//github.com/ErikZalm">Erik van der Zalm</a> et. al., today Marlin drives most of the world's 3D printers. Reliable and precise, Marlin delivers outstanding print quality while keeping you in full control of the process.</p>
<p>As an <a href="//opensource.org/">Open Source</a> project hosted on <a href="//github.com/">Github</a>, Marlin is owned and maintained by the maker community. <a href="{{ '/docs/development/contributing.html' }}" >Learn how you can contribute!</a></p>
<a href="{{ '/meta/download' }}" class="btn btn-download btn-block btn-lg" style=" width: fit-content; margin: 0 auto;" role="button">Download Marlin {{ site.data.marlin.downloads[0].version }}</a>
</div>
<div class="col-md-5" id="mfw-logo">
<img id="svg-marlin-sun" src="{{ '/assets/images/marlin-outrun-sun.svg' }}" alt="Marlin Outrun" width="320" height="286" />
<img id="svg-marlin-tri" src="{{ '/assets/images/marlin-outrun-tri.svg' }}" alt="Marlin Outrun" width="320" height="286" />
<img id="svg-marlin-fishf" src="{{ '/assets/images/marlin-outrun-fishf.svg' }}" alt="Marlin Outrun" width="320" height="286" />
<img id="svg-marlin-fishol" src="{{ '/assets/images/marlin-outrun-fishol.svg' }}" alt="Marlin Outrun" width="320" height="286" />
<img id="svg-marlin-logo" src="{{ '/assets/images/marlin-outrun-logo.svg' }}" alt="Marlin Outrun" width="320" height="286" />
</div>
</div>
</div>
<div class="mid-section">
<div class="container highlight-panels">
<div class="row">
<a href="{{ '/meta/features' }}" alt="Advanced temperature & motion controls for high precision tuning" class="col-sm-4 panel-wrapper">
<div class="panel">
<div class="panel-heading"><h3>Precision & Accuracy</h3></div>
<div class="panel-body panel-svg"><div id="svg-precision"></div>
Advanced temperature & motion controls for high precision tuning
</div>
</div>
</a>
<a href="{{ '/docs/basics/introduction.html#main-features' }}" alt="Operate with peace of mind with thermal-runaway, powerloss-recovery, filament-runout and more" class="col-sm-5 panel-wrapper" >
<div class="panel">
<div class="panel-heading"><h3>Safety & Protection</h3></div>
<div class="panel-body"><div id="svg-protection"></div>
Operate with peace of mind with thermal-runaway, powerloss-recovery, filament-runout and more
</div>
</div>
</a>
<a href="{{ '/docs/basics/introduction.html#slicing' }}" alt="Established industry standards with over 150 G-Code commands" class="col-sm-3 panel-wrapper" >
<div class="panel">
<div class="panel-heading"><h3>Used Globally</h3></div>
<div class="panel-body"><div id="svg-globally"></div>
Installed and regularly tested on thousands of machines worldwide.
</div>
</div>
</a>
</div> <!-- row -->
</div> <!-- container -->
<div class="container">
{% for feature in site.data.features %}
<div class="row features-tile-wrapper">
<a href="{{ feature.link }}" >
<div class="col-md-6 features-tile-image animation-element slide-left" style="background: url({{ '/assets/images/features/' | append: feature.img }}) no-repeat center top; background-size: cover;">
<div class="row features-tile-title">
{{ feature.title }}
<em class="fa fa-arrow-circle-right" aria-hidden="true"></em>
</div>
</div>
<div class="col-md-6 animation-element fade-in">
<div class="features-tile-body ">
{{ feature.description }}
</div>
</div>
</a>
<hr class="custom-hr animation-element fade-in">
</div>
{% endfor %}
</div>
</div>
<!-- end mid-section" -->
<div class="container extra-panels">
<div class="row">
<a class="col-sm-4 animation-element slide-up panel-wrapper" href="{{ '/docs/basics/introduction.html' }}">
<div class="panel">
<div class="panel-heading panel-learn"><h4><em class="fa fa-book" aria-hidden="true"></em> Learn More</h4></div>
<div class="panel-body">What is Marlin, and how does it work?<br/> </div>
</div>
</a>
<a class="col-sm-4 animation-element slide-up panel-wrapper" href="//github.com/MarlinFirmware/Marlin">
<div class="panel">
<div class="panel-heading panel-github"><h4><em class="fa-brands fa-github" aria-hidden="true"></em> Marlin on Github</h4></div>
<div class="panel-body">Contribute to our ever expanding open source Marlin project on GitHub!</div>
</div>
</a>
<a class="col-sm-4 animation-element slide-up panel-wrapper" href="//discord.gg/marlin-firmware-461605380783472640">
<div class="panel">
<div class="panel-heading panel-discord"><h4><em class="fa-brands fa-discord" aria-hidden="true"></em> Join Our Discord</h4></div>
<div class="panel-body">Get help, chat, and share with other Marlin users on our Discord channel.</div>
</div>
</a>
</div>
</div>
<script src="{{ '/assets/javascript/vivus.js'}}"></script>
<script>
const vivusPrecision = new Vivus('svg-precision', {
duration: 250,
type: 'oneByOne',
file: "{{ '/assets/images/features/precision.svg' }}",
onReady: function () {
setTimeout(playVivus, 1000);
}
});
const vivusProtection = new Vivus('svg-protection', {
duration: 300,
type: 'oneByOne',
file: "{{ '/assets/images/features/protection.svg' }}"
});
const vivusGlobally = new Vivus('svg-globally', {
duration: 300,
type: 'oneByOne',
file: "{{ '/assets/images/features/globally.svg' }}"
});
function playVivus(){
document.getElementById('svg-precision').style.visibility = "visible";
vivusPrecision.reset().play(1);
document.getElementById('svg-protection').style.visibility = "visible";
vivusProtection.reset().play(1);
document.getElementById('svg-globally').style.visibility = "visible";
vivusGlobally.reset().play(1);
}
</script>
<script language="javascript">
// Custom Taglines
var taglines = [
"World Leader in 3D Printing",
"Multi-Axis Robot Driver",
"Free 3D Printer Firmware",
"Own Your Own Technology",
"Open Source RepRap Driver",
"Printing things since 2011",
"The code that makes the things",
"The ghost in the machine",
"Not just for 3D printers",
"Print a toy, a home, or a meal",
"Home-brewed, community-focused",
"Responsive, Reliable, Accurate",
"Speed, accuracy, and finesse",
"Deterministic plastic mover",
"Heating, moving, making, grooving",
"Fabricating Fused Filament",
"Fused Deposition Engine",
"Build It Your Way",
"Heating, moving, making, grooving",
"Stepper Motor Repurposer",
];
// Create a random sequence from the number of taglines
var sequence = [];
for (var i = 0; i < taglines.length; i++) sequence.push(i);
sequence.sort(function() { return .5 - Math.random(); });
var tindex = 0;
function next_tagline() {
document.getElementById('tagline').innerText = taglines[sequence[tindex]];
if (++tindex >= taglines.length) tindex = 0;
}
next_tagline();
// Set a repeating timer to change the tagline every minute
setInterval(next_tagline, 20000);
</script>