wrbp504.github.io/index.html at main · wrbp504/wrbp504.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ContractKeeper</title>

    <script src="https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="styles.css">
    <row>
        <div class="col-md-4 ">
            <h1 Style="color:blue; display:inline">Contract Keeper</h1>
        </div>
        <div class="col-md-8 ">
            <p style="display: inline-block;color:blue"> You Need Metamask (disconnected) to view the contract
                data and (connected) to add or to sign a contract, site will connect if any of those
                functions are requested. BEWARE that add Form will reset if you change selected account
                 in Metamask while adding a contract, as selected address is used for the first signer.
                 SELECT A PDF (OR DROP ON DARK BLUE SIDE) FILE AS INITIAL STEP.
            </p>
        </div>
    </row>
</head>

<body>
    <div class="contents" id="contents">

        <!--   Left Side of the screen -->
        <div class="col-md-6 half" style="background-color:lavender;"  id="left-side">
            <h5 style="color: rgb(245, 16, 8) ;display: inline; font-weight: bold;" >Selected</h5>
            <h5 id="mm-account" style="color: rgb(245, 16, 8); display: inline; font-weight: bold;" ></h5>
            <iframe id="pdfvisor" style="width: 100%;height: 100%;border: none;pointer-events: none"></iframe>
        </div>

        <!--      Right side of the screen -->
        <div class="col-md-6 half" style="background-color:rgb(118, 135, 209);" id="right-side" >
            <br>
            <input type="file" id="ck-file" required style="display:none" />
            <button class="roundbutton" id="ck-file2" style="top: 5%; left:10%; position: absolute">
                Select File
            </button>


            <br><br><br><br><br>

            <span id="ck-fname" style="color:white"> No file selected</span>
            <br><span style="color:white">SHA256 for selected file</span>
            <label id="ck-content" style="width: 95%; color:rgb(28, 110, 10)"></label>
            <br>

            <button class="roundbutton" id="ck-sign" style="top: 5%; left:45%; position: absolute; display: none">
                Sign Contract
            </button>

            <button class="roundbutton" id="ck-add" style="top: 5%; left:70%; position: absolute; display: none">
                Add Contract
            </button>

            <div id="details"></div>
            <div id="message-area" style="color:yellow"></div>

            <button class="roundbutton" id="mm-connect" style="top:83%; position:absolute; left:40%; display: none">
                Connect to Sign
            </button>


            <button class="roundbutton" id="ck-submit" style="top:83%; position:absolute; left:60%; display: none">
                Submit Contract
            </button>

        </div>


    </div>

    <script src="dapp.js"></script>

</body>

</html>