extern/hishtory
1
0
Fork 0
mirror of https://github.com/ddworken/hishtory.git synced 2024-11-23 00:34:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

add html formatter to pre-commit

Browse Source
This commit is contained in:
David Dworken 2022-04-07 21:54:37 -07:00
parent fccc238b18
commit e0199f830f
2 changed files with 284 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.pre-commit-config.yaml
View File

@ -14,3 +14,8 @@ repos:
entry: errcheck -exclude .errcheck_excludes.txt ./... entry: errcheck -exclude .errcheck_excludes.txt ./...
language: system language: system
pass_filenames: false pass_filenames: false
- id: html-tidy
name: html-tidy
entry: tidy -quiet -modify -indent web/landing/www/index.html
language: system
pass_filenames: false

342
web/landing/www/index.html
View File

@ -1,13 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="generator" content=
"HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content=
"width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<title>Hishtory: Better Shell History</title> <title>Hishtory: Better Shell History</title>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144207374-1"></script>
<script async src=
"https://www.googletagmanager.com/gtag/js?id=UA-144207374-1"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
@ -16,197 +21,288 @@
} }
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'UA-144207374-1'); gtag('config', 'UA-144207374-1');
</script> </script><!-- Font Awesome Icons -->
<!-- Font Awesome Icons --> <link href="vendor/fontawesome-free/css/all.min.css" rel=
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> "stylesheet" type="text/css"><!-- Google Fonts -->
<!-- Google Fonts --> <link href=
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet"> "https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700"
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'> rel="stylesheet">
<!-- Plugin CSS --> <link href=
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet"> 'https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic'
<!-- Theme CSS - Includes Bootstrap --> rel='stylesheet' type='text/css'><!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel=
"stylesheet"><!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.min.css" rel="stylesheet"> <link href="css/creative.min.css" rel="stylesheet">
<!-- Highlight JS --> <!-- Highlight JS -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/default.min.css"> <link rel="stylesheet" href=
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script> "//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/default.min.css">
</head>
<body id="page-top"> <script src=
<!-- Navigation --> "//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Hishtory</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#setup">Setup</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#faq">FAQ</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-12 align-self-end">
<h2 class="text-white font-weight-bold">Your shell history: synced, queryable, and in context </h1>
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<script id="asciicast-xW0ddZdZm7Utv1iLATegM4Oe4" src="https://asciinema.org/a/xW0ddZdZm7Utv1iLATegM4Oe4.js" async data-autoplay="true" data-loop="true"></script>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Bash scripting is powerful, keep track of how you use it</h2>
<hr class="divider light my-4">
<p class="text-white-50 mb-4"> Bash keeps a list of every command you run locally, but this list of commands is devoid of context (where did I run that command? what was the output of the command? how long did it take to run?) and it is easily corrupted (open two terminals at once? Say goodbye to your bash history!). <br>
<br> Hishtory keeps track of the command you ran, how long it took to run, whether it succeeded or failed, where you ran it, and on what machine. It syncs this information across all your machines, so you can always find that useful bash pipeline you wrote a month ago.
</p>
</div>
</p>
</div>
</div>
</section>
<!-- Setup Section -->
<section class="page-section" id="setup">
<div class="container">
<style> <style>
li.install-nav-item>:not([active]) { li.install-nav-item>:not([active]) {
background-color: #f7f7f9 background-color: #f7f7f9
} }
</style> </style>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3"
id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href=
"#page-top">Hishtory</a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href=
"#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href=
"#setup">Setup</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href=
"#faq">FAQ</a>
</li>
</ul>
</div>
</div>
</nav><!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class=
"row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-12 align-self-end">
<h2 class="text-white font-weight-bold">Your shell
history: synced, queryable, and in context</h2>
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<script id="asciicast-xW0ddZdZm7Utv1iLATegM4Oe4" src=
"https://asciinema.org/a/xW0ddZdZm7Utv1iLATegM4Oe4.js"
async data-autoplay="true" data-loop="true"></script>
</div>
</div>
</div>
</header><!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Bash scripting is powerful,
keep track of how you use it</h2>
<hr class="divider light my-4">
<p class="text-white-50 mb-4">Bash keeps a list of every
command you run locally, but this list of commands is
devoid of context (where did I run that command? what was
the output of the command? how long did it take to run?)
and it is easily corrupted (open two terminals at once?
Say goodbye to your bash history!).<br>
<br>
Hishtory keeps track of the command you ran, how long it
took to run, whether it succeeded or failed, where you
ran it, and on what machine. It syncs this information
across all your machines, so you can always find that
useful bash pipeline you wrote a month ago.</p>
</div>
</div>
</div>
</section><!-- Setup Section -->
<section class="page-section" id="setup">
<div class="container">
<h2 class="text-center mt-0">Setup Process</h2> <h2 class="text-center mt-0">Setup Process</h2>
<hr class="divider my-4"> <hr class="divider my-4">
<p class="text-black-50 mb-4"> <p class="text-black-50 mb-4"></p>
<div style="border: solid #f7f7f9; border-width: 2px;border-radius:10px;padding:2%"> <div style=
<ul class="nav nav-tabs nav-pills nav-justified" id="myTab" role="tablist" style="/*border: solid #f7f7f9; border-width: 2px;*/"> "border: solid #f7f7f9; border-width: 2px;border-radius:10px;padding:2%">
<ul class="nav nav-tabs nav-pills nav-justified" id="myTab"
role="tablist" style=
"/*border: solid #f7f7f9; border-width: 2px;*/">
<li class="nav-item install-nav-item"> <li class="nav-item install-nav-item">
<a class="nav-link active" id="install-first-tab" data-toggle="tab" href="#install-first" role="tab" style="margin: 10px">First Installation</a> <a class="nav-link active" id="install-first-tab"
data-toggle="tab" href="#install-first" role="tab"
style="margin: 10px">First Installation</a>
</li> </li>
<li class="nav-item install-nav-item"> <li class="nav-item install-nav-item">
<a class="nav-link" id="install-second-tab" data-toggle="tab" href="#install-second" role="tab" style="margin: 10px">Installation on additional computers</a> <a class="nav-link" id="install-second-tab"
data-toggle="tab" href="#install-second" role="tab"
style="margin: 10px">Installation on additional
computers</a>
</li> </li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="install-first" role="tabpanel" aria-labelledby="home-tab"> <div class="tab-pane active" id="install-first" role=
<br>To install hishtory on your first machine: "tabpanel" aria-labelledby="home-tab">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <code>curl -o hishtory https://hishtory.dev/binaries/hishtory-linux; chmod +x hishtory; ./hishtory install</code> <br>
To install hishtory on your first machine:<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <code>curl -o
hishtory https://hishtory.dev/binaries/hishtory-linux;
chmod +x hishtory; ./hishtory install</code>
</div> </div>
<div class="tab-pane" id="install-second" role="tabpanel" aria-labelledby="profile-tab"> <div class="tab-pane" id="install-second" role="tabpanel"
<br>To install hishtory on your second machine, you must first retrieve your secret key from first first machine. To do so, run <code>hishtory status</code> and copy your "Secret Key". aria-labelledby="profile-tab">
Then to install it on your second machine: <br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <code>curl -o hishtory https://hishtory.dev/binaries/hishtory-linux; chmod +x hishtory; ./hishtory install $YOUR_HISHTORY_SECRET</code> To install hishtory on your second machine, you must
first retrieve your secret key from first first
machine. To do so, run <code>hishtory status</code> and
copy your "Secret Key". Then to install it on your
second machine:<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <code>curl -o
hishtory https://hishtory.dev/binaries/hishtory-linux;
chmod +x hishtory; ./hishtory install
$YOUR_HISHTORY_SECRET</code>
</div> </div>
</div> </div>
</div> </div>
</p>
</div> </div>
</section> </section>
<section class="page-section" id="faq"> <section class="page-section" id="faq">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-8 text-center"> <div class="col-lg-8 text-center">
<h2 class="mt-0">FAQ</h2> <h2 class="mt-0">FAQ</h2><!-- FAQ -->
<!-- FAQ -->
<hr class="divider my-4"> <hr class="divider my-4">
<div class="accordion" id="accordionExample"> <div class="accordion" id="accordionExample">
<div class="card"> <div class="card">
<div class="card-header" id="headingZero"> <div class="card-header" id="headingZero">
<h2 class="mb-0"> <h2 class="mb-0"><button class="btn btn-link" type=
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseZero" aria-expanded="true" aria-controls="collapseZero"> How does this work? </button> "button" data-toggle="collapse" data-target=
</h2> "#collapseZero" aria-expanded="true" aria-controls=
"collapseZero">How does this work?</button></h2>
</div> </div>
<div id="collapseZero" class="collapse show" aria-labelledby="headingZero" data-parent="#accordionExample"> <div id="collapseZero" class="collapse show"
<div class="card-body"> Hishtory hooks into your shell to record everything you could want to know about your shell history. It supports two modes: <ol> aria-labelledby="headingZero" data-parent=
<li>Offline mode: It persists all this data in a local SQLite database</li> "#accordionExample">
<li>Online mode: Only if you opt-in, it syncs this data between all your machines so your history is immediately queryable from every one of your machines</li> <div class="card-body">
Hishtory hooks into your shell to record
everything you could want to know about your
shell history. It supports two modes:
<ol>
<li>Offline mode: It persists all this data in
a local SQLite database</li>
<li>Online mode: Only if you opt-in, it syncs
this data between all your machines so your
history is immediately queryable from every one
of your machines</li>
</ol> </ol>
</div> </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingOne"> <div class="card-header" id="headingOne">
<h2 class="mb-0"> <h2 class="mb-0"><button class=
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> Is this secure? </button> "btn btn-link collapsed" type="button" data-toggle=
</h2> "collapse" data-target="#collapseOne"
aria-expanded="false" aria-controls=
"collapseOne">Is this secure?</button></h2>
</div> </div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample"> <div id="collapseOne" class="collapse"
aria-labelledby="headingOne" data-parent=
"#accordionExample">
<div class="card-body"> <div class="card-body">
This is up to you to judge, but in my opinion: Yes! All data is end-to-end encrypted with a key that never leaves your computer(s). The code is OSS, so you can verify this, and the pre-built binaries are reproducibly built with the commit hash embedded in them for easy verification. This is up to you to judge, but in my opinion:
Yes! All data is end-to-end encrypted with a key
that never leaves your computer(s). The code is
OSS, so you can verify this, and the pre-built
binaries are reproducibly built with the commit
hash embedded in them for easy verification.
</div> </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingTwo"> <div class="card-header" id="headingTwo">
<h2 class="mb-0"> <h2 class="mb-0"><button class=
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> What about `.bash_history`? </button> "btn btn-link collapsed" type="button" data-toggle=
</h2> "collapse" data-target="#collapseTwo"
aria-expanded="false" aria-controls=
"collapseTwo">What about
`.bash_history`?</button></h2>
</div>
<div id="collapseTwo" class="collapse"
aria-labelledby="headingTwo" data-parent=
"#accordionExample">
<div class="card-body">
If it works for you, great! But I find I
constantly get annoyed with `.bash_history`
either because I lose context (which directory do
I need to run that command from?) or because I
full on lose the file (it tends to get corrupted
if you open multiple terminals at the same time).
</div> </div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body"> If it works for you, great! But I find I constantly get annoyed with `.bash_history` either because I lose context (which directory do I need to run that command from?) or because I full on lose the file (it tends to get corrupted if you open multiple terminals at the same time). </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingThree"> <div class="card-header" id="headingThree">
<h2 class="mb-0"> <h2 class="mb-0"><button class=
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Is this free? </button> "btn btn-link collapsed" type="button" data-toggle=
</h2> "collapse" data-target="#collapseThree"
aria-expanded="false" aria-controls=
"collapseThree">Is this free?</button></h2>
</div>
<div id="collapseThree" class="collapse"
aria-labelledby="headingThree" data-parent=
"#accordionExample">
<div class="card-body">
Yes! This is just a hobby project for me that I
use, and I hope other people get some use out of.
</div> </div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body"> Yes! This is just a hobby project for me that I use, and I hope other people get some use out of. </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingFour"> <div class="card-header" id="headingFour">
<h2 class="mb-0"> <h2 class="mb-0"><button class=
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Who made this? </button> "btn btn-link collapsed" type="button" data-toggle=
</h2> "collapse" data-target="#collapseFour"
aria-expanded="false" aria-controls=
"collapseFour">Who made this?</button></h2>
</div>
<div id="collapseFour" class="collapse"
aria-labelledby="headingFour" data-parent=
"#accordionExample">
<div class="card-body">
Made with ❤️ by <a href=
"https://daviddworken.com">David Dworken</a>. I'm
a Security Engineer who also enjoys creating
software. I built this to solve a problem for
myself, and wanted to share it with others who
may find it useful.
</div> </div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body"> Made with ❤️ by <a href="https://daviddworken.com">David Dworken</a>. I'm a Security Engineer who also enjoys creating software. I built this to solve a problem for myself, and wanted to share it with others who may find it useful. </div>
</div> </div>
</div> </div>
</div> </div>
<hr class="divider my-4"> <hr class="divider my-4">
<p class="text-muted mb-5"> Feedback, thoughts, ideas, or other questions? Let me know! </p> <p class="text-muted mb-5">Feedback, thoughts, ideas, or
other questions? Let me know!</p>
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i> <a class="d-block" href=
<a class="d-block" href="mailto:david@daviddworken.com">david@daviddworken.com</a> "mailto:david@daviddworken.com">david@daviddworken.com</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section><!-- Footer -->
<!-- Footer -->
<footer class="bg-light py-5"> <footer class="bg-light py-5">
<div class="container"> <div class="container">
<div class="small text-center text-muted">Copyright &copy; 2022 - David Dworken</div> <div class="small text-center text-muted">
Copyright © 2022 - David Dworken
</div> </div>
</footer> </div>
<!-- Bootstrap core JavaScript --> </footer><!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src=
"vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript --> <!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script> <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src=
"vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template --> <!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script> <script src="js/creative.min.js"></script>
</body> </body>
</html> </html>