dev profile

Signed-off-by: Gyanthakur <[email protected]>
Gyanthakur · Oct 4, 2023 · 8526ff6 · oyepriyansh · May 11, 2024 · 8526ff6
commit 8526ff6
Show file tree

Hide file tree

Showing 7 changed files with 374 additions and 0 deletions.
diff --git a/.github/workflows/author-assign.yml b/.github/workflows/author-assign.yml
@@ -0,0 +1,13 @@
+name: 'Author Assign'
+
+on:
+  pull_request_target:
+    types: [opened, reopened]
+
+jobs:
+  assign-author:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: toshimaru/[email protected]
+        with:
+          repo-token: '${{ secrets.GITHUB_TOKEN }}'
diff --git a/.github/workflows/greetings.yml b/.github/workflows/greetings.yml
@@ -0,0 +1,22 @@
+name: 'Greetings' 
+
+on: 
+   fork: 
+   push: 
+     branches: [main] 
+   issues: 
+     types: [opened] 
+   pull_request_target: 
+     types: [opened] 
+
+jobs: 
+   welcome: 
+     runs-on: ubuntu-latest 
+     steps: 
+       - uses: actions/checkout@v1 
+       - uses: EddieHubCommunity/gh-action-community/src/welcome@main 
+         with: 
+           github-token: ${{ secrets.GITHUB_TOKEN }} 
+           issue-message: 'Welcome, @${{ github.actor }}! Thanks for raising the issue!'
+           pr-message: 'Great job, @${{ github.actor }}! Thanks for creating the pull request!' 
+           footer: 'Soon the maintainers/owner will review it and provide you with feedback/suggestions, Make sure to star this awesome repository'
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>
diff --git a/README.md b/README.md
@@ -0,0 +1,49 @@
+# DevProfiles
+A place to list and shocase your developer skills and profile
+
+
+## Contribute
+
+1. Fork this Repository
+
+2. add following code to HTML `index.html` just before `<!--Profiles-->` comment
+
+```html
+        <div class="profile">
+            <div class="pfp"><img src="[YOUR IMAGE URL]" alt="User Image"></div>
+            <h3 class="name">Your Name</h3>
+            <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-3]</span>
+                <span class="skill">[SKILL-3]</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>
+```
+> Note: Do not add your profile 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
+
+##  Need Help?
+Join our discord server for any kind of help. <br>
+
+<a href="https://discord.com/invite/AeAjegXn6D"><img src="https://invidget.switchblade.xyz/AeAjegXn6D" alt="Discord Server"></a>
+
+## Thank You
+Thank you to every contributor of this repository <br>
+Show some love by giving a ⭐ to this repository!
diff --git a/index.html b/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dev Profiles</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 Profiles</h1>
+
+    <button class="add"
+        onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'">Add your Profile &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">
+        <!--Profiles-->
+
+
+        <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="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 class="profile">
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/136314551?v=4" alt="User image"></div>
+            <h3 class="name">Abrar Hussain</h3>
+            <div class="skills">
+                <span class="skill">Javascript</span>
+                <span class="skill">ReactJs</span>
+                <span class="skill">Java</span>
+            </div>
+            <div class="social">
+                <a href="https://github.com/Abrarlala" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://twitter.com/ABRAR706774" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/mohammad-abrar-610ba124b" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
+            </div>
+        </div>
+
+        <!--Profiles-->
+    </div>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,19 @@
+const searchInput = document.getElementById('searchInput');
+const profiles = document.querySelectorAll('.profile');
+
+searchInput.addEventListener('input', filterProfiles);
+
+function filterProfiles() {
+    const query = searchInput.value.toLowerCase();
+
+    profiles.forEach((profile) => {
+        const name = profile.querySelector('.name').textContent.toLowerCase();
+        const skills = profile.querySelector('.skills').textContent.toLowerCase();
+
+        if (name.includes(query) || skills.includes(query)) {
+            profile.style.display = 'block'; // Show matching profiles
+        } else {
+            profile.style.display = 'none'; // Hide non-matching profiles
+        }
+    });
+}
diff --git a/style.css b/style.css
@@ -0,0 +1,169 @@
+@import url("https://fonts.googleapis.com/css2?family=PT+Serif&family=Poppins:wght@200&display=swap");
+
+::-webkit-scrollbar {
+	width: 9px;
+}
+
+::-webkit-scrollbar-track {
+	background-color: #141414;
+}
+
+::-webkit-scrollbar-thumb {
+	background-color: #302f2f;
+	border-radius: 12px;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+    width: 100vw;
+	background-color: #121212;
+	background-color: #ca00e97a;
+
+	color: #ffffff;
+	font-family: Arial, sans-serif;
+	text-align: center;
+}
+
+h1 {
+	padding: 20px;
+	font-size: 36px;
+	font-family: "PT Serif", serif;
+}
+
+.container {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 20px;
+}
+
+.profile {
+	/* background: linear-gradient(); */
+	background-color: #00dbde;
+	background-image: linear-gradient(90deg, #00dbde 0%, #fc00ff 100%);
+
+	border-radius: 10px;
+	padding: 20px;
+	margin: 20px;
+	width: calc(33.33% - 40px);
+	text-align: center;
+	transition: background-color 0.3s ease;
+}
+
+.profile:hover {
+	background-color: #333333;
+}
+
+.pfp img {
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	margin-bottom: 10px;
+}
+
+.name {
+	font-family: "Poppins", sans-serif;
+	font-size: 20px;
+	margin-bottom: 10px;
+}
+
+.skills {
+	margin-bottom: 10px;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;
+	row-gap: 7px;
+}
+
+.skill {
+	background-color: #444;
+	padding: 5px 10px;
+	border-radius: 5px;
+	margin: 0 5px 10px 0;
+	font-size: 14px;
+	display: inline-block;
+}
+
+.social {
+	margin-top: 13px;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+}
+
+.social a {
+	color: #ffffff;
+	margin: 0 10px;
+	font-size: 24px;
+	text-decoration: none;
+}
+
+.social a {
+	color: #ffffff;
+	margin: 0 10px;
+	font-size: 24px;
+	text-decoration: none;
+	transition: color 0.3s, font-size 0.3s;
+}
+
+.social a:hover {
+	color: #000000;
+	font-size: 28px;
+}
+
+@media screen and (max-width: 768px) {
+	.container {
+		justify-content: center;
+	}
+
+	.profile {
+		width: 100%;
+	}
+}
+
+button {
+	color: #fff;
+	padding: 10px 20px;
+	background-color: #2b3031;
+	border: none;
+	cursor: pointer;
+	font-family: "Poppins", sans-serif;
+	font-size: 1.1em;
+	border-radius: 5%;
+}
+.add{
+	background-color: #21263d;
+}
+.search {
+	text-align: center;
+	margin-bottom: 20px;
+}
+
+#searchInput {
+	width: 80%;
+	padding: 10px;
+	border: none;
+	border-radius: 5px;
+	background-color: #121212;
+	background-color: cadetblue;
+	color: #000000;
+	font-size: 16px;
+	box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.2);
+}
+
+#searchInput::placeholder {
+	color: #2c2525;
+}
+
+#searchInput:focus {
+	outline: none;
+	box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
+}