├── .gitignore
├── favicon.png
├── res
├── srmkzilla.png
├── hacktoberfest.svg
└── tagline.svg
├── .github
└── FUNDING.yml
├── Contributors.md
├── style.css
├── README.md
└── index.html
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/srm-kzilla/Hacktoberfest/HEAD/favicon.png
--------------------------------------------------------------------------------
/res/srmkzilla.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/srm-kzilla/Hacktoberfest/HEAD/res/srmkzilla.png
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
4 | patreon: srmkzilla
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
13 |
--------------------------------------------------------------------------------
/Contributors.md:
--------------------------------------------------------------------------------
1 | # Awesome Contributors
2 | * [Sriram Kailasam](https://github.com/sriram-kailasam)
3 | * [Iishi Patel](https://github.com/iishipatel)
4 | * [Ishan Chhabra](https://github.com/ishan-chhabra)
5 | * [Shrey Sachdeva](https://github.com/shrey-sachdeva2000)
6 | * [Shubhayan Saha](https://github.com/shubhayans)
7 | * [Shubham Kumar Singh](https://github.com/krsinghshubham)
8 | * [Dhruvil Shah](https://github.com/dhruvilshah25)
9 | * [Vanshika Bhojnagarwala](https://github.com/vanshika703)
10 | * [Aakash Sharma](https://github.com/n9267aakashsharma)
11 | * [Yaksh Chopra](https://github.com/Yakshchopra)
12 | * [Vanshika Jalan](https://github.com/jalanvanshika)
13 | * [Aarushi Saraswat](https://github.com/pcyaaru)
14 | * [Aparna Srivastava](https://github.com/Aparna6)
15 | * [Ritvick V. Pandey](https://github.com/ritvick-me)
16 | * [Shrey Sachdeva](https://github.com/shrey-sachdeva2000)
17 | * [Sarthak Agrawal](https://github.com/sarthakagrawal9128)
18 | * [Abhuday Mishra](https://github.com/abhudaym)
19 | * [Gita Alekhya Paul](https://github.com/gitaalekhyapaul)
20 | * [Akshat Khanna](https://github.com/khannakshat7)
21 | * [Bhavesh Gupta](https://github.com/bhavesh-g)
22 | * [Kusum Paraag Grandhi](https://github.com/tinyfiddle4864)
23 | * [Rahul Sharma](https://github.com/RahulSharma099)
24 | * [Sunandan Chakrabarti](https://github.com/SunandanChakrabarti)
25 | * [Phong Duong](https://github.com/phongduong)
26 | * [HiranyaGarbh Choudhary](https://github.com/hiranyagarbh)
27 | * [Anubhav Soam](https://github.com/Anubhav-soam)
28 | * [Jayvardhan Patyal](https://github.com/JayPatyal)
29 | * [Devang Bajpai](https://github.com/DevangBajpai)
30 | * [Disha Sharma](https://github.com/Disha5harma)
31 | * [Vedant Mishra](https://github.com/vedant8970)
32 | * [Snehil](https://github.com/sneakySensei)
33 | * [Sundaram Gupta](https://github.com/sundaramgupta)
34 | * [Kapeesh Kaul](https://github.com/kapeesh-kaul)
35 | * [Riya Jindal](https://github.com/riyajindal2k/Hacktoberfest)
36 | * [Iishi Patel](https://github.com/iishipatel)
37 | * [Omkar](https://github.com/omkarsgit)
38 | * [KU$H $H@H](https://github.com/shahkv95)
39 | * [Samuel Owadl](https://github.com/samuelowad)
40 | * [Kishan Kumar](https://github.com/kishankrs)
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /* ======================== */
2 | /* IMPORTS */
3 | /* ======================== */
4 | @import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700&display=swap');
5 |
6 | /* ======================== */
7 | /* GLOBALS */
8 | /* ======================== */
9 | :root{
10 | --grey: #d8d8d8;
11 | --white: #fafafa;
12 | --black: #202020;
13 | --primary: #152347;
14 | --accent: #ff00aa;
15 | }
16 |
17 | *{
18 | padding: 0;
19 | margin: 0;
20 | }
21 |
22 | html, body{
23 | min-height: 100%;
24 | height: 100%;
25 | }
26 |
27 | body{
28 | font-size: 16px;
29 | text-rendering: optimizeLegibility;
30 | font-family: 'Ubuntu Mono', monospace;
31 | box-sizing: border-box;
32 | }
33 |
34 | a.kz-btn{
35 | padding: 12px 16px;
36 | background-color: var(--accent);
37 | border-radius: 4px;
38 | text-decoration: none;
39 | margin-top: 16px;
40 | display: inline-block;
41 | color: var(--white);
42 | text-transform: lowercase;
43 | }
44 |
45 | .kz-btn::after{
46 | content: ' →';
47 | }
48 | a.sh-btn{
49 | padding: 12px 16px;
50 | background-color: orangered;
51 | border-radius: 4px;
52 | text-decoration: none;
53 | margin-top: 16px;
54 | display: inline-block;
55 | color: var(--white);
56 | text-transform: lowercase;
57 | }
58 |
59 | .sh-btn::after{
60 | content: ' →';
61 | }
62 |
63 | /* ================================ */
64 | /* Section 0: HERO */
65 | /* ================================ */
66 |
67 | section.kz-hero{
68 | background-color: var(--primary);
69 | position: relative;
70 | min-height: 100vh;
71 | color: var(--white);
72 | }
73 |
74 | navbar{
75 | display: flex;
76 | justify-content: space-between;
77 | padding: 24px 16px;
78 | }
79 |
80 | navbar img{
81 | height: 64px;
82 | width: auto;
83 | }
84 |
85 | .kz-title{
86 | position: absolute;
87 | top: 45%;
88 | left: 30%;
89 | transform: translate(-50%, -50%);
90 | }
91 |
92 | .kz-title h1{
93 | font-size: 5em;
94 | }
95 |
96 | .kz-title h3{
97 | font-size: 2em;
98 | line-height: 1.1;
99 | color: var(--grey);
100 | }
101 |
102 | img.kz-tagline{
103 | position: absolute;
104 | bottom: 6%;
105 | right: 2%;
106 | height: 16%;
107 | width: auto;
108 | transform: rotate(-4deg);
109 | }
110 |
111 | /* ================================ */
112 | /* Section 1: HOW TO */
113 | /* ================================ */
114 |
115 | section.kz-how-to{
116 | padding: 32px 0;
117 | display: flex;
118 | }
119 |
120 | .kz-how-to-box{
121 | background-color: var(--primary);
122 | margin: 0 auto;
123 | width: 90%;
124 | border-radius: 12px;
125 | padding: 36px 24px;
126 | color: var(--white);
127 | }
128 |
129 | .kz-how-to-box h3{
130 | font-size: 2em;
131 | }
132 |
133 | .kz-how-to-box p{
134 | margin: 32px 0;
135 | }
136 |
137 | .kz-how-to-box h4{
138 | font-size: 1.3em;
139 | }
140 |
141 | /* ================================ */
142 | /* Section 2: CONTRIBUTORS */
143 | /* ================================ */
144 |
145 | section.kz-contributors{
146 | background-color: var(--primary);
147 | color: var(--grey);
148 |
149 | padding: 32px 0 12px 0;
150 | }
151 |
152 | section.kz-contributors > h2{
153 | text-align: center;
154 | font-size: 2em;
155 | }
156 |
157 | .kz-contributor{
158 | color: var(--black);
159 | background-color: var(--white);
160 | border-radius: 4px;
161 | padding: 16px;
162 | margin-bottom: 24px;
163 | text-align: center;
164 | }
165 |
166 | .kz-row{
167 | display: flex;
168 | width: 90%;
169 | margin: 42px auto;
170 | flex-flow: row wrap;
171 | flex-wrap: wrap;
172 | justify-content: space-between;
173 | }
174 |
175 | .kz-contributor{
176 | flex: 0 1 21%;
177 | position: relative;
178 | display: flex;
179 | flex-direction: column;
180 | justify-content: space-between;
181 | }
182 |
183 | .kz-contributor h5{
184 | font-size: 1.4em;
185 | letter-spacing: 0.4px;
186 | }
187 |
188 | .kz-contributor blockquote{
189 | font-size: 1em;
190 | margin: 16px 0;
191 | color: var(--black);
192 | }
193 |
194 | footer{
195 | margin-top: 4em;
196 | }
197 |
198 | footer p{
199 | text-align: center;
200 | font-size: 0.9em;
201 | margin-bottom: 8px;
202 | }
203 |
204 | footer p span{
205 | color: var(--accent);
206 | }
207 |
208 | footer p a{
209 | padding-bottom: 4px;
210 | border-bottom: 1px dashed transparent;
211 | text-decoration: none;
212 | color: var(--accent);
213 | transition: all 0.2s;
214 | }
215 |
216 | footer p a:hover{
217 | border-bottom-color: var(--grey);
218 | }
219 |
220 | @media only screen and (max-width: 970px){
221 | .kz-title{
222 | left: 45%;
223 | }
224 |
225 | .kz-contributor{
226 | flex: 0 1 44%;
227 | }
228 | }
229 |
230 | @media only screen and (max-width: 640px){
231 | .kz-title{
232 | left: 50%;
233 | }
234 |
235 | .kz-contributor{
236 | flex: 0 1 100%;
237 | }
238 |
239 | .kz-title h1{
240 | font-size: 4em;
241 | }
242 |
243 | .kz-title h3{
244 | font-size: 1.5em;
245 | }
246 | }
247 |
248 | @media only screen and (max-width: 480px){
249 | .kz-contributor{
250 | flex: 0 1 100%;
251 | }
252 |
253 | .kz-title h1{
254 | font-size: 3.4em;
255 | }
256 |
257 | .kz-title h3{
258 | font-size: 2em;
259 | }
260 | img.kz-tagline{
261 | width: 80%;
262 | height: auto;
263 | }
264 |
265 | @media only screen and (max-width: 370px){
266 | .kz-title h1{
267 | font-size: 3em;
268 | }
269 |
270 | .kz-title h3{
271 | font-size: 2em;
272 | }
273 |
274 | section.kz-contributors > h2{
275 | font-size: 1.7em;
276 | }
277 | }
278 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Hack your way through October
2 | 
3 | 
4 | 
5 |
6 | Brace yourself for a month of awesomeness and intense coding: it's [Hacktoberfest](https://hacktoberfest.digitalocean.com/)!
7 |
8 | Hacktoberfest is one of the biggest open-source fests of the year. You just have to submit 4 Pull Requests to any open-source repository, and you can get some cool swags from DigitalOcean!
9 |
10 | If you don't know where to begin, don't fret. We at [SRMKZILLA](https://srmkzilla.net/) will guide you through your first open-source contribution.
11 |
12 | Let's get cracking!
13 | ## Install Git
14 | Git is the most widely used version control system in the industry today. Git allows you to keep track of all the changes you make to your project and go back a step (or many, your call) if anything goes south.
15 |
16 | You can get started with Git by downloading it from [the official website](https://git-scm.com/downloads) and installing it.
17 |
18 | To check if Git was installed properly on your system, go to the Command Line (Terminal on Linux based systems), type `git` and hit Enter. If a bunch of lines pop up telling you how to use Git, you are good to go. If it complains that it cannot find `git`, something went wrong. Hint: you probably need to add Git to your `PATH` environment variable.
19 |
20 | 
22 | ## Register on GitHub
23 | GitHub is the de facto code sharing platform in the industry. It hosts your code for you so you can show off your awesome projects to the world. GitHub uses Git (hence the name) for version control.
24 |
25 | 
27 |
28 | To get started with GitHub, head over to [the website](https://github.com) and create an account.
29 | ## Register for Hacktoberfest
30 | To tap into the awesomeness that is Hacktoberfest, go to [their website](https://hacktoberfest.digitalocean.com/start) and register with your GitHub account. This is to keep track of all the contributions that you make.
31 |
32 |
33 | ## Fork our repository
34 | To contribute to any repository on GitHub, you first need to **fork** it. Forking essentially means making a copy of a repository so that you can make changes to it without affecting the original version.
35 |
36 | To make your first contribution, [fork our Hacktoberfest repository](https://github.com/srm-kzilla/Hacktoberfest). You will be able to see Hacktoberfest on your own repositories list after this step.
37 |
38 | 
40 |
41 | ## Clone the repository you just forked
42 | Let's get to the fun part: actually messing around with the code. But before that, you must first download the code from GitHub. This is called **cloning** a repository.
43 |
44 | To clone a repository, you need its URL. To get the URL of any repository, click on the green coloured button title "Clone or download", and copy the link you see.
45 |
46 | Then go to your command line, and execute this command. Make sure you are in the directory you want to download the source code in.
47 |
48 | `git clone url`
49 |
50 | Replace `url` with the link you copied. Wait for a few seconds, and then you should see the source folder downloaded to your directory.
51 |
52 | 
54 | ## Add your name to `Contributors.md`
55 | Open up the repository folder in your favourite text editor. If you don't have one, you can use [Visual Studio Code](https://code.visualstudio.com/download) (which is a hugely popular open-source project on GitHub). Anything but Notepad will do.
56 |
57 | Open the file `Contributors.md`. You should see the list of people who have contributed to this project. Go ahead, add your name in there too. You deserve it.
58 |
59 | 
61 |
62 | ## Edit the HTML file
63 | Next step is to add your name on our website. But this is not a one-line change. For this you need to edit the `index.html` file. The comments in that file will guide you through the editing part. You just have to copy the boilerplate section and edit it to add your name.
64 |
65 | 
67 |
68 | You can open `index.html` in your browser to see the edited website.
69 | ## Commit your changes
70 | Now that you have made all the changes required, you can tell Git to save these changes and **commit** them to its memory.
71 |
72 | Before commiting the changes, you must tell Git which files are suppossed to be considered for the commit. This is called **adding** files. To add files execute the following command:
73 | `git add file1 file2 ...`
74 |
75 | In our case, the command would be:
76 | `git add Contributors.md index.html`
77 |
78 | To check which files are yet to be added, you can run `git status`. This is a very handy command which tells you which files are not added, and which files are added but not committed yet.
79 |
80 | 
82 |
83 | To commit the changes, execute the following command:
84 | `git commit -m "commit message"`
85 | Every commit must have a short message that describes the changes. This messasge is wrapped in double quotes in our `git commit` command.
86 |
87 | You can run `git status` again to see that there is nothing new to be committed. This means that all your changes were recorded by Git.
88 |
89 | 
91 |
92 | ## Push your changes
93 |
94 | Before pushing your changes, you must first ensure that they were committed. Run `git status` to check this.
95 |
96 | To push your code, execute the following command:
97 | `git push origin master`
98 |
99 | 
101 | ## Create a Pull Request
102 | The code you just pushed exists only in your version of the repository. To integrate the changes into the original Hacktoberfest repository, you need to create what's called a **Pull Request**. A Pull Request is essentially a request to the owners of a repository to add your code. This is what makes open-source projects so powerful, anyone can come and bring in their creativity.
103 |
104 | If you go to your repository, you will see a bar on the top suggesting you to create a new Pull Request. Click on it. You will be taken to a screen which shows you all the changes you made, and a box in which you can add comments on the pull request. Note that this is different than the messasge you entered for a commit.
105 |
106 | A pull request can have multiple commits. Anyone can come in and suggest edits to a pull requests to further refine the changes. Pull Requests really are what makes the open-source community so powerful.
107 |
108 | 
110 |
111 | 
113 |
114 | 
116 |
117 |
118 | Submit the Pull Request and we will review it as soon as we can.
119 | ## Voila!
120 | Give yourself a pat on the back, because you have just taken the first step on your journey of open-source contributions. Welcome to the community!
121 |
122 | We love pats, too. It would really be helpful to us if you would star this repository to let us know that you appreciate our endeavours.
123 |
124 | If you got stuck somewhere or have any questions (or just wanna say hello), feel free to reach out to us at [technical@srmkzilla.net](mailto:technical@srmkzilla.net).
125 |
126 | Happy Hacking!
127 | ## Next steps
128 | You are now all set to conquer the world of open-source!
129 | 1. Explore around GitHub to find a lot more open-source repositories.
130 | 2. Submit a PR to the repository. A PR can be anything from a simple typo fix to an entire codebase rewrite.
131 | 3. After submitting a total of 4 PRs (including the one you submitted in this tutorial), you are now qualified to get some cool swags from DigitalOcean.
132 | 4. Head over to the [Hacktoberfest website](https://hacktoberfest.digitalocean.com/profile) and claim your swags!
133 |
134 | ## SRMKZILLA :hearts: Open-Source
135 | > In the spirit of openness, for the love of open-source.
136 |
137 | Open-source software is at the heart of SRMKZILLA. At SRMKZILLA, we’ve always used open-source to innovate. We want to give something back; we enjoy being a part of the community. We often release code or share best practices we developed. But sometimes, it's just fun and interesting code.
138 |
139 | Do check our team out [here](https://srmkzilla.net/us.html)!
140 |
141 | Wanna see what's cooking? [Here you go](https://github.com/srm-kzilla)!
142 |
143 | ### In association with
144 |
145 |
146 | > Partner: Smiral Rashinkar
147 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
46 | Contribute to Open Source and get rewarded with amazing schwags!
69 |A funny yearbook quote89 |
Does stuff99 |
Don't follow your dreams, follow my Twitter. :D @chh_abracadabra108 |
Ah shit126 |
Hey!135 |
If you need motivation just don't do it144 |
If this was the best year of my life, what would have to happen?153 |
Professional procrastinator who loves to sing163 |
LinkedIn is not Instagram :)172 |
Happy hacking!181 |
Inktober190 |
Would love to talk..199 |
Open your mind before your mouth208 |
Wubba Lubba Dub Dub217 |
Beware of Sarcasm226 |
Open Source is Awesome!!235 |
Suit Up!!!244 |
An optimist believes we live in the best possible of worlds.A pessimist fears that this is true. 252 |253 |
Write codes! Blow minds. Love OpenSource.262 |
AI could be terrible, or it could be great. But one things for sure, we will not control it. 271 |272 |
Do whatever I want281 |
starting the open source journey291 |
Love OpenSource.301 |
Hello World!309 |
Life is amazing!!317 |
Contribute to OpenSource Projects!325 |
you wannna lose small, i wanna win big334 |
Declare variables, not wars.342 |
Where am I again?351 |
Firetrucks are actually watertrucks.359 |
Eat Code Repeat..368 |
Love Coding!!377 |
Lorem ipsum dolor sit amet386 |
...395 |
Click on me to Contribute 💻 404 |405 |
Hello World!414 |
Occupy Mars422 |