https://podread.app/login

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Login</title>
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <meta name="apple-mobile-web-app-capable" content="yes">
7    <meta name="application-name" content="PodRead">
8    <meta name="mobile-web-app-capable" content="yes">
9    <meta name="csrf-param" content="authenticity_token" />
10<meta name="csrf-token" content="Cz3_ynwa5MXndpgcuTD9v1ZiwellN7KuFeVPgCaCHAgev_LxrJmurVTewabktDj6agOK8xIocXCveSyXAzJFQg" />
11    
12
13    <meta name="turbo-refresh-method" content="morph">
14    <meta name="turbo-refresh-scroll" content="preserve">
15
16    <meta property="og:title" content="Login">
17    <meta property="og:description" content="Turn any article into a podcast episode. Listen in your favorite podcast app.">
18    <meta property="og:type" content="website">
19    <meta property="og:image" content="https://podread.app/og-image.png">
20    <meta property="og:image:width" content="1200">
21    <meta property="og:image:height" content="630">
22    <meta name="twitter:card" content="summary_large_image">
23    <meta name="twitter:image" content="https://podread.app/og-image.png">
24
25    
26
27
28    <link rel="icon" href="/icon.png" type="image/png">
29    <link rel="icon" href="/icon.svg" type="image/svg+xml">
30    <link rel="apple-touch-icon" href="/icon.png">
31
32    <link rel="preconnect" href="https://fonts.googleapis.com">
33    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34    <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
35    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
36
37    <link rel="stylesheet" href="/assets/application-8b441ae0.css" data-turbo-track="reload" />
38<link rel="stylesheet" href="/assets/demo_animation-382787ab.css" data-turbo-track="reload" />
39<link rel="stylesheet" href="/assets/tailwind-9c4338df.css" data-turbo-track="reload" />
40    

40<script type="importmap" data-turbo-track="reload">{
41  "imports": {
42    "application": "/assets/application-7f7c6c30.js",
43    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
44    "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js",
45    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
46    "@rails/actioncable": "/assets/actioncable.esm-e0ec9819.js",
47    "tailwindplus-elements": "/assets/tailwindplus-elements-c561eac1.js",
48    "turndown": "/assets/turndown-5dc507a1.js",
49    "controllers/application": "/assets/controllers/application-3affb389.js",
50    "controllers/artwork_upload_controller": "/assets/controllers/artwork_upload_controller-ed364eeb.js",
51    "controllers/audio_preview_controller": "/assets/controllers/audio_preview_controller-f0f37367.js",
52    "controllers/auto_dismiss_controller": "/assets/controllers/auto_dismiss_controller-9874ea90.js",
53    "controllers/autosave_controller": "/assets/controllers/autosave_controller-0fb7403c.js",
54    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-adcda5f9.js",
55    "controllers/copy_docs_controller": "/assets/controllers/copy_docs_controller-03e72340.js",
56    "controllers/copy_text_controller": "/assets/controllers/copy_text_controller-08bf5b98.js",
57    "controllers/cost_preview_controller": "/assets/controllers/cost_preview_controller-b5bc59b7.js",
58    "controllers/demo_animation_controller": "/assets/controllers/demo_animation_controller-2673775a.js",
59    "controllers/dismissable_controller": "/assets/controllers/dismissable_controller-4475a651.js",
60    "controllers/embed_player_controller": "/assets/controllers/embed_player_controller-01ab0803.js",
61    "controllers/episodes_live_controller": "/assets/controllers/episodes_live_controller-ee880ee1.js",
62    "controllers/eta_countdown_controller": "/assets/controllers/eta_countdown_controller-85ced141.js",
63    "controllers/extension_connect_controller": "/assets/controllers/extension_connect_controller-1f968fe3.js",
64    "controllers/extension_status_controller": "/assets/controllers/extension_status_controller-e868d18d.js",
65    "controllers/file_upload_controller": "/assets/controllers/file_upload_controller-c4633d1a.js",
66    "controllers/founder_note_controller": "/assets/controllers/founder_note_controller-95eedacd.js",
67    "controllers": "/assets/controllers/index-ee64e1f1.js",
68    "controllers/sample_modal_controller": "/assets/controllers/sample_modal_controller-eb10cba6.js",
69    "controllers/scroll_spy_controller": "/assets/controllers/scroll_spy_controller-4dd9b8d4.js",
70    "controllers/search_controller": "/assets/controllers/search_controller-d9a61e6b.js",
71    "controllers/signup_modal_controller": "/assets/controllers/signup_modal_controller-ef18e51b.js",
72    "controllers/tab_switch_controller": "/assets/controllers/tab_switch_controller-fb1a1297.js",
73    "controllers/theme_controller": "/assets/controllers/theme_controller-4dc87e55.js"
74  }
75}</script>

