forked from bobbyiliev/introduction-to-git-and-github-ebook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
training.html
205 lines (191 loc) · 16.6 KB
/
training.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bobby Iliev - Introduction to Git and GitHub eBook</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.1/tailwind.min.css">
<meta name="Description" content="This is an open-source introduction to Git and GitHub eBook that will help you learn the basics of Git and GitHub.">
<meta name="keywords" content="Bobby Iliev, blog, sysadmin, system administrator, linux, devops, bash, git, free git ebook, introduction to git">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://cdn.devdojo.com/posts/images/November2020/open-source-introduction-to-git-and-github-ebook-ebook-guide.jpg?auto=format" />
<meta property="og:title" content="Bobby Iliev - Introduction to Git and GitHub eBook" />
<meta property="og:description" content="This is an open-source introduction to Git and GitHub eBook that will help you learn the basics of Git and GitHub..." />
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@bobbyiliev_" />
<meta name="twitter:title" content="Bobby Iliev - Introduction to Git and GitHub eBook"/>
<meta name="twitter:description" content="This is an open-source introduction to Git and GitHub eBook that will help you learn the basics of Git and GitHub... " />
<meta name="twitter:image" content="https://cdn.devdojo.com/posts/images/November2020/open-source-introduction-to-git-and-github-ebook-ebook-guide.jpg?auto=format" />
<link rel="icon" type="image/png" href="https://cdn.devdojo.com/devblog/favicons/3/2QLoxPNvDo4CGedlSIOUFqkXDpcrnLYBKhxHRMmr.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.1/tailwind.min.css">
<!-- Small CSS to Hide elements at 1520px size -->
<style>
html{
scroll-behavior: smooth;
}
@media(max-width:1520px) {
.left-svg {
display: none;
}
}
/* small css for the mobile nav close */
#nav-mobile-btn.close span:first-child {
transform: rotate(45deg);
top: 4px;
position: relative;
background: #a0aec0;
}
#nav-mobile-btn.close span:nth-child(2) {
transform: rotate(-45deg);
margin-top: 0px;
background: #a0aec0;
}
</style>
<!-- End Header Section-->
<script src="//katacoda.com/embed.js"></script>
</head>
<body class="overflow-x-hidden antialiased">
<!-- Header Section -->
<header class="relative z-50 w-full h-24">
<div
class="container flex items-center justify-center h-full max-w-6xl px-8 mx-auto sm:justify-between xl:px-0">
<a href="/" class="relative flex items-center inline-block h-5 h-full font-black leading-none">
<span class="ml-3 text-xl text-gray-800">Bobby Iliev<span class="text-pink-500">.</span></span>
</a>
<nav id="nav"
class="absolute top-0 left-0 z-50 flex flex-col items-center justify-between hidden w-full h-64 pt-5 mt-24 text-sm text-gray-800 bg-white border-t border-gray-200 md:w-auto md:flex-row md:h-24 lg:text-base md:bg-transparent md:mt-0 md:border-none md:py-0 md:flex md:relative">
<a href="/index.html#ebook"
class="ml-0 mr-0 font-bold duration-100 md:ml-12 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">eBook</a>
<a href="/index.html#sponsors"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Sponsors</a>
<a href="/index.html#chapters"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Chapters</a>
<a href="https://github.com/bobbyiliev/introduction-to-git-and-github-ebook"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">GitHub</a>
<a href="https://blog.bobby.sh"
class="font-bold duration-100 transition-color hover:text-indigo-600">Blog</a>
</nav>
<div
class="absolute left-0 flex-col items-center justify-center hidden w-full pb-8 mt-48 border-b border-gray-200 md:relative md:w-auto md:bg-transparent md:border-none md:mt-0 md:flex-row md:p-0 md:items-end md:flex md:justify-between">
<a href="https://github.com/bobbyiliev/introduction-to-git-and-github-ebook"
class="relative z-40 px-3 mr-0 text-sm font-bold text-pink-500 md:px-5 lg:text-black sm:mr-3 md:mt-0">
<svg class="h-8 mr-4 text-black duration-150 cursor-pointer fill-current transition-color hover:text-gray-00" viewBox="0 0 2350 2315" xmlns="http://www.w3.org/2000/svg">
<g stroke="none" stroke-width="1"></g>
<g>
<path d="M1175 0C525.8 0 0 525.8 0 1175c0 552.2 378.9 1010.5 890.1 1139.7-5.9-14.7-8.8-35.3-8.8-55.8v-199.8H734.4c-79.3 0-152.8-35.2-185.1-99.9-38.2-70.5-44.1-179.2-141-246.8-29.4-23.5-5.9-47 26.4-44.1 61.7 17.6 111.6 58.8 158.6 120.4 47 61.7 67.6 76.4 155.7 76.4 41.1 0 105.7-2.9 164.5-11.8 32.3-82.3 88.1-155.7 155.7-190.9-393.6-47-581.6-240.9-581.6-505.3 0-114.6 49.9-223.3 132.2-317.3-26.4-91.1-61.7-279.1 11.8-352.5 176.3 0 282 114.6 308.4 143.9 88.1-29.4 185.1-47 284.9-47 102.8 0 196.8 17.6 284.9 47 26.4-29.4 132.2-143.9 308.4-143.9 70.5 70.5 38.2 261.4 8.8 352.5 82.3 91.1 129.3 202.7 129.3 317.3 0 264.4-185.1 458.3-575.7 499.4 108.7 55.8 185.1 214.4 185.1 331.9V2256c0 8.8-2.9 17.6-2.9 26.4C2021 2123.8 2350 1689.1 2350 1175 2350 525.8 1824.2 0 1175 0z"></path>
</g>
</svg>
</a>
<a href="/index.html#download"
class="relative z-40 inline-block w-auto h-full px-5 py-3 text-sm font-bold leading-none text-white transition-all transition duration-100 duration-300 bg-gray-900 rounded shadow-md hover:bg-gray-700 fold-bold lg:text-white sm:w-full lg:shadow-none hover:shadow-xl">Download eBook
</a>
</div>
<div id="nav-mobile-btn"
class="absolute top-0 right-0 z-50 block w-6 mt-8 mr-10 cursor-pointer select-none md:hidden sm:mt-10">
<span class="block w-full h-1 mt-2 duration-200 transform bg-gray-800 rounded-full sm:mt-1"></span>
<span class="block w-full h-1 mt-1 duration-200 transform bg-gray-800 rounded-full"></span>
</div>
</div>
</header>
<div id="katacoda-scenario-1"
data-katacoda-id="bobbyiliev/introduction-to-git-and-github"
data-katacoda-color="004d7f"
style="height: 600px; padding-top: 20px;">
</div>
<!-- Call To Action -->
<div class="py-8 border-t border-b border-blue-100 bg-blue-50">
<div class="container mx-auto">
<div class="flex flex-col items-center content-center justify-center text-center lg:flex-row lg:text-left">
<img class="self-start w-auto h-24 px-4 mx-auto -mt-1 lg:mx-0" alt="Free Download" src="https://cdn.devdojo.com/images/december2020/coffee-start.png">
<div class="flex flex-col content-center px-4 mx-4 my-6">
<h4 class="pb-0 mb-0 text-lg font-semibold mb-md-0">Download the eBook for free!</h4>
<p class="mb-0 text-gray-700">Are you ready to learn the basics of Git and GitHub?</p>
</div>
<a href="/index.html#download" class="px-4 py-2 font-semibold text-white bg-green-500 border border-green-700 rounded shadow btn btn-secundary hover:bg-green-600"> Free Download</a>
</div>
</div>
</div>
<footer class="bg-white">
<div class="max-w-screen-xl px-4 py-12 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8">
<nav class="flex flex-wrap justify-center -mx-5 -my-2">
<div class="px-5 py-2">
<a href="/index.html#ebook" class="text-base leading-6 text-gray-500 hover:text-gray-900">
eBook
</a>
</div>
<div class="px-5 py-2">
<a href="/index.html#sponsors" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Sponsors
</a>
</div>
<div class="px-5 py-2">
<a href="/index.html#chapters" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Chapters
</a>
</div>
<div class="px-5 py-2">
<a href="https://github.com/bobbyiliev/introduction-to-git-and-github-ebook" class="text-base leading-6 text-gray-500 hover:text-gray-900">
GitHub
</a>
</div>
<div class="px-5 py-2">
<a href="https://blog.bobby.sh" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Blog
</a>
</div>
<div class="px-5 py-2">
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
Terms
</a>
</div>
</nav>
<div class="flex justify-center mt-8 space-x-6">
<a href="https://facebook.com/bobby.iliev4" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">Facebook</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://instagram.com/bobby.iliev" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">Instagram</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://twitter.com/bobbyiliev_" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">Twitter</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="https://github.com/bobbyiliev/introduction-to-git-and-github-ebook" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">GitHub</span>
<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://devdojo.com/bobbyiliev" class="text-gray-400 hover:text-gray-500">
<svg viewBox="0 0 520 460" class="w-6 h-6 text-gray-400 fill-current dark:text-white" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M81.079 81.293c2.351 40.815-19.808 63.171-51.101 87.082 79.261-53.553 176.523-95.401 271.687-104.232 166.088-15.338 205.72 189.752 67.267 233.939-50.059 15.858-100.118 31.71-150.177 47.831-11.74-31.973-25.035-63.427-35.206-95.915-24.767-77.206 111.854-94.099 147.578-97.218-60.745 15.08-74.836 32.23-69.875 56.404 3.126 13.257 7.044 28.076 10.945 41.586 26.863-7.533 53.452-15.334 80.314-23.128 40.93-11.704 38.33-100.07-25.559-93.053C205.19 147.836 102.46 201.903 0 262.73c16.94-8.057 100.379-51.724 111.59-23.396 33.896 86.556 96.467 155.703 188.767 208.993 142.367-82.405 214.329-202.489 219.277-367.034C453.15 27.098 376.689.001 300.261.001S147.436 27.098 81.079 81.293" id="a"></path></defs><g fill-rule="evenodd"><mask id="b"><use xlink:href="#a"></use></mask><use xlink:href="#a"></use><path d="M81.079 81.293c2.351 40.815-19.808 63.171-51.101 87.082 79.261-53.553 176.523-95.401 271.687-104.232 166.088-15.338 205.72 189.752 67.267 233.939-50.059 15.858-100.118 31.71-150.177 47.831-11.74-31.973-25.035-63.427-35.206-95.915-24.767-77.206 111.854-94.099 147.578-97.218-60.745 15.08-74.836 32.23-69.875 56.404 3.126 13.257 7.044 28.076 10.945 41.586 26.863-7.533 53.452-15.334 80.314-23.128 40.93-11.704 38.33-100.07-25.559-93.053C205.19 147.836 102.46 201.903 0 262.73c16.94-8.057 100.379-51.724 111.59-23.396 33.896 86.556 96.467 155.703 188.767 208.993 142.367-82.405 214.329-202.489 219.277-367.034C453.15 27.098 376.689.001 300.261.001S147.436 27.098 81.079 81.293"></path></g></svg>
</a>
</div>
<p class="mt-8 text-base leading-6 text-center text-gray-400">
© 2020 Designed with <a href="https://devdojo.com/tails" class="font-bold text-blue-500">Tails</a>
</p>
</div>
</footer>
<!-- a little JS for the mobile nav button -->
<script>
if (document.getElementById('nav-mobile-btn')) {
document.getElementById('nav-mobile-btn').addEventListener('click', function () {
if (this.classList.contains('close')) {
document.getElementById('nav').classList.add('hidden');
this.classList.remove('close');
} else {
document.getElementById('nav').classList.remove('hidden');
this.classList.add('close');
}
});
}
</script>
</body>
</html>