She Slept Through Murder

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<meta name="rails_env" content="production">
<meta name="release_version" content="v32530">
<meta name="path_parameters" content="{"controller":"users/sessions","action":"new"}">

window.environment = "production"
window.release_version = "v32530"
</script>

<title>
Login to your account | HappyScribe
</title>
<meta name="title" content="Login to your account | HappyScribe">
<meta name="description"
content="Login to your account">
<meta name="author" content="HappyScribe">
<meta name="application-name" content="HappyScribe">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="afkGf-BYGjrwTfdy4Xde-QAz5RKAGRK3wKO__le5M2rCrBEkfv0bpjERZLGFQVVHRsdw9ujxEb1OG2ds1LSu7w" />

<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#F6F8FE">

<link rel="icon" type="image/svg+xml" href="https://www.happyscribe.com/favicon/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32"
href="https://www.happyscribe.com/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16"
href="https://www.happyscribe.com/favicon/favicon-16x16.png">
<link rel="apple-touch-icon"
href="https://www.happyscribe.com/favicon/apple-touch-icon.png">
<link rel="manifest" href="https://www.happyscribe.com/assets/manifest-98e2730f.json">

<meta name="twitter:creator" content='@happy_scribe'>
<meta name="twitter:site" content="@happy_scribe">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://www.happyscribe.com/users/sign_in">
<meta name="twitter:title"
content="Login to your account | HappyScribe">
<meta name="twitter:description"
content="Login to your account">
<meta name="twitter:image"
content="https://www.happyscribe.com/assets/og-image-2dd37547.jpg">

<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.happyscribe.com/users/sign_in" />
<meta property="og:title"
content="Login to your account | HappyScribe" />
<meta property="og:description"
content="Login to your account" />
<meta property="og:image" content="https://www.happyscribe.com/assets/og-image-2dd37547.jpg" />
<meta property="og:site_name" content="HappyScribe" />
<meta property="og:locale" content="en_US" />

<script type="text/javascript" charset="utf-8">
if (!window.intercomSettings) {
window.intercomSettings = {
api_base: "https://api-iam.intercom.io",
app_id: "frdatdus",
user_role: "visitor",
has_high_potential: "",
is_member_of_pro_workspace:
"",
};

let chatBtn;

if (chatBtn) {
chatBtn.style.display = 'none';
}
};
if (document.readyState === 'complete') {
l();
} else if (w.attachEvent) {
w.attachEvent('onload', l);
} else {
w.addEventListener('load', l, false);
}
}
;
}

const dismantleIntercom = () => {
if (typeof window.Intercom === "function") {
Intercom("shutdown");
}
};

window.setupIntercom = setupIntercom;
window.dismantleIntercom = dismantleIntercom;

const openIntercom = () => Intercom('show');

const setupIntercomOnClick = () => {
chatBtn = document.getElementById("chatBtn");
if (!chatBtn) return;
chatBtn.addEventListener('click', () => {
chatBtn.style.display = 'none';
setupIntercom();
openIntercom();
})
}
document.addEventListener('DOMContentLoaded', setupIntercomOnClick)
}

</script>

function showSpinner(btnId) {
const btn = document.getElementById(btnId);
btn.classList.add('hs-status', 'processing');
}

function hideSpinner(btnId) {
const btn = document.getElementById(btnId);
btn.classList.remove('hs-status', 'processing');
}

</script>

</head>

</div>
<h2 class="text-2xl font-extrabold text-gray-900 mb-1">Welcome back</h2>
<p class="text-sm text-gray-500">Sign in to your HappyScribe account.</p>
</div>

<div class="hs-form-googleauth space-y-3" data-turbo="false">
<form class="button_to" method="post" action="/users/auth/google_oauth2"><button class="w-full relative flex items-center justify-center gap-2.5 py-3 px-4 bg-white border border-gray-200/40 rounded text-sm font-semibold text-gray-800 hover:bg-gray-50 hover:border-gray-300/50 transition-all" data-turbo="false" type="submit">
<img width="20" height="20" alt="Google Logo" src="https://www.happyscribe.com/assets/google-52285dcc.svg" />
<span>Continue with Google</span>

</button><input type="hidden" name="authenticity_token" value="4OSsgqoy5ncHohGLoUbkPvj1YisDOv-nqtI14Q5gFM0r54_RHMNGwgg482bfuz98-Yx7wGqYrQUg1dCW0Ga7Xw" autocomplete="off" /></form> <form class="button_to" method="post" action="/users/auth/apple"><button class="w-full relative flex items-center justify-center gap-2.5 py-3 px-4 bg-white border border-gray-200/40 rounded text-sm font-semibold text-gray-800 hover:bg-gray-50 hover:border-gray-300/50 transition-all" data-turbo="false" type="submit">
<img width="20" height="20" alt="Apple Logo" class="shrink-0" src="https://www.happyscribe.com/assets/apple-12590166.svg" />
<span>Continue with Apple</span>

