From 471cf598cd937b69bd48996412e268094ddd9d9e Mon Sep 17 00:00:00 2001 From: Deon George Date: Thu, 25 Oct 2018 23:08:30 +1100 Subject: [PATCH] Made sidebar collapsed, added top margin to

elements, minor update to raspian install --- source/_posts/raspian.md | 22 +++++- .../hueman/source/css/_partial/article.styl | 2 +- themes/hueman/source/css/_responsive.styl | 76 ++++++++++++++++++- 3 files changed, 95 insertions(+), 5 deletions(-) diff --git a/source/_posts/raspian.md b/source/_posts/raspian.md index a0d8b3d..18acd8b 100644 --- a/source/_posts/raspian.md +++ b/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. diff --git a/themes/hueman/source/css/_partial/article.styl b/themes/hueman/source/css/_partial/article.styl index aca1c5a..1cee1e1 100644 --- a/themes/hueman/source/css/_partial/article.styl +++ b/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 diff --git a/themes/hueman/source/css/_responsive.styl b/themes/hueman/source/css/_responsive.styl index 5747a89..c9519d1 100644 --- a/themes/hueman/source/css/_responsive.styl +++ b/themes/hueman/source/css/_responsive.styl @@ -2,8 +2,80 @@ * Style Fix : > 960px /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 960px) - .nav-container-inner - display: block !important + #header + 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