halbear/HalbearNetDesktopSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created Landing Page, Revamped account system, added account sessions and password obfuscation(not being pushed to the public branch) revamping main site bit by bit

Browse Source
This commit is contained in:
halbear... 1
2026-03-03 08:13:51 +00:00
parent 5b500e3b8d
commit 0e728eae0e
65 changed files with 1269 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

222
AccountCentre/AccountWindow.css Normal file
View File

@@ -0,0 +1,222 @@
.windowIcon{
user-select: none;
z-index: 55 !important;
position: absolute;
transition: 0.0s !important;
width: 9.5vh;
height: 9.5vh;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
flex-direction: column;
border-radius: 5%;
}
Button{
background: transparent;
border: none;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 50vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.DraggableWrapper{
pointer-events: all;
z-index: 50; /*!important;*/
padding: 0;
Position:Absolute;
left: 0;
top: 0;
}
.WindowTitleBar{
backdrop-filter: blur(2px);
padding-top: 0;
padding-bottom: 0;
padding-left: 2vh;
padding-right: 2vh;
display: flex;
margin: 0;
box-sizing: border-box;
width: 100%;
height: 5vh;
/*z-index: 10;*/
user-select: none;
justify-content: space-between;
align-items: center;
text-align: center;
cursor:grab;
flex-wrap: nowrap;
background-image: linear-gradient(to bottom, rgba(200,200,255,0.3),rgba(200,200,255,0.1),rgba(200,200,255,0.0),rgba(200,200,255,0.2));
border: 0.5vh white solid;
border-radius: 2vh;
box-shadow: 0 1vh 1vh #1d4746;
}
.WindowTitleBar:active{
cursor: grabbing;
}
.ExitButton{
transition: 0.25s;
background-image: url("../GeneralAssets/ExitButton.png");
}
.ExitButton:hover{
transform: scale(1.2);
background-image: url("../GeneralAssets/ExitButtonHover.png");
}
.MinimiseButton{
background-image: url("../GeneralAssets/MinimiseButton.png");
margin-right: 0.25vh;
}
.MinimiseButton:hover{
background-image: url("../GeneralAssets/MinimiseButtonHover.png");
}
.appTitleButton{
background-size: contain;
background-repeat: no-repeat;
height: 3.5vh;
width: 3.5vh;
}
.appTitleButton:hover{
cursor: pointer;
}
.appTitleButton:active{
cursor: grabbing;
}
.WindowThumbnail{
background-size: contain;
background-repeat: no-repeat;
height: 3vh;
width: 3vh;
}
.WindowTitleBarContainer{
padding: 0;
margin: 0;
display: flex;
justify-content: left;
align-items: center;
text-align: center;
flex-wrap: nowrap;
height: 100%;
}
.WindowBody{
justify-content: center;
align-content: start;
align-items: center;
font-family: "Arial", serif;
/*z-index: 5;*/
box-sizing: border-box;
height: 100%;
width: 100%;
filter: drop-shadow(1vh 1vh 1vh #121e29);
backdrop-filter:brightness(0.9) blur(5px);
text-shadow: #223342 0 0 2vh;
background-image: linear-gradient(to bottom,rgba(22, 184, 224,0.1) ,rgba(22, 184, 224,0.25),rgba(22, 184, 224,0.15),rgba(42, 184, 224,0.05)),linear-gradient(to bottom, rgba(200,200,255,0.5),rgba(200,200,255,0.1),rgba(200,200,255,0.0),rgba(200,200,255,0.2));
border-radius: 5vh;
display: flex;
flex-wrap: wrap;
box-shadow: 1vh 1vh 1vh #121e29;
padding:1vh;
transition: 0.6s;
margin-bottom: 3vh;
}
.WindowBody.Dragging{
box-shadow: 2vh 3vh 3vh #121e29;
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 2.35vh;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
.IconText{
font-family: "Arial", serif;
font-size: 1.35vh !important;
user-select: none;
}
.whiteText{
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 3.35vh;
}
.FormBoxWrapper{
margin: 3vh;
min-width: 90%;
}
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
display: flex;
justify-content: left;
align-items: center;
align-content: center;
}
.minimised{
top: 200vh !important;
transition: 0.5s !important;
}
.animationTransition{
transition: 0.5s !important;
}
.hyperlink:hover{
transform: scale(1.2);
cursor: pointer;
color: white !important;
}
.hyperlink{
transition: 0.25s;
color: #8cefff !important;
font-family: "Arial", serif;
}
.ButtonArea{
align-items: flex-start !important;
margin-top: 5vh;
flex-direction: column;
}
.LogInButton:hover{
width: 17vw;
transform: scale(1.3) translateY(1vh)!important;
}
input:hover{
height:5vh;
min-width: 5vh;
}
input{
transition: 0.25s;
box-shadow: 0 0 1vh #8cefff;
margin-right: 5vh;
transform: scale(1.2);
border: none;
height:3vh;
min-width: 3vh;
border-radius: 1.5vh;
border-bottom: #8cefff 0.5vh solid;
background: transparent !important;
background-image: linear-gradient(to bottom, rgba(25,50,75,0.5), rgba(50,100,155,0.25), rgba(50,100,155,0.15), rgba(50,100,155,0.15)) !important;
}
.showpassword{
backdrop-filter: none !important;
}
.LogInButton{
border-radius: 2vh !important;
width: 15vw;
transform: scale(1.2) translateY(1vh);
background: transparent !important;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35)) !important;
}