content updates

content/posts/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md

@@ -2,12 +2,9 @@
 type: post
 
 title: How to quickly generate encrypted .htpasswd passwords
-author: Matthias Kretschmann
 
 date: 2008-02-26 23:24:17+00:00
 
-category:
-
 tags:
 - design
 - tutorial
@@ -19,6 +16,8 @@ redirect_from:
     - /2008/02/how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites/
 ---
 
+Easily generate `.htpasswd` credentials for use in `.htaccess` files on macOS.
+
 As you may know you can easily password protect your website or parts of it using an htaccess file with special instructions on an [Apache](http://www.apache.org/)-based server. For using this method you just have to put a file named `.htaccess` (which includes the instructions for the webserver) and a file named `.htpasswd` (which includes the login-accounts) in the directory you want to have password protected. But you have to encrypt the passwords of the login data for yourself, which is a quick task on a Mac.
 
 I won't go into detail what exactly is needed in your `.htaccess`, since it often depends on your hosting provider which instructions are allowed. If you are new to all this stuff and want to password protect your website or parts of it, have a look in the part [Password Protection](http://www.javascriptkit.com/howto/htaccess3.shtml) of the [Comprehensive guide to .htaccess written by Feyd](http://www.javascriptkit.com/howto/htaccess.shtml).
@@ -28,6 +27,7 @@ The login data, in detail just the password is stored encrypted in the .htpasswd
 Just open Terminal application and type in the following code and replace username and password with your desired data:
 
 ```bash
+# replace username & password
 htpasswd -nb username password
 ```
 

src/components/Post/PostActions.module.scss

@@ -5,15 +5,17 @@
     @include breakoutviewport;
 
     margin-top: $spacer * 3;
-    border-top: 1px dashed $brand-grey-dimmed;
-    border-bottom: 1px dashed $brand-grey-dimmed;
+    background: rgba(#fff, .5);
+    padding-top: $spacer;
+    padding-bottom: $spacer;
+    border-radius: $border-radius;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 
     > div {
         flex: 0 0 100%;
-        border-bottom: 1px dashed $brand-grey-dimmed;
+        border-bottom: 1px dashed rgba($brand-grey-light, .3);
 
         &:last-child {
             border-bottom: 0;
@@ -22,7 +24,7 @@
         @media (min-width: $screen-sm) {
             flex: 0 0 33.33333%;
             border-bottom: 0;
-            border-left: 1px dashed $brand-grey-dimmed;
+            border-left: 1px dashed rgba($brand-grey-light, .3);
 
             &:first-child {
                 border-left: 0;
@@ -54,8 +56,8 @@
 .action {
     display: block;
     margin: 0;
-    padding-top: $spacer * $line-height;
-    padding-bottom: $spacer * $line-height;
+    padding-top: $spacer;
+    padding-bottom: $spacer;
     padding-left: $spacer * 2;
     padding-right: $spacer;
     position: relative;
@@ -83,7 +85,7 @@
     svg {
         position: absolute;
         left: $spacer;
-        top: $spacer * $line-height;
+        top: $spacer;
         fill: $brand-grey-light;
     }
 }

src/components/Post/PostLead.module.scss

@@ -2,6 +2,7 @@
 
 .lead {
     font-size: $font-size-large;
+    margin-bottom: $spacer;
 }
 
 .index {

src/styles/_code.scss

@@ -6,7 +6,7 @@ kbd,
 pre,
 samp {
     font-family: $font-family-monospace;
-    font-size: $font-size-mini;
+    font-size: $font-size-small;
 }
 
 code,

src/styles/_syntax.scss

@@ -193,11 +193,11 @@ copyright  Copyright (C) 2017                                  +
     + Entities +
     +----------+ */
 .comment {
-    color: #4c566a;
+    color: #69758f;
 }
 
 .comment .markup.link {
-    color: #4c566a;
+    color: #69758f;
     text-decoration: none;
 }