From 2df5636a5a731ccee20e9e82b2d7f2f6e0cea6fe Mon Sep 17 00:00:00 2001
From: sourya204 <sourya.roy204@gmail.com>
Date: Mon, 26 Jan 2026 09:34:46 +0530
Subject: [PATCH] Sourya

---
 index.html | 512 ++++++++++++++++++++++++++---------------------------
 1 file changed, 254 insertions(+), 258 deletions(-)
diff --git a/index.html b/index.html
index 1f6f9d4a..e87a85e2 100644
--- a/index.html
+++ b/index.html
@@ -1,263 +1,259 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
-	<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
-
-	</head>
-<style>
-
-body {
-        background-color: rgba(250, 251, 254, 1.0);
-}
-
-.IssueLabel {
-    height: 20px;
-    padding: 0.15em 6px;
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 15px;
-    border-radius: 2px;
-    box-shadow: inset 0 -1px 0 rgba(27,31,35,0.12);
-}
-
-.GoodFirstIssue {
-	background-color: #7057ff;
-	color: #ffffff;
-}
-
-.StarterTask {
-    background-color: #62dbc9;
-    color: #000000;
-}
-
-.HelpWanted {
-    background-color: #008672;
-    color: #ffffff;
-}
-
-.search-body {
-background-color: #ffffff;
-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
-border: 1px solid rgba(154, 161, 171, .15);
-}
-
-
-.spinner {
-  display: none;
-  position: absolute;
-  left: 50%;
-  z-index: 1;
-  width: 120px;
-  height: 120px;
-  margin: -75px 0 0 -75px;
-  border: 16px solid #f3f3f3;
-  border-radius: 50%;
-  border-top: 16px solid #7057ff;
-  -webkit-animation: spin 2s linear infinite;
-  animation: spin 2s linear infinite;
-}
-
-
-@-webkit-keyframes spin {
-  0% { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
-}
-
-.btn-primary {
-    color: #fff;
-    background-color: #0073e6;
-    border-color: #0073e6;
-}
-
-.btn {
-    display: inline-block;
-    font-weight: 400;
-    line-height: 1.25;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    border: 1px solid transparent;
-    padding: .5rem 1rem;
-    font-size: 1rem;
-    border-radius: .25rem;
-}
-
-.welcome {
-    margin-bottom: 2rem;
-    margin-top: 1.5rem;
-    font-family: 'Lato', sans-serif;
-}
-
-
-.hidden {
-display: none;
-}
-
-.welcome {
-}
-
-.welcome h1 {
-    font-weight: 700;
-}
-
-.lead {
-    margin-bottom: 0.775rem !important;
-}
-
-.form-header {
-	margin-left: 15px;
-	margin-top: 0.75rem;
-	margin-bottom: 2rem;
-}
-
-.TopLabel {
-	margin-top: 8px;
-	margin-left: 8px;
-}
-
-.custom-select {
-    display: inline-block;
-    max-width: 100%;
-    height: calc(2.25rem + 2px);
-    padding: .375rem 1.75rem .375rem .75rem;
-    line-height: 1.25;
-    color: #464a4c;
-    vertical-align: middle;
-    background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…'0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;
-    -webkit-background-size: 8px 10px;
-    background-size: 8px 10px;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: .25rem;
-    -moz-appearance: none;
-    -webkit-appearance: none;
-}
-
-.QuestionsSuggestions  {
-	margin-top: 1rem;
-	margin-bottom: 1rem;
-	font-size: 0.8rem;
-}
-
-.text-muted {
-color: #636c72;
-margin-bottom: 0px;
-font-weight: 300;
-font-size: 90%;
-margin-right: 6px;
-}
-
-.paddedLeftMargin {
-margin-left: 25px;
-}
-
-#submit {
-margin-left: 25px;
-width: 300px;
-}
-
-.sortsTable:hover {
-color: #7057ff;
-cursor: url(hand.cur), pointer;
-}
-
-
-</style>
-
-<body>
-     	<p class="TopLabel"><label class="IssueLabel GoodFirstIssue">Good First Issue</label>.com</p>
-	<div class="container-fluid hidden-sm-down">
-	<div class="row">
-	<div class="col-md-12 text-center QuestionsSuggestions">
-	<span class="news">Questions? Suggestions? <a class="center-block" target="_blank" href="https://twitter.com/messages/compose?recipient_id=966086645111025665">Send me a PM</a> on <i class="fa fa-twitter" aria-hidden="true"></i></span>
-	</div>
-	</div>
-	</div>
-
-	<span class="octicon octicon-clippy"></span>
-	<div class="container welcome">
-		<div class="row d-block">
-		<h1>Find Great Open Source Opportunities.</h1>
-		<p class="lead">Made for new contributors to find great Open Source projects.</p>
-		<p>Discover Issues and Repositories with <label class="IssueLabel HelpWanted">Help Wanted</label> <label class="IssueLabel StarterTask">Starter Task</label> and <Label class="IssueLabel GoodFirstIssue">Good First Issue</label> labels. </p>
-		</div>
-	</div>
-
-	<div class="container search-body">
-  		<div class="row">
-				<div class = 'form-header'>
-				<form class="QueryParametersForm form-inline" onsubmit="onSubmitButton();return false;">
-						<select class="LanguageOptions form-control" onchange="onSubmitButton()">
-							<option>Choose Language</option>
-							<option value="ActionScript">ActionScript</option>
-							<option value="C">C</option>
-							<option value="C#">C#</option>
-							<option value="C++">C++</option>
-							<option value="Clojure">Clojure</option>
-							<option value="CoffeeScript">CoffeeScript</option>
-							<option value="CSS">CSS</option>
-							<option value="Go">Go</option>
-							<option value="Haskell">Haskell</option>
-							<option value="HTML">HTML</option>
-							<option value="Java">Java</option>
-							<option value="JavaScript">JavaScript</option>
-							<option value="Lua">Lua</option>
-							<option value="Matlab">Matlab</option>
-							<option value="Objective-C">Objective-C</option>
-							<option value="Perl">Perl</option>
-							<option value="PHP">PHP</option>
-							<option value="Python">Python</option>
-							<option value="R">R</option>
-							<option value="Ruby">Ruby</option>
-							<option value="Scala">Scala</option>
-							<option value="Shell">Shell</option>
-							<option value="Swift">Swift</option>
-							<option value="TeX">TeX</option>
-							<option value="Vim script">Vim script</option>
-						</select>
-					</form>
-				</div>
-
-		<div class="table-responsive">
-		<div class="spinner"></div>
-		<table class="table hidden">
-			<col width="40%">
-			<col width="20%">
-			<col width="20%">
-			<col width="20%">
-			<thead>
-				<tr>
-				<th>Repository</th>
-				<th class="sortsTable" value="Good First Issue">Good First Issues</th>
-				<th class="sortsTable" value="Stars">Stars</th>
-				<th>Last Update</th>
-				</tr>
-			</thead>
-			<tbody>
-			</tbody>
-		</table>
-		</div>
-
-		</div>
-		</div>
-	</div>
-
-
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-</body>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>Good First Issue</title>
+	    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
+	    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+        <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
+        <style> 
+            body{
+                 background-color: rgba(250, 251, 254, 1.0);
+			}
+                 
+                 
+            .IssueLabel {
+                 height: 20px;
+                 padding: 0.15em 6px;
+                 font-size: 14px;
+                 font-weight: 600;
+                 line-height: 15px;
+                 border-radius: 2px;
+                 box-shadow: inset 0 -1px 0 rgba(27,31,35,0.12);
+             }
+             
+             .GoodFirstIssue {
+             	background-color: #7057ff;
+             	color: #ffffff;
+             }
+             
+             .StarterTask {
+                 background-color: #62dbc9;
+                 color: #000000;
+             }
+             
+             .HelpWanted {
+                 background-color: #008672;
+                 color: #ffffff;
+             }
+             
+             .search-body {
+             background-color: #ffffff;
+             box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
+             border: 1px solid rgba(154, 161, 171, .15);
+             }
+             
+             
+             .spinner {
+               display: none;
+               position: absolute;
+               left: 50%;
+               z-index: 1;
+               width: 120px;
+               height: 120px;
+               margin: -75px 0 0 -75px;
+               border: 16px solid #f3f3f3;
+               border-radius: 50%;
+               border-top: 16px solid #7057ff;
+               -webkit-animation: spin 2s linear infinite;
+               animation: spin 2s linear infinite;
+             }
+             
+             
+             @-webkit-keyframes spin {
+               0% { -webkit-transform: rotate(0deg); }
+               100% { -webkit-transform: rotate(360deg); }
+             }
+             
+             .btn-primary {
+                 color: #fff;
+                 background-color: #0073e6;
+                 border-color: #0073e6;
+             }
+             
+             .btn {
+                 display: inline-block;
+                 font-weight: 400;
+                 line-height: 1.25;
+                 text-align: center;
+                 white-space: nowrap;
+                 vertical-align: middle;
+                 -webkit-user-select: none;
+                 -moz-user-select: none;
+                 -ms-user-select: none;
+                 user-select: none;
+                 border: 1px solid transparent;
+                 padding: .5rem 1rem;
+                 font-size: 1rem;
+                 border-radius: .25rem;
+             }
+             
+             .welcome {
+                 margin-bottom: 2rem;
+                 margin-top: 1.5rem;
+                 font-family: 'Lato', sans-serif;
+             }
+             
+             
+             .hidden {
+             display: none;
+             }
+             
+             .welcome {
+             }
+             
+             .welcome h1 {
+                 font-weight: 700;
+             }
+             
+             .lead {
+                 margin-bottom: 0.775rem !important;
+             }
+             
+             .form-header {
+             	margin-left: 15px;
+             	margin-top: 0.75rem;
+             	margin-bottom: 2rem;
+             }
+             
+             .TopLabel {
+             	margin-top: 8px;
+             	margin-left: 8px;
+             }
+             
+             .custom-select {
+                 display: inline-block;
+                 max-width: 100%;
+                 height: calc(2.25rem + 2px);
+                 padding: .375rem 1.75rem .375rem .75rem;
+                 line-height: 1.25;
+                 color: #464a4c;
+                 vertical-align: middle;
+                 background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…'0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;
+                 -webkit-background-size: 8px 10px;
+                 background-size: 8px 10px;
+                 border: 1px solid rgba(0,0,0,.15);
+                 border-radius: .25rem;
+                 -moz-appearance: none;
+                 -webkit-appearance: none;
+             }
+             
+             .QuestionsSuggestions  {
+             	margin-top: 1rem;
+             	margin-bottom: 1rem;
+             	font-size: 0.8rem;
+             }
+             
+             .text-muted {
+             color: #636c72;
+             margin-bottom: 0px;
+             font-weight: 300;
+             font-size: 90%;
+             margin-right: 6px;
+             }
+             
+             .paddedLeftMargin {
+             margin-left: 25px;
+             }
+             
+             #submit {
+             margin-left: 25px;
+             width: 300px;
+             }
+             
+             .sortsTable:hover {
+             color: #7057ff;
+             cursor: url(hand.cur), pointer;
+             }    
+        </style>
+    </head>
+
+
+    <body>
+        <p class="TopLabel"><label class="IssueLabel GoodFirstIssue">Good First Issue</label>.com</p>
+    	    <div class="container-fluid hidden-sm-down">
+    			<div class="row">
+    				<div class="col-md-12 text-center QuestionsSuggestions">
+    					<span class="news">Questions? Suggestions? <a class="center-block" target="_blank" href="https://twitter.com/messages/compose?recipient_id=966086645111025665">Send me a PM</a> on <i class="fa fa-twitter" aria-hidden="true"></i></span>
+    				</div>
+    	        </div>
+    	    </div>
+    
+    	<span class="octicon octicon-clippy"></span>
+    	<div class="container welcome">
+    		<div class="row d-block">
+    		    <h1>Find Great Open Source Opportunities.</h1>
+    		    <p class="lead">Made for new contributors to find great Open Source projects.</p>
+    		    <p>Discover Issues and Repositories with <label class="IssueLabel HelpWanted">Help Wanted</label> <label class="IssueLabel StarterTask">Starter Task</label> and <Label class="IssueLabel GoodFirstIssue">Good First Issue</label> labels. </p>
+    		</div>
+    	</div>
+    
+    	<div class="container search-body">
+      		<div class="row">
+    			<div class = 'form-header'>
+    				<form class="QueryParametersForm form-inline" onsubmit="onSubmitButton();return false;">
+    					<select class="LanguageOptions form-control" onchange="onSubmitButton()">
+    						<option>Choose Language</option>
+    						<option value="ActionScript">ActionScript</option>
+    						<option value="C">C</option>
+    						<option value="C#">C#</option>
+    						<option value="C++">C++</option>
+    						<option value="Clojure">Clojure</option>
+    						<option value="CoffeeScript">CoffeeScript</option>
+    						<option value="CSS">CSS</option>
+    						<option value="Go">Go</option>
+    						<option value="Haskell">Haskell</option>
+    						<option value="HTML">HTML</option>
+    						<option value="Java">Java</option>
+    						<option value="JavaScript">JavaScript</option>
+    						<option value="Lua">Lua</option>
+    						<option value="Matlab">Matlab</option>
+    						<option value="Objective-C">Objective-C</option>
+    						<option value="Perl">Perl</option>
+    						<option value="PHP">PHP</option>
+    						<option value="Python">Python</option>
+    						<option value="R">R</option>
+    						<option value="Ruby">Ruby</option>
+    						<option value="Scala">Scala</option>
+    						<option value="Shell">Shell</option>
+    						<option value="Swift">Swift</option>
+    						<option value="TeX">TeX</option>
+    						<option value="Vim script">Vim script</option>
+    					</select>
+    				</form>
+    			</div>
+    
+    		    <div class="table-responsive">
+    		        <div class="spinner"></div>
+    		        <table class="table hidden">
+    			        <col width="40%">
+    			        <col width="20%">
+    			        <col width="20%">
+    			        <col width="20%">
+    			        <thead>
+    				       <tr>
+    				            <th>Repository</th>
+    				            <th class="sortsTable" value="Good First Issue">Good First Issues</th>
+    				            <th class="sortsTable" value="Stars">Stars</th>
+    				            <th>Last Update</th>
+    				        </tr>
+    			        </thead>
+    			        <tbody></tbody>
+    		        </table>
+    		        </div>
+    			</div>
+    		</div>
+    	</div>
+    
+        
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+
+    </body>
 </html>
 
 <script>
