sigit/sigit_design
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile nav. user nav dropdown. new classes. sub notification bar above nav. premium page. settings pages.

Browse Source
This commit is contained in:
stitch 2024-09-11 18:41:32 +03:00
parent c9d498d59a
commit 83d5734186
27 changed files with 2591 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/dashboard.css
View File

@ -312,6 +312,7 @@
display: flex;
flex-direction: row;
grid-gap: 25px;
flex-wrap: wrap;
}
.secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual {

7
assets/css/footer.css
View File

@ -27,6 +27,7 @@
@media (max-width: 768px) {
.secMainFooterInsideTop {
grid-template-columns: 1fr;
grid-gap: 25px;
}
}
@ -64,6 +65,12 @@
width: 100%;
}
@media (min-width: 300px) {
.secMainFooterInsideTopSecLeftTopImg {
max-width: 200px;
}
}
.secMainFooterInsideTopSecLeftBottomText {
font-size: 14px;
}

73
assets/css/nav.css
View File

@ -4,6 +4,10 @@
justify-content: center;
}
.secMain.secMainNav::-webkit-scrollbar {
height: 10px;
}
.secMainNavInside {
width: 100%;
display: grid;
@ -30,6 +34,7 @@
.secMainNavInsideSecLeft {
width: 100%;
justify-content: center;
min-width: 100px;
}
.secMainNavInsideSecMid {
@ -69,6 +74,74 @@
justify-content: end;
}
@media (max-width: 768px) {
.secMainNavInsideSecRightInside {
display: none;
}
}
.btnMain.secMainNavInsideSecRightInsideBtn {
}
.btnMain.secMainNavInsideSecRightInsideBtnBurger {
}
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
display: none;
}
@media (max-width: 768px) {
.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
display: flex;
}
}
.secMainNavMobile {
transition: ease 0.4s;
position: fixed;
top: 0;
right: 0;
left: 100%;
bottom: 0;
background: white;
z-index: 10;
overflow: auto;
display: none;
flex-direction: column;
}
.secMainNavMobile.secMainNavMobileShow {
transition: ease 0.4s;
display: flex;
left: 0%;
}
.secMainNavMobileTop {
padding: 8px 10px;
}
.secMainNavMobileMid {
display: flex;
flex-direction: column;
grid-gap: 15px;
overflow: auto;
border-top: solid 1px rgba(0,0,0,0.05);
border-bottom: solid 1px rgba(0,0,0,0.05);
padding: 15px;
flex-grow: 1;
}
.secMainNavMobileBot {
padding: 15px;
display: flex;
flex-direction: row;
grid-gap: 15px;
}
.btnMain.secMainNavMobileMidBtn {
padding: 15px;
background: rgba(76,130,163,0);
color: #4c82a3;
justify-content: start;
}

545
assets/css/premium.css Normal file
View File

