-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (174 loc) · 7.73 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="assets/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700" />
<link href="https://fonts.googleapis.com/css2?family=Domine&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<title>Contribute To This Project</title>
<script type="module" src="assets/script.js" defer=""></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="column">
<!-- Night Mode Creation -->
<div class="nightmode">
<div class="toggle-box">
<input type="checkbox" name="checkbox1" id="toggle-box-checkbox" />
<label for="toggle-box-checkbox" class="toggle-box-label-left"></label>
<label for="toggle-box-checkbox" class="toggle-box-label"></label>
</div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
crossorigin="anonymous"
></script>
</div>
<!-- / Night Mode Creation -->
</div>
</div>
<div class="row">
<div class="column-double">
<div class="column-left">
<h1>CONTRIBUTE TO THIS PROJECT</h1>
<h2>A project for first-time contributions</h2>
<p>
This is a tutorial to help first-time contributors participate in a simple and easy project. Get more
comfortable using GitHub and make your first open source contribution. It's quick and easy.
</p>
<a
class="button"
href="https://github.com/Syknapse/Contribute-To-This-Project/blob/master/README.md"
target="_blank"
title="Go to project README - A step by step tutorial"
>
Learn how to contribute
<i class="fas fa-long-arrow-alt-right"></i>
</a>
</div>
</div>
<div class="column">
<div class="column-right">
<div class="twitter-button">
<a
href="https://twitter.com/share?ref_src=twsrc%5Etfw"
class="twitter-share-button"
data-size="large"
data-text="Contribute To This Project. An easy Git and GitHub project for first-time contributors, with a full tutorial."
data-url="https://github.com/Syknapse/Contribute-To-This-Project"
data-via="Syknapse"
data-hashtags="100DaysOfCode"
data-show-count="false"
title="Tweet this project"
>
Tweet
</a>
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<p>Contributions so far...</p>
<div class="animated" id="contributions-number">0</div>
</div>
</div>
</div>
<div class="searchContainer">
<input id="searchbar" type="search" name="search" placeholder="Search for your card here!" />
</div>
<div class="grid" id="contributions">
<!-- ================================================ -->
<!-- ================== TEMPLATE ================== -->
<!-- DO NOT modify the TEMPLATE directly, make a copy and paste it below -->
<!-- ________ *TEMPLATE: MAKE A COPY* Contributor card START ________ -->
<div class="card">
<p class="name">Your name</p>
<p class="contact">
<i class="fab fa-linkedin"></i>
<a href="https://za.linkedin.com/in/" target="_blank">Your handle</a>
<i class="fab fa-github"></i>
<a href="https://www.github.com/" target="_blank">Your handle</a>
</p>
<p class="about">A description about You</p>
<div class="resources">
<p>3 Fun Facts about You</p>
<ul>
<li>
<a href="#" target="_blank" title="First Fact">Fact 1</a>
</li>
<li>
<a href="#" target="_blank" title="Second Fact">Fact 2</a>
</li>
<li>
<a href="#" target="_blank" title="Third Fact">Fact 3</a>
</li>
</ul>
</div>
</div>
<!-- ________ *TEMPLATE* Contributor card END ________ -->
<!-- COPY everything ABOVE this, from contributor card start to end along with the "START" and "END" comment lines -->
<!-- ============== ^^^^ TEMPLATE ^^^^ ============== -->
<!-- ================================================ -->
<!-- DO NOT modify the TEMPLATE directly, make a copy and paste it below -->
<!-- Keep one line of space above and below your card -->
<!-- ========= Paste YOUR CARD directly BELOW this line ========= -->
<!-- ________ Passion's card START ________ -->
<div class="card">
<p class="name">Tinotenda Mhedziso</p>
<p class="contact">
<i class="fab fa-linkedin"></i>
<a href="https://za.linkedin.com/in/tinotenda-mhedziso" target="_blank">@Tinotenda Mhedziso</a>
<i class="fab fa-github"></i>
<a href="https://www.github.com/PassionOverPain" target="_blank">@PassionOverPain</a>
</p>
<p class="about"><i><b>Time is the gift that robs you of the present.</b></i> ~ Passion 2022🐱👤</p>
<div class="resources">
<p>3 Fun Facts About Me:</p>
<ul>
<li>
I think Peacocks are majestic birds 😌🦚
</li>
<li>
Im the Kakashi Hatake of programming, always copying code 😎
</li>
<li>
I'm joking about point 2 🤣
</li>
</ul>
</div>
</div>
<!-- ________ Passion's card END ________ -->
<!-- <<<<< Do not change anything below this line >>>>> -->
<!-- -------------------------------------------------- -->
</div>
<hr />
<button id="topButton" title="Go to top">
<svg
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
height="1em"
width="1em"
viewBox="0 0 40 40"
style="vertical-align: middle; font-size: 2.25em"
>
<g>
<path
d="m21.7 9.3l-7.9 7.9c-0.6 0.6-0.6 1.7 0 2.3s1.7 0.7 2.4 0l3.8-3.8v12.6c0 1 0.7 1.7 1.7 1.7s1.6-0.7 1.6-1.7v-12.6l3.9 3.8c0.3 0.3 0.7 0.5 1.1 0.5s0.9-0.2 1.2-0.5c0.7-0.6 0.7-1.7 0-2.3l-7.8-7.9z"
></path>
</g>
</svg>
</button>
<footer>
Project by
<a href="https://twitter.com/Syknapse" target="_blank">Syk Houdeib.</a>
Template adapted for the Computer Society®
<span id="currentYear"></span>
</footer>
</div>
</body>
</html>