Skip to content

Commit

Permalink
Merge pull request #686 from YooAshu/gh-pages
Browse files Browse the repository at this point in the history 
achievement startStruck
  • Loading branch information
@sanjay-kv
sanjay-kv authored Oct 8, 2024
2 parents 56eddb7 + 67ddf77 commit 6ed9f92
Showing 1 changed file with 67 additions and 40 deletions.
107 changes: 67 additions & 40 deletions pages/githubbadge.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -284,9 +284,9 @@

<body>
<nav class="navbar">
<a class="navbar-left" href="../index.html" style="text-decoration: none; color: #333;">
<a class="navbar-left" href="../index.html" style="text-decoration: none; color: #333;">
<img src="../assets/recode-hive.png" alt="Recode Hive Icon" class="navbar-icon">
<span class="navbar-text">Recode Hive</span>
<span class="navbar-text">Recode Hive</span>
</a>
<div class="navbar-right">
<a href="githubbadge.html" class="navbar-link">Github-Badge</a>
Expand Down Expand Up @@ -353,7 +353,19 @@ <h2 class="themed-text">📃 Achievement List 📃</h2>
<td><img src="https://raw.githubusercontent.com/recodehive/awesome-github-profiles/main/assets/Badges/Star-Struck/PNG/Skin-Tones/StarStruck_SkinTone1.png"
width="60px" alt="Starstruck"></td>
<td>Starstruck</td>
<td>Created a repository that has many stars</td>
<td>
Create a repository with a lot of stars.
<br>
check the
<a href="https://github.com/sanjay-kv/Open-source-Practice">
Sample repo
</a>
<br>
If you get the first 16 stars you will unlock the badge.
<br>
<a href="https://youtu.be/v2Pai1TY_Lg">Watch the Video Tutorial</a>

</td>
<td>
<table>
<thead>
Expand Down Expand Up @@ -415,8 +427,10 @@ <h2 class="themed-text">📃 Achievement List 📃</h2>
<td>Pair Extraordinaire</td>
<td>Coauthored commits on merged pull request<br>
Requirement: VSCode IDE (bit difficult to get)<br>
You can raise a sample PR <a href="https://github.com/recodehive/resume-pitch">here</a> by adding to the existing readme file and tag me @sanjay-kv<br>
<a href="https://youtu.be/ZoNO_e8PjiM">Watch the Video Tutorial</a></td>
You can raise a sample PR <a href="https://github.com/recodehive/resume-pitch">here</a> by
adding to the existing readme file and tag me @sanjay-kv<br>
<a href="https://youtu.be/ZoNO_e8PjiM">Watch the Video Tutorial</a>
</td>
<td>
<table>
<thead>
Expand Down Expand Up @@ -453,8 +467,10 @@ <h2 class="themed-text">📃 Achievement List 📃</h2>
width="60px" alt="Pull Shark"></td>
<td>Pull Shark</td>
<td>Opened a pull request and it should be merged<br>
You can raise a sample PR <a href="https://github.com/recodehive/resume-pitch">here</a> by adding on existing readme file and tag me @sanjay-kv<br>
<a href="https://youtu.be/7uKMWBFN2jQ">Watch the Video Tutorial</a></td>
You can raise a sample PR <a href="https://github.com/recodehive/resume-pitch">here</a> by
adding on existing readme file and tag me @sanjay-kv<br>
<a href="https://youtu.be/7uKMWBFN2jQ">Watch the Video Tutorial</a>
</td>
<td>
<table>
<thead>
Expand Down Expand Up @@ -490,7 +506,9 @@ <h2 class="themed-text">📃 Achievement List 📃</h2>
<td><img src="https://raw.githubusercontent.com/recodehive/awesome-github-profiles/main/assets/Badges/Galaxy-Brain/PNG/GalaxyBrain.png"
width="60px" alt="Galaxy Brain"></td>
<td>Galaxy Brain</td>
<td>Answered a discussion and someone marked your reply as answer<br>You can answer some of the discussions <a href="https://github.com/orgs/recodehive/discussions">here</a><br><a href="https://youtu.be/v2Pai1TY_Lg">Watch the Video Tutorial</a></td>
<td>Answered a discussion and someone marked your reply as answer<br>You can answer some of the
discussions <a href="https://github.com/orgs/recodehive/discussions">here</a><br><a
href="https://youtu.be/v2Pai1TY_Lg">Watch the Video Tutorial</a></td>
<td>
<table>
<thead>
Expand Down Expand Up @@ -526,7 +544,10 @@ <h2 class="themed-text">📃 Achievement List 📃</h2>
<td><img src="https://raw.githubusercontent.com/recodehive/awesome-github-profiles/main/assets/Badges/YOLO/PNG/YOLO_Badge.png"
width="60px" alt="YOLO"></td>
<td>YOLO</td>
<td><a href="https://github.com/recodehive/machine-learning-repos">Merged a pull request without a review</a>.<br>You can raise a <a href="https://github.com/recodehive/machine-learning-repos">PR here</a>. <br><a href="https://youtu.be/GnHNScuGKrg">Watch the Video Tutorial</a></td>
<td><a href="https://github.com/recodehive/machine-learning-repos">Merged a pull request without a
review</a>.<br>You can raise a <a
href="https://github.com/recodehive/machine-learning-repos">PR here</a>. <br><a
href="https://youtu.be/GnHNScuGKrg">Watch the Video Tutorial</a></td>
<td>
<table>
<thead>
Expand Down Expand Up @@ -713,7 +734,10 @@ <h2 class="themed-text">✨ Highlights Badges ✨</h2>
alt="Pro Light Mode" id="pro-light" class="badges-icons-light">
</td>
<td>Pro</td>
<td>Pay for <a href="https://docs.github.com/en/get-started/learning-about-github/githubs-plans#github-pro">GitHub Pro</a> or if you are student get it free: <a href="https://youtu.be/knr5gBv-c9c">Watch Video</a></td>
<td>Pay for <a
href="https://docs.github.com/en/get-started/learning-about-github/githubs-plans#github-pro">GitHub
Pro</a> or if you are student get it free: <a href="https://youtu.be/knr5gBv-c9c">Watch
Video</a></td>
</tr>
<tr>
<td>
Expand Down Expand Up @@ -845,7 +869,9 @@ <h1 style="font-size: 50px;margin-bottom: 0px !important;">Showcase your experti
worldwide.</p>
</div>
<div class="hoverImageWrapper">
<img class="hoverImage" src="https://images.ctfassets.net/wfutmusr1t3h/6eWM76bx8skN2B4Jpvkcil/3ccdafea4229f02802abbd9fc6634a3b/Certifiedtocat_full__2_.svg?w=1280&q=75" alt="Tilt Effect Image">
<img class="hoverImage"
src="https://images.ctfassets.net/wfutmusr1t3h/6eWM76bx8skN2B4Jpvkcil/3ccdafea4229f02802abbd9fc6634a3b/Certifiedtocat_full__2_.svg?w=1280&q=75"
alt="Tilt Effect Image">
</div>