</button><input type="hidden" name="authenticity_token" value="BNsF04APrIMtKmii_9Yz7_0Y9c41zk8UQw9OMrxNU44Hl5ueGNNxHKqsQimfL9TeVG9ux5LCLat0PubiHL5GDA" autocomplete="off" /></form> <form class="button_to" method="post" action="/users/auth/entra_id"><button class="w-full relative flex items-center justify-center gap-2.5 py-3 px-4 bg-white border border-gray-200/40 rounded text-sm font-semibold text-gray-800 hover:bg-gray-50 hover:border-gray-300/50 transition-all" data-turbo="false" type="submit">
<img width="20" height="20" alt="Microsoft Logo" class="shrink-0" src="https://www.happyscribe.com/assets/microsoft-bf19c6c0.svg" />
<span>Continue with Microsoft</span>

</button><input type="hidden" name="authenticity_token" value="tXEd1P8EpOaBYE99tQAbdWz6o73OzhS7JFCyxZLSG9J9rUgMKQ_s5Rb8SE9a9UXfrUr_pXr7xHyqzyCqVJM2ug" autocomplete="off" /></form></div>

<form class="space-y-4" id="signin-email-form" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AvPUqF-uXqNhyY4eJfUyga3Z-XG-5UWZDMo5aMscqZw4-WG2u7-kpQitZL0p_CXa7Z2ROplmWqE66jSSsIGH4g" autocomplete="off" />
<div class="space-y-1.5">
<div class="flex items-center justify-between ml-0.5">
<label for="signin-email" class="block text-xs font-normal text-gray-300">Email</label>
</div>
<div class="relative rounded bg-white border border-gray-200/50 transition-all duration-200 focus-within:ring-4 focus-within:ring-hs-brand-primary/10 focus-within:border-hs-brand-primary">
<input id="signin-email" placeholder="[email protected]" class="w-full px-4 py-3 pr-12 bg-transparent border-none outline-none rounded text-base sm:text-sm placeholder:text-gray-300 focus:ring-0" required="required" type="email" name="user[email]" />
<button name="button" type="submit" class="absolute right-1.5 top-1/2 -translate-y-1/2 w-8 h-8 flex items-center justify-center rounded bg-hs-brand-primary text-white cursor-pointer transition-opacity duration-200" id="signin-submit-btn">
<svg class="phosphor-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"/></svg>

</button> </div>
</div>
<input type="hidden" name="next" id="next" autocomplete="off" />
<input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input hidden="hidden" type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" />
</form>
<div class="flex items-center gap-3">
<div class="flex-1 h-px bg-gray-200/40"></div>
<span class="text-[10px] text-gray-400 font-medium uppercase tracking-widest">or</span>
<div class="flex-1 h-px bg-gray-200/40"></div>
</div>

<span>Continue with SSO</span>

</a> </div>

</div>
<h2 class="text-2xl font-extrabold text-gray-900 mb-1">Sign in with email</h2>
<p class="text-sm text-gray-500">Enter your email to continue.</p>
</div>

<form class="space-y-4" id="new_user" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1H_cq8Cvu61KDuxQstkycyyE8qDLlC1rgVOG055w8ZfudWm1JL5BqyNqBvO-0CUobMCa6-wXMlO3c4sp5e3f6Q" autocomplete="off" />

<div class="space-y-4">
<div class="space-y-1.5">
<label for="email" class="block text-sm font-bold text-gray-900 ml-0.5">Email</label>
<input id="email" placeholder="[email protected]" class="tw-input text-input w-full px-4 py-3 rounded bg-white border border-gray-200/50 focus:ring-4 focus:ring-hs-brand-primary/10 focus:border-hs-brand-primary transition-all text-base sm:text-sm placeholder:text-gray-300" required="required" autofocus="autofocus" type="email" name="user[email]" />
</div>
</div>
<input type="hidden" name="next" id="next" autocomplete="off" />
<input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input hidden="hidden" type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" />
<button name="button" type="submit" id="submit-button" class="tw-primary-button btn-sm btn-primary w-full py-2.5 px-5 rounded font-semibold text-sm hover:-translate-y-0.5 transition-all duration-200" disabled="disabled">Continue</button>
</form>
<div class="text-center">
<button type="button" id="back-to-options" class="text-sm text-hs-brand-primary font-bold hover:underline">
← All sign-in options
</button>
</div>
</div>
</div>
<script type="module">
// Password/2FA step: back button + submit validation
const optionsView = document.getElementById('auth-options-view');
const emailView = document.getElementById('email-auth-view');
const backBtn = document.getElementById('back-to-options');
const emailInput = document.getElementById('email');
const passwordInput = document.getElementById('password-field');
const twoFactorInput = document.getElementById('otp-field');
const submitButton = document.getElementById('submit-button');

if (backBtn) {
backBtn.addEventListener('click', () => {
emailView.classList.add('hidden');
optionsView.classList.remove('hidden');
});
}

if (submitButton) {
function updateSubmitButton() {
const passwordValue = passwordInput ? passwordInput.value : true;
submitButton.disabled = !(emailInput.value && passwordValue);
}

const inputs = [emailInput, passwordInput, twoFactorInput];
inputs.filter(i => i).forEach(input => {
input.addEventListener('input', updateSubmitButton);
});

// Enable button if browser autofilled before JS loaded
updateSubmitButton();
}
</script>

<div class="mt-4 text-sm text-center">
<span class="text-gray-400">Forgot password?</span>
<a class="text-hs-brand-primary font-bold hover:underline ml-1" href="/users/password/new">Reset</a>
</div>

</main>
</div>
</div>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFXGPXQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

</body>
</html>

The Story