added license to each slide and attempted to add tooltip hover.

main
will king 2 years ago
parent 5d40912f7b
commit 3d48947248

@ -1,2 +1,2 @@
#!/bin/bash
pandoc -t revealjs -o slides.html -s slides.md -V revealjs-url=https://unpkg.com/reveal.js/ --include-in-header=slides.css
pandoc -t revealjs -o slides.html -s slides.md -V revealjs-url=https://unpkg.com/reveal.js/ --include-in-header=slides.css --template=./custom_revealjs.html

@ -0,0 +1,355 @@
<!DOCTYPE html>
<html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
$for(author-meta)$
<meta name="author" content="$author-meta$">
$endfor$
$if(date-meta)$
<meta name="dcterms.date" content="$date-meta$">
$endif$
$if(keywords)$
<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
$endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="$revealjs-url$/dist/reset.css">
<link rel="stylesheet" href="$revealjs-url$/dist/reveal.css">
<style>
.reveal .sourceCode { /* see #7635 */
overflow: visible;
}
$styles.html()$
</style>
$if(theme)$
<link rel="stylesheet" href="$revealjs-url$/dist/theme/$theme$.css" id="theme">
$else$
<link rel="stylesheet" href="$revealjs-url$/dist/theme/black.css" id="theme">
$endif$
$for(css)$
<link rel="stylesheet" href="$css$"/>
$endfor$
$if(math)$
$math$
$endif$
$for(header-includes)$
$header-includes$
$endfor$
</head>
<body>
$for(include-before)$
$include-before$
$endfor$
<div class="reveal">
<div class="slides">
$if(title)$
<section id="$idprefix$title-slide"$for(title-slide-attributes/pairs)$ $it.key$="$it.value$"$endfor$>
<h1 class="title">$title$</h1>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$
$for(author)$
<p class="author">$author$</p>
$endfor$
$for(institute)$
<p class="institute">$institute$</p>
$endfor$
$if(date)$
<p class="date">$date$</p>
$endif$
</section>
$endif$
$if(toc)$
<section id="$idprefix$TOC">
<nav role="doc-toc">
$if(toc-title)$
<h2 id="$idprefix$toc-title">$toc-title$</h2>
$endif$
$table-of-contents$
</nav>
</section>
$endif$
<div class="reveal">
<div class="slides">
$body$
<div class="license-footer" style="position: fixed; top: 5px; right: 5px; z-index: 1000;">
<a href="#" class="license-icons" data-toggle="license-tooltip">
<img style="height:16px; margin-left:2px;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="CC">
<img style="height:16px; margin-left:2px;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="BY">
<img style="height:16px; margin-left:2px;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="NC">
<img style="height:16px; margin-left:2px;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="SA">
</a>
<div class="license-tooltip">
Introduction to Git for Economists by Will King is licensed under CC BY-NC-SA 4.0
</div>
</div>
</div>
</div>
</div>
</div>
<script src="$revealjs-url$/dist/reveal.js"></script>
<!-- reveal.js plugins -->
<script src="$revealjs-url$/plugin/notes/notes.js"></script>
<script src="$revealjs-url$/plugin/search/search.js"></script>
<script src="$revealjs-url$/plugin/zoom/zoom.js"></script>
$if(mathjax)$
<script src="$revealjs-url$/plugin/math/math.js"></script>
$endif$
<script>
// Full list of configuration options available at:
// https://revealjs.com/config/
Reveal.initialize({
// Display controls in the bottom right corner
controls: $controls$,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: $controlsTutorial$,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: '$controlsLayout$',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: '$controlsBackArrows$',
// Display a presentation progress bar
progress: $progress$,
// Display the page number of the current slide
slideNumber: $slideNumber$,
// 'all', 'print', or 'speaker'
showSlideNumber: '$showSlideNumber$',
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: $hash$,
// Start with 1 for the hash rather than 0
hashOneBasedIndex: $hashOneBasedIndex$,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: $respondToHashChanges$,
// Push each slide change to the browser history
history: $history$,
// Enable keyboard shortcuts for navigation
keyboard: $keyboard$,
// Enable the slide overview mode
overview: $overview$,
// Disables the default reveal.js slide layout (scaling and centering)
// so that you can use custom CSS layout
disableLayout: $disableLayout$,
// Vertical centering of slides
center: $center$,
// Enables touch navigation on devices with touch input
touch: $touch$,
// Loop the presentation
loop: $loop$,
// Change the presentation direction to be RTL
rtl: $rtl$,
// see https://revealjs.com/vertical-slides/#navigation-mode
navigationMode: '$navigationMode$',
// Randomizes the order of slides each time the presentation loads
shuffle: $shuffle$,
// Turns fragments on and off globally
fragments: $fragments$,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: $fragmentInURL$,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: $embedded$,
// Flags if we should show a help overlay when the questionmark
// key is pressed
help: $help$,
// Flags if it should be possible to pause the presentation (blackout)
pause: $pause$,
// Flags if speaker notes should be visible to all viewers
showNotes: $showNotes$,
// Global override for autoplaying embedded media (null/true/false)
autoPlayMedia: $autoPlayMedia$,
// Global override for preloading lazy-loaded iframes (null/true/false)
preloadIframes: $preloadIframes$,
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
autoSlide: $autoSlide$,
// Stop auto-sliding after user input
autoSlideStoppable: $autoSlideStoppable$,
// Use this method for navigation when auto-sliding
autoSlideMethod: $autoSlideMethod$,
// Specify the average time in seconds that you think you will spend
// presenting each slide. This is used to show a pacing timer in the
// speaker view
defaultTiming: $defaultTiming$,
// Enable slide navigation via mouse wheel
mouseWheel: $mouseWheel$,
// The display mode that will be used to show slides
display: '$display$',
// Hide cursor if inactive
hideInactiveCursor: $hideInactiveCursor$,
// Time before the cursor is hidden (in ms)
hideCursorTime: $hideCursorTime$,
// Opens links in an iframe preview overlay
previewLinks: $previewLinks$,
// Transition style (none/fade/slide/convex/concave/zoom)
transition: '$transition$',
// Transition speed (default/fast/slow)
transitionSpeed: '$transitionSpeed$',
// Transition style for full page slide backgrounds
// (none/fade/slide/convex/concave/zoom)
backgroundTransition: '$backgroundTransition$',
// Number of slides away from the current that are visible
viewDistance: $viewDistance$,
// Number of slides away from the current that are visible on mobile
// devices. It is advisable to set this to a lower number than
// viewDistance in order to save resources.
mobileViewDistance: $mobileViewDistance$,
$if(parallaxBackgroundImage)$
// Parallax background image
parallaxBackgroundImage: '$parallaxBackgroundImage/nowrap$', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"
$else$
$if(background-image)$
// Parallax background image
parallaxBackgroundImage: '$background-image/nowrap$', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"
$endif$
$endif$
$if(parallaxBackgroundSize)$
// Parallax background size
parallaxBackgroundSize: '$parallaxBackgroundSize/nowrap$', // CSS syntax, e.g. "2100px 900px"
$endif$
$if(parallaxBackgroundHorizontal)$
// Amount to move parallax background (horizontal and vertical) on slide change
// Number, e.g. 100
parallaxBackgroundHorizontal: $parallaxBackgroundHorizontal/nowrap$,
$endif$
$if(parallaxBackgroundVertical)$
parallaxBackgroundVertical: $parallaxBackgroundVertical/nowrap$,
$endif$
$if(width)$
// The "normal" size of the presentation, aspect ratio will be preserved
// when the presentation is scaled to fit different resolutions. Can be
// specified using percentage units.
width: $width$,
$endif$
$if(height)$
height: $height$,
$endif$
$if(margin)$
// Factor of the display size that should remain empty around the content
margin: $margin$,
$endif$
$if(minScale)$
// Bounds for smallest/largest possible scale to apply to content
minScale: $minScale$,
$endif$
$if(maxScale)$
maxScale: $maxScale$,
$endif$
$if(mathjax)$
math: {
mathjax: '$mathjaxurl$',
config: 'TeX-AMS_HTML-full',
tex2jax: {
inlineMath: [['\\(','\\)']],
displayMath: [['\\[','\\]']],
balanceBraces: true,
processEscapes: false,
processRefs: true,
processEnvironments: true,
preview: 'TeX',
skipTags: ['script','noscript','style','textarea','pre','code'],
ignoreClass: 'tex2jax_ignore',
processClass: 'tex2jax_process'
},
},
$endif$
// reveal.js plugins
plugins: [
$if(mathjax)$
RevealMath,
$endif$
RevealNotes,
RevealSearch,
RevealZoom
]
});
</script>
$for(include-after)$
$include-after$
$endfor$
<script>
Reveal.addEventListener('ready', function(event) {
var licenseIcons = document.querySelector('.license-icons');
var licenseTooltip = document.querySelector('.license-tooltip');
licenseIcons.addEventListener('mouseover', function() {
licenseTooltip.style.display = 'block';
});
licenseIcons.addEventListener('mouseout', function() {
licenseTooltip.style.display = 'none';
});
licenseIcons.addEventListener('click', function(e) {
e.preventDefault();
});
});
</script>
</body>
</html>

