Permalink
Browse files

Add signatures in all posts

  • Loading branch information...
1 parent cda0be3 commit 77ac0f5a48527ab9a1088c53af8ab2ed092ed9a3 @staltz committed Nov 23, 2016
Showing with 152 additions and 123 deletions.
  1. +3 −0 _layouts/post.html
  2. +131 −123 css/main.css
  3. +3 −0 sign
  4. +15 −0 verify-all-signed
View
@@ -27,6 +27,9 @@ <h3 class="post-date">{{ page.date | date_to_string }}</h3>
<p>
If you liked this article, consider sharing <a href="https://twitter.com/intent/tweet?original_referer={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&amp;text={{ page.title | uri_escape }}&amp;tw_p=tweetbutton&amp;url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&amp;via=andrestaltz" rel="nofollow" target="_blank" title="tweeting">(tweeting)<span style="text-decoration: underline"></a> it to your followers.
</p>
+ <p class="verify-in-keybase">
+ You can make sure that the author wrote this post by copy-pasting <a href="https://raw.githubusercontent.com/staltz/staltz.github.io/master/signed_posts/{{ page.path | remove_first: '_posts/' }}.asc">this signature</a> into <a href="https://keybase.io/verify">this Keybase page</a>.
+ </p>
</div>
</div>
</div>
View
@@ -4,97 +4,105 @@
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
body {
- background-color: white;
- font-family: 'Roboto', sans-serif;
+ background-color: white;
+ font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4 {
- font-family: 'Lora', serif;
+ font-family: 'Lora', serif;
}
p, ul {
- font-size: 16px;
- line-height: 1.75;
- margin: 0 0 20px;
+ font-size: 16px;
+ line-height: 1.75;
+ margin: 0 0 20px;
}
a {
- color: black;
- text-decoration: underline;
+ color: black;
+ text-decoration: underline;
}
pre {
- margin: 30px 0;
+ margin: 30px 0;
}
.header {
- height: 300px;
- background-image: url('../img/header_photo.jpg');
- background-size: cover;
- background-color: #598080;
- background-position: center;
+ height: 300px;
+ background-image: url('../img/header_photo.jpg');
+ background-size: cover;
+ background-color: #598080;
+ background-position: center;
}
.header-post {
- height: 100px;
- /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83c3a5+0,72c2c1+100 */
- background: #83c3a5; /* Old browsers */
- background: -moz-linear-gradient(45deg, #83c3a5 0%, #72c2c1 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#83c3a5), color-stop(100%,#72c2c1)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* IE10+ */
- background: linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c3a5', endColorstr='#72c2c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
- background-size: cover;
- text-transform: uppercase;
+ height: 100px;
+ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83c3a5+0,72c2c1+100 */
+ background: #83c3a5; /* Old browsers */
+ background: -moz-linear-gradient(45deg, #83c3a5 0%, #72c2c1 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#83c3a5), color-stop(100%,#72c2c1)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* IE10+ */
+ background: linear-gradient(45deg, #83c3a5 0%,#72c2c1 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c3a5', endColorstr='#72c2c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+ background-size: cover;
+ text-transform: uppercase;
}
.avatar {
- background-image: url('../img/andre.jpg');
- background-size: cover;
- margin-left: auto;
- margin-right: auto;
- height: 100px;
- width: 100px;
- position: relative;
- top: -50px;
- margin-bottom: -50px;
- border: 2px solid white;
- -webkit-border-radius: 50px;
- border-radius: 50px;
- -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
- box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
+ background-image: url('../img/andre.jpg');
+ background-size: cover;
+ margin-left: auto;
+ margin-right: auto;
+ height: 100px;
+ width: 100px;
+ position: relative;
+ top: -50px;
+ margin-bottom: -50px;
+ border: 2px solid white;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
+ box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
}
.centered {
- text-align: center;
+ text-align: center;
}
.name-title {
- color: #444;
+ color: #444;
}
a.name-title {
- display: inline;
- text-decoration: none;
- color: #444;
+ display: inline;
+ text-decoration: none;
+ color: #444;
}
a.name-title:hover {
- text-decoration: none;
- color: #444;
- border-bottom: 1px dashed #444;
- cursor: help;
+ text-decoration: none;
+ color: #444;
+ border-bottom: 1px dashed #444;
+ cursor: help;
}
.name-subtitle {
- color: #999;
- font-size: 18px;
- font-family: 'Roboto Condensed';
- margin-bottom: 40px;
- text-transform: uppercase;
+ color: #999;
+ font-size: 18px;
+ font-family: 'Roboto Condensed';
+ margin-bottom: 40px;
+ text-transform: uppercase;
}
.post-title {
- color: #666;
- font-family: 'Roboto Condensed';
- margin: 40px 0 0;
- text-transform: uppercase;
+ color: #666;
+ font-family: 'Roboto Condensed';
+ margin: 40px 0 0;
+ text-transform: uppercase;
}
.post-date {
- color: #999;
- font-family: 'Source Sans Pro';
- margin: 0 0 40px;
- text-transform: uppercase;
+ color: #999;
+ font-family: 'Source Sans Pro';
+ margin: 0 0 40px;
+ text-transform: uppercase;
+}
+.verify-in-keybase {
+ color: #999;
+ font-variant: small-caps;
+ font-size: small;
+}
+.verify-in-keybase a {
+ color: #999;
}
.big-tweet-header {
@@ -157,105 +165,105 @@ a.name-title:hover {
}
.big-tweet-body table {
- width: 100%;
- margin: 40px 0;
- font-size: 2.1rem;
+ width: 100%;
+ margin: 40px 0;
+ font-size: 2.1rem;
}
.big-tweet-body th {
- border-bottom: 1px solid #333;
+ border-bottom: 1px solid #333;
}
.syllables {
- font-family: 'Lora', serif;
- font-style: italic;
- font-size: 20px;
- color: #555;
- margin-right: 15px;
+ font-family: 'Lora', serif;
+ font-style: italic;
+ font-size: 20px;
+ color: #555;
+ margin-right: 15px;
}
h2.hr {
- width: 100%;
- text-align: center;
- border-bottom: 1px solid #AAA;
- line-height: 0;
- margin: 60px 0 30px;
- font-size: 16px;
- cursor: default;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ width: 100%;
+ text-align: center;
+ border-bottom: 1px solid #AAA;
+ line-height: 0;
+ margin: 60px 0 30px;
+ font-size: 16px;
+ cursor: default;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
span.hr {
- background-color: white;
- padding: 0 10px;
- font-family: 'Roboto Condensed';
- color: #999;
+ background-color: white;
+ padding: 0 10px;
+ font-family: 'Roboto Condensed';
+ color: #999;
}
ul.horizontal {
- width: 100%;
- max-width: 300px;
- display: flex;
- padding: 0;
- margin: 0 auto;
- justify-content: space-between;
+ width: 100%;
+ max-width: 300px;
+ display: flex;
+ padding: 0;
+ margin: 0 auto;
+ justify-content: space-between;
}
ul.horizontal li {
- display: inline-block;
- text-align: center;
+ display: inline-block;
+ text-align: center;
}
ul.horizontal li a {
- display: inline-block;
- width: 40px;
- height: 40px;
- line-height: 39px;
- font-size: 20px;
- color: white;
- text-decoration: none;
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 39px;
+ font-size: 20px;
+ color: white;
+ text-decoration: none;
}
ul.horizontal li a:hover, ul.horizontal li a:active {
- text-decoration: none;
- border-bottom: 4px solid rgba(0,0,0,0.3);
+ text-decoration: none;
+ border-bottom: 4px solid rgba(0,0,0,0.3);
}
.twitter-bg {
- background-color: #33CCFF;
+ background-color: #33CCFF;
}
.facebook-bg {
- background-color: #3B5998;
+ background-color: #3B5998;
}
.linkedin-bg {
- background-color: #0E76A8;
+ background-color: #0E76A8;
}
.stackexchange-bg {
- background-color: #EF8236;
+ background-color: #EF8236;
}
.github-bg {
- background-color: #171515;
+ background-color: #171515;
}
.email-bg {
- background-color: #888;
+ background-color: #888;
}
.post img {
- width: 100%;
- margin: 2em 0;
+ width: 100%;
+ margin: 2em 0;
}
.footer {
- margin-top: 60px;
- background-color: #EEE;
- text-align: center;
- border-top: 1px solid #DDD;
- border-bottom: 1px solid #DDD;
- padding: 30px 0;
- color: #888;
+ margin-top: 60px;
+ background-color: #EEE;
+ text-align: center;
+ border-top: 1px solid #DDD;
+ border-bottom: 1px solid #DDD;
+ padding: 30px 0;
+ color: #888;
}
.footer a {
- color: #888;
+ color: #888;
}
.footer p {
- font-size: 14px;
+ font-size: 14px;
}
span.dot {
- margin: 0 5px;
+ margin: 0 5px;
}
View
@@ -0,0 +1,3 @@
+#!/bin/sh
+keybase pgp sign -i $1 > signed_posts/$(basename $1).asc
+
View
@@ -0,0 +1,15 @@
+#!/bin/sh
+for file in _posts/*.md
+do
+ name=${file##*/}
+ if [ -f signed_posts/$name.asc ]; then
+ :
+ else
+ echo "Warning :("
+ echo "File _posts/$name is missing a signature file in signed_posts/"
+ exit 1
+ fi
+done
+echo "Okay :)"
+echo "All posts have signatures"
+exit 0

0 comments on commit 77ac0f5

Please sign in to comment.