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

nav height reduced. pagination fix. checkbox adjusted. font file added. removed edit button in dashboard card. added new circle with number for dashboard cards. multiple screensize optimizations

Browse Source
This commit is contained in:
stitch 2024-07-26 16:29:17 +03:00
parent 05036d0767
commit dcc90d9fd2
11 changed files with 111 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/dashboard.css
View File

@ -100,6 +100,7 @@
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
border-left: solid 4px rgba(76,130,163,0); border-left: solid 4px rgba(76,130,163,0);
position: relative;
} }
.secMainBodySecInside_DashboardSecMidCardsWrap:hover { .secMainBodySecInside_DashboardSecMidCardsWrap:hover {
@ -156,6 +157,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
grid-gap: 10px; grid-gap: 10px;
position: relative;
} }
.secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom { .secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom {
@ -180,7 +182,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
grid-gap: 5px; grid-gap: 5px;
flex-wrap: wrap;
padding: 0 0 0 15px; padding: 0 0 0 15px;
} }
@ -266,3 +267,11 @@
flex-grow: 1; flex-grow: 1;
} }
.secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser.secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserNumber {
background: white;
color: rgba(0,0,0,0.5);
font-weight: bold;
font-size: 14px;
line-height: 1.25;
}

23
assets/css/files.css
View File

