keycore/index.html at master · attackathon/keycore · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-104764221-9"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-104764221-9');
    </script>

    <!-- twitter card tags additive with the og: tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@chengeric_">
    <meta name="twitter:creator" content="@chengeric_">
    <meta name="twitter:image" content="twitterBanner.png">
    <meta name="twitter:domain" value="http://www.attackathon.com" />
    <meta name="twitter:title" value="Keycore" />
    <meta name="twitter:description" value="Keycore is a new user authentication platform that examines the way you
    type a
    username." />
    <meta name="twitter:url" value="http://www.keycore.com" />

    <!-- Favicons-->
    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
    <link rel="manifest" href="favicons/site.webmanifest">
    <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#133ef1">
    <link rel="shortcut icon" href="favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#133ef1">
    <meta name="msapplication-config" content="favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <title>Keycore, an Attackathon project</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://use.typekit.net/mba2kma.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
        crossorigin="anonymous">

    <!-- Custom styles for this template -->
    <link href="public/stylesheet.css" rel="stylesheet">
    <link href="font/inter.css" rel="stylesheet">
    <link rel="stylesheet" href="public/grid.css">
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<body data-aos="fade">
    <div class="container pb-0">
        <div class="d-flex flex-column flex-md-row align-items-center pb-4 border-bottom">
            <h5 class="my-0 mr-md-auto font-weight-normal"><a class="" href="index.html">
                    <img src="public/TextFullLogoColor.svg" height="30" alt="">
                </a></h5>
            <nav class="my-2 my-md-0 mr-md-3">
                <a class="p-3 textColor" href="#authentication">Features</a>
                <a class="p-3 textColor" href="mailto:ericc2@cmu.edu">Support</a>
            </nav>
            <a class="btn btn-outline-primary" href="login.html">Demo log in</a>
        </div>
    </div>

    <div class="background-container">
        <section class="container">
            <div class="cover-container">
                <div class="cover-description">
                    <h1 class="display-4" style="line-height: 1em;">Moving past passwords</h1>
                    <br>
                    <p class="lead">Keycore logs you into your accounts without a password, by identifying the way you
                        type.</p>
                    <p class="lead">No more privacy leaks, no more hacked accounts, and best of all, no more
                        passwords.
                    </p>
                    <a class="
                        btn bthSupreme btn-primary btn-block" href="register.html">Try
                        our demo today</a>
                </div>
            </div>
        </section>

    </div>

    <div class="passwordContainer">
        <div class="container">
            <div class="pricing-header" id="authentication">
                <h1 class="display-4">Wave 👋 to the future of user authentication.</h1>
                <p class="lead">
                    Type your email to log in, no passwords needed. Keycore combines the privacy of a
                    password, with the uniqueness of how you personally type your
                    username or email address.</p>
            </div>

            <div class="card-deck mb-3 text-center pt-4 pb-4">
                <div class="card mb-4">
                    <div class="card-header">
                        <img src="public/icons/outline-timelapse-24px.png" height="40px" alt=""> </div>
                    <div class="card-body text-left">
                        <h3 class="card-title bold pricing-card-title">Easy</h3>
                        <p>Our proprietary authentication algorithm intelligently detects patterns in the way you type
                            your
                            username. It doesn't matter if you're on desktop or mobile; no passwords needed!</p>
                    </div>
                </div>
                <div class="card mb-4">
                    <div class="card-header">
                        <img src="public/icons/outline-code-24px.png" height="40px" alt="">
                    </div>
                    <div class="card-body text-left">
                        <h3 class="card-title bold pricing-card-title">Dev-friendly</h3>
                        <p>Developers, yeet! Authenticate users with only three lines of code, and leave the complex
                            data
                            encryption and handling to us. An Azure cluster ensures we have virtually 99.99% uptime.</p>
                    </div>
                </div>
                <div class="card mb-4">
                    <div class="card-header">
                        <img src="public/icons/outline-security-24px.png" height="40px" alt=""> </div>
                    <div class="card-body text-left">
                        <h3 class="card-title bold pricing-card-title">Secure</h3>
                        <p>By detecting patterns and time-breaks in the way you type your username, an SSL-secured
                            Keycore
                            authentication is at least 1000 times safer than a typical 8-digit alphanumeric.<sup>1</sup></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="codeContainer">
        <div class="container text-center">
            <div class="row">
                <div class="col-9 mx-auto">
                    <h1 class="display-4">Developers first</h1>
                    <p class="lead">
                        We want to make safe authentication accessible to anybody seeking to protect their customers or themselves. Drop three lines of Keycore into your website, and we'll handle all the heavy authentication
                        lifting while you focus on what matters most.</p>

                    <p class="codepen" data-height="288" data-theme-id="light" data-default-tab="html,result" data-user="eh8"
                        data-slug-hash="MLQdwM" data-preview="true" style="height: 288px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;"
                        data-pen-title="Keycore v.1">
                        <span>See the Pen <a href="https://codepen.io/eh8/pen/MLQdwM/">
                                Keycore v.1</a> by Eric Cheng (<a href="https://codepen.io/eh8">@eh8</a>)
                            on <a href="https://codepen.io">CodePen</a>.</span>
                    </p>
                    <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
                </div>
            </div>
        </div>
    </div>
