1
0
Fork 0
mirror of https://github.com/Luzifer/password.git synced 2024-12-20 04:41:17 +00:00

Port application to Bootstrap 4

Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2019-01-01 14:37:21 +01:00
parent da8ee1b21c
commit 7cce1357fe
Signed by: luzifer
GPG key ID: DC2729FDD34BE99E
6 changed files with 3624 additions and 6786 deletions

10253
bindata.go

File diff suppressed because it is too large Load diff

View file

@ -2,72 +2,70 @@
<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, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Secure Password</title>
<!-- Load app script early to prevent blank HTML without styling -->
<script src="assets/bundle.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="modal" data-target="#settingsModal">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</button>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Secure Password</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="https://github.com/Luzifer/password#via-alfred">
Alfred Extension</a></li>
<li><a href="https://github.com/Luzifer/password#via-api">
API Documentation</a></li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="https://github.com/Luzifer/password#via-alfred">Alfred Extension</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/Luzifer/password#via-api">API Documentation</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<ul class="navbar-nav">
<li class="nav-item">
<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#settingsModal">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings
<i class="fas fa-cog" aria-hidden="true"></i> Settings
</button>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
<div class="container mt-4">
<div class="row justify-content-md-center">
<div class="col-xs-12 col-sm-8 col-md-6">
<div class="jumbotron">
<p class="center">
<p class="lead center">
I will generate a new secure password every 30 seconds. Just click the password to keep the current one.
</p>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="card mb-3">
<div class="card-header">
Your password
</div>
<div class="panel-body">
<div class="card-body">
<div class="form-group">
<input class="form-control center" id="focusedInput" type="text" value="...">
</div>
</div>
<div class="panel-footer">
<div class="card-footer">
<div class="progress">
<div class="progress-bar" style="width: 100%;"></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="card">
<div class="card-header">
FAQ
</div>
<div class="panel-body">
<div class="card-body">
<ul>
<li><strong>Do you store my password?</strong><br>
You decide which one to take and we will not store any of the generated passwords. That way you can be sure only you know which password you chose.
@ -86,12 +84,12 @@
</div>
</div>
<div class="modal" id="settingsModal">
<div class="modal-dialog">
<div class="modal" id="settingsModal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Settings</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="form-group">

View file

@ -4,6 +4,8 @@
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"@fortawesome/fontawesome-svg-core": "^1.2.12",
"@fortawesome/free-solid-svg-icons": "^5.6.3",
"babel-loader": "^8.0.4",
"css-loader": "^2.1.0",
"file-loader": "^3.0.1",
@ -12,11 +14,11 @@
"webpack-cli": "^3.1.2"
},
"dependencies": {
"bootstrap": "^3.3.7",
"bootstrap-sass": "^3.3.7",
"bootswatch": "^3.3.7",
"bootstrap": "^4.1.2",
"bootswatch": "^4.1.2",
"jquery": "^3.3.1",
"node-sass": "^4.11.0",
"popper.js": "^1.14.6",
"sass-loader": "^7.1.0",
"typeface-roboto": "^0.0.54"
}

View file

