initial commit Lesson 1, Turtoials, Rationale

config.toml

@@ -67,10 +67,10 @@ unsafe= true
     url = "/page/about/"
     weight = 2
 
-#[[menu.main]]
-#    name = "Topics Calendar"
-#    url = "/page/topics/"
-#    weight = 3
+[[menu.main]]
+    name = "Tutorials"
+    url = "/page/tutorials/"
+    weight = 3
 
 [[menu.main]]
     name = "Course Resources"

content/page/about.md

@@ -9,7 +9,7 @@ Estimated reading time: 5 minutes, 12 seconds.
 
 ## Welcome
 
-Welcome to the LockDown 2020 Continuing Education course on Data Curation at STRI-Panama. This site (written mainly in R Markdown) will be our guidebook as we make our way through the topics. Our main goals with the course are to **a**) create interactive, data-driven web products in R Markdown, **b**) host those products on GitHub, and **c**)  use tools like figshare for hosting data and data products. Along the way, we will  learn about version control in GitHub and how to use Slack for collaborating and interacting. We will also come up with other ideas for topics to explore. At times, this may be a little frustrating, but I promise with some hard work (and probably a few tears) you will have the tools to create a range of useful and beautiful documents including single HTML or PDF files, multi-page web sites, books, and presentations.
+Welcome to the LockDown 2020 Continuing Education course on Data Curation. This site (written mainly in R Markdown) will be our guidebook as we make our way through the topics. Our main goals with the course are to **a**) create interactive, data-driven web products in R Markdown, **b**) host those products on GitHub, and **c**)  use tools like figshare for hosting data and data products. Along the way, we will  learn about version control in GitHub and how to use Slack for collaborating and interacting. We will also come up with other ideas for topics to explore. At times, this may be a little frustrating, but I promise with some hard work (and probably a few tears) you will have the tools to create a range of useful and beautiful documents including single HTML or PDF files, multi-page web sites, books, and presentations.
 
 ### What is a web product?
 
@@ -38,8 +38,5 @@ My philosophy here is that I teach the way I learn. My goal is to create a venue
 And that's it for now. After reading this please let me know if you are (still) interested in the course and I will send you a Slack invitation. Also, please read [the first post](../../2020/03/28/lesson-0/) to get a better idea of some of the things you can do with these tools.
 
 
-<p class="edit-page">
-  <a href="https://github.com/stri-con/data-curation/blob/master/content/page/about.md">
-    <i class="fas fa-pen pr-2"></i>  <i class="fa fa-pencil" aria-hidden="true"></i> Edit this page
-  </a>
-</p>
+
+{{< edit "https://github.com/stri-con/data-curation/blob/master/content/page/about.md">}}

content/page/resources.md

@@ -1,21 +1,17 @@
 ---
-author: Sean Connolly
-date: "2015-04-03T02:13:50Z"
+author: Jarrod
+date: "2020-03-28T02:13:50Z"
 description:
 title: Resources
 ---
 
 ## Coming Soon
 
-We (you and I) will add tools to this page as we go along. Until then, here is a puppy.
+We (you and I) will add tools to this page as we go along. Until then, here's a puppy.
 
-![puppy](../../img/puppy.jpg)
+{{< figure src="../../img/puppy.jpg" title="puppy" height="350px">}}
 
 Photo credit Dog789, licenced under <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA</a>. <a href="https://upload.wikimedia.org/wikipedia/commons/c/c1/Dog_black_and_white_puppy.jpg">Original file</a>.
 
 
-<p class="edit-page">
-  <a href="https://github.com/stri-con/data-curation/blob/master/content/page/resources.md">
-    <i class="fas fa-pen pr-2"></i>  <i class="fa fa-pencil" aria-hidden="true"></i> Edit this page
-  </a>
-</p>
+{{< edit "https://github.com/stri-con/data-curation/blob/master/content/page/resources.md">}}

content/page/tutorials.md

@@ -0,0 +1,25 @@
+---
+author: Jarrod J Scott
+date: "2020-04-01T02:13:50Z"
+description: Developing your Skills
+title: Tutorials
+---
+
+As advertised, this course is about using R Markdown and GitHub. I appreciate that some of you may not want to spend time learning new skills that you probably won't use. I decided to make this *Tutorials* page with optional material for anyone who wants to expand their knowledge beyond the immediate goals of the course.
+
+## HTML & CSS
+
+Websites are built on HTML, CSS, and JavaScript. For any site, HTML defines the content and structure; CSS provides the style and layout; JavaScript programs the behavior.
+
+If you want to develop your HTML/CSS skills, you can start by working through these tutorials. At this point in the course, learning HTML/CSS is *optional* but if there is enough demand for more, I can incorporate these languages more formerly. If you have no interest in learning these languages that is totally fine. You do not need them to use R Markdown. I do believe however that a little knowledge of HTML and CSS goes a long way. As I mentioned, if you go far enough with R Markdown, you will encounter its limitations. I encourage you check out some of these tutorials (right now there is only 1 :)
+
+### Interneting is Hard
+
+I have explored a lot of tutorials for HTML/CSS and this is my favorite. There are 14 lessons that cover  many important skills. The tutorials are simple and straightforward. It is also a good opportunity to start working in your fancy new source code editor and testing out the dev tool functions of your browser.
+
+### But is doesn't have to be
+
+A friendly web development tutorial for complete beginners. https://www.internetingishard.com/html-and-css/
+
+
+{{< edit "https://github.com/stri-con/data-curation/blob/master/content/page/tutorials.md">}}