@ -29,4 +29,37 @@ figcaption {
p {
text-align: left;
}
.license-footer {
opacity: 0.6;
transition: opacity 0.3s ease;
}
.license-footer:hover {
opacity: 1;
}
.license-icons {
cursor: pointer;
}
.license-tooltip {
display: none;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
top: 100%;
right: 0;
margin-top: 5px;
}
.license-footer:hover .license-tooltip {
display: block;
}
</style>

File diff suppressed because it is too large Load Diff

@ -317,7 +317,6 @@ Now we can draw a graph of how we get to a specific state.
![Simple Commit DAG](./SimpleCommitDAG.drawio.svg)
`git log --graph` describes the commit dag.
## Confusing DAGS
@ -582,7 +581,8 @@ This will require pulling the most recent data to analyze.
What this might look like.
>1. init repo
1. init repo
>2. write things such as README in main.
>3. Create `data_processing` branch
>4. Get `data_processing` to a working state (committing along the way).
@ -591,12 +591,12 @@ What this might look like.
>7. start writing your analysis, committing along the way.
>8. Notice that the data is incorrect.
>9. checkout `data_processing`
>1. fix the error that is giving you the incorrect data
>2. merge the fixes into main with a helpful description.
>3. checkout `data_analysis` and merge the fixes from main.
>4. finish your analysis with the corrected data
>5. push analysis to main.
>6. Start a new branch `report` and begin writing your report.
>10. fix the error that is giving you the incorrect data
>11. merge the fixes into main with a helpful description.
>12. checkout `data_analysis` and merge the fixes from main.
>13. finish your analysis with the corrected data
>14. push analysis to main.
>15. Start a new branch `report` and begin writing your report.
## View from main street
@ -787,8 +787,22 @@ I'm sorry, you just became the local git expert...
- ChatGPT/Claude.ai are pretty good at explaining errors, commands, etc.
- Don't commit anything that needs to remain secret. It is rather hard to delete something from a Git repo.
## Feedback
- What questions do you have?
- What would you like to keep practicing?
- How could I improve this presentation?
## License
```{=html}
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
<a property="dct:title" rel="cc:attributionURL" href="https://git.youainti.com/Teaching/git-introduction">Introduction to Version Control Systems (GIT) for Economists</a>
by
<a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://www.youainti.com">Will King</a>
is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
```

Loading…
Cancel
Save