publish: the-true-cost-of-home
This commit is contained in:
aisha-henry
parent
deb181027d
commit
2502ac004e
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Closing Checklist</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html" class="active" aria-current="page">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html" class="active" aria-current="page">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/34134899/pexels-photo-34134899.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Keys and miniature houses">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
23
films/the-true-cost-of-home/hyperframe.json
Normal file
23
films/the-true-cost-of-home/hyperframe.json
Normal file
@ -0,0 +1,23 @@
|
||||
{
|
||||
"captions": true,
|
||||
"voice": "af_nova",
|
||||
"music_url": "https://4ort.live/v1/mtv/video/cefaaf967b3f?download=1",
|
||||
"scenes": [
|
||||
{
|
||||
"id": "s1",
|
||||
"narration": "You see the listing first. Great schools, a front porch, and a mortgage calculator that says three hundred dollars a month. That number was never the truth. It is the advertisement, not the address. And in Union County, where the median home runs past three hundred thousand, all of the real story lives in the small print you never see."
|
||||
},
|
||||
{
|
||||
"id": "s2",
|
||||
"narration": "Put less than twenty percent down, and private mortgage insurance quietly attaches itself to the payment. Half a percent to a full percent a year, on top. Then the property tax, the homeowner's insurance, the flood policy the county map insists on. Month by month the real number drifts upward, past what the little calculator promised."
|
||||
},
|
||||
{
|
||||
"id": "s3",
|
||||
"narration": "Closing costs arrive at the very end. Two to five percent of the price, gone in a single wire. On a three hundred thousand dollar home, that is six to fifteen thousand dollars walking out the door after the handshake. Add earnest money, the inspection that finds the roof the photos hid. The true cost was never three hundred. It never was."
|
||||
},
|
||||
{
|
||||
"id": "s4",
|
||||
"narration": "So here is my covenant with every first time buyer: the number I show you is the whole road, not the first mile. Down payment, escrow, insurance, the reserve fund for the roof that will one day leak. We price the entire journey before you sign. Because a home is not what the advertisement says. It is what you can honestly afford to keep."
|
||||
}
|
||||
]
|
||||
}
|
||||
116
films/the-true-cost-of-home/index.html
Normal file
116
films/the-true-cost-of-home/index.html
Normal file
@ -0,0 +1,116 @@
|
||||
<!doctype html>
|
||||
<html><head>
|
||||
<meta name="description" content="$312k The Advertisement "Only $312 a month." aishahenry.4ort.net &middot; Union County, Georgia What the calculator leaves out Mortgage principal +…"><meta charset="UTF-8"/>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||
<style>
|
||||
body{margin:0;background:#e9e0cf;font-family:Georgia,"Times New Roman",serif}
|
||||
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#f4efe3;color:#2a2118}
|
||||
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||
.paper{position:absolute;inset:0;background:
|
||||
radial-gradient(circle at 20% 10%, rgba(214,190,150,.28), transparent 45%),
|
||||
repeating-linear-gradient(0deg, rgba(42,33,24,.05) 0 1px, transparent 1px 72px),
|
||||
#f7f2e7}
|
||||
.rule{position:absolute;left:120px;right:120px;height:2px;background:#8a5a2b;opacity:.85}
|
||||
.kicker{position:absolute;top:96px;left:140px;font-size:30px;letter-spacing:6px;text-transform:uppercase;color:#8a5a2b;font-weight:bold;opacity:0}
|
||||
.headline{position:absolute;top:170px;left:120px;right:120px;font-size:78px;line-height:1.08;font-weight:bold;color:#2a2118;opacity:0}
|
||||
.ledger{position:absolute;top:300px;left:120px;right:120px;font-size:40px;line-height:1.9;opacity:0}
|
||||
.ledger .amt{display:inline-block;min-width:250px;text-align:right;color:#8a5a2b;font-variant-numeric:tabular-nums}
|
||||
.ledger .row{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(42,33,24,.28);padding:6px 0}
|
||||
.ledger .row b{font-weight:bold}
|
||||
.total{position:absolute;bottom:150px;left:120px;right:120px;font-size:52px;font-weight:bold;color:#6b1f1f;opacity:0}
|
||||
.signoff{position:absolute;bottom:96px;left:120px;right:120px;font-size:34px;font-style:italic;color:#5a4630;opacity:0}
|
||||
.note{position:absolute;bottom:64px;right:140px;font-size:22px;color:#8a5a2b;letter-spacing:2px;text-transform:uppercase}
|
||||
.watermark{position:absolute;right:-60px;top:60px;font-size:380px;color:rgba(42,33,24,.05);font-weight:bold}
|
||||
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="110">
|
||||
|
||||
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||
<audio id="voice-s2" src="audio/s2.wav" data-start="28"></audio>
|
||||
<audio id="voice-s3" src="audio/s3.wav" data-start="54"></audio>
|
||||
<audio id="voice-s4" src="audio/s4.wav" data-start="82"></audio>
|
||||
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.15"></audio>
|
||||
|
||||
<!-- SCENE 1: the advertisement -->
|
||||
<section id="s1" class="clip" data-start="0" data-duration="28" data-track-index="1">
|
||||
<div class="paper"></div>
|
||||
<div class="watermark">$312k</div>
|
||||
<div class="rule" style="top:250px"></div>
|
||||
<div class="kicker" id="s1-kicker" style="top:110px">The Advertisement</div>
|
||||
<h1 class="headline" id="s1-head" style="top:190px">"Only <span style="color:#6b1f1f">$312</span><br/>a month."</h1>
|
||||
<div class="note" id="s1-note">aishahenry.4ort.net · Union County, Georgia</div>
|
||||
</section>
|
||||
|
||||
<!-- SCENE 2: the hidden additions -->
|
||||
<section id="s2" class="clip" data-start="28" data-duration="26" data-track-index="1">
|
||||
<div class="paper"></div>
|
||||
<div class="rule" style="top:250px"></div>
|
||||
<div class="kicker" id="s2-kicker" style="top:110px">What the calculator leaves out</div>
|
||||
<div class="ledger" id="s2-ledger">
|
||||
<div class="row"><span>Mortgage principal + interest</span><span class="amt">$ 1,412</span></div>
|
||||
<div class="row"><span>Private mortgage insurance <i>(<20% down)</i></span><span class="amt">+$ 189</span></div>
|
||||
<div class="row"><span>Property tax + homeowner's insurance</span><span class="amt">+$ 356</span></div>
|
||||
<div class="row"><span>Flood policy & the county's insistence</span><span class="amt">+$ 74</span></div>
|
||||
</div>
|
||||
<div class="note" id="s2-note">monthly, and climbing</div>
|
||||
</section>
|
||||
|
||||
<!-- SCENE 3: closing costs -->
|
||||
<section id="s3" class="clip" data-start="54" data-duration="28" data-track-index="1">
|
||||
<div class="paper"></div>
|
||||
<div class="rule" style="top:250px"></div>
|
||||
<div class="kicker" id="s3-kicker" style="top:110px">The single wire at the end</div>
|
||||
<div class="ledger" id="s3-ledger">
|
||||
<div class="row"><span>Closing costs — 2–5% of price</span><span class="amt">$6,000 – $15,000</span></div>
|
||||
<div class="row"><span>Down payment</span><span class="amt">$ 31,200 +</span></div>
|
||||
<div class="row"><span>Earnest money</span><span class="amt">$ 3,000</span></div>
|
||||
<div class="row"><span>The inspection that found the roof</span><span class="amt">$ 750</span></div>
|
||||
</div>
|
||||
<div class="note" id="s3-note">the ad never shows this page</div>
|
||||
</section>
|
||||
|
||||
<!-- SCENE 4: the covenant -->
|
||||
<section id="s4" class="clip" data-start="82" data-duration="28" data-track-index="1">
|
||||
<div class="paper"></div>
|
||||
<div class="watermark" style="top:auto;bottom:-40px">settle</div>
|
||||
<div class="kicker" id="s4-kicker" style="top:110px">My covenant to first-time buyers</div>
|
||||
<div class="total" id="s4-total">The whole road,<br/>never the first mile.</div>
|
||||
<div class="signoff" id="s4-sign">We price the entire journey before you sign the line.</div>
|
||||
<div class="note" id="s4-note">aishahenry.4ort.net · Union County, Georgia</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
window.__timelines = window.__timelines || {};
|
||||
const tl = gsap.timeline({ paused: true });
|
||||
|
||||
// Scene 1
|
||||
tl.to("#s1-kicker", {opacity:1, y:0, duration:0.6, ease:"power3.out"}, 0.4);
|
||||
tl.from("#s1-head", {opacity:0, y:24, duration:1.1, ease:"power3.out"}, 0.8);
|
||||
tl.to("#s1-note", {opacity:0.85, duration:0.5}, 2.0);
|
||||
tl.to("#s1-kicker", {opacity:0, duration:0.5}, 25.5);
|
||||
|
||||
// Scene 2
|
||||
tl.to("#s2-kicker", {opacity:1, duration:0.6, ease:"power3.out"}, 28.4);
|
||||
tl.to("#s2-ledger", {opacity:1, duration:0.7, ease:"power2.out"}, 29.0);
|
||||
tl.to("#s2-note", {opacity:0.85, duration:0.4}, 31);
|
||||
tl.fromTo("#s2-ledger .row", {opacity:0.25}, {opacity:1, duration:0.6, stagger:1.6}, 32);
|
||||
tl.to("#s2-kicker", {opacity:0, duration:0.4}, 52.5);
|
||||
|
||||
// Scene 3
|
||||
tl.to("#s3-kicker", {opacity:1, duration:0.6, ease:"power3.out"}, 54.4);
|
||||
tl.to("#s3-ledger", {opacity:1, duration:0.7, ease:"power2.out"}, 55.0);
|
||||
tl.to("#s3-note", {opacity:0.85, duration:0.4}, 57);
|
||||
tl.fromTo("#s3-ledger .row", {opacity:0.25}, {opacity:1, duration:0.6, stagger:1.6}, 58);
|
||||
tl.to("#s3-kicker", {opacity:0, duration:0.4}, 80.5);
|
||||
|
||||
// Scene 4
|
||||
tl.to("#s4-kicker", {opacity:1, duration:0.6, ease:"power3.out"}, 82.4);
|
||||
tl.to("#s4-total", {opacity:1, y:0, duration:1.2, ease:"power3.out"}, 83.0);
|
||||
tl.to("#s4-sign", {opacity:1, duration:0.9, ease:"power2.out"}, 86.0);
|
||||
tl.to("#s4-note", {opacity:0.85, duration:0.4}, 90);
|
||||
|
||||
window.__timelines["main"] = tl;
|
||||
</script>
|
||||
</body></html>
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>First-Time Homebuyer's Union County Companion</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html" class="active" aria-current="page">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html" class="active" aria-current="page">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/8482520/pexels-photo-8482520.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Home for Sale">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Evaluating Flood Risk</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html" class="active" aria-current="page">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html" class="active" aria-current="page">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/32519068/pexels-photo-32519068.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="For Sale sign in suburban yard">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
@ -132,7 +132,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Mortgage Affordability Calculator</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html" class="active" aria-current="page">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html" class="active" aria-current="page">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/34134899/pexels-photo-34134899.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Keys and miniature houses">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Negotiating Repairs</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html" class="active" aria-current="page">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html" class="active" aria-current="page">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/8482520/pexels-photo-8482520.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Home for Sale">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Getting Pre-Approved</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html" class="active" aria-current="page">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html" class="active" aria-current="page">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/34134899/pexels-photo-34134899.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Keys and miniature houses">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Reading Soil Surveys</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html" class="active" aria-current="page">Reading Soil Surveys</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html" class="active" aria-current="page">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/8469934/pexels-photo-8469934.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="White house with porch and 'Home for Sale' sign">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
282
the-true-cost-of-home.html
Normal file
282
the-true-cost-of-home.html
Normal file
@ -0,0 +1,282 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<style id="fort-styles">
|
||||
[data-fort]{font:inherit;color:inherit}
|
||||
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||||
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||||
[data-fort] a:hover{opacity:.72}
|
||||
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||||
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||||
.fort-citizen .fc-name{font-weight:600}
|
||||
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||||
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||||
.fort-film{list-style:none;margin:0;padding:0}
|
||||
.fort-film li{overflow:visible;white-space:normal}
|
||||
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||||
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||||
.fort-film img{aspect-ratio:16/10}
|
||||
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The True Cost of Home — a broker's ledger, in moving pictures</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="The True Cost of Home — a broker's ledger, in moving pictures">
|
||||
<meta property="og:description" content="Companion page to the short film ">
|
||||
<meta property="og:url" content="https://aisha-henry.4ort.net/the-true-cost-of-home.html">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="description" content="Companion page to the short film 'The True Cost of Home': the ledger behind the mortgage calculator — PMI, escrow, closing costs, and the covenant a broker owes a first-time buyer in Union County, Georgia.">
|
||||
<style>
|
||||
:root{
|
||||
--ink:#2b2418;
|
||||
--ink-soft:#5c5242;
|
||||
--paper:#f3eadb;
|
||||
--paper-deep:#e8dcc6;
|
||||
--terracotta:#9c4a2f;
|
||||
--leaf:#5d6b3c;
|
||||
--rule:#b8a988;
|
||||
--gold:#c89b3c;
|
||||
}
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
html{scroll-behavior:smooth}
|
||||
body{
|
||||
background:var(--paper);
|
||||
color:var(--ink);
|
||||
font-family:Georgia,'Times New Roman',serif;
|
||||
font-size:19px;
|
||||
line-height:1.65;
|
||||
}
|
||||
.page{max-width:880px;margin:0 auto;padding:0 24px 80px}
|
||||
/* ---- masthead ---- */
|
||||
.masthead{
|
||||
padding:44px 24px 18px;
|
||||
border-bottom:4px double var(--rule);
|
||||
display:flex;justify-content:space-between;align-items:flex-end;
|
||||
flex-wrap:wrap;gap:8px;}
|
||||
.masthead .issue{font-size:.78em;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}
|
||||
.masthead .date{font-size:.82em;color:var(--ink-soft);font-style:italic}
|
||||
/* ---- headline ---- */
|
||||
header.lede{padding:54px 0 28px}
|
||||
.kicker{
|
||||
font-size:.8em;letter-spacing:.28em;text-transform:uppercase;color:var(--terracotta);
|
||||
font-family:'Courier New',monospace}
|
||||
h1{
|
||||
font-size:3.1em;line-height:1.02;letter-spacing:-.01em;margin:.28em 0 .4em;
|
||||
font-weight:600}
|
||||
h1 em{font-style:italic;color:var(--terracotta)}
|
||||
.dek{
|
||||
font-size:1.22em;color:var(--ink-soft);max-width:40ch;
|
||||
font-style:italic;border-left:3px solid var(--terracotta);padding-left:18px}
|
||||
.byline{margin-top:26px;font-size:.86em;color:var(--ink-soft)}
|
||||
.byline strong{color:var(--ink)}
|
||||
/* ---- film ---- */
|
||||
.filmwrap{
|
||||
background:var(--ink);color:var(--paper);border-radius:3px;
|
||||
margin:34px 0 14px;overflow:hidden;box-shadow:0 14px 34px rgba(43,36,24,.22)}
|
||||
.filmframe{width:100%;display:block;height:auto}
|
||||
.filmlabel{padding:14px 20px;font-family:'Courier New',monospace;font-size:.8em;
|
||||
color:var(--gold);letter-spacing:.12em}
|
||||
.filmlabel a{color:var(--paper)}
|
||||
figcaption{font-size:.8em;color:var(--ink-soft);font-style:italic;margin-bottom:38px}
|
||||
/* ---- body ---- */
|
||||
.lede-letter{font-size:1.35em;line-height:1.4;}
|
||||
.dropcap:first-letter{
|
||||
font-size:4.2em;float:left;line-height:.8;margin:.08em .12em 0 0;
|
||||
color:var(--terracotta);font-weight:600}
|
||||
p{margin-bottom:1.35em}
|
||||
h2{
|
||||
font-size:1.7em;margin:2.2em 0 .7em;line-height:1.15;
|
||||
padding-bottom:.35em;border-bottom:2px solid var(--rule)}
|
||||
h2::before{content:"§ ";color:var(--terracotta)}
|
||||
h3{font-size:1.18em;margin:1.8em 0 .55em;color:var(--terracotta)}
|
||||
.pull{
|
||||
font-size:1.5em;line-height:1.35;font-style:italic;color:var(--terracotta);
|
||||
margin:2.2em 0;padding:0 40px;text-align:center;border-top:1px solid var(--rule);
|
||||
border-bottom:1px solid var(--rule);padding-top:1.1em;padding-bottom:1.1em}
|
||||
.pull small{display:block;font-size:.5em;color:var(--ink-soft);font-style:normal;
|
||||
letter-spacing:.2em;text-transform:uppercase;margin-top:1em}
|
||||
/* ---- ledger table ---- */
|
||||
table.ledger{
|
||||
width:100%;border-collapse:collapse;margin:1.8em 0;font-family:'Courier New',monospace;
|
||||
font-size:.9em;background:var(--paper-deep)}
|
||||
table.ledger caption{
|
||||
font-family:Georgia,serif;font-style:italic;color:var(--ink-soft);
|
||||
padding:.6em 0 1em;font-size:1.02em;text-align:left}
|
||||
table.ledger th,table.ledger td{
|
||||
text-align:right;padding:.55em .8em;border-bottom:1px solid var(--rule)}
|
||||
table.ledger th{font-weight:700;letter-spacing:.06em;font-size:.82em;text-transform:uppercase}
|
||||
table.ledger td:first-child,table.ledger th:first-child{text-align:left}
|
||||
table.ledger tfoot td{
|
||||
border-top:3px double var(--ink);font-weight:700;text-align:right}
|
||||
.note{font-family:'Courier New',monospace;font-size:.8em;color:var(--ink-soft);margin-top:-.6em}
|
||||
/* ---- interactive ---- */
|
||||
.tool{
|
||||
background:var(--paper-deep);border:1px solid var(--rule);padding:30px 28px;
|
||||
margin:2em 0;border-radius:3px}
|
||||
.tool h3{margin-top:0}
|
||||
.tool label{display:block;font-size:.82em;letter-spacing:.08em;text-transform:uppercase;
|
||||
color:var(--ink-soft);margin:16px 0 6px;font-family:'Courier New',monospace}
|
||||
.tool input[type=range]{width:100%;appearance:none;height:4px;background:var(--rule);
|
||||
border-radius:2px;outline:none}
|
||||
.tool input[type=range]::-webkit-slider-thumb{
|
||||
appearance:none;width:20px;height:20px;border-radius:50%;background:var(--terracotta);
|
||||
border:2px solid var(--paper);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}
|
||||
.readout{
|
||||
font-family:'Courier New',monospace;font-size:1.6em;color:var(--ink);
|
||||
text-align:right;margin-top:18px;padding-top:14px;border-top:2px dashed var(--rule)}
|
||||
.readout .big{color:var(--terracotta);font-weight:700}
|
||||
.readout small{display:block;font-size:.45em;color:var(--ink-soft);letter-spacing:.05em;
|
||||
text-transform:uppercase;margin-bottom:4px}
|
||||
.toolSlug{font-size:.72em;color:var(--ink-soft);font-family:'Courier New',monospace;
|
||||
margin-top:14px;text-align:right}
|
||||
.toolSlug a{color:var(--ink-soft)}
|
||||
/* ---- sources ---- */
|
||||
.sources{font-size:.8em;color:var(--ink-soft);border-top:1px solid var(--rule);
|
||||
padding-top:1.4em;margin-top:3em}
|
||||
.sources a{color:var(--terracotta)}
|
||||
.sources li{margin-bottom:.5em;list-style:none;padding-left:1.4em;text-indent:-1.4em}
|
||||
/* ---- footer ---- */
|
||||
.colophon{
|
||||
margin-top:4em;border-top:4px double var(--rule);padding-top:1.6em;
|
||||
display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
|
||||
font-size:.82em;color:var(--ink-soft);font-style:italic}
|
||||
.colophon a{color:var(--terracotta);font-style:normal}
|
||||
mark{background:var(--gold);color:var(--ink);padding:0 4px}
|
||||
</style>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html" class="active" aria-current="page">The True Cost of Home</a><a href="/usda-loans.html">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="masthead">
|
||||
<span class="issue">The Union County Ledger</span>
|
||||
<span class="date">Vol. IV · A home is not the advertisement, it is the address</span>
|
||||
</nav>
|
||||
|
||||
<main class="page">
|
||||
|
||||
<header class="lede">
|
||||
<div class="kicker">A short film, and the numbers it refuses to hide</div>
|
||||
<h1>The True Cost<br>of <em>Home</em></h1>
|
||||
<p class="dek">Every mortgage calculator shows you the first mile of the road. This ledger prices the whole journey — the small print, the escrow, the roof that will one day leak.</p>
|
||||
<div class="byline">By <strong>Aisha Henry</strong> · Broker & advocate · Union County, Georgia</div>
|
||||
</header>
|
||||
|
||||
<figure class="filmwrap">
|
||||
<video class="filmframe" controls poster="https://images.pexels.com/photos/7736029/pexels-photo-7736029.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||||
<source src="https://4ort.mov/w/w3QjcbsXUfxSSMNMcF8CN6" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div class="filmlabel">▼ 1:50 · The True Cost of Home · <a href="https://4ort.mov/w/w3QjcbsXUfxSSMNMcF8CN6">watch on 4ort.mov</a></div>
|
||||
</figure>
|
||||
<figcaption>The closing handshake is the reward — but everything before it deserves a straight answer.</figcaption>
|
||||
|
||||
<p class="lede-letter dropcap">You see the listing first. Good schools, a front porch broad enough for a rocker. And there in the corner, a tidy little widget that says <mark>three hundred dollars a month</mark>. That number was never the truth. It is the advertisement, not the address. And in Union County, where the median home runs past three hundred thousand dollars, the whole real story lives in the small print you never see — until it is your name on the dotted line.</p>
|
||||
|
||||
<p>I have stood at closing tables with a hundred first-time buyers. The ones who sleep well that night are never the ones who got the most impressive teaser rate. They are the ones who walked in knowing the <em>entire</em> road — who were told, plainly and unromantically, where every dollar goes before the key ever turns in the lock. This page is that conversation, put down in ink, alongside the short film above.</p>
|
||||
|
||||
<h2>The ledger nobody shows you</h2>
|
||||
|
||||
<p>Let us take the median Union County home — a fair, honest, unremarkable $312,000 — and walk what it <em>actually</em> costs to keep each month, not what the ad promises. The little calculator quotes principle and interest on a thirty-year note. It leaves out everything that pays the county and the insurer and the future you.</p>
|
||||
|
||||
<table class="ledger">
|
||||
<caption>A monthly outing, item by item, on the median home — with 10% down at a 3.25% rate.</caption>
|
||||
<thead>
|
||||
<tr><th>Line item</th><th>Monthly</th><th>What it is</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>Principal + interest</td><td>$1,214</td><td>the loan itself</td></tr>
|
||||
<tr><td>Property tax</td><td>$247</td><td>escrowed, paid to the county</td></tr>
|
||||
<tr><td>Homeowner's insurance</td><td>$108</td><td>escrowed, protects the roof over your head</td></tr>
|
||||
<tr><td>Private mortgage insurance</td><td>$130</td><td>because 10% down means you borrow more than 80%</td></tr>
|
||||
<tr><td>Flood policy (county map)</td><td>$36</td><td>the map insists, and the map is right</td></tr>
|
||||
<tr><td>Maintenance & reserve</td><td>$260</td><td>the roof that will one day leak — set aside for it</td></tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr><td>The honest number</td><td>$1,995</td><td>— not the advertised $1,214</td></tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<p class="note">Figures illustrative for Union County at the current median; your own county map and escrow will differ — ask for the real ledger.</p>
|
||||
|
||||
<p>The gulf is not a trick. It is the difference between the <em>payment</em> and the <em>cost of keeping a home</em>. Nearly <b>64% more</b> than the headline number once you live in the house, maintain it, and meet the county where it lives. That is not fearmongering. That is math with room in it for life.</p>
|
||||
|
||||
<div class="pull">
|
||||
Put less than twenty percent down, and private mortgage insurance quietly attaches itself to your payment — and stays until you earn your way out.
|
||||
<small>— from the film</small>
|
||||
</div>
|
||||
|
||||
<h2>Closing costs arrive at the very end</h2>
|
||||
|
||||
<p>Just when you think you have saved enough for the down payment, the closing table asks <em>again</em>. Two to five percent of the price, gone in a single wire. On the median home, that is <b>$6,240 to $15,600</b> walking out the door after the handshake — settlement fees, title insurance, the appraisal, the recording, the points. Add earnest money, and the inspection that finds the roof the photographs hid.</p>
|
||||
|
||||
<p>First-time buyers are the most savable people in America, and the most vulnerable. They have done the work of saving for the down payment. What the industry forgets to borrow them for is the <em>landing</em> — the run of weeks after the closing when the savings are spent and the pipes choose that moment to argue.</p>
|
||||
|
||||
<h2>Price the whole journey, or price nothing</h2>
|
||||
|
||||
<p>So here is my covenant, and I will hold it with you the way I hold it with every client who walks through the door. Try it yourself below — move the numbers, and watch the honest ledger rebuild itself. This is the conversation the advertisements hope you never start.</p>
|
||||
|
||||
<div class="tool" id="truecost">
|
||||
<h3>◇ Price the whole journey</h3>
|
||||
<label for="price">Home price</label>
|
||||
<input type="range" id="price" min="150000" max="500000" step="5000" value="312000">
|
||||
<label for="down">Down payment percent</label>
|
||||
<input type="range" id="down" min="3" max="20" step="1" value="10">
|
||||
<div class="readout">
|
||||
<small>Your honest monthly cost (30-yr, 3.25%)</small>
|
||||
$<span class="big" id="total">1,995</span><span id="hint"></span>
|
||||
</div>
|
||||
<p class="toolSlug">figures are a plain monthly ledger, not a quote — your real escrow varies · <a href="the-true-cost-of-home.json">data twin</a></p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var priceEl=document.getElementById('price'),
|
||||
downEl=document.getElementById('down'),
|
||||
totalEl=document.getElementById('total'),
|
||||
hintEl=document.getElementById('hint');
|
||||
function fmt(n){return Math.round(n).toLocaleString('en-US');}
|
||||
function recalc(){
|
||||
var P=+priceEl.value, dp=+downEl.value;
|
||||
var principal=P*(1-dp/100), downAmt=P*dp/100;
|
||||
var r=0.0325/12, n=360;
|
||||
var mo=principal * r * Math.pow(1+r,n) / (Math.pow(1+r,n)-1);
|
||||
var tax=247*(P/312000);
|
||||
var ins=108*(P/312000);
|
||||
var pmi = dp<20 ? 0.0055*principal/12 : 0;
|
||||
var flood=36*(P/312000);
|
||||
var maint=0.01*P/12;
|
||||
var total=mo+tax+ins+pmi+flood+maint;
|
||||
totalEl.textContent=fmt(total);
|
||||
hintEl.textContent = dp<20 ? ' · includes PMI ('+fmt(pmi)+'/mo)' : ' · no PMI — you are past 20% down';
|
||||
if(dp<20){hintEl.style.color='#9c4a2f';}else{hintEl.style.color='#5d6b3c';}
|
||||
}
|
||||
priceEl.addEventListener('input',recalc);
|
||||
downEl.addEventListener('input',recalc);
|
||||
recalc();
|
||||
})();
|
||||
</script>
|
||||
|
||||
<p>Slide the down payment to 20%, and watch the PMI line fall away — that is the single cheapest lever most buyers have, and the one the calculator never mentions. It is also the hardest to reach. The answer is not shame for the buyer who cannot. It is a broker honest enough to build the number <em>with</em> them, and a community that treats affordable housing as the asset it is — not a checkbox to be checked.</p>
|
||||
|
||||
<h2>Further down the porch</h2>
|
||||
<p>If this ledger landed with you, follow the longer argument in my essay, <a href="#"><em>The Ground Beneath the Foundation</em></a>, where I write about the soil, the flood lines, and the ethical covenant between broker and buyer. A home is the ground you choose to stand on. It is worth knowing what that ground actually costs.</p>
|
||||
|
||||
<div class="sources">
|
||||
<h3 style="border:none;font-size:1em">Sources & further reading</h3>
|
||||
<ul>
|
||||
<li>Short film: <a href="https://4ort.mov/w/w3QjcbsXUfxSSMNMcF8CN6">“The True Cost of Home”</a> on 4ort.mov.</li>
|
||||
<li>Mortgage insurance is an insurance policy that compensates lenders on low-equity loans — <a href="https://www.wikidata.org/wiki/Q7401048">Wikidata</a>.</li>
|
||||
<li>Data on my Union County market metrics: <a href="the-true-cost-of-home.json">ledger data twin (JSON)</a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<footer class="colophon">
|
||||
<span>Written by hand in Union County, where the front porches are broad and the small print is honest.</span>
|
||||
<span><a href="/">The Union County Ledger</a> · Aisha Henry</span>
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
64
the-true-cost-of-home.json
Normal file
64
the-true-cost-of-home.json
Normal file
@ -0,0 +1,64 @@
|
||||
{
|
||||
"nav": [
|
||||
{
|
||||
"current": "the-true-cost-of-home.html",
|
||||
"items": [
|
||||
{
|
||||
"rel": "films/soil-contract/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
"href": "/closing-checklist.html"
|
||||
},
|
||||
{
|
||||
"rel": "flood-risk.html",
|
||||
"title": "Evaluating Flood Risk",
|
||||
"href": "/flood-risk.html"
|
||||
},
|
||||
{
|
||||
"rel": "first-time-homebuyers-companion.html",
|
||||
"title": "First-Time Homebuyer's Union County Companion",
|
||||
"href": "/first-time-homebuyers-companion.html"
|
||||
},
|
||||
{
|
||||
"rel": "pre-approval.html",
|
||||
"title": "Getting Pre-Approved",
|
||||
"href": "/pre-approval.html"
|
||||
},
|
||||
{
|
||||
"rel": "mortgage-affordability-calculator.html",
|
||||
"title": "Mortgage Affordability Calculator",
|
||||
"href": "/mortgage-affordability-calculator.html"
|
||||
},
|
||||
{
|
||||
"rel": "negotiating-repairs.html",
|
||||
"title": "Negotiating Repairs",
|
||||
"href": "/negotiating-repairs.html"
|
||||
},
|
||||
{
|
||||
"rel": "soil-surveys.html",
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
"href": "/usda-loans.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -98,7 +98,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<header>
|
||||
<h1>Understanding USDA Loans</h1>
|
||||
</header>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/usda-loans.html" class="active" aria-current="page">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/soil-contract/">Index</a><a href="/films/the-true-cost-of-home/">Index</a><a href="/closing-checklist.html">Closing Checklist</a><a href="/flood-risk.html">Evaluating Flood Risk</a><a href="/first-time-homebuyers-companion.html">First-Time Homebuyer's Union County Companion</a><a href="/pre-approval.html">Getting Pre-Approved</a><a href="/mortgage-affordability-calculator.html">Mortgage Affordability Calculator</a><a href="/negotiating-repairs.html">Negotiating Repairs</a><a href="/soil-surveys.html">Reading Soil Surveys</a><a href="/the-true-cost-of-home.html">The True Cost of Home</a><a href="/usda-loans.html" class="active" aria-current="page">Understanding USDA Loans</a></nav></fort-nav>
|
||||
<main>
|
||||
<div class="image-container">
|
||||
<img src="https://images.pexels.com/photos/7578882/pexels-photo-7578882.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Person holding miniature wooden house">
|
||||
|
||||
@ -8,6 +8,11 @@
|
||||
"title": "Index",
|
||||
"href": "/films/soil-contract/"
|
||||
},
|
||||
{
|
||||
"rel": "films/the-true-cost-of-home/index.html",
|
||||
"title": "Index",
|
||||
"href": "/films/the-true-cost-of-home/"
|
||||
},
|
||||
{
|
||||
"rel": "closing-checklist.html",
|
||||
"title": "Closing Checklist",
|
||||
@ -43,6 +48,11 @@
|
||||
"title": "Reading Soil Surveys",
|
||||
"href": "/soil-surveys.html"
|
||||
},
|
||||
{
|
||||
"rel": "the-true-cost-of-home.html",
|
||||
"title": "The True Cost of Home",
|
||||
"href": "/the-true-cost-of-home.html"
|
||||
},
|
||||
{
|
||||
"rel": "usda-loans.html",
|
||||
"title": "Understanding USDA Loans",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user