</div>
Expand Down Expand Up @@ -891,7 +917,7 @@ <h1>GitHub Actions</h1>
</div>
</div>
<div class="ways1">
<img
<img
src="https://images.ctfassets.net/wfutmusr1t3h/1GLjOPbAzxSyIZy7Cvu2Do/4220986cedca60a0cb3eaa1ed21ca5fc/foundations-river-image__1_.png?w=1280&q=75"></img>
<div class="ways-content">
<h1>GitHub Advanced Security</h1>
Expand Down Expand Up @@ -993,15 +1019,16 @@ <h5>
<div class="footer-bottom">
<div class="footer-container">
<p class="footer-copyright">
&copy; <span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights reserved.
&copy; <span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights
reserved.
</p>
</div>
</div>

<script>
document.getElementById("dynamic-year").textContent = new Date().getFullYear();
</script>

</footer>

<!-- Scroll to top -->
Expand Down Expand Up @@ -1033,32 +1060,32 @@ <h5>


</script>
<script>
<script>

// Initialize Tilt.js
window.document.addEventListener("DOMContentLoaded",function () {
const imageElement = document.querySelector('.hoverImage');
if (imageElement) {
const handleMouseMove = (e) => {
let rect = imageElement.getBoundingClientRect();
let x = e.clientX - rect.left;
let y = e.clientY - rect.top;
let dx = (x - rect.width / 2) / (rect.width / 2);
let dy = (y - rect.height / 2) / (rect.height / 2);
imageElement.style.transform = `perspective(500px) rotateY(${dx * 5}deg) rotateX(${-dy * 5}deg)`;
};

const handleMouseLeave = () => {
imageElement.style.transform = "";
};

imageElement.addEventListener('mousemove', handleMouseMove);
imageElement.addEventListener('mouseleave', handleMouseLeave);
}
})
</script>
window.document.addEventListener("DOMContentLoaded", function () {
const imageElement = document.querySelector('.hoverImage');
if (imageElement) {
const handleMouseMove = (e) => {
let rect = imageElement.getBoundingClientRect();
let x = e.clientX - rect.left;
let y = e.clientY - rect.top;

let dx = (x - rect.width / 2) / (rect.width / 2);
let dy = (y - rect.height / 2) / (rect.height / 2);

imageElement.style.transform = `perspective(500px) rotateY(${dx * 5}deg) rotateX(${-dy * 5}deg)`;
};

const handleMouseLeave = () => {
imageElement.style.transform = "";
};

imageElement.addEventListener('mousemove', handleMouseMove);
imageElement.addEventListener('mouseleave', handleMouseLeave);
}
})
</script>
</body>

</html>

0 comments on commit 6ed9f92

Please sign in to comment.