added the project file

Signed-off-by: Gyanthakur <[email protected]>
Gyanthakur · Oct 13, 2023 · 5ee3dfe · 5ee3dfe
1 parent 6c4da21
commit 5ee3dfe
Show file tree

Hide file tree

Showing 3 changed files with 161 additions and 0 deletions.
diff --git a/project.html b/project.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Projects</title>
+    <link rel="shortcut icon" href="https://oyepriyansh.pages.dev/i/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GTFGBS8HG8"></script>
+    <script type="text/javascript" src="https://oyepriyansh.pages.dev/cdnjs/analytics/devprofiles.js"></script>
+</head>
+<body>
+
+    <h1>Dev Projects</h1>
+
+    <button class="add"
+        onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'">Add your Projects &nbsp; <i class="
+        fa-sharp fa-solid fa-user-plus"></i> </button>
+
+    <div class="line"><br></div>
+
+    <div class="search">
+        <input type="text" id="searchInput" placeholder="Search by name or skill...">
+    </div>
+
+    <div class="container">
+        <!--Projects-->
+
+
+        <div class="profile">
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
+            <h3 class="name">Gyan Pratap Singh</h3>
+            <div class="project">
+                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://github.com/Gyanthakur/TextUtils" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
+                <a href="https://gyanthakur.github.io/TextUtils/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
+            </div>
+            <div class="projectNam">
+                <span >Text_UTILS</span>
+                <span >Repo Url</span>
+                <span >Deploy Link</span>
+            </div>
+            <div class="skills">
+                <span class="skill">Javascript</span>
+                <span class="skill">ReactJs</span>
+                <span class="skill">C++</span>
+                <span class="skill">Nodejs</span>
+
+            </div>
+            <div class="social">
+                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://twitter.com/gps_96169" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
+                <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0" target="_blank"><i class="fa-brands fa-facebook"></i></a>
+            </div>
+        </div>
+    </div>
+
+
+
+
+</body>
+</html>
diff --git a/project.md b/project.md
@@ -0,0 +1,63 @@
+# DevProfiles
+A place to list and shocase your developer skills and profile
+
+
+## Contribute
+1. Give Star on the repo
+
+2. Follow Account
+
+3. Fork this Repository
+
+4. add following code to HTML `index.html` just before `<!--Profiles-->` comment
+
+# 5.and keep in mind don't add in top and bottom your profile, add in between  
+
+```        <div class="profile">
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
+            <h3 class="name">Gyan Pratap Singh</h3>
+            <div class="project">
+                <a href="[Your Github URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="[Your Github Repository URL]" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
+                <a href="[Project Deploy URL(If applicable)]" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
+            </div>
+            <div class="projectNam">
+                <span >Your Project Title</span>
+                <!-- Do not change Repo URl and Dploy Link given under two line  -->
+                <span >Repo Url</span>
+                <span >Deploy Link</span>
+            </div>
+            <div class="skills">
+                <span class="skill">Skill-1</span>
+                <span class="skill">Skill-2</span>
+                <span class="skill">Skill-3</span>
+                <span class="skill">Skill-4</span>
+
+            </div>
+            <div class="social">
+                <a href="[YOUR GITHUB URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
+                <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
+            </div>
+        </div>```
+
+
+> Note: Do not add your profile and project in top.
+3. Change/Replace the placeholders with your image and profiles urls
+    - [IMAGE-URL] with your image URL
+    - [YOUR_NAME] with your name
+    - [SKILL-1], [SKILL-2], [SKILL-3] with your skills
+    - [YOUR GITHUB URL], [YOUR X/TWITTER URL] & [YOUR LINKEDIN URL] with your Github, X/Twitter & LinkedIn profile URL repectively.
+
+4. Commit your changes.
+
+5. Create a Pull Request
+
+6. Wait for Merge
+
+
+
+## Thank You
+Thank you to every contributor of this repository <br>
+Show some love by giving a ⭐ to this repository!
diff --git a/style.css b/style.css
@@ -92,11 +92,43 @@ h1 {
 	display: inline-block;
 }
 
+.project {
+	display: flex;
+	justify-content: space-between;
+	padding: 5px 10px;
+	/* border-radius: 5px; */
+	font-size: 35px;
+}
+.project a{
+	color: #1a21f1;
+	margin: 0 10px;
+	font-size: 24px;
+	text-decoration: none;
+	transition: color 0.3s, font-size 0.3s;
+}
+
+.project a:hover{
+	color: #000000;
+	font-size: 28px;
+}
+.projectNam{
+	margin: 13px;
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	padding: 5px 10px;
+	border-radius: 5px;
+	margin: 0 5px 10px 0;
+	font-size: 16px;
+
+
+}
 .social {
 	margin-top: 13px;
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
+
 }
 
 .social a {