diff --git a/static/fronts.js b/static/fronts.js
index 7fdfead..63dc928 100644
--- a/static/fronts.js
+++ b/static/fronts.js
@@ -153,6 +153,15 @@ const RACK_FRONTS = {
'server-4u': genericServer(4, 24),
};
+// A rack handle on a Sliger ear: a vertical bar standing off the ear on two mounts
+function sligerHandle(x) {
+ const top = 70, bottom = 350;
+ return `
+
+
+ `;
+}
+
function sligerFront(colour, hole) {
const W = 1100, H = 420;
// Hex perforations: a pattern of hexagons cut out of the panel through a mask
@@ -176,6 +185,7 @@ function sligerFront(colour, hole) {
${bays}
+ ${sligerHandle(14)}${sligerHandle(W - 40)}
diff --git a/static/style.css b/static/style.css
index 4cbc1b2..09dcfd0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1636,6 +1636,9 @@ body.fp-marks-off .fp-svg .fp-mark { display: none; }
.rf-sl-button { fill: #c9ccd0; stroke: #8a8e93; stroke-width: 2; }
.rf-sl-bay { opacity: .45; }
.rf-sl-io { fill: #0e0f11; }
+.rf-sl-mount { fill: #0c0d0f; }
+.rf-sl-handle { fill: #3a3e44; stroke: #0a0b0c; stroke-width: 2; }
+.rf-sl-handle-shine { fill: #6b717a; }
.ua-ear-plate { fill: #d3d5d8; stroke: #b2b4b8; stroke-width: 1; }
.ua-ear-seam { fill: #9fa1a6; }
.ua-ear-slot { fill: #2a2c30; }