1
0
mirror of https://gitlab.com/MisterBiggs/blog-static.git synced 2025-06-16 07:06:44 +00:00

880 lines
37 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="https://blog.ansonbiggs.com/hdd-pi-case-v1/" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<link
rel="amphtml"
href="https://blog.ansonbiggs.com/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="https://blog.ansonbiggs.com/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="https://blog.ansonbiggs.com/hdd-pi-case-v1/"
/>
<meta
name="twitter:image"
content="https://blog.ansonbiggs.com/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": "https://blog.ansonbiggs.com/favicon.png",
"width": 60,
"height": 60
}
},
"author": {
"@type": "Person",
"name": "Anson Biggs",
"image": {
"@type": "ImageObject",
"url": "https://blog.ansonbiggs.com/content/images/2019/09/anson_suit_cropped.jpg",
"width": 1513,
"height": 1090
},
"url": "https://blog.ansonbiggs.com/author/anson/",
"sameAs": ["http://ansonbiggs.com", "https://twitter.com/AnsonBiggs"]
},
"headline": "HDD Pi Case V1",
"url": "https://blog.ansonbiggs.com/hdd-pi-case-v1/",
"datePublished": "2018-08-01T20:45:45.000Z",
"dateModified": "2018-08-22T07:02:36.000Z",
"image": {
"@type": "ImageObject",
"url": "https://blog.ansonbiggs.com/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": "https://blog.ansonbiggs.com/"
}
}
</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="https://blog.ansonbiggs.com/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="https://projects.ansonbiggs.com">Projects</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/AnsonBiggs"
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"
>&mdash; Anson 3D &mdash;</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">&mdash;</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=https://blog.ansonbiggs.com/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=https://blog.ansonbiggs.com/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> &copy; 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/AnsonBiggs"
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 &amp; 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>