75
76<link rel="modulepreload" href="/assets/application-7f7c6c30.js">
77<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
78<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js">
79<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
80<link rel="modulepreload" href="/assets/actioncable.esm-e0ec9819.js">
81<link rel="modulepreload" href="/assets/tailwindplus-elements-c561eac1.js">
82<link rel="modulepreload" href="/assets/turndown-5dc507a1.js">
83<link rel="modulepreload" href="/assets/controllers/application-3affb389.js">
84<link rel="modulepreload" href="/assets/controllers/artwork_upload_controller-ed364eeb.js">
85<link rel="modulepreload" href="/assets/controllers/audio_preview_controller-f0f37367.js">
86<link rel="modulepreload" href="/assets/controllers/auto_dismiss_controller-9874ea90.js">
87<link rel="modulepreload" href="/assets/controllers/autosave_controller-0fb7403c.js">
88<link rel="modulepreload" href="/assets/controllers/clipboard_controller-adcda5f9.js">
89<link rel="modulepreload" href="/assets/controllers/copy_docs_controller-03e72340.js">
90<link rel="modulepreload" href="/assets/controllers/copy_text_controller-08bf5b98.js">
91<link rel="modulepreload" href="/assets/controllers/cost_preview_controller-b5bc59b7.js">
92<link rel="modulepreload" href="/assets/controllers/demo_animation_controller-2673775a.js">
93<link rel="modulepreload" href="/assets/controllers/dismissable_controller-4475a651.js">
94<link rel="modulepreload" href="/assets/controllers/embed_player_controller-01ab0803.js">
95<link rel="modulepreload" href="/assets/controllers/episodes_live_controller-ee880ee1.js">
96<link rel="modulepreload" href="/assets/controllers/eta_countdown_controller-85ced141.js">
97<link rel="modulepreload" href="/assets/controllers/extension_connect_controller-1f968fe3.js">
98<link rel="modulepreload" href="/assets/controllers/extension_status_controller-e868d18d.js">
99<link rel="modulepreload" href="/assets/controllers/file_upload_controller-c4633d1a.js">
100<link rel="modulepreload" href="/assets/controllers/founder_note_controller-95eedacd.js">
101<link rel="modulepreload" href="/assets/controllers/index-ee64e1f1.js">
102<link rel="modulepreload" href="/assets/controllers/sample_modal_controller-eb10cba6.js">
103<link rel="modulepreload" href="/assets/controllers/scroll_spy_controller-4dd9b8d4.js">
104<link rel="modulepreload" href="/assets/controllers/search_controller-d9a61e6b.js">
105<link rel="modulepreload" href="/assets/controllers/signup_modal_controller-ef18e51b.js">
106<link rel="modulepreload" href="/assets/controllers/tab_switch_controller-fb1a1297.js">
107<link rel="modulepreload" href="/assets/controllers/theme_controller-4dc87e55.js">

108<script type="module">import "application"</script>