@ -0,0 +1,545 @@
.secMBSI_DSMPremium {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 100px;
padding: 50px 0;
}
@media (max-width: 576px) {
.secMBSI_DSMPremium {
padding: 0;
grid-gap: 50px;
}
}
.secMBSI_DSMPremiumHero {
padding: 75px 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
grid-gap: 25px;
background: white;
text-align: center;
border-radius: 5px;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
@media (max-width: 576px) {
.secMBSI_DSMPremiumHero {
padding: 25px 0px;
}
}
.secMBSI_DSMPremiumHero > :nth-child(1) {
width: 100%;
max-width: 150px;
}
.secMBSI_DSMPremiumHero > :nth-child(2) {
font-size: 50px;
font-weight: 900;
}
@media (max-width: 576px) {
.secMBSI_DSMPremiumHero > :nth-child(2) {
font-size: 35px;
}
}
.secMBSI_DSMPremiumHero > :nth-child(3) {
font-size: 24px;
font-weight: 500;
max-width: 700px;
opacity: 0.75;
}
@media (max-width: 576px) {
.secMBSI_DSMPremiumHero > :nth-child(3) {
font-size: 18px;
}
}
.secMBSI_DSMPremiumSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 50px;
}
.secMBSI_DSMPremiumSecTop {
text-align: center;
text-transform: uppercase;
}
.secMBSI_DSMPremiumSecTop > :nth-child(1) {
font-weight: 600;
color: rgba(0,0,0,0.65);
font-size: 38px;
}
.secMBSI_DSMPremiumSecMid {
display: flex;
flex-direction: column;
grid-gap: 50px;
}
@media (max-width: 576px) {
.secMBSI_DSMPremiumSecMid {
grid-gap: 25px;
}
}
.secMBSI_DSMPremiumSecMidCards {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 25px;
justify-content: center;
flex-wrap: wrap;
}
.secMBSI_DSMPremiumSecMidBoxes {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 25px;
justify-content: center;
flex-wrap: wrap;
text-align: center;
}
.secMBSI_DSMPremiumSecMidBoxesBox {
transition: ease 0.3s;
flex-grow: 1;
background: white;
padding: 25px;
display: flex;
flex-direction: column;
grid-gap: 25px;
border-radius: 5px;
align-items: center;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
.secMBSI_DSMPremiumSecMidBoxesBox:hover {
transition: ease 0.3s;
background: #4c82a3;
color: white;
transform: scale(1.02);
box-shadow: 0 0 8px 0 rgba(0,0,0,0);
}
.secMBSI_DSMPremiumSecMidBoxesBox > :nth-child(1) {
font-size: 24px;
font-weight: 600;
flex-grow: 1;
}
.secMBSI_DSMPremiumSecMidBoxesBox > * {
max-width: 350px;
}
.secMBSI_DSMPremiumSecMidBoxesBox > :nth-child(2) {
font-size: 16px;
opacity: 0.75;
}
.secMBSI_DSMPremiumSecMidSubscribe {
display: flex;
flex-direction: column;
grid-gap: 25px;
justify-content: center;
align-items: center;
}
.secMBSI_DSMPremiumSecMidSubscribeBox {
width: 100%;
max-width: 1000px;
padding: 25px;
background: white;
border-radius: 5px;
display: flex;
flex-direction: row;
grid-gap: 50px;
}
@media (max-width: 768px) {
.secMBSI_DSMPremiumSecMidSubscribeBox {
flex-direction: column;
grid-gap: 25px;
}
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSec {
display: flex;
flex-direction: column;
grid-gap: 15px;
width: 100%;
font-size: 16px;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecAlt {
display: flex;
flex-direction: row;
grid-gap: 15px;
width: 100%;
font-size: 16px;
justify-content: space-between;
}
.secMBSI_DSMPremiumSecMidCardsInside {
transition: ease 0.4s;
width: 100%;
border-radius: 5px;
display: flex;
flex-direction: row;
grid-gap: 0px;
justify-content: center;
flex-wrap: wrap;
}
.secMBSI_DSMPremiumSecMidCardsInside:hover {
transition: ease 0.4s;
grid-gap: 25px;
}
@media (max-width: 1281px) {
.secMBSI_DSMPremiumSecMidCardsInside {
grid-gap: 25px;
}
}
.secMBSI_DSMPremiumSecMidCardsInside > :first-child {
border-radius: 5px 0 0 5px;
}
.secMBSI_DSMPremiumSecMidCardsInside > :last-child {
border-radius: 0 5px 5px 0;
}
@media (max-width: 1281px) {
.secMBSI_DSMPremiumSecMidCardsInside > *, .secMBSI_DSMPremiumSecMidCardsInside > :first-child, .secMBSI_DSMPremiumSecMidCardsInside > :last-child {
border-radius: 5px;
}
}
.secMBSI_DSMPremiumSecMidCardsCard {
transition: ease 0.3s;
width: 100%;
min-width: 400px;
max-width: 400px;
background: white;
display: flex;
flex-direction: column;
grid-gap: 25px;
padding: 25px;
cursor: default;
justify-content: end;
}
@media (max-width: 768px) {
.secMBSI_DSMPremiumSecMidCardsCard {
max-width: unset;
min-width: unset;
}
}
.secMBSI_DSMPremiumSecMidCardsCard:hover {
transition: ease 0.3s;
box-shadow: 0 0 8px 0 rgb(0,0,0,0.15);
z-index: 10;
transform: scale(1.02);
border-radius: 5px;
}
.secMBSI_DSMPremiumSecMidCardsCardTop {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
text-align: center;
}
.secMBSI_DSMPremiumSecMidCardsCardTop > p {
font-size: 16px;
font-weight: 600;
color: rgba(0,0,0,0.5);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
grid-gap: 10px;
}
.secMBSI_DSMPremiumSecMidCardsCardTop > h1, .secMBSI_DSMPremiumSecMidCardsCardTop > h2, .secMBSI_DSMPremiumSecMidCardsCardTop > h3, .secMBSI_DSMPremiumSecMidCardsCardTop > h4, .secMBSI_DSMPremiumSecMidCardsCardTop > h5, .secMBSI_DSMPremiumSecMidCardsCardTop > h6 {
font-size: 48px;
font-weight: 600;
color: rgb(67,67,67);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
grid-gap: 15px;
}
@media (max-width: 768px) {
.secMBSI_DSMPremiumSecMidCardsCardTop > h1, h2, h3, h4, h5, h6 {
flex-direction: column;
grid-gap: 5px;
}
}
.secMBSI_DSMPremiumSecMidCardsCardMid {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 10px;
/*flex-grow: 1;*/
}
.secMBSI_DSMPremiumSecMidCardsCardMid > :last-child {
border-bottom: solid 1px rgba(0,0,0,0);
}
.secMBSI_DSMPremiumSecMidCardsCardMid > * {
transition: ease 0.3s;
border-bottom: solid 1px rgba(0,0,0,0.1);
padding: 10px 0;
color: rgba(0,0,0,0.75);
text-align: center;
}
.secMBSI_DSMPremiumSecMidCardsCardMid > *:hover {
transition: ease 0.3s;
border-radius: 5px;
background: rgba(255,255,255,0.05);
border-radius: 5px;
border-bottom: solid 1px rgba(0,0,0,0);
}
.secMBSI_DSMPremiumSecMidCardsInside > :first-child > .secMBSI_DSMPremiumSecMidCardsCardMid > *:hover, .secMBSI_DSMPremiumSecMidCardsInside > :last-child > .secMBSI_DSMPremiumSecMidCardsCardMid > *:hover {
transition: ease 0.3s;
border-radius: 5px;
background: rgba(0,0,0,0.05);
border-radius: 5px;
border-bottom: solid 1px rgba(0,0,0,0);
}
.secMBSI_DSMPremiumSecMidCardsCardBot {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.secMBSI_DSMPremiumSecMidCardsCardNote {
font-size: 14px;
color: rgba(0,0,0,0.5);
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime {
background: #4c82a3;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * {
color: white;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * > * {
color: white;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCard > * > * > :first-child {
text-decoration: line-through;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * > * > :first-child {
text-decoration: line-through;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCard > * > * > * {
color: rgba(0,0,0,0.5);
font-size: 16px;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * > * > * {
color: rgba(255,255,255,0.5);
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * > a {
background: #447592;
}
.secMBSI_DSMPremiumSecMidCardsCard.secMBSI_DSMPremiumSecMidCardsCardPrime > * > a:hover {
background: #5e8eab;
}
.secMBSI_DSMPremiumSecMidCardsCardHead {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
grid-gap: 10px;
}
.secMBSI_DSMPremiumSecMidCardsCardHead > * {
margin: 0;
}
.secMBSI_DSMPremiumSecMidNote {
text-align: center;
color: rgba(0,0,0,0.25);
font-size: 16px;
}
.secMBSI_DSMPremiumSecMidCardWrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.secMBSI_DSMPremiumSecMidCard {
transition: ease 0.3s;
width: 100%;
padding: 25px;
background: #ffffff;
display: flex;
flex-direction: column;
grid-gap: 15px;
cursor: default;
justify-content: end;
border-radius: 5px;
border: solid 3px rgb(76,130,163);
text-align: center;
}
.secMBSI_DSMPremiumSecMidCard:hover {
transition: ease 0.3s;
transform: scale(1.01);
}
.secMBSI_DSMPremiumSecMidCardMid {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
font-size: 16px;
/*padding: 10px 0;*/
/*border-top: solid 1px rgba(0,0,0,0.1);*/
/*border-bottom: solid 1px rgba(0,0,0,0.1);*/
}
.secMBSI_DSMPremiumSecMidCardBot {
display: flex;
flex-direction: row;
grid-gap: 15px;
width: 100%;
justify-content: center;
align-items: center;
}
.secMBSI_DSMPremiumSecMidCardBot > * {
flex-grow: 1;
max-width: 200px;
}
.secMBSI_DSMPremiumSecMidCardTopText {
font-size: 32px;
color: unset;
text-align: center;
font-weight: 600;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecQR {
width: 100%;
max-width: 200px;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecQRWrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 1px rgba(0,0,0,0.1);
padding: 15px;
border-radius: 5px;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecPackages {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper {
transition: ease 0.3s;
position: relative;
flex-grow: 1;
padding: 15px;
border: solid 2px rgba(76,130,163,0.1);
border-radius: 5px;
background: rgba(76,130,163,0.1);
display: flex;
flex-direction: column;
grid-gap: 5px;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper:hover {
transition: ease 0.3s;
border: solid 2px rgba(76,130,163,0.2);
background: rgba(76,130,163,0.2);
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper > :nth-child(2) {
font-size: 24px;
color: #434343;
opacity: 0.5;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper > :nth-child(3) {
font-size: 14px;
color: rgba(0,0,0,0.5);
opacity: 0.5;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive {
transition: ease 0.3s;
position: relative;
flex-grow: 1;
padding: 15px;
border: solid 2px rgb(76,130,163);
border-radius: 5px;
background: rgba(76,130,163,0.25);
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive > :nth-child(2), .secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive > :nth-child(3) {
transition: ease 0.3s;
opacity: 1;
}
.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckbox {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.inputMainWrapper {
display: flex;
flex-direction: column;
grid-gap: 5px;
}

141
assets/css/settings.css Normal file
View File

@ -0,0 +1,141 @@
.settingsMain {
width: 100%;
display: grid;
grid-template-columns: 0.4fr 1.6fr;
position: relative;
grid-gap: 25px;
}
.settingsMainSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 25px;
}
.settingsMainSecInside {
width: 100%;
background: white;
padding: 15px;
border-radius: 5px;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.settingsMainSecInside.settingsMainSecInsideLeft {
position: sticky;
top: 15px;
}
.settingsMainSecInside.settingsMainSecInsideRight {
}
.btnMain.settingsMainSecInsideLeftBtn {
transition: ease 0.3s;
background: rgba(76,130,163,0);
color: #434343;
font-weight: 600;
opacity: 0.75;
justify-content: start;
grid-gap: 10px;
}
.btnMain.settingsMainSecInsideLeftBtn:hover {
transition: ease 0.3s;
opacity: 0.85;
grid-gap: 15px;
}
.btnMain.settingsMainSecInsideLeftBtn.settingsMainSecInsideLeftBtnActive {
transition: ease 0.3s;
background: rgb(76,130,163);
color: #ffffff;
}
.settingsMainSecInsideRightSec {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.settingsMainSecInsideRightSecPic {
display: flex;
flex-direction: row;
}
.settingsMainSecInsideRightSecPicInside {
position: relative;
width: 75px;
height: 75px;
background: rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 3px #79a1ba;
border-radius: 100px;
overflow: hidden;
}
.settingsMainSecInsideRightSecPicInsideImg {
width: 100%;
height: 100%;
object-fit: contain;
}
.settingsMainSecInsideRightSecPicInsideUpload > input {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
opacity: 0;
cursor: pointer;
}
.settingsMainSecInsideRightSecPicInsideUpload > * {
cursor: pointer;
}
.settingsMainSecInsideRightSecPicInsideUpload {
transition: ease 0.3s;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.25);
backdrop-filter: blur(1px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
font-size: 24px;
cursor: pointer;
opacity: 0;
z-index: 1;
}
.settingsMainSecInsideRightSecPicInsideUpload:hover {
transition: ease 0.3s;
background: rgba(0,0,0,0.25);
backdrop-filter: blur(1px);
opacity: 1;
}
.btnMain.settingsMainSecInsideRightSecBtn {
max-width: 300px;
align-self: center;
width: 100%;
}
.btnMain.settingsMainSecInsideRightSecBtnAlt {
align-self: end;
}

19
assets/css/sitewideNotif.css Normal file
View File

@ -0,0 +1,19 @@
.siteWideNotif {
width: 100%;
background: #4c82a3;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.siteWideNotifInside {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 10px;
color: #ffffff;
justify-content: space-between;
}

91
assets/css/styles.css
View File

@ -133,6 +133,11 @@ p {
text-decoration: underline;
}
.linkMain.linkMainAlt {
color: #ffffff;
text-decoration: underline;
}
.btnMainImg {
border-radius: 100px;
width: 20px;
@ -223,6 +228,7 @@ h1, h2, h3, h4, h5, h6 {
margin: 3px 0 0 0!important;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.25);
width: 100%;
clip-path: inset(0 0 0 0);
}
.dropdown-item.dropdownMainMenuItem {
@ -456,3 +462,88 @@ h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
.toggleMain {
overflow: hidden;
border-radius: 4px;
position: relative;
width: calc(50px + 2px);
height: 26px;
background: rgb(76,130,163);
justify-content: center;
align-items: center;
box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.15);
}
.toggleMain > div {
background: white;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.15);
}
.toggleMainBall {
transition: ease 0.2s;
width: 18px;
height: 18px;
border-radius: 2px;
position: absolute;
top: 4px;
left: 4px;
right: 100%;
}
.toggleMainBall.toggleMainBallChecked {
transition: ease 0.2s;
left: calc(100% - 20px - 3px);
right: 0%;
}
.toggleMainCheckbox {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.toggleMain.toggleMainAlt {
background: #ffffff;
outline: solid 2px #4c82a3;
}
.toggleMain.toggleMainAlt > div {
background: #4c82a3;
}
.secMainBodySecInsideTitle {
width: 100%;
display: flex;
flex-direction: row;
grid-gap: 0px;
margin: 0 0 15px 0;
grid-gap: 10px;
}
.inputMainWrapperBtns {
display: flex;
flex-direction: row;
grid-gap: 10px;
}
.btnMain.btnMainRed {
background: #ff6347;
}
.btnMain.btnMainRed:hover {
background: #ff7f68;
}
.inputMainWrapperText {
font-size: 14px;
color: rgba(0,0,0,0.75);
font-weight: 400;
padding: 0 0 0 5px;
}

BIN
assets/img/Untitled 1 (2).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

15
assets/js/navMobile.js Normal file
View File

@ -0,0 +1,15 @@
document.querySelectorAll('.secMainNavInsideSecRightInsideBtnBurger').forEach(button => {
button.addEventListener('click', () => {
const mobileNav = document.querySelector('.secMainNavMobile');
if (mobileNav) {
if (mobileNav.classList.contains('secMainNavMobileShow')) {
mobileNav.classList.remove('secMainNavMobileShow');
document.body.style.overflow = 'auto'; // Enable scroll
} else {
mobileNav.classList.add('secMainNavMobileShow');
document.body.style.overflow = 'hidden'; // Disable scroll
}
}
});
});

56
assets/js/popups.js
View File

@ -1,19 +1,41 @@
// Function to handle loginBtn click
document.getElementById('loginBtn').addEventListener('click', function() {
// Function to show the popup
function showPopup() {
var popupLogin = document.getElementById('popupLogin');
popupLogin.style.display = 'flex';
document.body.style.overflow = 'hidden'; // Disable scroll
});
// Function to handle popupMainInsideWrapperBoxTopBtn click
document.addEventListener('click', function(event) {
var clickedElement = event.target;
var popupMainInsideWrapperBoxTopBtn = document.querySelector('.popupMainInsideWrapperBoxTopBtn');
// Check if the clicked element or its parent elements match the target
if (popupMainInsideWrapperBoxTopBtn.contains(clickedElement)) {
var popupLogin = document.getElementById('popupLogin');
popupLogin.style.display = 'none';
document.body.style.overflow = ''; // Re-enable scroll
if (popupLogin) {
popupLogin.style.display = 'flex';
document.body.style.overflow = 'hidden';
}
});
}
// Function to hide the popup
function hidePopup() {
var popupLogin = document.getElementById('popupLogin');
var secMainNavMobileShow = document.querySelector('.secMainNavMobileShow');
if (popupLogin) {
popupLogin.style.display = 'none';
// Check if .secMainNavMobileShow is present before enabling scroll
if (!secMainNavMobileShow) {
document.body.style.overflow = '';
}
}
}
// Add event listeners to login buttons
for (let i = 0; i <= 10; i++) { // Assuming you have up to 10 login buttons
let btn = document.getElementById('loginBtn-' + i);
if (btn) {
btn.addEventListener('click', showPopup);
}
}
// Also add an event listener for the base login button
let baseLoginBtn = document.getElementById('loginBtn');
if (baseLoginBtn) {
baseLoginBtn.addEventListener('click', showPopup);
}
// Add event listener to the popup close button
let closeButton = document.querySelector('.popupMainInsideWrapperBoxTopBtn');
if (closeButton) {
closeButton.addEventListener('click', hidePopup);
}

24
assets/js/premiumToggle.js Normal file
View File

@ -0,0 +1,24 @@
document.addEventListener('DOMContentLoaded', function () {
// Get all checkboxes with the class 'toggleMainCheckbox'
const checkboxes = document.querySelectorAll('.toggleMainCheckbox');
// Function to update the 'toggleMainBall' class based on the checkbox state
function updateBall(checkbox) {
const ball = checkbox.previousElementSibling;
if (checkbox.checked) {
ball.classList.add('toggleMainBallChecked');
} else {
ball.classList.remove('toggleMainBallChecked');
}
}
checkboxes.forEach(function (checkbox) {
// Update the ball's state on page load
updateBall(checkbox);
// Attach a change event listener to each checkbox
checkbox.addEventListener('change', function () {
updateBall(this);
});
});
});

19
assets/js/premiumTogglePackages.js Normal file
View File

@ -0,0 +1,19 @@
document.querySelectorAll('.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckbox').forEach(radio => {
radio.addEventListener('change', () => {
document.querySelectorAll('.secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckbox').forEach(otherRadio => {
const parentDiv = otherRadio.closest('div');
if (otherRadio.checked) {
parentDiv.classList.add('secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive');
} else {
parentDiv.classList.remove('secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive');
}
});
});
// Initial check in case any radio is already checked
if (radio.checked) {
radio.closest('div').classList.add('secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive');
} else {
radio.closest('div').classList.remove('secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapperActive');
}
});

54
assets/js/priceChange.js Normal file
View File

@ -0,0 +1,54 @@
document.addEventListener('DOMContentLoaded', () => {
const toggleCheckbox = document.querySelector('.toggleMainCheckbox');
const secMBSI_DSMPremiumSecMidCardsInside = document.querySelector('.secMBSI_DSMPremiumSecMidCardsInside');
if (!secMBSI_DSMPremiumSecMidCardsInside) {
console.error('secMBSI_DSMPremiumSecMidCardsInside not found');
return;
}
const children = Array.from(secMBSI_DSMPremiumSecMidCardsInside.children);
if (children.length < 2) {
console.error('Not enough children in secMBSI_DSMPremiumSecMidCardsInside');
return;
}
const secondChild = children[1];
const lastChild = children[children.length - 1];
function updateContent() {
const updateLastP = (card, h1Content, pContent) => {
const cardTop = card.querySelector('.secMBSI_DSMPremiumSecMidCardsCardTop');
const lastP = cardTop.querySelectorAll('p').length > 0 ? cardTop.querySelectorAll('p')[cardTop.querySelectorAll('p').length - 1] : null;
const h1 = cardTop.querySelector('h1');
if (h1) {
h1.innerHTML = h1Content;
}
if (lastP) {
lastP.innerHTML = pContent;
}
};
if (toggleCheckbox.checked) {
// Update second child
updateLastP(secondChild, '<span><strong>€300</strong></span>€250<span>%16 off</span>', '<span><strong>€25</strong></span>€20.83 per month for 12 months');
// Update last child
updateLastP(lastChild, '<span><strong>€180</strong></span>€150<span>%16 off</span>', '<span><strong>€15</strong></span>€12.5 per month for 12 months');
} else {
// Revert second child
updateLastP(secondChild, '€25', '€25 per month');
// Revert last child
updateLastP(lastChild, '€15', '€15 per month');
}
}
toggleCheckbox.addEventListener('change', updateContent);
// Initial update based on the current checkbox state
updateContent();
});

61
dashboard-complete.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec secMainBodySecFiles">
@ -434,8 +489,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

61
dashboard-draft.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec secMainBodySecFiles">
@ -608,8 +663,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

7
dashboard-failed.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -428,8 +431,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

61
dashboard-progress.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec secMainBodySecFiles">
@ -564,8 +619,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

61
dashboard.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
@ -623,8 +678,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

61
index.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec secMainBodySecFront">
@ -258,8 +313,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

9
loadingElement.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -33,7 +36,7 @@
<div class="popupMainInsideWrapperBoxMidPic"><img class="popupMainInsideWrapperBoxMidPicImg" src="assets/img/SIGit%20Logo.svg"></div>
</div>
<div class="popupMainInsideWrapperBoxBottom">
<p>Loading...</p>
<p>Loading...</p><button class="btnMain" type="button">Close (Closing in: 10s)</button>
</div>
</div>
</div>
@ -44,8 +47,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

61
notifications.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -42,10 +45,62 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
@ -172,8 +227,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

228
premium.html
View File

@ -15,6 +15,9 @@
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
@ -23,6 +26,16 @@
</head>
<body class="bodyMain">
<div class="siteWideNotif">
<div class="containerMain">
<div class="siteWideNotifInside">
<p>You're currently using the free version of SIGit.&nbsp;<a class="linkMain linkMainAlt" href="#">Subscribe</a>, add your own Blossom server, or self-host to enjoy the full benefits of SIGit.</p><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path>
</svg></button>
</div>
</div>
</div>
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
@ -42,17 +55,222 @@
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInside_Dashboard">
<div class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecMid"></div>
<div class="secMBSI_DSMPremium">
<div class="secMBSI_DSMPremiumHero"><img src="assets/img/SIGit%20Logo.svg">
<h1>SIGit Premium</h1>
<p>The best way to experience signing documents and files, without worrying about the technical details.</p>
</div>
<div class="secMBSI_DSMPremiumSec">
<div class="secMBSI_DSMPremiumSecTop">
<h1>Benefits</h1>
</div>
<div class="secMBSI_DSMPremiumSecMid">
<div class="secMBSI_DSMPremiumSecMidBoxes">
<div class="secMBSI_DSMPremiumSecMidBoxesBox">
<h3>Expanded Creations &amp; Storage Limits</h3>
<p>Enjoy an expanded limit of 800 to 1,000 SIGit creations per month.</p>
</div>
<div class="secMBSI_DSMPremiumSecMidBoxesBox">
<h3>Expedited &amp; Enhanced Quality Support</h3>
<p>Benefit from a faster response to support tickets/enquiries.</p>
</div>
<div class="secMBSI_DSMPremiumSecMidBoxesBox">
<h3>Email &amp; Notification Reminders</h3>
<p>Get reminded of what you need to sign and who must sign next.</p>
</div>
</div>
</div>
</div>
<div class="secMBSI_DSMPremiumSec">
<div class="secMBSI_DSMPremiumSecTop">
<h1>Packages</h1>
</div>
<div class="secMBSI_DSMPremiumSecMid">
<div class="secMBSI_DSMPremiumSecMidCardsCardHead"><label class="form-label">Monthly</label>
<div class="toggleMain">
<div class="toggleMainBall"></div><input type="checkbox" class="toggleMainCheckbox" checked="">
</div><label class="form-label">Yearly</label>
</div>
<div class="secMBSI_DSMPremiumSecMidCards">
<div class="secMBSI_DSMPremiumSecMidCardsInside">
<div class="secMBSI_DSMPremiumSecMidCardsCard">
<div class="secMBSI_DSMPremiumSecMidCardsCardTop">
<p>Free</p>
<h1>€0</h1>
<p>No need to pay</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardMid">
<p>Email account</p>
<p>One file upload/creation</p>
<p>File upload size limit of 5 MB</p>
<p>File storage up to 3 months</p>
<p>Unlimited co-signers</p>
<p>reminder ()</p>
<p>Passing support</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardBot"><button class="btnMain" type="button">Register</button></div>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCard secMBSI_DSMPremiumSecMidCardsCardPrime">
<div class="secMBSI_DSMPremiumSecMidCardsCardTop">
<p>Gold</p>
<h3><span><strong>€300</strong></span>€250<span>%16 off</span></h3>
<p><span><strong>€25</strong></span>€20.83 per month for 12 months</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardMid">
<p>Email account</p>
<p>1,000 SIGit creations per month</p>
<p>File upload size limit of 100 MB</p>
<p>File storage up to 5 years</p>
<p>Unlimited co-signers</p>
<p>reminder ()</p>
<p>VIP support</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardBot"><a role="button" class="btnMain" href="#subscribeSec">Subscribe</a></div>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCard">
<div class="secMBSI_DSMPremiumSecMidCardsCardTop">
<p>Silver</p>
<h1><span><strong>€180</strong></span>€150<span>%16 off</span></h1>
<p><span><strong>€15</strong></span>€12.5 per month for 12 months</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardMid">
<p>Email account</p>
<p>800 SIGit creations per month</p>
<p>File upload size limit of 50 MB</p>
<p>File storage up to 5 years</p>
<p>Unlimited co-signers</p>
<p>reminder ()</p>
<p>Personal support</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardsCardBot"><a role="button" class="btnMain" href="#subscribeSec">Subscribe</a></div>
</div>
</div>
</div>
<div class="secMBSI_DSMPremiumSecMidCardWrapper">
<div class="secMBSI_DSMPremiumSecMidCard">
<div class="secMBSI_DSMPremiumSecMidCardTop">
<h3 class="secMBSI_DSMPremiumSecMidCardTopText">Self-Hostable</h3>
</div>
<div class="secMBSI_DSMPremiumSecMidCardMid">
<p>SIGit is an open-source project, as such you can self-host this project on your machine and set it up to a point where there's no limitations, for free. Other than that, you could also add your own Blossom server (in the settings page) to enjoy an expanded free experience without subscribing (the only thing you'd miss out on is email reminders/notifications).</p>
</div>
<div class="secMBSI_DSMPremiumSecMidCardBot"><button class="btnMain" type="button">Git Repository</button></div>
</div>
</div>
</div>
</div>
<div id="subscribeSec" class="secMBSI_DSMPremiumSec">
<div class="secMBSI_DSMPremiumSecTop">
<h1>Subscribe</h1>
</div>
<div class="secMBSI_DSMPremiumSecMid">
<div class="secMBSI_DSMPremiumSecMidSubscribe">
<div class="secMBSI_DSMPremiumSecMidSubscribeBox">
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSec">
<p>Choose your subscription package</p>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecPackages">
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper"><input type="radio" class="secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckbox" name="PremiumPackage" value="Gold" checked="">
<h3>Gold Package</h3>
<p>Enjoy the best possible experience at the most cost effective price.</p>
</div>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckboxWrapper"><input type="radio" class="secMBSI_DSMPremiumSecMidSubscribeBoxSecCheckbox" name="PremiumPackage" value="Silver">
<h3>Silver Package</h3>
<p>Enjoy a balanced experience at a more reasonable price.</p>
</div>
</div>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecAlt">
<p>Subscription period: Yearly</p>
<div class="toggleMain">
<div class="toggleMainBall"></div><input type="checkbox" class="toggleMainCheckbox" checked="">
</div>
</div>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecAlt">
<p>Price: €250</p>
</div>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecAlt">
<p>Subscription type: Recuring</p>
<div class="toggleMain">
<div class="toggleMainBall"></div><input type="checkbox" class="toggleMainCheckbox" checked="">
</div>
</div><button class="btnMain" type="button">Request Payment</button>
</div>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSec">
<p>Subscribe by scanning this QR code with your Lightning Wallet</p>
<div class="secMBSI_DSMPremiumSecMidSubscribeBoxSecQRWrapper"><img class="secMBSI_DSMPremiumSecMidSubscribeBoxSecQR" src="assets/img/Untitled%201%20(2).png"></div>
<p>Or by using your LN Wallet browser extension</p><button class="btnMain" type="button">Subscribe using extension</button>
<div class="alertMain alertMain">
<p class="alertMainText alertMainTextTitle">Notice</p>
<p class="alertMainText">For a recuring subscription, you'd need a NWC enabled Lightning wallet. Suggestions: <a class="linkMain" href="#">LifPay</a>, <a class="linkMain" href="#">Alby</a>&nbsp;</p><button class="btnMain alertMainBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path>
</svg></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -91,8 +309,12 @@
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>

187
settings-account.html Normal file
View File

@ -0,0 +1,187 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInsideTitle">
<h2>Settings</h2>
</div>
<div class="settingsMain">
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideLeft"><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-profile.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"></path>
</svg>Profile</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn settingsMainSecInsideLeftBtnActive" href="settings-account.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z"></path>
</svg>Account</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-sub.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"></path>
</svg>Subscribetion</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-relays.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M400 0C426.5 0 448 21.49 448 48V144C448 170.5 426.5 192 400 192H352V224H608C625.7 224 640 238.3 640 256C640 273.7 625.7 288 608 288H512V320H560C586.5 320 608 341.5 608 368V464C608 490.5 586.5 512 560 512H400C373.5 512 352 490.5 352 464V368C352 341.5 373.5 320 400 320H448V288H192V320H240C266.5 320 288 341.5 288 368V464C288 490.5 266.5 512 240 512H80C53.49 512 32 490.5 32 464V368C32 341.5 53.49 320 80 320H128V288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H288V192H240C213.5 192 192 170.5 192 144V48C192 21.49 213.5 0 240 0H400zM256 64V128H384V64H256zM224 448V384H96V448H224zM416 384V448H544V384H416z"></path>
</svg>Relays</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-servers.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg>Servers</a></div>
</div>
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideRight">
<div class="settingsMainSecInsideRightSec">
<div class="inputMainWrapper"><label class="form-label labelMain">Email</label><input type="email" class="inputMain" placeholder="example@example.com"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">Password</label><input type="password" class="inputMain" value="somepasswordexample"></div>
</div>
<div class="settingsMainSecInsideRightSec"><button class="btnMain settingsMainSecInsideRightSecBtn" type="button">Save Changes</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainFooter2">
<div class="containerMain">
<div class="secMainFooter2Inside">
<p class="secMainFooter2InsideText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>

203
settings-profile.html Normal file
View File

@ -0,0 +1,203 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInsideTitle">
<h2>Settings</h2>
</div>
<div class="settingsMain">
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideLeft"><a role="button" class="btnMain settingsMainSecInsideLeftBtn settingsMainSecInsideLeftBtnActive" href="settings-profile.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"></path>
</svg>Profile</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-account.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z"></path>
</svg>Account</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-sub.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"></path>
</svg>Subscribetion</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-relays.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M400 0C426.5 0 448 21.49 448 48V144C448 170.5 426.5 192 400 192H352V224H608C625.7 224 640 238.3 640 256C640 273.7 625.7 288 608 288H512V320H560C586.5 320 608 341.5 608 368V464C608 490.5 586.5 512 560 512H400C373.5 512 352 490.5 352 464V368C352 341.5 373.5 320 400 320H448V288H192V320H240C266.5 320 288 341.5 288 368V464C288 490.5 266.5 512 240 512H80C53.49 512 32 490.5 32 464V368C32 341.5 53.49 320 80 320H128V288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H288V192H240C213.5 192 192 170.5 192 144V48C192 21.49 213.5 0 240 0H400zM256 64V128H384V64H256zM224 448V384H96V448H224zM416 384V448H544V384H416z"></path>
</svg>Relays</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-servers.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg>Servers</a></div>
</div>
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideRight">
<div class="settingsMainSecInsideRightSec">
<div class="settingsMainSecInsideRightSecPic">
<div class="settingsMainSecInsideRightSecPicInside"><img class="settingsMainSecInsideRightSecPicInsideImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="75" height="68">
<div class="settingsMainSecInsideRightSecPicInsideUpload"><input type="file"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M105.4 182.6c12.5 12.49 32.76 12.5 45.25 .001L224 109.3V352c0 17.67 14.33 32 32 32c17.67 0 32-14.33 32-32V109.3l73.38 73.38c12.49 12.49 32.75 12.49 45.25-.001c12.49-12.49 12.49-32.75 0-45.25l-128-128C272.4 3.125 264.2 0 256 0S239.6 3.125 233.4 9.375L105.4 137.4C92.88 149.9 92.88 170.1 105.4 182.6zM480 352h-160c0 35.35-28.65 64-64 64s-64-28.65-64-64H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456z"></path>
</svg></div>
</div>
</div>
</div>
<div class="settingsMainSecInsideRightSec">
<div class="inputMainWrapper"><label class="form-label labelMain">Name</label><input type="text" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">Profile Picture</label><input type="url" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">Banner Picture</label><input type="url" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">NIP-05 Handle</label><input type="text" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">Bio</label><textarea class="inputMain"></textarea></div>
<div class="inputMainWrapper"><label class="form-label labelMain">NIP-05 Handle</label><input type="text" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">LN Address</label><input type="text" class="inputMain"></div>
<div class="inputMainWrapper"><label class="form-label labelMain">nPub</label><input type="text" class="inputMain" readonly="" value="npubAddressHereCantBeUserModified"></div>
</div>
<div class="settingsMainSecInsideRightSec"><button class="btnMain settingsMainSecInsideRightSecBtn" type="button">Publish Changes</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainFooter2">
<div class="containerMain">
<div class="secMainFooter2Inside">
<p class="secMainFooter2InsideText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>

191
settings-relays.html Normal file
View File

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInsideTitle">
<h2>Settings</h2>
</div>
<div class="settingsMain">
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideLeft"><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-profile.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"></path>
</svg>Profile</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-account.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z"></path>
</svg>Account</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-sub.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"></path>
</svg>Subscribetion</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn settingsMainSecInsideLeftBtnActive" href="settings-relays.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M400 0C426.5 0 448 21.49 448 48V144C448 170.5 426.5 192 400 192H352V224H608C625.7 224 640 238.3 640 256C640 273.7 625.7 288 608 288H512V320H560C586.5 320 608 341.5 608 368V464C608 490.5 586.5 512 560 512H400C373.5 512 352 490.5 352 464V368C352 341.5 373.5 320 400 320H448V288H192V320H240C266.5 320 288 341.5 288 368V464C288 490.5 266.5 512 240 512H80C53.49 512 32 490.5 32 464V368C32 341.5 53.49 320 80 320H128V288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H288V192H240C213.5 192 192 170.5 192 144V48C192 21.49 213.5 0 240 0H400zM256 64V128H384V64H256zM224 448V384H96V448H224zM416 384V448H544V384H416z"></path>
</svg>Relays</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-servers.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg>Servers</a></div>
</div>
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideRight">
<div class="settingsMainSecInsideRightSec">
<div class="inputMainWrapper"><label class="form-label labelMain">Relay URL</label><input type="text" class="inputMain" placeholder="wss://" value="wss://relay.sigit.io" readonly=""></div>
<div class="inputMainWrapper"><label class="form-label labelMain">Relay URL</label><input type="text" class="inputMain" placeholder="wss://"></div>
</div>
<div class="settingsMainSecInsideRightSec"><button class="btnMain settingsMainSecInsideRightSecBtnAlt" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path>
</svg></button></div>
<div class="settingsMainSecInsideRightSec"><button class="btnMain settingsMainSecInsideRightSecBtn" type="button">Save Changes</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainFooter2">
<div class="containerMain">
<div class="secMainFooter2Inside">
<p class="secMainFooter2InsideText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>

186
settings-servers.html Normal file
View File

@ -0,0 +1,186 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInsideTitle">
<h2>Settings</h2>
</div>
<div class="settingsMain">
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideLeft"><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-profile.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"></path>
</svg>Profile</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-account.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z"></path>
</svg>Account</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-sub.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"></path>
</svg>Subscribetion</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-relays.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M400 0C426.5 0 448 21.49 448 48V144C448 170.5 426.5 192 400 192H352V224H608C625.7 224 640 238.3 640 256C640 273.7 625.7 288 608 288H512V320H560C586.5 320 608 341.5 608 368V464C608 490.5 586.5 512 560 512H400C373.5 512 352 490.5 352 464V368C352 341.5 373.5 320 400 320H448V288H192V320H240C266.5 320 288 341.5 288 368V464C288 490.5 266.5 512 240 512H80C53.49 512 32 490.5 32 464V368C32 341.5 53.49 320 80 320H128V288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H288V192H240C213.5 192 192 170.5 192 144V48C192 21.49 213.5 0 240 0H400zM256 64V128H384V64H256zM224 448V384H96V448H224zM416 384V448H544V384H416z"></path>
</svg>Relays</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn settingsMainSecInsideLeftBtnActive" href="settings-servers.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg>Servers</a></div>
</div>
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideRight">
<div class="settingsMainSecInsideRightSec">
<div class="inputMainWrapper"><label class="form-label labelMain">Blossom server</label><input type="text" class="inputMain" placeholder="example"></div>
</div>
<div class="settingsMainSecInsideRightSec"><button class="btnMain settingsMainSecInsideRightSecBtn" type="button">Save Changes</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainFooter2">
<div class="containerMain">
<div class="secMainFooter2Inside">
<p class="secMainFooter2InsideText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>

196
settings-sub.html Normal file
View File

@ -0,0 +1,196 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/notifications.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/premium.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/sitewideNotif.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Username<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="settings-profile.html">Settings</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
</div>
</div>
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobile">
<div class="secMainNavMobileTop">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside secMainNavInsideSecRightInsideMobile"><a role="button" class="btnMain secMainNavInsideSecRightInsideBtnBell" href="notifications.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 32V51.2C329 66.03 384 130.6 384 208V226.8C384 273.9 401.3 319.2 432.5 354.4L439.9 362.7C448.3 372.2 450.4 385.6 445.2 397.1C440 408.6 428.6 416 416 416H32C19.4 416 7.971 408.6 2.809 397.1C-2.353 385.6-.2883 372.2 8.084 362.7L15.5 354.4C46.74 319.2 64 273.9 64 226.8V208C64 130.6 118.1 66.03 192 51.2V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32H256zM224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512z"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon btnMainIconNotification">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256z"></path>
</svg></a><button class="btnMain secMainNavInsideSecRightInsideBtnBurger" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path>
</svg></button></div>
</div>
</div>
</div>
<div class="secMainNavMobileMid"><a role="button" class="btnMain secMainNavMobileMidBtn" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><a role="button" class="btnMain secMainNavMobileMidBtn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"></path>
</svg>Settings</a></div>
<div class="secMainNavMobileBot"><a role="button" class="btnMain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"></path>
</svg>Logout</a><button id="loginBtn-1" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInsideTitle">
<h2>Settings</h2>
</div>
<div class="settingsMain">
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideLeft"><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-profile.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"></path>
</svg>Profile</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-account.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M425.1 482.6c-2.303-1.25-4.572-2.559-6.809-3.93l-7.818 4.493c-6.002 3.504-12.83 5.352-19.75 5.352c-10.71 0-21.13-4.492-28.97-12.75c-18.41-20.09-32.29-44.15-40.22-69.9c-5.352-18.06 2.343-36.87 17.83-45.24l8.018-4.669c-.0664-2.621-.0664-5.242 0-7.859l-7.655-4.461c-12.3-6.953-19.4-19.66-19.64-33.38C305.6 306.3 290.4 304 274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512H413.3c5.727 0 10.9-1.727 15.66-4.188c-2.271-4.984-3.86-10.3-3.86-16.06V482.6zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM610.5 373.3c2.625-14 2.625-28.5 0-42.5l25.75-15c3-1.625 4.375-5.125 3.375-8.5c-6.75-21.5-18.25-41.13-33.25-57.38c-2.25-2.5-6-3.125-9-1.375l-25.75 14.88c-10.88-9.25-23.38-16.5-36.88-21.25V212.3c0-3.375-2.5-6.375-5.75-7c-22.25-5-45-4.875-66.25 0c-3.25 .625-5.625 3.625-5.625 7v29.88c-13.5 4.75-26 12-36.88 21.25L394.4 248.5c-2.875-1.75-6.625-1.125-9 1.375c-15 16.25-26.5 35.88-33.13 57.38c-1 3.375 .3751 6.875 3.25 8.5l25.75 15c-2.5 14-2.5 28.5 0 42.5l-25.75 15c-3 1.625-4.25 5.125-3.25 8.5c6.625 21.5 18.13 41 33.13 57.38c2.375 2.5 6 3.125 9 1.375l25.88-14.88c10.88 9.25 23.38 16.5 36.88 21.25v29.88c0 3.375 2.375 6.375 5.625 7c22.38 5 45 4.875 66.25 0c3.25-.625 5.75-3.625 5.75-7v-29.88c13.5-4.75 26-12 36.88-21.25l25.75 14.88c2.875 1.75 6.75 1.125 9-1.375c15-16.25 26.5-35.88 33.25-57.38c1-3.375-.3751-6.875-3.375-8.5L610.5 373.3zM496 400.5c-26.75 0-48.5-21.75-48.5-48.5s21.75-48.5 48.5-48.5c26.75 0 48.5 21.75 48.5 48.5S522.8 400.5 496 400.5z"></path>
</svg>Account</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn settingsMainSecInsideLeftBtnActive"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"></path>
</svg>Subscribetion</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-relays.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M400 0C426.5 0 448 21.49 448 48V144C448 170.5 426.5 192 400 192H352V224H608C625.7 224 640 238.3 640 256C640 273.7 625.7 288 608 288H512V320H560C586.5 320 608 341.5 608 368V464C608 490.5 586.5 512 560 512H400C373.5 512 352 490.5 352 464V368C352 341.5 373.5 320 400 320H448V288H192V320H240C266.5 320 288 341.5 288 368V464C288 490.5 266.5 512 240 512H80C53.49 512 32 490.5 32 464V368C32 341.5 53.49 320 80 320H128V288H32C14.33 288 0 273.7 0 256C0 238.3 14.33 224 32 224H288V192H240C213.5 192 192 170.5 192 144V48C192 21.49 213.5 0 240 0H400zM256 64V128H384V64H256zM224 448V384H96V448H224zM416 384V448H544V384H416z"></path>
</svg>Relays</a><a role="button" class="btnMain settingsMainSecInsideLeftBtn" href="settings-servers.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg>Servers</a></div>
</div>
<div class="settingsMainSec">
<div class="settingsMainSecInside settingsMainSecInsideRight">
<div class="settingsMainSecInsideRightSec">
<div class="inputMainWrapper"><label class="form-label labelMain">Status</label>
<p class="inputMainWrapperText">Subscribed</p>
</div>
<div class="inputMainWrapper"><label class="form-label labelMain">Package</label>
<p class="inputMainWrapperText">Gold</p>
</div>
<div class="inputMainWrapper"><label class="form-label labelMain">Type</label>
<p class="inputMainWrapperText">Recurring</p>
</div>
<div class="inputMainWrapper"><label class="form-label labelMain">Action</label>
<div class="inputMainWrapperBtns"><a role="button" class="btnMain" href="premium.html">Subscribe</a><button class="btnMain" type="button">Change Package to Silver</button><button class="btnMain btnMainRed" type="button">Cancel Subscription</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="secMainFooter2">
<div class="containerMain">
<div class="secMainFooter2Inside">
<p class="secMainFooter2InsideText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/navMobile.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/premiumToggle.js"></script>
<script src="assets/js/premiumTogglePackages.js"></script>
<script src="assets/js/priceChange.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>