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

added notifications button in nav. notification page created. add deletion warning

Browse Source
This commit is contained in:
stitch 2024-09-06 11:51:16 +03:00
parent c9c029ea47
commit 35e62cb128
9 changed files with 378 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
assets/css/notifications.css Normal file
View File

@ -0,0 +1,102 @@
.btnMain.secMainNavInsideSecRightInsideBtnBell {
background: rgba(76,130,163,0);
color: rgb(76,130,163);
position: relative;
}
.btnMainIcon.btnMainIconNotification {
color: #ff7f68;
position: absolute;
font-size: 8px;
top: 26%;
right: 26%;
outline: solid 2px white;
border-radius: 1000px;
}
.secMainBodySecInside_DashboardSecMidNotifications {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.secMainBodySecInside_DashboardSecMidNotificationsCard {
transition: ease 0.3s;
width: 100%;
background: white;
border-radius: 5px;
padding: 10px;
border-left: solid 4px rgba(139,202,140,0);
display: flex;
flex-direction: row;
grid-gap: 25px;
}
@media (max-width: 576px) {
.secMainBodySecInside_DashboardSecMidNotificationsCard {
transition: ease 0.3s;
width: 100%;
background: white;
border-radius: 5px;
padding: 10px;
border-left: solid 4px rgba(139,202,140,0);
display: flex;
flex-direction: column;
grid-gap: 25px;
}
}
.secMainBodySecInside_DashboardSecMidNotificationsCard:hover {
transition: ease 0.3s;
border-radius: 0 5px 5px 0;
border-left: solid 4px #8bca8c;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
transform: scale(1.01);
}
.sMBSI_DSMNotificationsCardSec {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sMBSI_DSMNotificationsCardSec.sMBSI_DSMNotificationsCardSecTop {
font-size: 18px;
min-width: 35px;
color: #4c82a3;
}
@media (max-width: 576px) {
.sMBSI_DSMNotificationsCardSec.sMBSI_DSMNotificationsCardSecTop {
align-items: start;
}
}
.sMBSI_DSMNotificationsCardSec.sMBSI_DSMNotificationsCardSecMid {
flex-grow: 1;
align-items: start;
flex-direction: column;
}
.sMBSI_DSMNotificationsCardSec.sMBSI_DSMNotificationsCardSecBottom {
flex-direction: row;
}
.btnMain.sMBSI_DSMNotificationsCardSecBottomBtn {
background: rgba(76,130,163,0);
color: rgb(76,130,163);
font-size: 20px;
height: 100%;
flex-grow: 1;
}
.sMBSI_DSMNotificationsCardSecMidText {
font-size: 16px;
}
.sMBSI_DSMNotificationsCardSecMidText.sMBSI_DSMNotificationsCardSecMidTextTime {
color: rgba(0,0,0,0.5);
font-size: 14px;
}

18
dashboard-complete.html
View File

@ -12,6 +12,7 @@
<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/styles.css">
@ -32,7 +33,13 @@
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><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">
<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>
@ -394,6 +401,15 @@
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">PDF</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Your signature date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" data-bs-toggle="tooltip" data-bss-tooltip="" title="Your signature date">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">This file (SIGit) will be deleted on:<br>9th September 2024 - 11:30 AM</p>
</div>
</div>
</div>
</div>
</div>

9
dashboard-draft.html
View File

@ -12,6 +12,7 @@
<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/styles.css">
@ -32,7 +33,13 @@
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><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">
<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>

1
dashboard-failed.html
View File

@ -12,6 +12,7 @@
<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/styles.css">

9
dashboard-progress.html
View File

@ -12,6 +12,7 @@
<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/styles.css">
@ -32,7 +33,13 @@
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><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">
<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>

54
dashboard.html
View File

@ -12,6 +12,7 @@
<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/styles.css">
@ -32,7 +33,13 @@
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><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">
<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>
@ -123,6 +130,15 @@
<p>PDF</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" title="Will be deleted on 09/06/2024 - 11:30 AM">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Up for deletion</p>
</div>
</div>
</div>
</div>
</div><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkAlt" href="dashboard-draft.html"></a>
@ -217,6 +233,15 @@
<p>PDF</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" title="Will be deleted on 09/06/2024 - 11:30 AM">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Up for deletion</p>
</div>
</div>
</div>
</div>
</div><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkAlt" href="dashboard-progress.html"></a>
@ -315,6 +340,15 @@
<p>PDF</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" title="Will be deleted on 09/06/2024 - 11:30 AM">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Up for deletion</p>
</div>
</div>
</div>
</div>
</div><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkAlt" href="dashboard-complete.html"></a>
@ -409,6 +443,15 @@
<p>PDF</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" title="Will be deleted on 09/06/2024 - 11:30 AM">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Up for deletion</p>
</div>
</div>
</div>
</div>
</div><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkAlt" href="dashboard-failed.html"></a>
@ -507,6 +550,15 @@
<p>PDF</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" title="Will be deleted on 09/06/2024 - 11:30 AM">
<!--! 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 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Up for deletion</p>
</div>
</div>
</div>
</div>
</div><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkAlt" href="dashboard-failed.html"></a>

9
index.html
View File

@ -12,6 +12,7 @@
<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/styles.css">
@ -32,7 +33,13 @@
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><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">
<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>

1
loadingElement.html
View File

@ -12,6 +12,7 @@
<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/styles.css">

180
notifications.html Normal file
View File

@ -0,0 +1,180 @@
<!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/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>
</div>
</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_DashboardSecTop">
<h3>Notifications</h3>
</div>
<div class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecMid">
<div class="secMainBodySecInside_DashboardSecMidNotifications">
<div class="secMainBodySecInside_DashboardSecMidNotificationsCard">
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecTop"><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="M192 160C192 177.7 177.7 192 160 192C142.3 192 128 177.7 128 160V128C128 74.98 170.1 32 224 32C277 32 320 74.98 320 128V135.8C320 156.6 318.8 177.4 316.4 198.1L438.8 161.3C450.2 157.9 462.6 161.1 470.1 169.7C479.3 178.3 482.1 190.8 478.4 202.1L460.4 255.1H544C561.7 255.1 576 270.3 576 287.1C576 305.7 561.7 319.1 544 319.1H416C405.7 319.1 396.1 315.1 390 306.7C384 298.4 382.4 287.6 385.6 277.9L398.1 240.4L303.7 268.7C291.9 321.5 272.2 372.2 245.3 419.2L231.4 443.5C218.5 466.1 194.5 480 168.5 480C128.5 480 95.1 447.5 95.1 407.5V335.6C95.1 293.2 123.8 255.8 164.4 243.7L248.8 218.3C253.6 191.1 255.1 163.5 255.1 135.8V128C255.1 110.3 241.7 96 223.1 96C206.3 96 191.1 110.3 191.1 128L192 160zM160 335.6V407.5C160 412.2 163.8 416 168.5 416C171.5 416 174.4 414.4 175.9 411.7L189.8 387.4C207.3 356.6 221.4 324.1 231.8 290.3L182.8 304.1C169.3 309 160 321.5 160 335.6V335.6zM24 368H64V407.5C64 410.4 64.11 413.2 64.34 416H24C10.75 416 0 405.3 0 392C0 378.7 10.75 368 24 368zM616 416H283.5C291.7 400.3 299.2 384.3 305.9 368H616C629.3 368 640 378.7 640 392C640 405.3 629.3 416 616 416z"></path>
</svg></div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecMid">
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">09/06/2024 - 11:30 AM</p>
<p class="sMBSI_DSMNotificationsCardSecMidText">Your signature is required</p>
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">This notification will disappear in TIME</p>
</div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecBottom"><button class="btnMain sMBSI_DSMNotificationsCardSecBottomBtn" 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="M384 32H64C28.65 32 0 60.65 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.65 419.3 32 384 32zM330.5 323.9c0 6.473-3.889 12.3-9.877 14.78c-5.979 2.484-12.86 1.105-17.44-3.469l-45.25-45.25l-67.92 67.92c-12.5 12.5-32.72 12.46-45.21-.0411l-22.63-22.63C109.7 322.7 109.6 302.5 122.1 289.1l67.92-67.92L144.8 176.8C140.2 172.2 138.8 165.3 141.3 159.4c2.477-5.984 8.309-9.875 14.78-9.875h158.4c8.835 0 15.1 7.163 15.1 15.1V323.9z"></path>
</svg></button></div>
</div>
<div class="secMainBodySecInside_DashboardSecMidNotificationsCard">
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecTop"><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="M292.7 342.3C289.7 345.3 288 349.4 288 353.7V416h62.34c4.264 0 8.35-1.703 11.35-4.727l156.9-158l-67.88-67.88L292.7 342.3zM568.5 167.4L536.6 135.5c-9.875-10-26-10-36 0l-27.25 27.25l67.88 67.88l27.25-27.25C578.5 193.4 578.5 177.3 568.5 167.4zM256 0v128h128L256 0zM256 448c-16.07-.2852-30.62-9.359-37.88-23.88c-2.875-5.875-8-6.5-10.12-6.5s-7.25 .625-10 6.125l-7.749 15.38C187.6 444.6 181.1 448 176 448H174.9c-6.5-.5-12-4.75-14-11L144 386.6L133.4 418.5C127.5 436.1 111 448 92.45 448H80C71.13 448 64 440.9 64 432S71.13 416 80 416h12.4c4.875 0 9.102-3.125 10.6-7.625l18.25-54.63C124.5 343.9 133.6 337.3 144 337.3s19.5 6.625 22.75 16.5l13.88 41.63c19.75-16.25 54.13-9.75 66 14.12C248.5 413.2 252.2 415.6 256 415.9V347c0-8.523 3.402-16.7 9.451-22.71L384 206.5V160H256c-17.67 0-32-14.33-32-32L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V448H256z"></path>
</svg></div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecMid">
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">09/06/2024 - 11:30 AM</p>
<p class="sMBSI_DSMNotificationsCardSecMidText">SIGNER_NAME has signed your SIGit file</p>
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">This notification will disappear in TIME</p>
</div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecBottom"><button class="btnMain sMBSI_DSMNotificationsCardSecBottomBtn" 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="M384 32H64C28.65 32 0 60.65 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.65 419.3 32 384 32zM330.5 323.9c0 6.473-3.889 12.3-9.877 14.78c-5.979 2.484-12.86 1.105-17.44-3.469l-45.25-45.25l-67.92 67.92c-12.5 12.5-32.72 12.46-45.21-.0411l-22.63-22.63C109.7 322.7 109.6 302.5 122.1 289.1l67.92-67.92L144.8 176.8C140.2 172.2 138.8 165.3 141.3 159.4c2.477-5.984 8.309-9.875 14.78-9.875h158.4c8.835 0 15.1 7.163 15.1 15.1V323.9z"></path>
</svg></button></div>
</div>
<div class="secMainBodySecInside_DashboardSecMidNotificationsCard">
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecTop"><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="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecMid">
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">09/06/2024 - 11:30 AM</p>
<p class="sMBSI_DSMNotificationsCardSecMidText">Your SIGit file has now been signed by every co-signer</p>
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">This notification will disappear in TIME</p>
</div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecBottom"><button class="btnMain sMBSI_DSMNotificationsCardSecBottomBtn" 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="M384 32H64C28.65 32 0 60.65 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.65 419.3 32 384 32zM330.5 323.9c0 6.473-3.889 12.3-9.877 14.78c-5.979 2.484-12.86 1.105-17.44-3.469l-45.25-45.25l-67.92 67.92c-12.5 12.5-32.72 12.46-45.21-.0411l-22.63-22.63C109.7 322.7 109.6 302.5 122.1 289.1l67.92-67.92L144.8 176.8C140.2 172.2 138.8 165.3 141.3 159.4c2.477-5.984 8.309-9.875 14.78-9.875h158.4c8.835 0 15.1 7.163 15.1 15.1V323.9z"></path>
</svg></button></div>
</div>
<div class="secMainBodySecInside_DashboardSecMidNotificationsCard">
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecTop"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="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></div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecMid">
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">09/06/2024 - 11:30 AM</p>
<p class="sMBSI_DSMNotificationsCardSecMidText">Your SIGit file has failed to complete</p>
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">This notification will disappear in TIME</p>
</div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecBottom"><button class="btnMain sMBSI_DSMNotificationsCardSecBottomBtn" 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="M384 32H64C28.65 32 0 60.65 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.65 419.3 32 384 32zM330.5 323.9c0 6.473-3.889 12.3-9.877 14.78c-5.979 2.484-12.86 1.105-17.44-3.469l-45.25-45.25l-67.92 67.92c-12.5 12.5-32.72 12.46-45.21-.0411l-22.63-22.63C109.7 322.7 109.6 302.5 122.1 289.1l67.92-67.92L144.8 176.8C140.2 172.2 138.8 165.3 141.3 159.4c2.477-5.984 8.309-9.875 14.78-9.875h158.4c8.835 0 15.1 7.163 15.1 15.1V323.9z"></path>
</svg></button></div>
</div>
<div class="secMainBodySecInside_DashboardSecMidNotificationsCard">
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecTop"><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="M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z"></path>
</svg></div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecMid">
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">09/06/2024 - 11:30 AM</p>
<p class="sMBSI_DSMNotificationsCardSecMidText">Your SIGit file will be deleted in TIME</p>
<p class="sMBSI_DSMNotificationsCardSecMidText sMBSI_DSMNotificationsCardSecMidTextTime">This notification will disappear in TIME</p>
</div>
<div class="sMBSI_DSMNotificationsCardSec sMBSI_DSMNotificationsCardSecBottom"><button class="btnMain sMBSI_DSMNotificationsCardSecBottomBtn" 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="M384 32H64C28.65 32 0 60.65 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.65 419.3 32 384 32zM330.5 323.9c0 6.473-3.889 12.3-9.877 14.78c-5.979 2.484-12.86 1.105-17.44-3.469l-45.25-45.25l-67.92 67.92c-12.5 12.5-32.72 12.46-45.21-.0411l-22.63-22.63C109.7 322.7 109.6 302.5 122.1 289.1l67.92-67.92L144.8 176.8C140.2 172.2 138.8 165.3 141.3 159.4c2.477-5.984 8.309-9.875 14.78-9.875h158.4c8.835 0 15.1 7.163 15.1 15.1V323.9z"></path>
</svg></button></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/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>