patek/passwords
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Did some stuff ig (mostly procrastinated tho).

Browse Source
This commit is contained in:
Greenscreener 2021-02-04 22:10:06 +01:00
parent ea00fb7f1f
commit c1227502d8
12 changed files with 168 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.idea/

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "assets/js/patek-logo-custom-element"]
path = assets/js/patek-logo-custom-element
url = https://gitlab.com/patek-devs/patek-logo-custom-element.git

BIN
assets/gifs/glič.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

BIN
assets/gifs/glič1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 KiB

0
assets/.gitkeep → assets/images/.gitkeep
View File

BIN
assets/images/facebook-login.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
assets/images/google-login.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

1
assets/js/patek-logo-custom-element Submodule

@ -0,0 +1 @@
Subproject commit a9d73d164a0fc6b4753360ea2ff2c72332bf99ba

0
gifs/.gitkeep
View File

0
images/.gitkeep
View File

165
index.html
View File

@ -19,18 +19,150 @@
filter: blur(3px) saturate(.7) brightness(.6);
}
.glič {
vertical-align: middle;
height: 64px;
}
section > section {
margin-top: 2rem;
}
</style>
<script src="assets/js/patek-logo-custom-element/patek-logo.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section style="text-align: left;">
<section data-state="startHAXX" style="text-align: left;">
<label for="input" class="control-label">Zadejte nové heslo:</label><br/>
<input style="width: calc(100% - 0.2em);font-size: 2em;padding: 0.1em" type="text" id="input" placeholder="Heslo" autofocus="true">
</section>
<section data-state="stopHAXX">
<h1>Hesla</h1>
<div style="font-size: 2rem; color: #93a1a1; display: inline-flex; align-items: center;"><div><p>Jan Černohorský</p><p>Šimon Jan Šustek</p></div><div style="width: 1px; background-color: #93a1a1; height: 5em; margin: 1em;"></div><patek-logo title="Talks" subtitle="Pátek"></patek-logo></div>
</section>
<section>
<h2>
Co jsou to hesla?
</h2>
<section>
<p class="fragment">Způsob, jak může aplikace ověřit, že jste to vy.</p>
</section>
<section>
<img src="assets/images/google-login.png" height=500 alt="Screenshot of Google login dialogue">
<img src="assets/images/facebook-login.png" height=500 alt="Screenshot of Facebook login dialogue">
</section>
</section>
<section>
<h2>
Proč jsou důležitá?
</h2>
<section>
<p class="fragment">Jedná se o klíče k celému vašemu (onlinovému) životu.</p>
</section>
<section>
<h3>S vaším heslem můžu:</h3>
<p class="fragment">podívat se na vaše kontaky, <span class="fragment">fotky</span></p>
<p class="fragment">vymazat všechna data ve vašem telefonu</p>
</section>
<section>
<h3>S vaším heslem můžu být vy.</h3>
</section>
</section>
<section>
<h2>
Znám vaše heslo
</h2>
</section>
<section>
<h2>
Ale jak?
</h2>
</section>
<section>
<h2>
Hesla <i>jsou předvídatelná</i>
</h2>
</section>
<section>
<h2>
Hesla <i>unikají stránkám</i>
</h2>
</section>
<section>
<h2>
Hesla <i>unikají vám</i>
</h2>
</section>
<section>
<h2>
<p>Hesla <i>jsou na h<img src="/assets/gifs/glič1.gif" alt="glič" class="glič"><img src="/assets/gifs/glič1.gif" alt="glič" class="glič">o</i>,</p>
<p> ale co s tím? </p>
</h2>
</section>
<section>
<h2>
Co můžu dělat?
</h2>
</section>
<section>
<h2>
<i>Unikátnost</i>
</h2>
</section>
<section>
<h2>
<i>Nepředvídatelnost</i>
</h2>
</section>
<section>
<h2>
<i>Délka</i>
</h2>
</section>
<section>
<h2>
No to je super, ale kdo si to má pamatovat?
</h2>
<h1>Password Managers!!!</h1>
</section>
<section>
<h2>
A kde se to dá sehnat?
</h2>
</section>
<section>
<h2>
Do Password Manageru máte jedno silné heslo, které si pamatujete. V Password Manageru máte všechna ostatní hesla, která si nepamatujete.
</h2>
</section>
<section>
<h2>
Nojo, ale kde to jedno silné heslo seženu?
</h2>
</section>
<section>
<h2>
Fajn, tak to by bylo. Pojďme se vrátit na začátek.
</h2>
</section>
<section>
<h2>
Nejdete to lépe?
</h2>
</section>
<section>
<h2>
Multifaktorové přihlašovaní
</h2>
</section>
<section>
<h2>
Závěr
</h2>
</section>
</div>
@ -65,7 +197,34 @@
input.setAttribute('value',input.value);
}
};
setInterval(function(){write_text(texts[Math.floor(Math.random() * texts.length)],125)},2500);
</script>
let haxx;
Reveal.on( 'startHAXX', () => {
haxx = setInterval(function(){write_text(texts[Math.floor(Math.random() * texts.length)],125)},2500);
} );
Reveal.on( 'stopHAXX', () => {
clearInterval(haxx);
} );
let tykame = true;
class VT extends HTMLElement {
constructor() {
super()
this.print()
}
print() {
if (tykame) this.innerText = this.getAttribute("t")
else this.innerText = this.getAttribute("v")
}
static get observedAttributes() {
return ["v", "t"];
}
attributeChangedCallback() {
this.print()
}
}
customElements.define("v-t", VT);
</script>
</body>
</html>

1
reveal.js Symbolic link
View File

@ -0,0 +1 @@
/home/jan/Documents/talks/assets/reveal.js/