forked from MarlinFirmware/MarlinDocumentation
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (147 loc) · 7.09 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
---
permalink: /
title: 'Home'
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[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 fa-1x" 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 fa-1x" 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 fa-github-square fa-1x" 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/n5NJ59y">
<div class="panel">
<div class="panel-heading panel-discord"><h4><em class="fa fa-comments-o fa-1x" 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 = [
"The code that makes the things",
"Printing things since 2011",
"The firmware we all trust",
"Heating, moving, making, grooving",
"Responsive, Reliable, Accurate",
"Fabricating Fused Filament",
"Fused Deposition Engine",
"Build It Your Way",
"Open Source RepRap Driver",
"Heating, moving, making, grooving",
"Deterministic deposition engine",
"A really good 3D printer driver",
"Motors & heaters & sensors, oh my!",
"Stepper Motor Repurposer"
],
tagline = taglines[Math.floor(Math.random()*taglines.length)];
document.getElementById('tagline').innerText = tagline;
</script>