diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000000000000000000000000000000000000..39963d4ebefd98ace1d9ea463d19852fc2f87919 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,4 @@ +{ + "bracketSameLine": true, + "htmlWhitespaceSensitivity": "ignore" +} diff --git a/img/cycle.png b/img/cycle.png new file mode 100644 index 0000000000000000000000000000000000000000..260ca33acae71edc8c9ca4ac86437b0bf74d4811 Binary files /dev/null and b/img/cycle.png differ diff --git a/img/workflow.png b/img/workflow.png new file mode 100644 index 0000000000000000000000000000000000000000..8bbd13f893a2e8dcc1a98b2820468ae9fb0d8347 Binary files /dev/null and b/img/workflow.png differ diff --git a/index.html b/index.html index cfcec4e0f72fd18b01d7a70460e57a9697d3a257..bc6ca0e7373c97cd6977f373f72dd7fa14dc0eda 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,11 @@ <!DOCTYPE html> <html lang="en"> - <head> <head> <!-- metaproperties --> <meta charset="utf-8" /> <meta name="viewport" - content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" - /> + content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <!-- css --> <link rel="stylesheet" href="reveal/reset.css" /> @@ -15,6 +13,9 @@ <link rel="stylesheet" href="reveal/theme/white.css" /> <link rel="stylesheet" href="theme/uab-rc.css" /> + <!-- open urls in new window --> + <base target="_blank" /> + <!-- metadata --> <title>UAB IT Research Computing</title> </head> @@ -23,64 +24,170 @@ <div class="reveal"> <div class="slides"> <section data-background-color="var(--uab-dragons-lair-green)"> - <h1 class="title">YOUR TITLE SHOULD GO HERE</h1> + <h1 class="title"> + Using Git for + <br /> + Scientific Reproducibility + </h1> <h4>Research Computing</h4> - <h4><script> document.write(new Date().toLocaleDateString()); </script></h4> + <h4> + <script> + document.write(new Date().toLocaleDateString()); + </script> + </h4> </section> <!-- SLIDES START HERE --> - <!-- headers --> <section> - <h1>Outline</h1> - <h2>Outline</h2> - <h3>Outline</h3> - <h4>Outline</h4> - <h5>Outline</h5> - <h6>Outline</h6> + <h1>What is Git?</h1> + <ul> + <li> + Git is a version control tool letting you track different versions + of the same files. + </li> + <li>Works best with plaintext documents and code.</li> + <li>Distinct projects are kept in separate repositories.</li> + </ul> + <iframe data-src="https://git-scm.com" class="r-stretch"></iframe> + </section> + + <section> + <h1>What are GitHub and GitLab?</h1> + <ul> + <li>Cloud tools enabling collaboration using Git.</li> + <li> + GitHub... + <ul> + <li>more widely used</li> + <li>owned by Microsoft</li> + <li> + cloud-hosted at + <a href="https://github.com">https://github.com</a> + </li> + <li>no campus hosting</li> + </ul> + </li> + <li> + GitLab... + <ul> + <li>more project management tools</li> + <li>privately owned</li> + <li> + cloud-hosted at + <a href="https://gitlab.com">https://gitlab.com</a> + </li> + <li> + campus-hosted at + <a href="https://gitlab.rc.uab.edu"> + https://gitlab.rc.uab.edu + </a> + , maintained by Research Computing + </li> + </ul> + </li> + </ul> </section> - <!-- unordered list --> <section> - <h1>Unordered List</h1> + <h1>Why use Git?</h1> + <ul> + <li>part of scientific reproducibility</li> + <li>review history of changes</li> + <li>document why changes were made</li> + </ul> + <h1>Why use GitHub and GitLab?</h1> <ul> - <li>Item #1</li> - <li>Item #2</li> - <li>Item #3</li> + <li>collaboration</li> + <li>project management</li> + <li>informal backup</li> </ul> </section> - <!-- ordered list --> <section> - <h1>Ordered List</h1> - <ol> - <li>Item #1</li> - <li>Item #2</li> - <li>Item #3</li> - </ol> + <h1>Collaborative Workflow</h1> + <div class="r-stack"> + <img + class="fragment current-visible fade-out" + data-fragment-index="0" + src="img/cycle.png" + class="stretch" /> + <img + class="fragment current-visible" + data-fragment-index="1" + src="img/workflow.png" + class="stretch" /> + </div> + </section> + + <section> + <h1>Example</h1> + <ul> + <li> + UAB RC Documentation + <a href="https://docs.rc.uab.edu">https://docs.rc.uab.edu</a> + </li> + <li> + GitHub Repository + <a href="https://github.com/uabrc/uabrc.github.io"> + https://github.com/uabrc/uabrc.github.io + </a> + </li> + </ul> + <iframe + data-src="https://docs.rc.uab.edu" + class="r-stretch" + margin-top="20px"></iframe> </section> - <!-- table --> <section> - <h1>Table</h1> - <table> - <tr> - <th></th> - <th>Header #2</th> - <th>Header #3</th> - </tr> - <tr> - <td>Row 1</td> - <td>1,1</td> - <td>1,2</td> - </tr> - <tr> - <td>Row 2</td> - <td>2,2</td> - <td>2,3</td> - </tr> - </table> + <h1>How to Learn Git?</h1> + <ul> + <li> + Software Carpentry lesson: + <a href="https://swcarpentry.github.io/git-novice/"> + https://swcarpentry.github.io/git-novice/ + </a> + <ul> + <li>Great for beginners!</li> + </ul> + </li> + <li> + GitLab – Learn Git: + <a href="https://docs.gitlab.com/ee/topics/git/"> + https://docs.gitlab.com/ee/topics/git/ + </a> + </li> + <li> + UAB LinkedIn Learning: + <a href="https://www.linkedin.com/learning/search?keywords=git"> + https://www.linkedin.com/learning/search?keywords=git + </a> + </li> + </ul> + <h1>Documentation</h1> + <ul> + <li> + Git: + <a href="https://git-scm.com/doc">https://git-scm.com/doc</a> + </li> + <li> + GitHub: + <a href="https://docs.github.com">https://docs.github.com/en</a> + </li> + <li> + GitLab: + <a href="https://docs.gitlab.com/">https://docs.gitlab.com/</a> + (we have the free tier) + <ul></ul> + </li> + <li> + Fixing mistakes: + <a href="https://wwarriner.github.io/gitfix/"> + https://wwarriner.github.io/gitfix/ + </a> + </li> + </ul> </section> - <!-- SLIDES END HERE --> </div> </div> diff --git a/script/reveal-configs.js b/script/reveal-configs.js index 2c9728fcd3cf1d0892906e5e881ec2880d8f9fd9..acef2648f1d6ece6045109b553dbc040d745f5e8 100644 --- a/script/reveal-configs.js +++ b/script/reveal-configs.js @@ -1,4 +1,5 @@ var _basics = { + center: false, hash: true, history: true, margin: 0.04,