mirror of
https://gitlab.com/MisterBiggs/blog-static.git
synced 2025-06-15 22:56:49 +00:00
484 lines
27 KiB
HTML
484 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>HDD Pi Case V1</title>
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" type="text/css" href="../assets/built/screen.css">
|
|
<link rel="shortcut icon" href="../favicon.png" type="image/png">
|
|
<link rel="canonical" href="http://localhost:8080/hdd-pi-case-v1/">
|
|
<meta name="referrer" content="no-referrer-when-downgrade">
|
|
<link rel="amphtml" href="http://localhost:8080/hdd-pi-case-v1/amp/">
|
|
<meta property="og:site_name" content="Anson 3D">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:title" content="HDD Pi Case V1">
|
|
<meta property="og:description" content="Summary
|
|
This Raspberry Pi case is designed to fit into a standard 3.5in hard drive slot.
|
|
It works well with tool-less mounting systems, but I also added the ability for
|
|
threaded nuts to be dropped in which work great as well and make this compatible
|
|
with anything that a standard hard drive fit into.
|
|
The nuts that I built around are the McMaster-Carr 90480a007
|
|
[https://www.mcmaster.com/#90480a007/] This cost me $8.32 for 100 nuts delivered
|
|
to my door but I am sure a local hardware store would hav">
|
|
<meta property="og:url" content="http://localhost:8080/hdd-pi-case-v1/">
|
|
<meta property="og:image" content="../content/images/2018/08/buildTimelapse.gif">
|
|
<meta property="article:published_time" content="2018-08-01T20:45:45.000Z">
|
|
<meta property="article:modified_time" content="2018-08-22T07:02:36.000Z">
|
|
<meta property="article:tag" content="3D Modeling">
|
|
<meta property="article:tag" content="3D Printing">
|
|
<meta property="article:tag" content="Fusion360">
|
|
<meta property="article:publisher" content="https://www.facebook.com/Anson3D">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="HDD Pi Case V1">
|
|
<meta name="twitter:description" content="Summary
|
|
This Raspberry Pi case is designed to fit into a standard 3.5in hard drive slot.
|
|
It works well with tool-less mounting systems, but I also added the ability for
|
|
threaded nuts to be dropped in which work great as well and make this compatible
|
|
with anything that a standard hard drive fit into.
|
|
The nuts that I built around are the McMaster-Carr 90480a007
|
|
[https://www.mcmaster.com/#90480a007/] This cost me $8.32 for 100 nuts delivered
|
|
to my door but I am sure a local hardware store would hav">
|
|
<meta name="twitter:url" content="http://localhost:8080/hdd-pi-case-v1/">
|
|
<meta name="twitter:image" content="http://localhost:8080/content/images/2018/08/buildTimelapse.gif">
|
|
<meta name="twitter:label1" content="Written by">
|
|
<meta name="twitter:data1" content="Anson Biggs">
|
|
<meta name="twitter:label2" content="Filed under">
|
|
<meta name="twitter:data2" content="3D Modeling, 3D Printing, Fusion360">
|
|
<meta name="twitter:site" content="@Anson_3D">
|
|
<meta name="twitter:creator" content="@Anson_3D">
|
|
<meta property="og:image:width" content="1862">
|
|
<meta property="og:image:height" content="1116">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Anson 3D",
|
|
"logo": {
|
|
"@type": "ImageObject",
|
|
"url": "http://localhost:8080/favicon.png",
|
|
"width": 60,
|
|
"height": 60
|
|
}
|
|
},
|
|
"author": {
|
|
"@type": "Person",
|
|
"name": "Anson Biggs",
|
|
"image": {
|
|
"@type": "ImageObject",
|
|
"url": "http://localhost:8080/content/images/2019/09/anson_suit_cropped.jpg",
|
|
"width": 1513,
|
|
"height": 1090
|
|
},
|
|
"url": "http://localhost:8080/author/anson/",
|
|
"sameAs": [
|
|
"http://ansonbiggs.com",
|
|
"https://twitter.com/Anson_3D"
|
|
]
|
|
},
|
|
"headline": "HDD Pi Case V1",
|
|
"url": "http://localhost:8080/hdd-pi-case-v1/",
|
|
"datePublished": "2018-08-01T20:45:45.000Z",
|
|
"dateModified": "2018-08-22T07:02:36.000Z",
|
|
"image": {
|
|
"@type": "ImageObject",
|
|
"url": "http://localhost:8080/content/images/2018/08/buildTimelapse.gif",
|
|
"width": 1862,
|
|
"height": 1116
|
|
},
|
|
"keywords": "3D Modeling, 3D Printing, Fusion360",
|
|
"description": "Summary\nThis Raspberry Pi case is designed to fit into a standard 3.5in hard drive slot.\nIt works well with tool-less mounting systems, but I also added the ability for\nthreaded nuts to be dropped in which work great as well and make this compatible\nwith anything that a standard hard drive fit into.\nThe nuts that I built around are the McMaster-Carr 90480a007\n[https://www.mcmaster.com/#90480a007/] This cost me $8.32 for 100 nuts delivered\nto my door but I am sure a local hardware store would hav",
|
|
"mainEntityOfPage": {
|
|
"@type": "WebPage",
|
|
"@id": "http://localhost:8080/"
|
|
}
|
|
}
|
|
</script>
|
|
<script src="../public/ghost-sdk.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
ghost.init({
|
|
clientId: "ghost-frontend",
|
|
clientSecret: "245af786ee20"
|
|
});
|
|
</script>
|
|
<meta name="generator" content="Ghost 2.31">
|
|
<link rel="alternate" type="application/rss+xml" title="Anson 3D" href="http://localhost:8080/rss/">
|
|
<script async src="https://analytics.ansonbiggs.com/tracker.js" data-ackee-server="https://analytics.ansonbiggs.com" data-ackee-domain-id="0846bb59-c7b6-4a0b-bc05-135f82425319" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://unpkg.com/mermaid@8.0.0/dist/mermaid.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script type="4836d4905646596412e680a0-text/javascript">mermaid.initialize({startOnLoad:true});</script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/prism.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/plugins/line-numbers/prism-line-numbers.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/themes/prism.min.css">
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/plugins/line-numbers/prism-line-numbers.min.css">
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/themes/prism-coy.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-powershell.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-css.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-c.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-clike.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-python.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
|
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-99766784-3" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-99766784-3');
|
|
</script>
|
|
|
|
<script data-name="BMC-Widget" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="Anson" data-description="Support my work on Buy me a coffee!" data-message="Please consider donating if you enjoy my content!" data-color="#5F7FFF" data-position="right" data-x_margin="18" data-y_margin="18"></script>
|
|
</head>
|
|
|
|
<body class="post-template tag-3d-modeling tag-3d-printing tag-fusion360">
|
|
<div class="site-wrapper">
|
|
<header class="site-header outer">
|
|
<div class="inner">
|
|
<nav class="site-nav">
|
|
<div class="site-nav-left">
|
|
<a class="site-nav-logo" href="../">Anson 3D</a>
|
|
<ul class="nav" role="menu">
|
|
<li class="nav-home" role="menuitem"><a href="../">Home</a></li>
|
|
<li class="nav-downloads" role="menuitem"><a href="../where-to-download-my-models/">Downloads</a></li>
|
|
<li class="nav-yet-another-test-suite" role="menuitem"><a href="../yet-another-test-suite/">Yet Another Test Suite</a></li>
|
|
<li class="nav-tags" role="menuitem"><a href="../tags/">Tags</a></li>
|
|
<li class="nav-resume" role="menuitem"><a href="http://ansonbiggs.com">Resume</a></li>
|
|
<li class="nav-partners" role="menuitem"><a href="../partners/">Partners</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="site-nav-right">
|
|
<div class="social-links">
|
|
<a class="social-link social-link-fb" href="https://www.facebook.com/Anson3D" title="Facebook" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
|
|
</a>
|
|
<a class="social-link social-link-tw" href="https://twitter.com/Anson_3D" title="Twitter" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
|
|
</a>
|
|
</div>
|
|
<a class="subscribe-button" href="#subscribe">Subscribe</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main id="site-main" class="site-main outer">
|
|
<div class="inner">
|
|
<article class="post-full post tag-3d-modeling tag-3d-printing tag-fusion360 ">
|
|
<header class="post-full-header">
|
|
<section class="post-full-meta">
|
|
<time class="post-full-meta-date" datetime="2018-08-01">1 August 2018</time>
|
|
<span class="date-divider">/</span> <a href="../tag/3d-modeling/">3D Modeling</a>
|
|
</section>
|
|
<h1 class="post-full-title">HDD Pi Case V1</h1>
|
|
</header>
|
|
<figure class="post-full-image">
|
|
<img srcset="../content/images/2018/08/buildTimelapse.gif 300w, ../content/images/2018/08/buildTimelapse.gif 600w, ../content/images/2018/08/buildTimelapse.gif 1000w, ../content/images/2018/08/buildTimelapse.gif 2000w" sizes="(max-width: 800px) 400px,
|
|
(max-width: 1170px) 700px,
|
|
1400px" src="../content/images/2018/08/buildTimelapse.gif" alt="HDD Pi Case V1">
|
|
</figure>
|
|
<section class="post-full-content">
|
|
<div class="post-content">
|
|
<h2 id="summary">Summary</h2>
|
|
<p>This Raspberry Pi case is designed to fit into a standard 3.5in hard drive slot. It works well with tool-less mounting systems, but I also added the ability for threaded nuts to be dropped in which work great as well and make this compatible with anything that a standard hard drive fit into.<br>
|
|
The nuts that I built around are the <a href="https://www.mcmaster.com/#90480a007/">McMaster-Carr 90480a007</a> This cost me $8.32 for 100 nuts delivered to my door but I am sure a local hardware store would have the same thing far cheaper.</p>
|
|
<p><strong><a href="https://amzn.to/2LP1vSA">I Believe these nuts from Amazon will work as well.</a></strong></p>
|
|
<h2 id="printsettings">Print Settings</h2>
|
|
<p><strong>Printer Brand:</strong> Creality</p>
|
|
<p><strong>Printer:</strong> Ender 3</p>
|
|
<p><strong>Rafts:</strong> No</p>
|
|
<p><strong>Supports:</strong> Yes</p>
|
|
<p><strong>Resolution:</strong> 0.40 mm</p>
|
|
<p><strong>Infill:</strong> 15%</p>
|
|
<h3 id="notes">Notes</h3>
|
|
<p>I have printed this part a few times and you can get away with doing no supports you just end up with some long bridges. I would advise against supports inside where the nuts go because it is nearly impossible to get those supports out correctly.</p>
|
|
<h2 id="howidesignedthis">How I Designed This</h2>
|
|
<p>This was my first project using Fusion 360, and my first project built from the ground up for 3D printing. I started by building a profile sketch or “master sketch” of an HDD with the placement of the screw holes. Then I decided to make a rough Raspberry Pi model since I plan on many 3D printed projects for the Pi it would be easier to have a digital copy.</p>
|
|
<p>To make this model I used my Rough Raspberry Pi Model that you can find <a href="../rough-raspberry-pi-model/">here</a>, you can also see it in the picture below.</p>
|
|
<p><img src="../content/images/2018/08/fusionPreview1.png#full" alt="Preview With Pi Installed"></p>
|
|
<p>Version 2 will be worked on soon since now I have experience with 3D printing and I know that things like the long supports that require long bridges are a big no-no. I'll also probably change the positioning of the Pi to be more in the middle. Any other feedback would be greatly appreciated.</p>
|
|
<h2 id="download">Download</h2>
|
|
<p><a href="https://www.thingiverse.com/thing:3021978">Download this Model on Thingiverse</a></p>
|
|
<p><a href="https://gitlab.com/MisterBiggs/MyModels/tree/master/HDD%20Pi%20Case%20V1">Check out this Project on my Gitlab</a></p>
|
|
<p><a href>Check out this Project on my Blog</a></p>
|
|
<h2 id="images">Images</h2>
|
|
<p><img src="../content/images/2018/08/fusionPreview2.png" alt="fusionPreview2"></p>
|
|
<p><img src="../content/images/2018/08/preview1-1.jpg" alt="preview1-1"></p>
|
|
<p><img src="../content/images/2018/08/preview2.jpg" alt="preview2"></p>
|
|
<p><img src="../content/images/2018/08/preview3.jpg" alt="preview3"></p>
|
|
<p><img src="../content/images/2018/08/preview4-1.jpg" alt="preview4-1"></p>
|
|
<p><img src="../content/images/2018/08/preview5-1.jpg" alt="preview5-1"></p>
|
|
<p><img src="../content/images/2018/08/preview6.jpg" alt="preview6"></p>
|
|
<p><img src="../content/images/2018/08/preview7.jpg" alt="preview7"></p>
|
|
<p><img src="../content/images/2018/08/preview8.jpg" alt="preview8"></p>
|
|
|
|
</div>
|
|
</section>
|
|
<section class="subscribe-form">
|
|
<h3 class="subscribe-form-title">Subscribe to Anson 3D</h3>
|
|
<p>Get the latest posts delivered right to your inbox</p>
|
|
<form method="post" action="/subscribe/" id class>
|
|
<input class="confirm" type="hidden" name="confirm"><input class="location" type="hidden" name="location"><input class="referrer" type="hidden" name="referrer">
|
|
<div class="form-group">
|
|
<input class="subscribe-email" type="email" name="email" placeholder="youremail@example.com">
|
|
</div>
|
|
<button id class type="submit"><span>Subscribe</span></button>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
(function(g,h,o,s,t){
|
|
var buster = function(b,m) {
|
|
h[o]('input.'+b).forEach(function (i) {
|
|
i.value=i.value || m;
|
|
});
|
|
};
|
|
buster('location', g.location.href);
|
|
buster('referrer', h.referrer);
|
|
})(window,document,'querySelectorAll','value');
|
|
</script>
|
|
</form>
|
|
</section>
|
|
<footer class="post-full-footer">
|
|
<section class="author-card">
|
|
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
|
|
<section class="author-card-content">
|
|
<h4 class="author-card-name"><a href="../author/anson/">Anson Biggs</a></h4>
|
|
<p>I am an undergraduate Aerospace Engineering student with a focus on Astronautics and a minor in Electronic Engineering studying at Embry-Riddle Aeronautical University in Prescott, Arizona.
|
|
</p>
|
|
</section>
|
|
</section>
|
|
<div class="post-full-footer-right">
|
|
<a class="author-card-button" href="../author/anson/">Read More</a>
|
|
</div>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
</main>
|
|
<aside class="read-next outer">
|
|
<div class="inner">
|
|
<div class="read-next-feed">
|
|
<article class="read-next-card" style="background-image: url(../content/images/size/w600/2018/08/007---3kLkMUL-1.jpg)">
|
|
<header class="read-next-card-header">
|
|
<small class="read-next-card-header-sitetitle">— Anson 3D —</small>
|
|
<h3 class="read-next-card-header-title"><a href="../tag/3d-modeling/">3D Modeling</a></h3>
|
|
</header>
|
|
<div class="read-next-divider"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"/></svg>
|
|
</div>
|
|
<div class="read-next-card-content">
|
|
<ul>
|
|
<li><a href="../oldie-vice-v2/">Oldie Vice V2</a></li>
|
|
<li><a href="../how-to-export-fusion-360-files-to-other-file-types/">How to Export Fusion 360 files to Other File Types</a></li>
|
|
<li><a href="../putting-fusion-360-models-on-facebook/">Putting Fusion 360 Models on Facebook</a></li>
|
|
</ul>
|
|
</div>
|
|
<footer class="read-next-card-footer">
|
|
<a href="../tag/3d-modeling/">See all 8 posts →</a>
|
|
</footer>
|
|
</article>
|
|
<article class="post-card post tag-guide tag-fusion360 ">
|
|
<a class="post-card-image-link" href="../biggest-rules-of-modeling-in-fusion-360/">
|
|
<img class="post-card-image" srcset="../content/images/size/w300/2018/08/fusionScreenshot.png 300w, ../content/images/size/w600/2018/08/fusionScreenshot.png 600w, ../content/images/size/w1000/2018/08/fusionScreenshot.png 1000w, ../content/images/size/w2000/2018/08/fusionScreenshot.png 2000w" sizes="(max-width: 1000px) 400px, 700px" src="../content/images/size/w600/2018/08/fusionScreenshot.png" alt="Biggest Rules of Modeling in Fusion 360">
|
|
</a>
|
|
<div class="post-card-content">
|
|
<a class="post-card-content-link" href="../biggest-rules-of-modeling-in-fusion-360/">
|
|
<header class="post-card-header">
|
|
<span class="post-card-tags">Guide</span>
|
|
<h2 class="post-card-title">Biggest Rules of Modeling in Fusion 360</h2>
|
|
</header>
|
|
<section class="post-card-excerpt">
|
|
<p>This Guide covers features and tricks about Fusion 360 that I noticed beginners don't know about.</p>
|
|
</section>
|
|
</a>
|
|
<footer class="post-card-meta">
|
|
<ul class="author-list">
|
|
<li class="author-list-item">
|
|
<div class="author-name-tooltip">
|
|
Anson Biggs
|
|
</div>
|
|
<a href="../author/anson/" class="static-avatar">
|
|
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<span class="reading-time">3 min read</span>
|
|
</footer>
|
|
</div>
|
|
</article>
|
|
<article class="post-card post tag-3d-modeling tag-3d-printing tag-fusion360 tag-blender featured ">
|
|
<a class="post-card-image-link" href="../rail-mounted-trump/">
|
|
<img class="post-card-image" srcset="../content/images/size/w300/2018/08/assemblyBanner-2.jpg 300w, ../content/images/size/w600/2018/08/assemblyBanner-2.jpg 600w, ../content/images/size/w1000/2018/08/assemblyBanner-2.jpg 1000w, ../content/images/size/w2000/2018/08/assemblyBanner-2.jpg 2000w" sizes="(max-width: 1000px) 400px, 700px" src="../content/images/size/w600/2018/08/assemblyBanner-2.jpg" alt="Rail Mounted Trump">
|
|
</a>
|
|
<div class="post-card-content">
|
|
<a class="post-card-content-link" href="../rail-mounted-trump/">
|
|
<header class="post-card-header">
|
|
<span class="post-card-tags">3D Modeling</span>
|
|
<h2 class="post-card-title">Rail Mounted Trump</h2>
|
|
</header>
|
|
<section class="post-card-excerpt">
|
|
<p>Summary This part is printed in 2 separate parts, the Donald Trump bust borrowed from ZeroBeatPro, and the rail mounting part designed by me. For the rail, you have two different files to</p>
|
|
</section>
|
|
</a>
|
|
<footer class="post-card-meta">
|
|
<ul class="author-list">
|
|
<li class="author-list-item">
|
|
<div class="author-name-tooltip">
|
|
Anson Biggs
|
|
</div>
|
|
<a href="../author/anson/" class="static-avatar">
|
|
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<span class="reading-time">2 min read</span>
|
|
</footer>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<div class="floating-header">
|
|
<div class="floating-header-logo">
|
|
<a href="../">
|
|
<img src="../content/images/size/w30/2018/08/Anson.png" alt="Anson 3D icon">
|
|
<span>Anson 3D</span>
|
|
</a>
|
|
</div>
|
|
<span class="floating-header-divider">—</span>
|
|
<div class="floating-header-title">HDD Pi Case V1</div>
|
|
<div class="floating-header-share">
|
|
<div class="floating-header-share-label">Share this <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"/>
|
|
</svg>
|
|
</div>
|
|
<a class="floating-header-share-tw" href="https://twitter.com/share?text=HDD%20Pi%20Case%20V1&url=http://localhost:8080/hdd-pi-case-v1/" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open(this.href, 'share-twitter', 'width=550,height=235');return false;" data-cf-modified-4836d4905646596412e680a0->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
|
|
</a>
|
|
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:8080/hdd-pi-case-v1/" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open(this.href, 'share-facebook','width=580,height=296');return false;" data-cf-modified-4836d4905646596412e680a0->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
|
|
</a>
|
|
</div>
|
|
<progress id="reading-progress" class="progress" value="0">
|
|
<div class="progress-container">
|
|
<span class="progress-bar"></span>
|
|
</div>
|
|
</progress>
|
|
</div>
|
|
<footer class="site-footer outer">
|
|
<div class="site-footer-content inner">
|
|
<section class="copyright"><a href="../">Anson 3D</a> © 2019</section>
|
|
<nav class="site-footer-nav">
|
|
<a href="../">Latest Posts</a>
|
|
<a href="https://www.facebook.com/Anson3D" target="_blank" rel="noopener">Facebook</a>
|
|
<a href="https://twitter.com/Anson_3D" target="_blank" rel="noopener">Twitter</a>
|
|
<a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a>
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<div id="subscribe" class="subscribe-overlay">
|
|
<a class="subscribe-overlay-close" href="#"></a>
|
|
<div class="subscribe-overlay-content">
|
|
<h1 class="subscribe-overlay-title">Subscribe to Anson 3D</h1>
|
|
<p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
|
|
<form method="post" action="/subscribe/" id class>
|
|
<input class="confirm" type="hidden" name="confirm"><input class="location" type="hidden" name="location"><input class="referrer" type="hidden" name="referrer">
|
|
<div class="form-group">
|
|
<input class="subscribe-email" type="email" name="email" placeholder="youremail@example.com">
|
|
</div>
|
|
<button id class type="submit"><span>Subscribe</span></button>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
(function(g,h,o,s,t){
|
|
var buster = function(b,m) {
|
|
h[o]('input.'+b).forEach(function (i) {
|
|
i.value=i.value || m;
|
|
});
|
|
};
|
|
buster('location', g.location.href);
|
|
buster('referrer', h.referrer);
|
|
})(window,document,'querySelectorAll','value');
|
|
</script>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
var images = document.querySelectorAll('.kg-gallery-image img');
|
|
images.forEach(function (image) {
|
|
var container = image.closest('.kg-gallery-image');
|
|
var width = image.attributes.width.value;
|
|
var height = image.attributes.height.value;
|
|
var ratio = width / height;
|
|
container.style.flex = ratio + ' 1 0%';
|
|
})
|
|
</script>
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" type="4836d4905646596412e680a0-text/javascript">
|
|
</script>
|
|
<script type="4836d4905646596412e680a0-text/javascript" src="../assets/built/jquery.fitvids.js"></script>
|
|
<script src="../assets/built/infinitescroll.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<script type="4836d4905646596412e680a0-text/javascript">
|
|
|
|
// NOTE: Scroll performance is poor in Safari
|
|
// - this appears to be due to the events firing much more slowly in Safari.
|
|
// Dropping the scroll event and using only a raf loop results in smoother
|
|
// scrolling but continuous processing even when not scrolling
|
|
$(document).ready(function () {
|
|
// Start fitVids
|
|
var $postContent = $(".post-full-content");
|
|
$postContent.fitVids();
|
|
// End fitVids
|
|
|
|
var progressBar = document.querySelector('#reading-progress');
|
|
var header = document.querySelector('.floating-header');
|
|
var title = document.querySelector('.post-full-title');
|
|
|
|
var lastScrollY = window.scrollY;
|
|
var lastWindowHeight = window.innerHeight;
|
|
var lastDocumentHeight = $(document).height();
|
|
var ticking = false;
|
|
|
|
function onScroll() {
|
|
lastScrollY = window.scrollY;
|
|
requestTick();
|
|
}
|
|
|
|
function onResize() {
|
|
lastWindowHeight = window.innerHeight;
|
|
lastDocumentHeight = $(document).height();
|
|
requestTick();
|
|
}
|
|
|
|
function requestTick() {
|
|
if (!ticking) {
|
|
requestAnimationFrame(update);
|
|
}
|
|
ticking = true;
|
|
}
|
|
|
|
function update() {
|
|
var trigger = title.getBoundingClientRect().top + window.scrollY;
|
|
var triggerOffset = title.offsetHeight + 35;
|
|
var progressMax = lastDocumentHeight - lastWindowHeight;
|
|
|
|
// show/hide floating header
|
|
if (lastScrollY >= trigger + triggerOffset) {
|
|
header.classList.add('floating-active');
|
|
} else {
|
|
header.classList.remove('floating-active');
|
|
}
|
|
|
|
progressBar.setAttribute('max', progressMax);
|
|
progressBar.setAttribute('value', lastScrollY);
|
|
|
|
ticking = false;
|
|
}
|
|
|
|
window.addEventListener('scroll', onScroll, {passive: true});
|
|
window.addEventListener('resize', onResize, false);
|
|
|
|
update();
|
|
|
|
});
|
|
</script>
|
|
|
|
<script src="https://embedd.io/embedd.min.js" type="4836d4905646596412e680a0-text/javascript"></script>
|
|
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a><br>This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
|
|
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/95c75768/cloudflare-static/rocket-loader.min.js" data-cf-settings="4836d4905646596412e680a0-|49" defer></script></body>
|
|
</html>
|