sigit_design/index.html
2024-07-25 19:16:25 +03:00

205 lines
20 KiB
HTML

<!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/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/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">
</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" 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 secMainBodySecFront">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInside_Front">
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecLogo"><img class="secMainBodySecInside_FrontSecLogoImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecInfo">
<h1 class="secMainBodySecInside_FrontSecInfoHeading">Secure &amp; Private Document Signing</h1>
<p class="secMainBodySecInside_FrontSecInfoText">Totally private, encrypted locally, and you can self-host this open-source project to get that extra benefit</p>
</div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecCards">
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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="M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V299.6L289.3 394.3C281.1 402.5 275.3 412.8 272.5 424.1L257.4 484.2C255.1 493.6 255.7 503.2 258.8 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256zM564.1 250.1C579.8 265.7 579.8 291 564.1 306.7L534.7 336.1L463.8 265.1L493.2 235.7C508.8 220.1 534.1 220.1 549.8 235.7L564.1 250.1zM311.9 416.1L441.1 287.8L512.1 358.7L382.9 487.9C378.8 492 373.6 494.9 368 496.3L307.9 511.4C302.4 512.7 296.7 511.1 292.7 507.2C288.7 503.2 287.1 497.4 288.5 491.1L303.5 431.8C304.9 426.2 307.8 421.1 311.9 416.1V416.1z"></path>
</svg></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Quick &amp; Easy</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Simply sign-in (or create an account) and start signing whatever file you desire.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><a role="button" class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtn" 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></div>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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="M256.3-.0068C261.9-.0507 267.3 1.386 272.1 4.066L476.5 90.53C487.7 95.27 495.2 105.1 495.9 118.1C501.6 213.6 466.7 421.9 272.5 507.7C267.6 510.5 261.1 512.1 256.3 512C250.5 512.1 244.9 510.5 239.1 507.7C45.8 421.9 10.95 213.6 16.57 118.1C17.28 105.1 24.83 95.27 36.04 90.53L240.4 4.066C245.2 1.386 250.7-.0507 256.3-.0068H256.3zM266.1 363.4L364.2 263.6C392.2 234.7 390.5 186.6 358.1 159.5C331.8 135.8 291.5 140.2 266.1 166.5L256.4 176.1L245.9 166.5C221.4 140.2 180.2 135.8 153 159.5C121.5 186.6 119.8 234.7 147.8 263.6L244.2 363.4C251.2 369.5 260.8 369.5 266.1 363.4V363.4z"></path>
</svg></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Secure &amp; Private</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Because of the underlying tech, know that your files are private and safe from tampering.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Self Hostable</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Sigit is completely open source and can be completely self hosted by anyone.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
</div>
</div>
</div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecExtra">
<p>It's totally free if you self-host, otherwise it's a freemium service with premium packages</p>
</div>
</div>
</div>
</div>
<div class="secMainBodySecFrontBGElement secMainBodySecFrontBGElementRight" style="background: url(&quot;assets/img/BG%20ER.svg&quot;) center / cover no-repeat;"><img src="assets/img/BG%20ER.svg"></div>
<div class="secMainBodySecFrontBGElement secMainBodySecFrontBGElementLeft"><img src="assets/img/BG%20EL.svg"></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 class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
</div>
<div id="popupLogin" class="popupMain" style="display: none;">
<div class="containerMain">
<div class="popupMainInside">
<div class="popupMainInsideWrapper">
<div class="popupMainInsideWrapperBox">
<div class="popupMainInsideWrapperBoxTop">
<p class="popupMainInsideWrapperBoxTopText">Login</p><button class="btnMain popupMainInsideWrapperBoxTopBtn" type="button"><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></button>
</div>
<div class="popupMainInsideWrapperBoxMid">
<div class="tabsMain">
<ul class="nav nav-tabs tabsMainTop" role="tablist">
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link active tabsMainTopTabLink tabsMainTopTabLinkAlt" role="tab" data-bs-toggle="tab" href="#tab-1">Login</a></li>
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link tabsMainTopTabLink tabsMainTopTabLinkAlt" role="tab" data-bs-toggle="tab" href="#tab-2">Register</a></li>
<li class="nav-item tabsMainTopTab tabsMainTopTabNostr" role="presentation"><a class="nav-link tabsMainTopTabLink tabsMainTopTabLinkAlt tabsMainTopTabLinkNostr" role="tab" data-bs-toggle="tab" href="#tab-3"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></li>
</ul>
<div class="tab-content tabsMainBottom">
<div class="tab-pane active tabsMainBottomPane" role="tabpanel" id="tab-1">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Email</label><input type="email" class="inputMain" placeholder="Your email address" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Password</label><input type="password" class="inputMain" placeholder="Your password" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Sign-in</button>
</div>
</div>
<div class="tab-pane tabsMainBottomPane" role="tabpanel" id="tab-2">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Email</label><input type="email" class="inputMain inputMainAlt" placeholder="Your email address" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Password</label><input type="password" class="inputMain inputMainAlt" placeholder="Your password" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Re-type your password</label><input type="password" class="inputMain inputMainAlt" placeholder="Your password" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Register</button>
</div>
</div>
<div class="tab-pane tabsMainBottomPane" role="tabpanel" id="tab-3">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Login by using a browser extension</label><button class="btnMain tabsMainBottomPaneLoginBtn tabsMainBottomPaneLoginBtnAlt" type="button">Extension Sign-in</button></div>
<div class="tabsMainBottomPaneLoginSplitter">
<div class="tabsMainBottomPaneLoginSplitterLine"></div>
<p>or</p>
<div class="tabsMainBottomPaneLoginSplitterLine"></div>
</div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Private key (Not recommended)</label><input type="email" class="inputMain inputMainAlt" placeholder="nsec address" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Sign-in</button>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainInsideWrapperBoxBottom">
<p>Welcome to SIGit!</p>
</div>
</div>
</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>
</body>
</html>