Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
96 lines (88 loc) · 6.85 KB
/
Copy pathindex.html
File metadata and controls
96 lines (88 loc) · 6.85 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snowflake | Home</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<script type= "text/javascript" src = "assets/js/tool.js"></script>
<script type= "text/javascript" src = "assets/js/generator.js"></script>
</head>
<body>
<section class="landing"><a href="index.html"><img src="assets/img/logo.svg" class="center"></a>
<p class="text-center nav-bar sg-font"><a class="text-white nav-sec" href="#">Overview</a><a href="project.html" class="nav-sec">Project</a><a href="surveys.html" class="nav-sec">Surveys</a></p>
<p class="lead text-center text-white heading">Snowflake</p>
<p class="lead text-center desc sg-font">Focus on what matters instead of fighting with Passwords. Whether you're new to Password or a seasoned user, Snowflake simplifies your Password Security.<br></p>
<button class="btn btn-dark download center text-white" type="submit" style="font-size:24px;"><a href="google.com" class="text-white">Download for Chrome</a></button>
<p class="text-center text-light button-desc sg-font">Also available for <a href="hmm">Firefox</a>, <a href="ggg">Safari</a>, and <a href="uhh">Edge</a>.</p>
<div class="vl center"></div>
<div class="demo center">
<p class="text-secondary form-head"><strong>Enter your Password</strong></p>
<form>
<div class="input-group shadow"><input class="form-control" id = "password-input" type="text">
<!-- <div class="input-group-append"><button class="btn btn-primary go" type="button">Go!</button></div> -->
</div>
</form>
<ul class="list-group">
<li class="list-group-item">
<p class="demo-list"><strong>Time to Crack: </strong><span id = "demo-time">0 seconds</span></p>
</li>
<li class="list-group-item">
<p class="mrgn-btm"><strong>Password Generator</strong></p>
<div class="password-cont" style="display: table-cell; vertical-align: middle; id="cipboard">
<button id="generate" class="btn btn-primary" type="button"><i class="fa fa-rotate-left"></i></button>
<span id="result">Password</span>
</div>
<input class="form-control mrgn-btm" type="number" placeholder="password length" id="length">
<div class="form-check"><input class="form-check-input" type="checkbox" id="lowercase">
<label class="form-check-label">Include Lowercase letters<br></label>
</div>
<div class="form-check"><input class="form-check-input" type="checkbox" id="uppercase">
<label class="form-check-label">Include Uppercase letters<br></label>
</div>
<div class="form-check"><input class="form-check-input" type="checkbox" id="numbers">
<label class="form-check-label">Include Numbers<br></label></div>
<div class="form-check"><input class="form-check-input" type="checkbox" id="symbols">
<label class="form-check-label">Include Symbols<br></label></div>
</li>
<li class="list-group-item">
<div class="progress bar">
<div class="progress-bar bg-success" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70;"><span class="sr-only">70%</span></div>
</div>
</li>
</ul>
</div>
<p class="lead text-center text-light demo-desc">This is a how our <a href="chrome">extension</a> feels like.<br>Simple, and straight to the point.</p>
<a href="https://github.com/snowflake-project/"><button class="btn btn-outline-primary btn-lg github-button center" type="button">Check our Github <i class="fa fa-long-arrow-right" id="arrow"></i></button></a>
<hr class="divider">
<p class="lead text-nowrap text-center text-white heading idk">Features</p>
<div class="row no-gutters justify-content-center feature-row">
<div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature1.svg" class="feature-image center"><br>
<h2 class="text-center text-white center">The PassStat Model</h2>
<p class="text-center text-light sg-font">Our accurate, to-the-point overlay provides descriptive information about your password in the blink of an eye.</p>
</div>
<div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature2.svg" class="feature-image center"><br>
<h2 class="text-center text-white">Flakerator 1.0</h2>
<p class="text-center text-light sg-font">Introducing to you, Flakerator 1.0. It is a flexible, self-adjusting model that helps you to generate strong passwords with secure technology, encryption, and built-in randomness.</p>
</div>
</div>
<hr class="divider">
<p class="lead text-nowrap text-center text-white heading">Team</p>
<div class="team"><img class="rounded-circle team-img" src="assets/img/me-green.png"><img class="rounded-circle team-img" src="assets/img/aniket.jpeg"><img class="rounded-circle team-img" src="assets/img/indrajith.jpeg"></div>
</section>
<footer>
<hr style="background-color: grey">
<p class="lead text-center footer-link-p">
<a href="https://github.com/snowflake-project/" class="footer-link" target="_blank">Github</a>
<a href="assets/img/research-paper.pdf" class="footer-link" target="_blank">Research</a>
<a href="project.html#team" class="footer-link">About</a>
<a href="project.html" class="footer-link">Team</a>
</p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>