Thermal conductor SATA holder

Watch the tutorial on YouTube

Replacement instructions

5 min
Very easy

Requirements:

A soft surface
– For example, you can use a towel
A container to place the screws in
– Make sure you don’t lose any screws
Thermal conductor SATA holder
Screwdriver

Place the NUC Box upside down on a soft surface.

This prevents scratches on the NUC Box.

Then remove all screws using the screwdriver.

Pick up the NUC Box and carefully turn it over.

Then grip the top case at all corners.

Lift it off the bottom case.

Unscrew the two black screws.

Turn the bottom case over and remove the other two screws on the opposite side.

Carefully lift the SATA holder off the bottom case.

Place the new SATA holder exactly on the 4 mounting points where the screws go.

Note: this can only be installed in one orientation.

Secure the 4 screws at the indicated positions.

Place the bottom case of the NUC Box in the correct position.

Make sure the arrow labeled “front” is actually pointing toward the front.

You can verify this by slightly lifting the front of the NUC Box.

Use the screwdriver to screw the screws back into place. Note: do not overtighten the screws. Doing so will make it very difficult to remove them again in the future if needed.

The new bottom case is now installed.

Well done!

×
❮

❯

.image-container {
}

.zoom-image, .aligncenter.size-large {
}

.zoom-image:hover {
}

.zoomoverlay {
display: none;
position: fixed;
transition: opacity 0.3s ease !important; /* Fade effect */
}

.zoomoverlay.show {
display: flex; /* Make it a flex container when shown */
opacity: 1; /* Fully visible */
}

.zoomoverlay img {
}

#close {
position: absolute;
top: 20px;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.3);
font-size: 24px;
transition: background-color 0.3s ease;
z-index: 11;
}

.nav-btn:hover {
background-color: rgba(255, 255, 255, 0.6);
}

.prev-btn {
left: 20px;
}

.next-btn {
right: 20px;
}

document.addEventListener('DOMContentLoaded', function() {
const parentDiv = document.getElementsByClassName('repair-badges')[0].parentElement;
const images = parentDiv.querySelectorAll('img[src$=".png"]');
let imageArray = []; // Array om alle afbeeldingen op te slaan
let currentImageIndex = 0; // Huidige afbeelding bijhouden

images.forEach((image, index) => {
// Check if the image is inside an anchor tag and skip if it is
if (image.parentElement.tagName.toLowerCase() === 'a') {
return; // Skip this image
}

image.classList.add('zoom-image'); // Add the zoom class
imageArray.push(image); // Voeg toe aan array

image.addEventListener('click', function() {
currentImageIndex = imageArray.indexOf(this); // Stel huidige index in
showImage(this.src);
});
});

function showImage(src) {
const overlay = document.getElementById('zoomoverlay');
const enlargedImage = document.getElementById('enlargedImage');
let originalSrc = src;

// Check for the '300x' in the filename
if (originalSrc.includes('300x')) {
const lastDashIndex = originalSrc.lastIndexOf('-');
if (lastDashIndex !== -1) {
originalSrc = originalSrc.substring(0, lastDashIndex) + '.png';
}
}

enlargedImage.src = originalSrc;

// Show the overlay with fade-in
overlay.style.display = 'flex';
setTimeout(() => {
overlay.classList.add('show');
}, 10);
}

function navigateImage(direction) {
if (imageArray.length === 0) return;

if (direction === 'next') {
currentImageIndex = (currentImageIndex + 1) % imageArray.length;
} else if (direction === 'prev') {
currentImageIndex = (currentImageIndex - 1 + imageArray.length) % imageArray.length;
}

showImage(imageArray[currentImageIndex].src);
}

document.getElementById('close').addEventListener('click', closeOverlay);
document.getElementById('prevBtn').addEventListener('click', () => navigateImage('prev'));
document.getElementById('nextBtn').addEventListener('click', () => navigateImage('next'));

// Close overlay if clicking elsewhere on the overlay
document.getElementById('zoomoverlay').addEventListener('click', function(e) {
if (e.target !== this && !e.target.classList.contains('nav-btn')) return;
closeOverlay();
});

// Keyboard navigation
document.addEventListener('keydown', function(event) {
const overlay = document.getElementById('zoomoverlay');
if (!overlay.classList.contains('show')) return; // Alleen actief als modal zichtbaar is

if (event.key === 'Escape') {
closeOverlay();
} else if (event.key === 'ArrowRight') {
navigateImage('next');
} else if (event.key === 'ArrowLeft') {
navigateImage('prev');
}
});

function closeOverlay() {
const overlay = document.getElementById('zoomoverlay');
overlay.classList.remove('show');

setTimeout(() => {
overlay.style.display = 'none';
}, 300);
}
});