Skip to content

Latest commit

 

History

History
155 lines (151 loc) · 4.8 KB

2024-01-13-login.md

File metadata and controls

155 lines (151 loc) · 4.8 KB
layout title permalink
base
Login
/login/
<title>Signup</title> <style> body { background-color: #FAE5DE; } h1 { text-align: center; color: #945C5D; } .conta { background-color: #D69092; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } form { display: flex; flex-direction: column; align-items: center; } label { color: #945C5D; margin-bottom: 8px; } input { padding: 8px; margin-bottom: 16px; border: 1px solid #ccc; border-radius: 4px; } input[type="submit"] { cursor: pointer; transition: background-color 0.3s ease; } #userDisplayName { text-align: center; margin-top: 20px; color: #; } #updateButton { display: none; background-color: #2ECC71; color: #fff; padding: 8px; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; } #updateButton:hover { background-color: #27AE60; } </style>
<script> //import { uri, options } from '{{site.baseurl}}/assets/js/api/config.js'; function login_user() { const enteredUid = document.getElementById("uid").value; const enteredPassword = document.getElementById("password").value; console.log("Uid = " + enteredUid) console.log("Password = " + enteredPassword) const signupHeaders = new Headers(); signupHeaders.set('111', '222'); signupHeaders.set("Accept", "*/*"); signupHeaders.set("Accept-Language", "en-US,en;q=0.9"); signupHeaders.set("Content-Type", "application/json"); login_api(enteredUid,enteredPassword) } function login_api(uid, pw){ var myHeaders = new Headers(); myHeaders.append("Accept", "*/*"); myHeaders.append("Accept-Language", "en-US,en;q=0.9"); myHeaders.append("Content-Type", "application/json"); myHeaders.append("Cookie", "jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJfdWlkIjoidG9ueSJ9.jEShka0oXI1-uCuSTfo3ed5WRw3ASLNV0Tpn1kc5GB0"); var raw = JSON.stringify({ "uid": uid, "password": pw }); var requestOptions = { method: 'POST', headers: myHeaders, body: raw, redirect: 'follow' }; fetch("http://127.0.0.1:8086/api/users/authenticate", requestOptions) .then(response => { if (response.ok) { console.log("User logged in successfully"); window.location.href = "https://isabellehp.github.io/tri2/login/" } else { console.error("User login failed"); // You can handle failed login attempts here const errorMessageDiv = document.getElementById('errorMessage'); errorMessageDiv.innerHTML = 'User Login Failed'; } }) .then(result => { console.log(result); }) .catch(error => console.log('error', error)); //return response } </script> <title>Login Page</title>

Login

User ID:

Password:

Log In Sign Up

<script src="{{site.baseurl}}/assets/js/three.r134.min.js"></script> <script src="{{site.baseurl}}/assets/js/vanta.clouds.min.js"></script> <script> VANTA.CLOUDS ({ el: "#animation", mouseControls: true, touchControls: true, gyroControls: false, skyColor: 0xf9d1d1, cloudColor: 0xbba2a8, cloudShadowColor: 0x905167, sunColor: 0x845d66, sunGlareColor: 0x5e2610, speed: 0.80 }); </script>