108
109  </head>
110
111  <body class="bg-mist-100 dark:bg-mist-950 text-mist-950 dark:text-white antialiased" data-controller="theme signup-modal">
112    
113    <header class="sticky top-0 z-10 bg-mist-100 dark:bg-mist-950">
114  <nav>
115    <div class="mx-auto flex h-[5.25rem] max-w-6xl items-center gap-4 px-6">
116      <div class="flex flex-1 items-center gap-12">
117        <div class="flex items-center">
118          <a class="inline-flex items-stretch" href="/">
119            <span class="font-display text-xl text-mist-950 dark:text-white">PodRead</span>
120</a>        </div>
121      </div>
122
123      <div class="flex flex-1 items-center justify-end gap-4">
124        <div class="flex shrink-0 items-center gap-5">
125        </div>
126
127      </div>
128    </div>
129
130  </nav>
131</header>
132
133      <main class="max-w-6xl mx-auto mt-4 px-4 py-8">
134        <div id="flash-messages">
135</div>
136        
137<div class="flex justify-center items-center min-h-[calc(100vh-10rem)]">
138  <div class="w-full max-w-md text-center">
139    <!-- Envelope Icon -->
140    <div class="mx-auto flex size-12 items-center justify-center rounded-full bg-mist-950/10 dark:bg-white/10">
141      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-mist-950 dark:text-white">
142        <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
143      </svg>
144    </div>
145
146    <!-- Heading -->
147    <h1 class="mt-4 text-xl font-semibold text-mist-950 dark:text-white">Login</h1>
148
149    <!-- Form -->
150    <form class="mt-6" action="/session" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pwS49Psy5eS_G8vbS-gKcJupY5WRAX-cZMDQpN8zNHrpkFbTCt_Nwl8B4ZT3fSgxdYGNiVWTglgnnKYqAP5cdA" />
151
152      <div class="space-y-4">
153        <input required="required" autofocus="autofocus" autocomplete="email" placeholder="Enter your email" class="block w-full rounded-md bg-white px-3 py-2 text-mist-950 outline-1 -outline-offset-1 outline-mist-300 placeholder:text-mist-400 focus:outline-2 focus:-outline-offset-2 focus:outline-mist-950 dark:bg-mist-800 dark:text-white dark:outline-mist-700 dark:focus:outline-white sm:text-sm/6" type="email" name="email_address" id="email_address" />
154
155        <input type="submit" name="commit" value="Send me a link" class="w-full bg-mist-950 dark:bg-white text-white dark:text-mist-950 font-medium py-2 px-4 rounded-lg hover:bg-mist-800 dark:hover:bg-mist-200 cursor-pointer" data-disable-with="Send me a link" />
156      </div>
157</form>
158    <p class="mt-4 text-center text-xs text-mist-500 dark:text-mist-400">
159      By signing in, you agree to our
160      <a class="underline hover:text-mist-950 dark:hover:text-white" href="/terms">Terms</a>
161      and <a class="underline hover:text-mist-950 dark:hover:text-white" href="/privacy">Privacy Policy</a>.
162    </p>
163  </div>
164</div>
165
166      </main>
167    <dialog
168  data-signup-modal-target="dialog"
169  data-action="click->signup-modal#closeOnBackdrop"
170  class="fixed inset-0 z-50 m-auto max-w-md rounded-xl bg-mist-100 dark:bg-mist-950 p-6 shadow-xl backdrop:bg-black/50 backdrop:backdrop-blur-sm"
171>
172  <div class="text-center">
173    <!-- Envelope Icon -->
174    <div class="mx-auto flex size-12 items-center justify-center rounded-full bg-mist-950/10 dark:bg-white/10">
175      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-mist-950 dark:text-white">
176        <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
177      </svg>
178    </div>
179
180    <!-- Heading -->
181    <h3 data-signup-modal-target="heading" class="mt-4 text-xl font-semibold text-mist-950 dar

181k:text-white">
182      Start listening free
183    </h3>
184
185    <!-- Subtext -->
186    <p data-signup-modal-target="subtext" class="mt-2 text-sm text-mist-500 dark:text-mist-400">
187      2 episodes/month, no credit card required
188    </p>
189  </div>
190
191  <!-- Form -->
192  <form class="mt-6" action="/session" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W08nscRqWP3_KUEdyScvSNLXcQu5aTHNJLM9BTeo9KMV28mWNYdw2x8za1J1sg0JPP-fF337zAln70uL6GWcrQ" />
193    <input value="" data-signup-modal-target="planField" type="hidden" name="plan" id="plan" />
194    <input value="" data-signup-modal-target="packSizeField" type="hidden" name="pack_size" id="pack_size" />
195
196    <div class="space-y-4">
197      <input required="required" autocomplete="email" placeholder="Enter your email" class="w-full rounded-lg bg-white dark:bg-mist-800 px-4 py-3 text-base text-mist-950 dark:text-white outline-none ring-1 ring-mist-200 dark:ring-mist-700 placeholder:text-mist-500 dark:placeholder:text-mist-400 focus:ring-2 focus:ring-mist-950 dark:focus:ring-white" type="email" name="email_address" id="email_address" />
198
199      <input type="submit" name="commit" value="Send me a link" class="w-full rounded-lg bg-mist-950 dark:bg-white px-4 py-3 text-sm font-semibold text-white dark:text-mist-950 shadow-sm hover:bg-mist-800 dark:hover:bg-mist-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mist-950 dark:focus-visible:outline-white cursor-pointer" data-disable-with="Send me a link" />
200    </div>
201</form>
202  <p class="mt-4 text-center text-xs text-mist-500 dark:text-mist-400">
203    By signing up, you agree to our
204    <a class="underline hover:text-mist-950 dark:hover:text-white" href="/terms">Terms</a>
205    and <a class="underline hover:text-mist-950 dark:hover:text-white" href="/privacy">Privacy Policy</a>.
206  </p>
207</dialog>
208
209  

209<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"00fc2e0abafb42a4bd3bd615698896d1","r":1,"spa":2}' crossorigin="anonymous"></script>

209
210</body>
211</html>