···

       
130
       
 
       
			box-sizing: border-box;

     

       
131
       
 
       
		}

     

       
132
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
133
       
 
       
		input:focus {

     

       
134
       
 
       
			outline: none;

     

       
135
       
 
       
			border-color: var(--primary);

     
···

       
328
       
 
       


     

       
329
       
 
       
				if (!response.ok) {

     

       
330
       
 
       
					const data = await response.json();

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
331
       
 
       
					this.error = data.error || "Login failed";

     

       
332
       
 
       
					return;

     

       
333
       
 
       
				}

     
···

       
424
       
 
       
									this.needsRegistration

     

       
425
       
 
       
										? html`

     

       
426
       
 
       
											<p class="info-text">

     

       
427
       
-
       
												That email isn't registered yet. Let's create an

     

       
428
       
-
       
												account!

     

       
429
       
 
       
											</p>

     

       
430
       
 
       
										`

     

       
431
       
 
       
										: ""

     
···

       
433
       
 
       


     

       
434
       
 
       
								<form @submit=${this.handleSubmit}>

     

       
435
       
 
       
									<div class="form-group">

     

       
436
       
-
       
										<label for="email">Email</label>

     

       
437
       
 
       
										<input

     

       
438
       
 
       
											type="email"

     

       
439
       
 
       
											id="email"

     

       
0
       
 
       

     

       
440
       
 
       
											.value=${this.email}

     

       
441
       
 
       
											@input=${this.handleEmailInput}

     

       
442
       
 
       
											required

     
···

       
452
       
 
       
													<input

     

       
453
       
 
       
														type="text"

     

       
454
       
 
       
														id="name"

     

       
0
       
 
       

     

       
455
       
 
       
														.value=${this.name}

     

       
456
       
 
       
														@input=${this.handleNameInput}

     

       
457
       
 
       
														?disabled=${this.isSubmitting}

     
···

       
466
       
 
       
										<input

     

       
467
       
 
       
											type="password"

     

       
468
       
 
       
											id="password"

     

       
0
       
 
       

     

       
469
       
 
       
											.value=${this.password}

     

       
470
       
 
       
											@input=${this.handlePasswordInput}

     

       
471
       
 
       
											required

     

···

       
130
       
 
       
			box-sizing: border-box;

     

       
131
       
 
       
		}

     

       
132
       
 
       


     

       
133
       
+
       
		input::placeholder {

     

       
134
       
+
       
			color: var(--secondary);

     

       
135
       
+
       
			opacity: 1;

     

       
136
       
+
       
		}

     

       
137
       
+
       


     

       
138
       
 
       
		input:focus {

     

       
139
       
 
       
			outline: none;

     

       
140
       
 
       
			border-color: var(--primary);

     
···

       
333
       
 
       


     

       
334
       
 
       
				if (!response.ok) {

     

       
335
       
 
       
					const data = await response.json();

     

       
336
       
+
       
					if (response.status === 401) {

     

       
337
       
+
       
						this.needsRegistration = true;

     

       
338
       
+
       
						this.error = "";

     

       
339
       
+
       
						return;

     

       
340
       
+
       
					}

     

       
341
       
 
       
					this.error = data.error || "Login failed";

     

       
342
       
 
       
					return;

     

       
343
       
 
       
				}

     
···

       
434
       
 
       
									this.needsRegistration

     

       
435
       
 
       
										? html`

     

       
436
       
 
       
											<p class="info-text">

     

       
437
       
+
       
												Looks like you might not have an account yet. Create one below!

     

       
0
       
 
       

     

       
438
       
 
       
											</p>

     

       
439
       
 
       
										`

     

       
440
       
 
       
										: ""

     
···

       
442
       
 
       


     

       
443
       
 
       
								<form @submit=${this.handleSubmit}>

     

       
444
       
 
       
									<div class="form-group">

     

       
0
       
 
       

     

       
445
       
 
       
										<input

     

       
446
       
 
       
											type="email"

     

       
447
       
 
       
											id="email"

     

       
448
       
+
       
											placeholder="heidi@awesome.net"

     

       
449
       
 
       
											.value=${this.email}

     

       
450
       
 
       
											@input=${this.handleEmailInput}

     

       
451
       
 
       
											required

     
···

       
461
       
 
       
													<input

     

       
462
       
 
       
														type="text"

     

       
463
       
 
       
														id="name"

     

       
464
       
+
       
														placeholder="Heidi VanCoolbeans"

     

       
465
       
 
       
														.value=${this.name}

     

       
466
       
 
       
														@input=${this.handleNameInput}

     

       
467
       
 
       
														?disabled=${this.isSubmitting}

     
···

       
476
       
 
       
										<input

     

       
477
       
 
       
											type="password"

     

       
478
       
 
       
											id="password"

     

       
479
       
+
       
											placeholder="*************"

     

       
480
       
 
       
											.value=${this.password}

     

       
481
       
 
       
											@input=${this.handlePasswordInput}

     

       
482
       
 
       
											required