open_source_website/index.html at main · ElixirTechCommunity/open_source_website · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    <title>Open-Source</title>
</head>
<body>
    <!-- Navbar -->
    <nav>
    <ul class="navbar">
        <li><a href="#">Home</a></li>
        <!-- <div class="dropdown"> -->
        <li><a href="#about">About</a></li>
<!--
        <div class="dropdown-content">
            <a href="about">Link 1</a>
            <a href="#">Link 2</a>
            <a href="#">Link 3</a>
        </div> -->
        </div>

        <li><a href="programs.html">Programs</a></li>
    </ul>
    </nav>

    <!-- Home -->
    <div class="home">
        <div class="flexing">
            <div class="content">
            <a href="#about" style="color: aquamarine;"><p >What is Version Control?</p></a>
            <a href="#git" style="color: aquamarine;"><p>What is Git?</p></a>
            <a href="#github" style="color: aquamarine;"><p>What is Github?</p></a>
            </div>
            <div class="image">
                <img src="assets/7.png">
            </div>
       </div>

       <p>👇🏻Answer to all your questions👇🏻</p>
    </div>

    <!-- About section -->
    <div class="about" >
        <div class="version-control" id="about">
        <h2>What is Version Control?</h2><br>
        <p>
            Version control, also known as source control, is the practice of tracking and managing changes to software code.<br>
            Version control systems are software tools that help software teams manage changes to source code over time.<br>
            As development environments have accelerated, version control systems help software teams work faster and smarter.<br>
            They are especially useful for DevOps teams since they help them to reduce development time and increase successful deployments.
        </p>
        <br>
        <div class="image">
            <img src="assets/6.png">
        </div>
        <div class="benefits">
            <h3>Benefits of version control systems</h3>
            <br>
            <div class="text">
            <p>✦ History of every file.</p>
            <p>✦ Branching and merging</p>
            <p>✦ Traceability</p>
            </div>
        </div>
        <br>
        </div>

        <div class="git" id="git">
        <div class="text">
        <h2>What is Git?</h2><br>
        <p>
            By far, the most widely used modern version control system in the world today is Git. <br>
            Git is an example of a DVCS (hence Distributed Version Control System).<br>
            In Git, every developer's working copy of the code is also a repository that can contain the full history of all changes.<br>
            In addition to being distributed, Git has been designed with performance, security and flexibility in mind.
        </p>
        <br>
        </div>
        <div class="image">
            <img src="assets/5.png">
        </div>
        <p><a href="https://git-scm.com/" target="blank">Download</a> Git.</p>
        </div>

        <div class="git-commands" id="github">
        <h2>Basic Git Commands:</h2>
        <br>

        <div>
            <h4>✦INITIALISE A GIT REPOSITIORY</h4><br>
            <p><span>git init</span></p>
            <p class="detail">
                Initialises a git repository (repo) for a new or existing
                project. Run command in the root of your project directory.
            </p><br>
        </div>

        <div>
            <h4>✦COPY A GIT REPOSITORY</h4><br>
            <p><span>git clone ("https://name-of-the-repository-link")</span></p>
            <p class="detail">
                Makes an identical copy of the latest version of a
                project in a repo (e.g. Github) and saves it to your computer.
            </p><br>
        </div>

        <div>
            <h4>✦CHECK STATUS OF YOUR BRANCH</h4><br>
            <p><span>git status</span></p>
            <p class="detail">
                gives all the necessary information about the current
                branch (working directory), i.e, changes made since last commit.
            </p><br>
        </div>

        <div>
            <h4>✦ADD CHANGES TO DIRECTORY</h4><br>
            <p><span>git add.</span></p>
            <p class="detail">
                When you create, modify or delete a file, changes
                happen in your local and won't be included in the next commit, so
                you need to use git add to include changes of any file(s) into your
                next commit
            </p><br>
        </div>

        <div>
            <h4>✦COMMIT YOUR CHANGES</h4><br>
            <p><span>git commit -m "your commit message"</span></p>
            <p class="detail">
                There will be a point in development where you want
                to save your changes. You also need to write a short message to
                explain what you've changed or developed in your code.
            </p><br>
        </div>

        <div>
            <h4>✦UPLOAD YOUR COMMITS TO GIT</h4><br>
            <p><span>git push (remote) (branch-name)</span></p>
            <p class="detail">
                After committing your changes you need to send
                your changes to the remote server. Git push uploads your commits
                to the remote repository.
            </p><br>
        </div>

        <div>
            <h4>✦GET UPDATES FROM REMOTE REPO</h4><br>
            <p><span>git pull (remote)</span></p>
            <p class="detail">
                git pull is used to get updates from the remote repo.
                When we use git pull, it gets updates from remote repos (git fetch)
                and applies the latest changes in your local (git merge).

            </p><br>
        </div>

        <div>
            <h4>✦MERGE YOUR BRANCH INTO PARENT BRANCH</h4><br>
            <p><span>git merge (branch-name)</span></p>
            <p class="detail">
                When you've completed development in your branch,
                the final step is merging the branch with the parent branch (dev or
                master). Git merge integrates your feature branch with all of its
                commits back to the dev (or master) branch.
            </p><br>
        </div>
        </div>


        <div class="github">
        <h2>What is Github?</h2><br>
        <p>
            GitHub, Inc. is a provider of Internet hosting for software development and version control using Git.<br>
            It offers the distributed version control and source code management (SCM) functionality of Git, plus its own features.<br>
            It provides access control and several collaboration features such as bug tracking, feature requests, task management, continuous integration and wikis for every project.
        </p>
        </div>
    </div>

    <footer>
        <p><span>💗</span>Made by <u><a href="https://www.linkedin.com/in/anvesh-mishra-8020b416a/" target="blank">Anvesh</a></u><span>💗</span></p>
    </footer>
</body>
</html>