Untitled

                Never    
HTML
       
<html>
<head>
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 50%;
        }
        td, th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }
        a {
            color: inherit;
            text-decoration: none;
        }
        input[type=checkbox] {
            transform: scale(1.3);
        }
    </style>
</head>
<body>
<div style='width:100%;text-align:center'>
    <nav>
        <a href="/"><strong>My profile</strong></a> |
        <a href="/commitments"><strong>Commitments</strong></a> |
        <a href="/users"><strong>Users</strong></a> |
        <a href="/logout"><strong>Log out</strong></a>
    </nav>
    <h3>My commitments</h3>
    <br>
    <a href="/addNewCommitment">Add new commitment</a>
    <br>
        <table style="margin-left:auto;margin-right:auto;">
                <tr>
                        <td style="width:100%">
                            <input type=checkbox
                                   onclick="location.href = '/commitments/undoneCommitment=${commit.getId()}';">
                            <a href="commitments/commitment=id}">
                                Not completed commitment</a>
                        </td>
                </tr>
                <tr>
                        <td style="width:100%; opacity: 0.3">
                            <input type=checkbox checked=checked
                                   onclick="location.href = '/commitments/undoneCommitment=${commit.getId()}';">
                            <a href="commitments/commitment=id}">
                                <strike>Completed commitment</strike></a>
                        </td>
                </tr>
        </table>
</div>
</body>
</html>

Raw Text