@ -15,6 +15,12 @@
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.filesPage {
grid-gap: 15px;
}
}
@media (max-width: 768px) {
.filesPage { .filesPage {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -28,7 +34,7 @@
position: relative; position: relative;
} }
@media (max-width: 992px) { @media (max-width: 768px) {
.filesPageSec.filesPageSecSides { .filesPageSec.filesPageSecSides {
display: none; display: none;
} }
@ -246,6 +252,19 @@
} }
} }
@media (max-width: 992px) {
.filesPageSecSidesSecTools {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.filesPageSecSidesSecTools {
max-height: unset;
grid-template-columns: 1fr 1fr;
}
}
.filesPageSecSidesSecTools::-webkit-scrollbar { .filesPageSecSidesSecTools::-webkit-scrollbar {
width: 10px; width: 10px;
} }
@ -525,7 +544,7 @@
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);
} }
@media (max-width: 992px) { @media (max-width: 768px) {
.tabsMainTop.filesPageSecMidTabTop { .tabsMainTop.filesPageSecMidTabTop {
order: 2; order: 2;
display: flex; display: flex;

4
assets/css/nav.css
View File

@ -1,6 +1,6 @@
.secMain.secMainNav { .secMain.secMainNav {
background: white; background: white;
height: 75px; height: 65px;
justify-content: center; justify-content: center;
} }
@ -10,7 +10,7 @@
grid-template-columns: 0.75fr 1.5fr 0.75fr; grid-template-columns: 0.75fr 1.5fr 0.75fr;
grid-gap: 25px; grid-gap: 25px;
height: 100%; height: 100%;
padding: 10px 0; padding: 0px 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {

2
assets/css/pagination.css
View File

@ -7,7 +7,7 @@
} }
.paginationMainInside { .paginationMainInside {
width: auto; width: 100%;
max-width: 500px; max-width: 500px;
height: 35px; height: 35px;
display: flex; display: flex;

49
assets/css/styles.css
View File

@ -268,29 +268,44 @@ h1, h2, h3, h4, h5, h6 {
.labelMain.labelMainCheckbox { .labelMain.labelMainCheckbox {
font-size: 13px; font-size: 13px;
color: rgba(0,0,0,0.65); color: rgba(0,0,0,0.5);
text-align: start;
} }
.checkboxMain { .checkboxMain {
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
width: 15px; width: 18px;
height: 15px; height: 18px;
content: ''; content: '';
border: solid 1px #4c82a3; border: solid 1px #4c82a3;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
font-family: 'Roboto';
} }
.checkboxMain:checked { .checkboxMain::before {
content: '\2714';
color: rgba(0,0,0,0.15);
font-size: 10px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} }
.checkboxMain:checked::before { .checkboxMain:checked::before {
content: '\2714'; content: '\2714';
color: white; color: #ffffff;
font-size: 7px; font-size: 7px;
text-align: center; text-align: center;
position: absolute; position: absolute;
@ -299,6 +314,10 @@ h1, h2, h3, h4, h5, h6 {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #4c82a3; background: #4c82a3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} }
.filesPageSecSidesSecToolsItemIcon { .filesPageSecSidesSecToolsItemIcon {
@ -344,3 +363,23 @@ h1, h2, h3, h4, h5, h6 {
font-size: 12px; font-size: 12px;
} }
.checkboxWrapper.checkboxWrapperAlt {
border-radius: 4px;
background: rgba(255,255,255,0);
color: white;
border: solid 1px #d5d5d5;
overflow: hidden;
}
.checkboxMain.checkboxMainAlt {
height: 100%;
min-height: 25px;
width: 25px;
border: 0px;
border-radius: 0px;
}
.checkboxMain.checkboxMainAlt::before {
font-size: 14px;
}

17
assets/img/SIGit Logo W.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 281.53 255.06">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-1" d="M181.53,115.06h0c-9.4-36.67-56.77-24.79-121.09-12.57C-3.54,114.64-25.35,19.85,37.72,3.62,46.91,1.26,56.55,0,66.47,0c63.55,0,115.06,51.51,115.06,115.06Z"/>
<path class="cls-1" d="M100,140h0c9.4,36.67,56.77,24.79,121.09,12.57,63.98-12.16,85.79,82.64,22.72,98.86-9.19,2.36-18.83,3.62-28.76,3.62-63.55,0-115.06-51.51-115.06-115.06Z"/>
<circle class="cls-1" cx="140.77" cy="127.53" r="24.88"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 729 B

1
dashboard-complete.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title> <title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css"> <link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css"> <link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css"> <link rel="stylesheet" href="assets/css/footer.css">

5
dashboard-draft.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title> <title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css"> <link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css"> <link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css"> <link rel="stylesheet" href="assets/css/footer.css">
@ -167,7 +168,7 @@
</svg></button> </svg></button>
</div> </div>
<div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1"> <div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1">
<div class="checkboxWrapper"><input type="checkbox" class="checkboxMain"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div> <div class="checkboxWrapper checkboxWrapperAlt"><input type="checkbox" class="checkboxMain checkboxMainAlt"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div>
</div> </div>
</div> </div>
<div class="filesPageSecSidesSec"> <div class="filesPageSecSidesSec">
@ -422,7 +423,7 @@
</svg></button> </svg></button>
</div> </div>
<div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1"> <div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1">
<div class="checkboxWrapper"><input type="checkbox" class="checkboxMain"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div> <div class="checkboxWrapper checkboxWrapperAlt"><input type="checkbox" class="checkboxMain checkboxMainAlt"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div>
</div> </div>
</div> </div>
</div> </div>

1
dashboard-progress.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title> <title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css"> <link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css"> <link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css"> <link rel="stylesheet" href="assets/css/footer.css">

23
dashboard.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title> <title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css"> <link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css"> <link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css"> <link rel="stylesheet" href="assets/css/footer.css">
@ -100,7 +101,9 @@
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserNumber">
<p>20</p>
</div>
</div> </div>
</div> </div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom"> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom">
@ -135,10 +138,7 @@
</div> </div>
</div> </div>
</a> </a>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapBtns"><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Edit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon"> <div class="secMainBodySecInside_DashboardSecMidCardsWrapBtns"><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Duplicate"><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="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z"></path>
</svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Duplicate"><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. --> <!--! 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 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"></path> <path d="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"></path>
</svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Archive"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon"> </svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Archive"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
@ -182,7 +182,9 @@
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserNumber">
<p>20</p>
</div>
</div> </div>
</div> </div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom"> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom">
@ -270,13 +272,8 @@
<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> <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> </svg></div>
</div> </div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserNumber">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor"> <p>20</p>
<!--! 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>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor"> <div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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. --> <!--! 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> <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>

1
index.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title> <title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css"> <link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css"> <link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css"> <link rel="stylesheet" href="assets/css/footer.css">