diff --git a/.github/workflows/author-assign.yml b/.github/workflows/author-assign.yml new file mode 100644 index 0000000..867a49b --- /dev/null +++ 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/auto-author-assign@v1.1.0 + with: + repo-token: '${{ secrets.GITHUB_TOKEN }}' \ No newline at end of file diff --git a/.github/workflows/greetings.yml b/.github/workflows/greetings.yml new file mode 100644 index 0000000..ee1b39d --- /dev/null +++ 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' \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..fdddb29 --- /dev/null +++ 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 diff --git a/README.md b/README.md new file mode 100644 index 0000000..ffc8b70 --- /dev/null +++ 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 `` comment + +```html +
+
User Image
+

Your Name

+
+ [SKILL-1] + [SKILL-2] + [SKILL-3] + [SKILL-3] + [SKILL-3] +
+ +``` +> 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.
+ +Discord Server + +## Thank You +Thank you to every contributor of this repository
+Show some love by giving a ⭐ to this repository! diff --git a/index.html b/index.html new file mode 100644 index 0000000..6e7f974 --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + + + + + Dev Profiles + + + + + + + + +

Dev Profiles

+ + + +

+ +
+ +
+ +
+ + + +
+
User Image
+

Gyan Pratap Singh

+
+ Javascript + ReactJs + C++ + Nodejs + +
+ +
+ + + + + + + +
+
User image
+

Abrar Hussain

+
+ Javascript + ReactJs + Java +
+ +
+ + +
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..bb7932c --- /dev/null +++ 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 new file mode 100644 index 0000000..6953ffe --- /dev/null +++ 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); +}