guides_style_mbland 0.1.0

data/lib/guides_style_mbland/repository.rb

@@ -0,0 +1,73 @@
+require 'English'
+require 'fileutils'
+
+module GuidesStyleMbland
+  TEMPLATE_FILES = %w(
+    _pages/add-a-new-page/make-a-child-page.md
+    _pages/add-a-new-page.md
+    _pages/add-images.md
+    _pages/advanced-features.md
+    _pages/github-setup.md
+    _pages/images.png
+    _pages/post-your-guide.md
+    _pages/update-the-config-file/understanding-baseurl.md
+    _pages/update-the-config-file.md
+    images/description.png
+    images/gh-add-guide.png
+    images/gh-branches-link.png
+    images/gh-default-branch.png
+    images/gh-settings-button.png
+    images/gh-webhook.png
+  )
+
+  def self.clear_template_files_and_create_new_repository(
+    basedir, outstream = $stdout)
+    remove_template_files basedir, outstream
+    delete_create_repo_command_from_go_script basedir, outstream
+    create_new_git_repository basedir, outstream
+  end
+
+  def self.remove_template_files(basedir, outstream)
+    Dir.chdir basedir do
+      outstream.puts 'Clearing Guides Template files.'
+      files = TEMPLATE_FILES.map { |f| File.join basedir, f }
+        .select { |f| File.exist? f }
+      File.delete(*files)
+    end
+  end
+
+  def self.delete_create_repo_command_from_go_script(basedir, outstream)
+    Dir.chdir basedir do
+      outstream.puts 'Removing `:create_repo` command from the `./go` script.'
+      go_script = File.join basedir, 'go'
+      content = File.read go_script
+      match = /\ndef_command\(\n  :create_repo,.*?end\n/m.match content
+      content = "#{match.pre_match}#{match.post_match}" unless match.nil?
+      File.write go_script, content
+    end
+  end
+
+  GIT_COMMANDS = {
+    'Creating a new git repository.' => 'git init',
+    'Creating mbland-pages branch.' => 'git checkout -b mbland-pages',
+    'Adding files for initial commit.' => 'git add .',
+  }
+
+  def self.create_new_git_repository(basedir, outstream)
+    Dir.chdir basedir do
+      outstream.puts 'Removing old git repository.'
+      FileUtils.rm_rf '.git'
+      GIT_COMMANDS.each do |description, command|
+        outstream.puts description
+        exec_cmd_capture_output command, outstream
+      end
+      outstream.puts "All done! Run \'git commit\' to create your first commit."
+    end
+  end
+  private_class_method :create_new_git_repository
+
+  def self.exec_cmd_capture_output(command, outstream)
+    opts = { out: outstream, err: outstream }
+    exit $CHILD_STATUS.exitstatus unless system command, opts
+  end
+end

data/lib/guides_style_mbland/sass.rb

@@ -0,0 +1,10 @@
+require 'sass'
+
+module GuidesStyleMbland
+  class Sass
+    DIR = File.join File.dirname(__FILE__), 'sass'
+    GUIDES_STYLES_FILE = File.join DIR, 'guides_style_mbland.scss'
+  end
+end
+
+Sass.load_paths << ::GuidesStyleMbland::Sass::DIR

data/lib/guides_style_mbland/sass/_guides_style_mbland_custom.scss

@@ -0,0 +1,50 @@
+/*
+This is where custom styles for your guide should live.
+*/
+
+div.skip-nav a {
+  position: absolute;
+  left: -10000;
+  top: 0;
+  width: 1px;
+  height: auto;
+  overflow: hidden;
+}
+div.skip-nav a:focus {
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	width: auto; 
+	height: auto;
+	z-index: 999999;
+	background-color: white;
+	padding-left: 2px;
+	padding-right: 2px;
+	overflow: visible;
+ }
+
+ .mainContent:focus {
+ 	outline: none;
+ }
+
+ table, th, td {
+   border: 1px solid black;
+   padding: 5px;
+   margin:5px;
+}
+th {
+	background: #767576;
+	color:white;
+}
+li.active > a{
+	background-color: #317ab9;
+}
+
+div.back-link {
+	display: block;
+  padding-top: .5em;
+}
+
+header {
+  padding-bottom: 1.5em;
+}

data/lib/guides_style_mbland/sass/_guides_style_mbland_main.scss

@@ -0,0 +1,643 @@
+@import "jekyll_pages_api_search";
+
+/*
+Main.css
+==================================
+Begin with generic 'mobile first' styles
+*/
+
+/*
+Normalize the box model
+==================================
+*/
+
+*,
+*:before,
+*:after {
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
+ }
+
+/*
+global styles
+==================================
+*/
+
+html, body {
+    height: 100%;
+}
+
+/*
+Typography
+==================================
+*/
+
+body {
+    font-family: "Open Sans", Arial, sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 1.466666667;
+    margin: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    font-family: "Raleway", Arial, sans-serif;
+    font-weight: 600;
+}
+
+.site-title {
+    font-size: 1.9em;
+    color: #919395;
+    margin: 0;
+    line-height: 1.2941176470588236;
+    display: inline-block;
+}
+
+h2 {
+    font-size: 1.375em;
+    margin: 1.4em 0 0 0;
+}
+
+h3 {
+    margin-top: 30px;
+    a {
+       border-bottom: 1px dotted #0072ce;
+    }
+}
+
+h4 {
+    font-size: 1em;
+    text-transform: uppercase;
+}
+
+.page-title {
+    margin-top: .727272727em; /* 16/22 */
+}
+
+/*
+Lists
+--------------------------------
+*/
+
+.main-content ul {
+    padding-left: 1.1em;
+}
+
+.main-content li {
+    margin-bottom: 1em;
+}
+
+li h3,
+li h4 {
+    margin: 0;
+}
+
+li p {
+    margin-top: 0;
+}
+
+/*
+Links
+==================================
+*/
+
+a {
+    -webkit-transition: .2s;
+       -moz-transition: .2s;
+            transition: .2s;
+}
+
+a,
+a:link,
+a:visited {
+    color: #006FC9;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #7eb8dd;
+    text-decoration: none;
+}
+
+a:active {
+    color: #002d72;
+    text-decoration: none;
+}
+
+a:focus {
+    color: #006FC9;
+    outline: thin dotted;
+    text-decoration: none;
+}
+
+a.title-link {
+    color: #75787B;
+}
+
+a.title-link:hover,
+a.title-link:active,
+a.title-link:focus {
+    color: #7eb8dd;
+}
+
+a.skip-link {
+    color: #fff;
+    padding: .25em;
+}
+
+a.skip-link:hover,
+a.skip-link:active,
+a.skip-link:focus {
+    background-color: #006FC9;
+    color: #fff;
+}
+
+p {
+    a,
+    a:link,
+    a:visited {
+        border-bottom: 1px dotted #0072ce;
+
+    }
+}
+
+/*
+Navigation
+==================================
+*/
+
+.sidebar-nav a {
+  display: block;
+  padding: 10px;
+  -webkit-transition: .4s;
+  transition: .4s;
+  width: 80%;
+  float: left;
+}
+
+.sidebar-nav a,
+.sidebar-nav a:link,
+.sidebar-nav a:visited {
+  border-bottom: none;
+  color: #74767B;
+}
+
+.sidebar-nav a:hover,
+.sidebar-nav a:focus,
+.sidebar-nav a:active,
+.sidebar-nav .sidebar-nav-active > a {
+  color: #74767B;
+  border-left: 4px solid #7401DF;
+  background-color: transparent;
+}
+
+.sidebar-nav ul {
+  margin: 0;
+  padding: 0;
+}
+
+.sidebar-nav li {
+  list-style: none;
+  border-bottom: 1px solid #babbbd;
+  font-size: 1.125em;
+  overflow: hidden;
+}
+
+.sidebar-nav li:last-child {
+  border-bottom: none;
+}
+
+.nav-children[aria-hidden=true] {
+    max-height: 0;
+}
+
+.nav-children {
+    clear: both;
+    display: block;
+    font-size: 14px;
+    max-height: initial;
+    max-height: 4000px;
+    overflow: auto;
+    opacity: 1;
+    position: relative;
+    -webkit-transition: max-height .2s, opacity .2s;
+    -moz-transition: max-height .2s, opacity .2s;
+    -o-transition: max-height .2s, opacity .2s;
+    transition: max-height .2s, opacity .2s;
+}
+
+.nav-children li {
+    border-bottom: none;
+    padding-left: 0;
+}
+
+.nav-children a {
+    padding: 5px 5px 5px 20px;
+}
+
+.nav-children li:last-child a {
+    padding-bottom: 10px;
+}
+
+.expand-subnav {
+    background: none;
+    border: none;
+    border-radius: 30px;
+    color: #0072ce;
+    cursor: pointer;
+    display: block;
+    float: right;
+    font-size: 20px;
+    height: 30px;
+    line-height: 1;
+    margin: 8px;
+    padding-bottom: 5px;
+    position: relative;
+    width: 30px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    appearance: none;
+    -webkit-transition: -webkit-transform .2s;
+    -moz-transition: -moz-transform .2s;
+    -o-transition: -o-transform .2s;
+    transition: transform .2s;
+}
+
+.expand-subnav:hover,
+.expand-subnav:focus {
+    background-color: #0072ce;
+    color: #fff;
+    outline: none;
+}
+
+.expand-subnav[aria-expanded=true] {
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+/*
+Layout
+==================================
+*/
+
+.logo {
+    display: block;
+}
+
+.content {
+  padding-top: 2em;
+  padding-bottom: 2em;
+}
+
+/* offset the fixed position header for jump links */
+section:before {
+    display: block;
+    content: "";
+    height: 60px;
+    margin: -60px 0 0;
+}
+
+.wrap {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+header {
+    border-bottom: 4px solid #7401DF;
+    background-color: #fff;
+    padding: 2em 0;
+}
+
+header div.wrap{
+    position: relative;
+    padding-top: 2.4em;
+}
+
+header div.wrap::after{
+    content: "";
+    display: table;
+    clear: both;
+}
+
+header h1.site-title{
+    margin-bottom: 0.4em;
+}
+
+header div.wrap div.back-link{
+    position: absolute;
+    left: 20px;
+    top: -1em;
+    font-size: 14px;
+    color: #555;
+}
+
+header div.wrap div.back-link a{
+    color: inherit;
+    text-decoration: underline;
+}
+
+header div.wrap div.back-link a:hover{ text-decoration: none; }
+
+@media screen and (min-width: 45em){
+    header h1.site-title{
+        float: left;
+        width: 67%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+}
+
+.main-content img {
+  max-width: 100%;
+}
+
+/*
+Footer
+==================================
+*/
+
+/* for sticky footer */
+.container {
+    display: table;
+    height: 100%;
+    width: 100%;
+}
+
+footer {
+    display: table-row; /* for sticky footer */
+    height: 1px; /* for sticky footer */
+    border-top: 2px solid #babbbd;
+    background: #f1f2f2;
+    width: 100%;
+    font-size: 0.875em;
+}
+
+footer .wrap {
+  padding-top: 2em;
+  padding-bottom: 2em;
+}
+
+
+/*
+Helpers
+==================================
+*/
+
+/* Hide from both screenreaders and browsers: h5bp.com/u */
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/* Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p */
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+    visibility: hidden;
+}
+
+
+/*
+Style
+==================================
+*/
+
+.intro {
+    color: #75787B;
+}
+
+li h4 {
+    margin: 0;
+}
+
+.license {
+    font-family: "Avenir Next Demi", Arial, sans-serif;
+    font-weight: normal;
+    font-style: normal;
+}
+
+pre {
+    max-width: 100%;
+    font-size: 0.875em;
+    overflow-y: scroll;
+    background-color: #f1f2f2;
+    padding: 10px;
+}
+
+/*
+Post list
+----------------------------------
+*/
+
+ul.posts {
+    padding: 0;
+}
+
+.posts li {
+    list-style: none;
+}
+
+.post-date {
+    color: #75787B;
+}
+
+/*
+Repo list
+----------------------------------
+*/
+
+ul.repo-list {
+    margin: .5em 0 1em 0;
+    padding: 0;
+}
+
+.repo-list li {
+    list-style: none;
+}
+
+.repo-list p {
+    margin: 0;
+    font-size: 0.875em;
+}
+
+.repo-list h4 {
+    text-transform: none;
+}
+
+/*
+Helper Classes
+==================================
+*/
+
+/*
+Clearfix list
+----------------------------------
+*/
+
+.group:before,
+.group:after {
+    content: " ";
+    display: table;
+}
+
+.group:after {
+    clear: both;
+}
+
+.group {
+    *zoom: 1;
+}
+
+/*
+Desktop Styles
+==================================
+*/
+
+@media screen and (min-width: 45em) {
+
+    /*
+    Typography
+    ==============================
+    */
+
+    /*
+    Layout
+    ==============================
+    */
+
+    .logo {
+        max-width: 30%;
+        padding-right: 20px;
+        margin-top: -12px;
+        float: right;
+    }
+
+    aside {
+        width: 30%;
+        float: left;
+    }
+
+    .main-content {
+        width: 67%;
+        float: right;
+        margin-bottom: 120px;
+    }
+
+    .main-content img {
+        max-width: 100%;
+    }
+
+    /*
+    Navigation
+    ==============================
+    */
+
+    .anchorjs-link {
+        border: none;
+    }
+
+    /*
+    Style
+    ==============================
+    */
+
+    /*
+    Repo list
+    ------------------------------
+    */
+
+    .repo-list li {
+        list-style: none;
+        display: block;
+        float: left;
+        height: 4.0625em;
+        max-height: 4.0625em;
+        background-color: #E7E7E6;
+        border-left: 1px solid #BABBBD;
+        width: 30%;
+    }
+
+    .repo-list a:link,
+    .repo-list a:visited {
+        display: block;
+        max-height: 4.0625em;
+        background-color: #E7E7E6;
+        border-bottom: none;
+        padding: .625em 1em 1em 1em;
+    }
+
+    .repo-list a:hover {
+        color: #4D5F87;
+        background-color: #CDE3F1;
+    }
+
+    .repo-list li:first-child {
+        text-align: center;
+        border-left: none;
+        line-height: 60px;
+        padding: .625em 1em;
+        width: 10%;
+    }
+
+}
+
+@media screen and (max-width: 54.375em) {
+
+    /* keep the repo list containers the same height, but account for the need for more height */
+
+    .repo-list li {
+        height: 6em;
+        max-height: 6em;
+    }
+
+    .repo-list a:link,
+    .repo-list a:visited {
+        max-height: 6em;
+    }
+}
+
+/*
+Mobile Styles
+==================================
+*/
+
+@media screen and (max-width: 40.5em) {
+
+    .main-content {
+        margin-top: 1.5em;
+    }
+
+}