git-playground/index.html at main · kaybcodes/git-playground · GitHub

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
<!DOCTYPE html>
<html>

<head>
        <title>Practicing Git at UC Santa Cruz </title>
        <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<script src="poem.js"></script>
</head>

<body>
    <div class="section" id="plan">
        <h1>Practicing Git at UC Santa Cruz</h1>

        <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px 0;">
                <img src="trees.jpg" style="width:35%; height:auto;" alt="Trees" />
                <img src="Git_format.png" style="width:35%; height:auto;" alt="Git Format" />
        </div>


        <p>Ready to learn about version control through git? </p>

        <h2>Version control is...</h2>

		<p>... a system that manages and tracks changes to code, enabling collaborative development and preserving the history of contributions.</p>

        <h2>Cloning a repository...</h2>

		<p>...  Cloning a repository means creating a full copy of a remote code repository on your local computer.</p>


        <h2>"Adding", "committing" and "pushing" changes...</h2>

        <p>Adding: Marking changes to be made, Committing: Save added changes, and Pushing: Upload your commits to the repository.</p>

        <h2>You need to fork when...</h2>

        <p>... you're out of spoons.</p>


    </div>

        <div class="section" id="poem">
		<p>An interactive poem about version control:</p>
		<div id="line">
		<p onClick=nextLine(0)>(Click to advance.)</p>
		</div>
        </div>

        <div class="section" id="more">
                <h2>More about open source</h2>
                <p>Free, open source software is software that is
                shared freely and available to build upon. It is a
                powerful way to apply your skills to impactful projects
                and social causes. You can participate by writing or
                reviewing code, answering users' questions,
                translating the interface to another language, making
                video tutorials to help new users, and myriad other
                ways. Open source software is often produced by lots
                of contributors collaborating across countries and disciplines, and
                this event specially welcomes beginners to that style
                of collaboration.</p>

                <p>Open source participation is one way to gain
                practical skills and make connections that will last
                you through your career. Volunteer staff will include
                professionals and academics who use open source
                daily.</p>
        </div>

<div class="section" id="more">
                <h2>About the Contributor Catalyst Program</h2>
                <p>The Contributor Catalyst Program is a 8 week program that teach young inspired
                computer science undergrade about Open source programming. It also teaches you about
                how to use GitHub,Git,and teahces you other importent skill that you can use
                and take with you once you are done with the program.
                <a href="https://trello.com/b/g6a6JcCk">Trello</a></p>

    <div class="section" id="whoweare">
        <h2>Who we are</h2>
        <p>This activity was put together by Shauna Gordon-McKeon and
            <a href="http://openhatch.org/people/paulproteus/">Asheesh Laroia</a> of
            <a href="http://openhatch.org/">OpenHatch</a>. It was updated for <a href="https://www.ucsc.edu">UC Santa Cruz</a> by <a href="https://users.soe.ucsc.edu/~emme/">Emily Lovell</a>.</p>


        <h2>Further resources</h2>
        <p><a href="http://try.github.io/">Try Git</a><br />
            <a href="http://git-scm.com/book/en/Getting-Started">The Official Git book</a><br />
            <a href="http://gitimmersion.com/">Git Immersion</a></p>
    </div>

</body>

</html>