Merge branch 'spring2019'

Author: libjohn

_site.yml

@@ -12,8 +12,10 @@ navbar:
       href: outline.html
     - text: "Hands-On"
       menu:
-        - text: "Init / Clone / Pull & Push"
+        - text: "Init Pull & Push"
           href: handson.html
+        - text: "Clone"
+          href: clone.html
         - text: "Branch / Merge / Revert"
           href: "handson_branch.html"
         - text: "Pull Requests / Remotes"

clone.Rmd

@@ -0,0 +1,23 @@
+---
+title: "Clone a GitHub Repository"
+output: 
+  html_document:
+    self_contained: false
+---
+
+**Using RStudio**, clone some repository.  Cloning will pull down the whole repo to your local system.  Start with some test repository, maybe this [introduction to R](https://github.com/libjohn/intro2r-2018fall) 
+    
+### Bring the repo down locally via RStudio
+
+1. Copy GitHub repo URL to clipboard by clicking on the green **Clone or Download** button
+
+	  - The repo should be at a location like this. `https://github.com/libjohn/intro2r-2018fall`
+	  - This will copy the *git* URL to the clipboard <br><figure>![](images/copy_repo_github.png)
+<figcaption>Copy the repo URL</figcaption></figure><br>
+	    
+1. Launch RStudio and create a *New Project...*
+
+    a. From the RStudio menubar:  *File > New Project...* > Version Control > Git <br><figure>![](images/project_version_git.png)<figcaption>Paste the GitHub repo URL (from the step above) into the  *Repository URL:* field in RStudio</figcaption></figure><br>
+    a. Create Project
+
+

docs/README.html

@@ -87,6 +87,9 @@
 button.code-folding-btn:focus {
   outline: none;
 }
+summary {
+  display: list-item;
+}
 </style>
 
 
@@ -101,7 +104,6 @@
   padding-top: 65px;
   margin-top: -65px;
 }
-
 .section h2 {
   padding-top: 65px;
   margin-top: -65px;
@@ -122,6 +124,43 @@
   padding-top: 65px;
   margin-top: -65px;
 }
+.dropdown-submenu {
+  position: relative;
+}
+.dropdown-submenu>.dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+  border-radius: 0 6px 6px 6px;
+}
+.dropdown-submenu:hover>.dropdown-menu {
+  display: block;
+}
+.dropdown-submenu>a:after {
+  display: block;
+  content: " ";
+  float: right;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #cccccc;
+  margin-top: 5px;
+  margin-right: -10px;
+}
+.dropdown-submenu:hover>a:after {
+  border-left-color: #ffffff;
+}
+.dropdown-submenu.pull-left {
+  float: none;
+}
+.dropdown-submenu.pull-left>.dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+  border-radius: 6px 0 6px 6px;
+}
 </style>
 
 <script>
@@ -142,21 +181,80 @@
 });
 </script>
 
-
 <div class="container-fluid main-container">
 
 <!-- tabsets -->
+
+<style type="text/css">
+.tabset-dropdown > .nav-tabs {
+  display: inline-table;
+  max-height: 500px;
+  min-height: 44px;
+  overflow-y: auto;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+}
+
+.tabset-dropdown > .nav-tabs > li.active:before {
+  content: "";
+  font-family: 'Glyphicons Halflings';
+  display: inline-block;
+  padding: 10px;
+  border-right: 1px solid #ddd;
+}
+
+.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
+  content: "&#xe258;";
+  border: none;
+}
+
+.tabset-dropdown > .nav-tabs.nav-tabs-open:before {
+  content: "";
+  font-family: 'Glyphicons Halflings';
+  display: inline-block;
+  padding: 10px;
+  border-right: 1px solid #ddd;
+}
+
+.tabset-dropdown > .nav-tabs > li.active {
+  display: block;
+}
+
+.tabset-dropdown > .nav-tabs > li > a,
+.tabset-dropdown > .nav-tabs > li > a:focus,
+.tabset-dropdown > .nav-tabs > li > a:hover {
+  border: none;
+  display: inline-block;
+  border-radius: 4px;
+}
+
+.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
+  display: block;
+  float: none;
+}
+
+.tabset-dropdown > .nav-tabs > li {
+  display: none;
+}
+</style>
+
 <script>
 $(document).ready(function () {
   window.buildTabsets("TOC");
 });
+
+$(document).ready(function () {
+  $('.tabset-dropdown > .nav-tabs > li').click(function () {
+    $(this).parent().toggleClass('nav-tabs-open')
+  });
+});
 </script>
 
 <!-- code folding -->
 
 
 
-
 <script>
 $(document).ready(function ()  {
 
@@ -286,7 +384,10 @@
   </a>
   <ul class="dropdown-menu" role="menu">
     <li>
-      <a href="handson.html">Init / Clone / Pull &amp; Push</a>
+      <a href="handson.html">Init Pull &amp; Push</a>
+    </li>
+    <li>
+      <a href="clone.html">Clone</a>
     </li>
     <li>
       <a href="handson_branch.html">Branch / Merge / Revert</a>