diff --git a/Site/2013-05/css/main.css b/Site/2013-05/css/main.css index 2b9e8f22..8ba95d23 100644 --- a/Site/2013-05/css/main.css +++ b/Site/2013-05/css/main.css @@ -189,6 +189,8 @@ header { background: black; text-shadow: black 0 1px 50px; box-shadow: 0 1px 5px #000; + + transition: height 0.3s; } header .container { position: relative; @@ -327,6 +329,67 @@ header h2 { font-size: 2em; font-style: oblique; } +header .movie { + display: none; + background: black; + position: relative; + width: 100%; + height: 100%; + padding-top: 40px; +} +header.play { + height: 94% !important; +} +header.play .movie { + display: block; +} +header.play h1, header.play h2, header.play .box { + display: none; +} +header .moviecontrol { + display: block; + position: absolute; + z-index: 9; + top: 50%; + left: 50%; + margin-top: -.5em; + margin-left: -.5em; + + font-size: 400%; + vertical-align: middle; +} +header .moviecontrol::before { + content: "▶"; +} +header .moviecontrol:hover { + text-decoration: none; +} +header.play .moviecontrol { + right: 1em; + bottom: 1em; + left: auto; + top: auto; +} +header.play .moviecontrol::before { + content: "❙❙"; +} +header .movie:before { + display: block; + content: " "; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../img/video-pattern.png') repeat; + background: url('../img/video-bg.png') no-repeat scroll 50% 100%/cover transparent; +} +header .movie video { + width: 100%; + height: 100%; + height: calc(100% - 40px); + height: auto; +} footer { overflow: hidden; text-align: center; diff --git a/Site/2013-05/img/play.png b/Site/2013-05/img/play.png new file mode 100644 index 00000000..97cad261 Binary files /dev/null and b/Site/2013-05/img/play.png differ diff --git a/Site/2013-05/img/video-bg.png b/Site/2013-05/img/video-bg.png new file mode 100644 index 00000000..d1a2df60 Binary files /dev/null and b/Site/2013-05/img/video-bg.png differ diff --git a/Site/2013-05/img/video-pattern.png b/Site/2013-05/img/video-pattern.png new file mode 100644 index 00000000..8a8cfbd7 Binary files /dev/null and b/Site/2013-05/img/video-pattern.png differ diff --git a/Site/2013-05/index.html b/Site/2013-05/index.html index 43197e7d..28ab5657 100644 --- a/Site/2013-05/index.html +++ b/Site/2013-05/index.html @@ -57,26 +57,20 @@
+
+ +
+ +

Master Password

Secure your life, forget your passwords.

-
-
- -
-
-
- - -
-
-
diff --git a/Site/2013-05/js/main.js b/Site/2013-05/js/main.js index 098c89e3..33016d44 100755 --- a/Site/2013-05/js/main.js +++ b/Site/2013-05/js/main.js @@ -6,3 +6,13 @@ $(function(){ }; }); +function toggleMovie() { + if ($("header").hasClass("play")) { + $("header").removeClass("play"); + $("header video")[0].pause(); + } else { + $("header").addClass("play"); + $("header video")[0].play(); + } +} + diff --git a/Site/2013-05/vid/about.mov b/Site/2013-05/vid/about.mov new file mode 120000 index 00000000..5d0b2770 --- /dev/null +++ b/Site/2013-05/vid/about.mov @@ -0,0 +1 @@ +/Users/lhunath/Movies/About Master Password.mov \ No newline at end of file diff --git a/Site/2013-05/vid/about.mp4 b/Site/2013-05/vid/about.mp4 new file mode 100644 index 00000000..de4175c6 Binary files /dev/null and b/Site/2013-05/vid/about.mp4 differ diff --git a/Site/2013-05/vid/about.ogv b/Site/2013-05/vid/about.ogv new file mode 100644 index 00000000..314af7b2 Binary files /dev/null and b/Site/2013-05/vid/about.ogv differ diff --git a/Site/2013-05/vid/about.webm b/Site/2013-05/vid/about.webm new file mode 100644 index 00000000..4da728e9 Binary files /dev/null and b/Site/2013-05/vid/about.webm differ diff --git a/Site/2013-05/what.html b/Site/2013-05/what.html index 71e631a9..6d51e8e9 100644 --- a/Site/2013-05/what.html +++ b/Site/2013-05/what.html @@ -154,6 +154,14 @@

Two factor authentication is defined as authenticating yourself with two methods that are so distinct that a single attack cannot compromise both. Many sites claim to use two-factor authentication but actually rely only on an extra password hidden in an app on your phone or computer. If an attacker can steal your master password, he can probably download the hidden password too. Or read in your two-factor response while you're typing it in. On top of that, you're using a password manager: after your "two-factor" authentication, you get a single password to perform another one-factor authentication with a site. As a hacker, I'd go for the weakest link to break your chain. +

You speak of trust, how can I trust you?

+

A very valid question, and arguably the most important one to ask!

+

Trust is a very difficult thing to guarantee. Powerful entities will sollicit your trust by appearing with it and coming well recommended. Trust can also be assured by legalese or contracts. If you have the means and energy to hold an entity responsible for his claims and actions, this might be sufficient for you.

+

Most of us mere mortals cannot affort this level of trust enforcement, however. We're mostly left in the position of trusting claims blindly, in the hopes that companies will not violate those claims for fear of taking a seizable public-relations hit.

+

I propose that none of these forms of trust are sufficient adequate.
+ In fact, Master Password is what it is because it aims to avoid any requirement of trust in the solution's author. Master Password requires no services or proprietary storage format. I've published Master Password's algorithm for you to inspect and licensed to you the full source code to the implementations for you to use.

+

What that gives you, is the ability to either inspect and learn how Master Password works or to take this information to a professional (be it an academic, mathematician or payed developer) and have him do this for you. +