1
0
mirror of https://gitlab.com/MisterBiggs/blog-static.git synced 2025-06-15 22:56:49 +00:00

768 lines
33 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>3D Modeling - Anson 3D</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"
/>
<meta name="description" content="Content Relating to 3D Modeling" />
<link rel="shortcut icon" href="../../favicon.png" type="image/png" />
<link rel="canonical" href="https://blog.ansonbiggs.com/tag/3d-modeling/" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<meta property="og:site_name" content="Anson 3D" />
<meta property="og:type" content="website" />
<meta property="og:title" content="3D Modeling - Anson 3D" />
<meta property="og:description" content="Content Relating to 3D Modeling" />
<meta
property="og:url"
content="https://blog.ansonbiggs.com/tag/3d-modeling/"
/>
<meta
property="article:publisher"
content="https://www.facebook.com/Anson3D"
/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="3D Modeling - Anson 3D" />
<meta
name="twitter:description"
content="Content Relating to 3D Modeling"
/>
<meta
name="twitter:url"
content="https://blog.ansonbiggs.com/tag/3d-modeling/"
/>
<meta name="twitter:site" content="@Anson_3D" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Series",
"publisher": {
"@type": "Organization",
"name": "Anson 3D",
"logo": {
"@type": "ImageObject",
"url": "https://blog.ansonbiggs.com/favicon.png",
"width": 60,
"height": 60
}
},
"url": "https://blog.ansonbiggs.com/tag/3d-modeling/",
"name": "3D Modeling",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://blog.ansonbiggs.com/"
},
"description": "Content Relating to 3D Modeling"
}
</script>
<script
src="../../public/ghost-sdk.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script type="d06a853cfcaae2d86fb77a0e-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="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://unpkg.com/mermaid@8.0.0/dist/mermaid.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script type="d06a853cfcaae2d86fb77a0e-text/javascript">
mermaid.initialize({startOnLoad:true});
</script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/prism.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/plugins/line-numbers/prism-line-numbers.min.js"
type="d06a853cfcaae2d86fb77a0e-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="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-css.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-c.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-clike.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-python.min.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-99766784-3"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script type="d06a853cfcaae2d86fb77a0e-text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-99766784-3');
</script>
</head>
<body class="tag-template tag-3d-modeling">
<div class="site-wrapper">
<header class="site-header outer no-image">
<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>
</div>
</nav>
<div class="site-header-content">
<h1 class="site-title">3D Modeling</h1>
<h2 class="site-description">Content Relating to 3D Modeling</h2>
</div>
</div>
</header>
<main id="site-main" class="site-main outer">
<div class="inner">
<div class="post-feed">
<article
class="post-card post tag-3d-modeling tag-3d-printing tag-functional-print tag-fusion360 tag-oldie featured"
>
<a class="post-card-image-link" href="../../oldie-vice-v2/">
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2019/02/Oldie-Vice-V2.png 300w,
../../content/images/size/w600/2019/02/Oldie-Vice-V2.png 600w,
../../content/images/size/w1000/2019/02/Oldie-Vice-V2.png 1000w,
../../content/images/size/w2000/2019/02/Oldie-Vice-V2.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2019/02/Oldie-Vice-V2.png"
alt="Oldie Vice V2"
/>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="../../oldie-vice-v2/">
<header class="post-card-header">
<span class="post-card-tags">3D Modeling</span>
<h2 class="post-card-title">Oldie Vice V2</h2>
</header>
<section class="post-card-excerpt">
<p>
SummaryThis is the second iteration of a 3D printable Vice
made by Machinist Extraordinaire, This Old Tony recently
put out a video on a cool vice design that I wanted to
recreate. Now
</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">5 min read</span>
</footer>
</div>
</article>
<article
class="post-card post tag-fusion360 tag-guide tag-3d-modeling"
>
<a
class="post-card-image-link"
href="../../how-to-export-fusion-360-files-to-other-file-types/"
>
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2018/09/Exporting-From-Fusion360.png 300w,
../../content/images/size/w600/2018/09/Exporting-From-Fusion360.png 600w,
../../content/images/size/w1000/2018/09/Exporting-From-Fusion360.png 1000w,
../../content/images/size/w2000/2018/09/Exporting-From-Fusion360.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2018/09/Exporting-From-Fusion360.png"
alt="How to Export Fusion 360 files to Other File Types"
/>
</a>
<div class="post-card-content">
<a
class="post-card-content-link"
href="../../how-to-export-fusion-360-files-to-other-file-types/"
>
<header class="post-card-header">
<span class="post-card-tags">Fusion360</span>
<h2 class="post-card-title">
How to Export Fusion 360 files to Other File Types
</h2>
</header>
<section class="post-card-excerpt">
<p>
How to export Fusion 360 Files and detailed explanations
of what each exported file type does.
</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-guide tag-fusion360 tag-inventor tag-3d-modeling"
>
<a
class="post-card-image-link"
href="../../putting-fusion-360-models-on-facebook/"
>
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2018/08/Fusion-360-to-Facebook.png 300w,
../../content/images/size/w600/2018/08/Fusion-360-to-Facebook.png 600w,
../../content/images/size/w1000/2018/08/Fusion-360-to-Facebook.png 1000w,
../../content/images/size/w2000/2018/08/Fusion-360-to-Facebook.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2018/08/Fusion-360-to-Facebook.png"
alt="Putting Fusion 360 Models on Facebook"
/>
</a>
<div class="post-card-content">
<a
class="post-card-content-link"
href="../../putting-fusion-360-models-on-facebook/"
>
<header class="post-card-header">
<span class="post-card-tags">Guide</span>
<h2 class="post-card-title">
Putting Fusion 360 Models on Facebook
</h2>
</header>
<section class="post-card-excerpt">
<p>
One of Fusion 360's largest shortcomings is its ability to
work with and export other file formats. Facebook recently
added support for 3D Models in posts, but they only accept
.glb files. This guide shows you how to export your F360
files to Facebook.
</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">4 min read</span>
</footer>
</div>
</article>
<article
class="post-card post tag-functional-print tag-3d-printing tag-3d-modeling tag-fusion360"
>
<a class="post-card-image-link" href="../../oldie-wrench/">
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2018/08/Banner.png 300w,
../../content/images/size/w600/2018/08/Banner.png 600w,
../../content/images/size/w1000/2018/08/Banner.png 1000w,
../../content/images/size/w2000/2018/08/Banner.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2018/08/Banner.png"
alt="Oldie Wrench"
/>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="../../oldie-wrench/">
<header class="post-card-header">
<span class="post-card-tags">Functional Print</span>
<h2 class="post-card-title">Oldie Wrench</h2>
</header>
<section class="post-card-excerpt">
<p>
A fully functional 3D Printed wrench using an old style
that was replaced by the modern Crescent Wrench.
</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">4 min read</span>
</footer>
</div>
</article>
<article
class="post-card post tag-yet-another-test-suite tag-3d-printing tag-guide tag-inventor tag-3d-modeling"
>
<a
class="post-card-image-link"
href="../../yet-another-test-suite-overhang-test/"
>
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2018/08/coverPhoto.png 300w,
../../content/images/size/w600/2018/08/coverPhoto.png 600w,
../../content/images/size/w1000/2018/08/coverPhoto.png 1000w,
../../content/images/size/w2000/2018/08/coverPhoto.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2018/08/coverPhoto.png"
alt="Yet Another Test Suite: Overhang Test"
/>
</a>
<div class="post-card-content">
<a
class="post-card-content-link"
href="../../yet-another-test-suite-overhang-test/"
>
<header class="post-card-header">
<span class="post-card-tags">Yet Another Test Suite</span>
<h2 class="post-card-title">
Yet Another Test Suite: Overhang Test
</h2>
</header>
<section class="post-card-excerpt">
<p>
This is the beginning of a larger suite of test prints I
am developing that can be used to calibrate your 3D
printer cheaply, and quickly. Find a full write up and
other
</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"
>
<a class="post-card-image-link" href="../../hdd-pi-case-v1/">
<img
class="post-card-image"
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: 1000px) 400px, 700px"
src="../../content/images/2018/08/buildTimelapse.gif"
alt="HDD Pi Case V1"
/>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="../../hdd-pi-case-v1/">
<header class="post-card-header">
<span class="post-card-tags">3D Modeling</span>
<h2 class="post-card-title">HDD Pi Case V1</h2>
</header>
<section class="post-card-excerpt">
<p>
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
</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>
<article
class="post-card post tag-3d-modeling tag-3d-printing tag-fusion360"
>
<a
class="post-card-image-link"
href="../../headset-monitor-mount/"
>
<img
class="post-card-image"
srcset="
../../content/images/2018/08/headphoneTimelapse-3.gif 300w,
../../content/images/2018/08/headphoneTimelapse-3.gif 600w,
../../content/images/2018/08/headphoneTimelapse-3.gif 1000w,
../../content/images/2018/08/headphoneTimelapse-3.gif 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/2018/08/headphoneTimelapse-3.gif"
alt="Headset Monitor Mount"
/>
</a>
<div class="post-card-content">
<a
class="post-card-content-link"
href="../../headset-monitor-mount/"
>
<header class="post-card-header">
<span class="post-card-tags">3D Modeling</span>
<h2 class="post-card-title">Headset Monitor Mount</h2>
</header>
<section class="post-card-excerpt">
<p>
Summary This is a headphone mount that attaches to the top
corner of your computer monitor using a 3D printed screw.
It works perfectly for my current setup, an ASUS VS248H-P
24 Monitor
</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>
<article class="post-card post tag-3d-modeling tag-fusion360">
<a
class="post-card-image-link"
href="../../rough-raspberry-pi-model/"
>
<img
class="post-card-image"
srcset="
../../content/images/size/w300/2018/08/Mahogany-Pi-Banner.png 300w,
../../content/images/size/w600/2018/08/Mahogany-Pi-Banner.png 600w,
../../content/images/size/w1000/2018/08/Mahogany-Pi-Banner.png 1000w,
../../content/images/size/w2000/2018/08/Mahogany-Pi-Banner.png 2000w
"
sizes="(max-width: 1000px) 400px, 700px"
src="../../content/images/size/w600/2018/08/Mahogany-Pi-Banner.png"
alt="Rough Raspberry Pi Model"
/>
</a>
<div class="post-card-content">
<a
class="post-card-content-link"
href="../../rough-raspberry-pi-model/"
>
<header class="post-card-header">
<span class="post-card-tags">3D Modeling</span>
<h2 class="post-card-title">Rough Raspberry Pi Model</h2>
</header>
<section class="post-card-excerpt">
<p>
Summary A rough, blocky, minimal, but dimensional correct
model of a Raspberry Pi 3 Model B+. I use this to quickly
measure parts of the Pi whenever I'm working on a
Pi-related project
</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">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
<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>
<script type="d06a853cfcaae2d86fb77a0e-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="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
type="d06a853cfcaae2d86fb77a0e-text/javascript"
src="../../assets/built/jquery.fitvids.js"
></script>
<script
src="../../assets/built/infinitescroll.js"
type="d06a853cfcaae2d86fb77a0e-text/javascript"
></script>
<script
src="https://embedd.io/embedd.min.js"
type="d06a853cfcaae2d86fb77a0e-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="d06a853cfcaae2d86fb77a0e-|49"
defer
></script>
</body>
</html>