https://github.com/httpanimation/login-2
My 2nd attempt to make a login page
https://github.com/httpanimation/login-2
Last synced: 9 months ago
JSON representation
My 2nd attempt to make a login page
- Host: GitHub
- URL: https://github.com/httpanimation/login-2
- Owner: HttpAnimation
- Archived: true
- Created: 2023-11-14T20:05:05.000Z (about 2 years ago)
- Default Branch: gh-pages
- Last Pushed: 2023-12-04T19:08:50.000Z (about 2 years ago)
- Last Synced: 2025-02-25T09:17:59.642Z (11 months ago)
- Language: CSS
- Homepage: https://httpanimation.github.io/login-2/
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Login
This website is mainly made to be built into another website and not used in a signler mode.
# Downloading
1) Linux/MacOS
To download for Linux/MacOS open a terminal and type
```
git clone https://github.com/HttpAnimation/login-2.git
```
Once downloaded open the folder with any IDE and you're done.
2) Windows
To download on Windows head over to the [Main part](https://github.com/HttpAnimation/login-2) of this Github then click Code and Download zip open finder and extract the zip file then open it with any IDE.
# Defaults
The default login for this project is
```
Username = Admin
Password = Password
```
# Changing login
To change the login of the website use any IDE for this i'll use nano and open the [Data.ini](https://github.com/HttpAnimation/login-2/blob/gh-pages/Data.ini) file for nano this is gonna be the following command.
```
nano Data.ini
```
Once opened, change
```
Username = Admin
Password = Password
```
to the data you wanna use for this exp let's use
```
Username = HttpAnimations
Password = HackMePLS
```
# Live preview/use case
If you would like to see this project in action you can view this website [here](https://httpanimation.github.io/login-2/) for the single build.
If you would like to see this project in action for a real use look at this repo [here](https://github.com/HttpAnimation/Hicup) this is the repo that this project was made for.
# Adding to a website
If you would like to add this to you're webiste make sure to edit Data.ini and replace
```
if (parsedData.user === username && parsedData.pass === password) {
window.location.href = "https://exp.com";
} else {
alert("Invalid credentials. Please try again.");
}
```
in script.js with the data you want it to do/use for the most case tho just change https://exp.com with /main.html or what ever you're site is for better protection make it so if you are not redieracted to hte site by the certian url it will take you back to index.html.
## Why wont't it work localy
The reason the login page does not work on a local run is becasue cross-orgin with firefox this not a issue because firefox allows it if data.ini is also in the same dir/sub-dir as long as they are it will work other browsers will not allow this beacuse there dumb you might be able to rename Data.ini to Data.js and change the name in the java script code.
# Other
Note that is really made just to be a show case on how you could do it with out PHP code and if you are using PHP code it is gonna be way safer just to use that but for this, this is really just to be a way to put it on websites that don't want people to get to that easly.