@ -1,8 +1,22 @@
import 'jquery'
// Libraries
import 'bootstrap'
// Styles
import './style.scss'
// FontAwesome 5
import {
library,
dom
} from '@fortawesome/fontawesome-svg-core'
import {
faCog
} from '@fortawesome/free-solid-svg-icons'
library.add(faCog)
dom.watch()
// Application code
import storage from './storage.js'
let now = () => {

View file

@ -1,9 +1,9 @@
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$font-size-base: 0.95rem;
$web-font-path: '~typeface-roboto/index.css';
@import '~bootswatch/paper/_variables.scss';
@import '~bootswatch/dist/materia/_variables.scss';
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
@import '~bootswatch/paper/_bootswatch.scss';
@import "~bootstrap/scss/bootstrap";
@import '~bootswatch/dist/materia/_bootswatch.scss';
body {
background-color: #e2e2e2;

View file

@ -583,6 +583,25 @@
lodash "^4.17.10"
to-fast-properties "^2.0.0"
"@fortawesome/fontawesome-common-types@^0.2.12":
version "0.2.12"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.12.tgz#42baa71f97ca06faeb0b6718fa5ed20c5eefdf07"
integrity sha512-ISLNpEx6fhJTYYkvBeo/4DHeL5EIA+VybJoOOnH67m6uXt6V6VFizdEN4qchHagNIeZfzI0LnA22gk0wbVPv/g==
"@fortawesome/fontawesome-svg-core@^1.2.12":
version "1.2.12"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.12.tgz#9732617b1e484435f6946645d7f9ad248f12c437"
integrity sha512-cqTfa3vZ+Z9UYQnmLfCOwyLnf0Xcoxkmm/BSaI29Yikzu9zIeD4es7lBZMDqLOXYSEQC+rCr8caxFlGJcJVA+w==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.12"
"@fortawesome/free-solid-svg-icons@^5.6.3":
version "5.6.3"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.6.3.tgz#1d7f6669ccd6a1ea673699e41f7e32c81401a260"
integrity sha512-ld8Gfp1KrncOpFRheThUDlD6/Ro9ZJGqfCEMXlO/x1Cg7ltLc5iYDG7yxDowLcmFY2BGSmxIIU3ZMW5FVTrfwQ==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.12"
"@webassemblyjs/ast@1.7.11":
version "1.7.11"
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.11.tgz#b988582cafbb2b095e8b556526f30c90d057cace"
@ -976,20 +995,15 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
bootstrap-sass@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootstrap-sass/-/bootstrap-sass-3.4.0.tgz#b1c330a56782347f626d31d497fa4aea16b3f99b"
integrity sha512-qdUyw4KmNNPSIdBadn+eyuuQFH0LsZlRCs6tor1zN8sQas7mnY5JNfemauraOdNPiFQd2gFeeo3gZjZZCuohZg==
bootstrap@^4.1.2:
version "4.2.1"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.2.1.tgz#8f8bdca024dbf0e8644da32e918c8a03a90a5757"
integrity sha512-tt/7vIv3Gm2mnd/WeDx36nfGGHleil0Wg8IeB7eMrVkY0fZ5iTaBisSh8oNANc2IBsCc6vCgCNTIM/IEN0+50Q==
bootstrap@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.4.0.tgz#f8d77540dd3062283d2ae7687e21c1e691961640"
integrity sha512-F1yTDO9OHKH0xjl03DsOe8Nu1OWBIeAugGMhy3UTIYDdbbIPesQIhCEbj+HEr6wqlwweGAlP8F3OBC6kEuhFuw==
bootswatch@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootswatch/-/bootswatch-3.4.0.tgz#712ecbda714fe365e7310a0e20f89829eaea0ffa"
integrity sha512-eCMWAa3/vYkT7bKDbffcgmbfy8keGSETMY0ECt+vAnKf2nKtgJUlr99x5OGFp3ZKW4hQrsSR9mPhNqFQRl4PXw==
bootswatch@^4.1.2:
version "4.2.1"
resolved "https://registry.yarnpkg.com/bootswatch/-/bootswatch-4.2.1.tgz#be402aeb8f9920c008c62f8a77c29a91a11b4c8a"
integrity sha512-2UV3a/3sleGVsOa8q3t5O4+u+ONfQvscMTKwqMVd0tkcypGhiLeE3W461qJ4uZzo6AzCSuYBTzGmOSdel0g9/A==
brace-expansion@^1.1.7:
version "1.1.11"
@ -3436,6 +3450,11 @@ pkg-dir@^3.0.0:
dependencies:
find-up "^3.0.0"
popper.js@^1.14.6:
version "1.14.6"
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.14.6.tgz#ab20dd4edf9288b8b3b6531c47c361107b60b4b0"
integrity sha512-AGwHGQBKumlk/MDfrSOf0JHhJCImdDMcGNoqKmKkU+68GFazv3CQ6q9r7Ja1sKDZmYWTckY/uLyEznheTDycnA==
posix-character-classes@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"