</body>
</div>
<!-- Call to action -->
<div class="jumbotron background-call">
    <div class="container">
        <div class="jumbotron background-call-mini text-center callToAction">
            <div class="row">
                <div class="col-md-9 text-md-left">
                    <h3 class="bold">Try Keycore for free today</h3>
                </div>

                <div class="col-md-3 text-md-right">
                    <a class="btn btn-primary" href="register.html">Create an account</a>
                </div>
            </div>
        </div>
    </div>

    <footer class="container pt-4 my-md-5 pt-md-5">
        <div class="row">
            <div class="col-md-6">
                <hr>
                <h5 class="bold">Features</h5>
                <ul class="list-unstyled text-small text-muted">
                    <li><a class="footerLink" href="#authentication">Technology</a>
                    </li>
                    <li><a class="footerLink" href="#authentication">Purpose</a>
                    </li>
                    <li><a class="footerLink bold" href="mailto:support@attackathon.com">Contact for support</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-6">
                <hr>
                <h5 class="bold">The Attackathon Team</h5>
                <ul class="list-unstyled text-small text-muted">
                    <li><a class="footerLink" href="https://chengeric.com">Eric Cheng</a></li>
                    <li><a class="footerLink" href="https://github.com/rohandkn">Rohan Dhesikan</a></li>
                    <li><a class="footerLink" href="https://github.com/chrisseiler">Chris Seiler</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <hr>
                <img class="mb-2 finalLogo" src="public/TextFullLogoWhite.svg" alt="">
                <br>
                <small>an Attackathon project</small>
                <br>
                <small>Powered by <a class="bold" href="https://azure.microsoft.com/en-us/">Microsoft Azure</a></small>
            </div>
            <div class="col-md-6">
                <hr>
                <small><sup>1</sup> Considering brute-force computation time, the natural range of time between and
                    during keypresses, and our ability to evaluate these differences, we calculate Keycore's
                    authentication of an average email address to take one thousand times more trials to crack than a
                    typical 8-digit alphanumeric password. </small>
                <br>
                <br>
                <img class="mt-2 mb-2 pr-2" height="90px" src="public/TartanHacksLogo.png" alt="Tartan Hacks">
                <img class="mb-2" height="60px" src="public/CMU_Logo_Stack_White.png" alt="Carnegie Mellon University">
            </div>
        </div>
    </footer>
</div>

<!-- AOS  -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
    AOS.init({
        duration: 400 // values from 0 to 3000, with step 50ms
    });
</script>

<!-- Bootstrap  -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
    crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
    crossorigin="anonymous"></script>

</html>