Made sidebar collapsed, added top margin to <P> elements, minor update to raspian install

source/_posts/raspian.md

@@ -27,8 +27,26 @@ You’ll need to use a tool to write the image to an SD card. If you have Linux
 
  An advanced install means that you want to control your file system layout and potentially use more mount points and/or some block devices. I went through this process because I wanted to install [glusterFS](https://www.gluster.org/) on my Pi(s) so that I can share a replicated file system with more than 1 Pi. I needed this because I wanted to use [Docker Swarm](https://docs.docker.com/engine/swarm/) (where your docker containers can float between Pis) and glusterFS provides the consistent persistent storage for those containers. And since glusterFS provides redundancy options, it means I can take a Pi offline (or in case it dies) and my BBS will start on another Pi.
 
- To do this install, I modified the Raspbian image, so that it wouldn't resize the root file system after a reboot.
+ To do this install, I modified the Raspbian image, so that it wouldn't resize the root file system after a reboot. You can achieve this by removing `init=/usr/lib/raspi-config/init_resize.sh` in cmdline.txt (on the boot partition) - it should be at the end of the line.
 
- You can achieve this by removing `init=/usr/lib/raspi-config/init_resize.sh` in cmdline.txt (on the boot partition) - it should be at the end of the line.
+ After the system boots, you can resize your partitions as you would like, but:
+ * Dont change the first partition at all, it is your boot partition
+ * Dont make the second partition any smaller than what it is. You can make it larger, and after you have done so, on the next reboot use `resize2fs` to adjust the filesystem size.
 
+ You can use the rest of your diskspace as partition 3 onwards.
+
+ Here is what mine looks like:
+ ```
+Disk /dev/mmcblk0: 59.6 GiB, 64021856256 bytes, 125042688 sectors
+Units: sectors of 1 * 512 = 512 bytes
+Sector size (logical/physical): 512 bytes / 512 bytes
+I/O size (minimum/optimal): 512 bytes / 512 bytes
+Disklabel type: dos
+Disk identifier: 0x1376769f
+
+Device         Boot   Start       End   Sectors  Size Id Type
+/dev/mmcblk0p1         8192     96663     88472 43.2M  c W95 FAT32 (LBA)
+/dev/mmcblk0p2        98304   4292607   4194304    2G 83 Linux
+/dev/mmcblk0p3      4292608 125042687 120750080 57.6G 8e Linux LVM
+```
 Now you can setup [Mystic BBS](http://www.mysticbbs.com/), [MBSE BBS](http://sourceforge.net/projects/mbsebbs) or your favourite BBS software, or follow [my Docker installation](/2018/09/02/docker) if you want to run your BBS’s in docker.

themes/hueman/source/css/_partial/article.styl

@@ -164,7 +164,7 @@
         list-style-position: outside
         padding-left: 1.4em
         p
-            margin: 0
+            margin: 1em 0em 0em 0em
     img, video
         max-width: 100%
         height: auto

themes/hueman/source/css/_responsive.styl

@@ -2,8 +2,80 @@
  *    Style Fix : > 960px
 /* ------------------------------------------------------------------------- */
 @media only screen and (min-width: 960px)
-    .nav-container-inner
+    #header
-        display: block !important
+        padding-bottom: sidebar-toggle-width
+        .nav-container-inner
+            display: block !important
+
+    .main-body
+        margin-top: - sidebar-toggle-width
+
+    .main-body-inner
+        if sidebar is right
+            padding-right: sidebar-toggle-width
+            background-position: -340px 0 !important
+        else
+            padding-left: sidebar-toggle-width
+            background-position: -290px 0 !important
+        #sidebar
+            clearfix()
+            if sidebar is right
+                right: 0
+                background: url(images/s-left.png) repeat-y right 0
+            else
+                left: 0
+                background: url(images/s-left.png) repeat-y left 0
+            margin: 0
+            height: 100%
+            position: absolute
+            overflow: hidden
+            width: sidebar-toggle-width
+            transition: width 0.2s ease-in 0.2s
+            .sidebar-toggle
+                display: block
+                padding: 6px
+                color: rgba(255,255,255,0.7)
+                text-align: center
+                height: sidebar-toggle-width
+                background: color-theme
+                box-sizing: border-box
+                .toggle
+                    line-height: 38px
+                    font-size: 38px
+                    width: 38px
+                    font-family: fontawesome
+                    &:before
+                        if sidebar is right
+                            content: '\f100'
+                        else
+                            content: '\f101'
+            .sidebar-top
+                padding: 10px 30px
+                background: none
+                border-bottom: 1px solid color-border
+                p, a, i
+                    color: #666
+            #article-nav, .widgets-container, .sidebar-top
+                opacity: 0
+                transition: opacity 0.2s ease-in
+            &.expend
+                width: sidebar-width
+                overflow-y: auto
+                z-index: 2
+                transition: width 0.2s ease-in
+                .toggle
+                    &:before
+                        content: '\f100'
+                #article-nav, .widgets-container, .sidebar-top
+                    opacity: 1
+                    transition: opacity 0.2s ease-in 0.2s
+                .sidebar-top
+                    display: block
+                    .social-links
+                        .social-tooltip
+                            &:after,
+                            &:before
+                                display: none
 
 /* ------------------------------------------------------------------------- *
  *    Toggle Sidebar s1 : 959px > 480px