Skip to content

Commit

Permalink
dynamically state and fetching added (#509)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ansh101112
Ansh101112 authored Jun 23, 2024
1 parent 5ae1300 commit f138286
Show file tree
Hide file tree
Showing 3 changed files with 89 additions and 197 deletions.
59 changes: 59 additions & 0 deletions data.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
[
{
"url": "./posts/linkedin/creating-professional-linkedin-account.html",
"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQkx3NudeL9WB5diyA7peE-rrrZ1OuFXrzSChgyKhr6iQ&s",
"date": "April 25, 2024",
"title": "Unlock the Power of Networking: Crafting Your Professional LinkedIn Profile",
"description": "Embark on a journey to create a compelling Professional LinkedIn account that opens doors to limitless opportunities. This step-by-step guide demystifies the process, empowering you to harness the full potential of LinkedIn's vast network, connecting millions worldwide."
},
{
"url": "./posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html",
"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNYDqYlvfORMgsjdtflgwHnjA-hHUwJPkFaLDn5zFwyQ&s",
"date": "April 25, 2024",
"title": "Unlock Exclusive Benefits: Applying for GitHub Student Pro Account",
"description": "Discover the pathway to unlocking the full potential of your student journey by acquiring a GitHub Student Pro account. Dive into this comprehensive guide to understand the application process, eligibility criteria, and the plethora of benefits awaiting you. Elevate your coding experience and collaboration capabilities with GitHub's premium features tailored for students."
},
{
"url": "./posts/technology/How-to-build-rest-api-using-node-and-mongo-db.html",
"image": "https://shorturl.at/hxiFR",
"date": "May 26, 2024",
"title": "Building a RESTful API with Node.js and MongoDB: A Step-by-Step Guide",
"description": "Learn how to create, test, and deploy your API, and discover best practices for handling routes, authentication, and error handling. By the end of this guide, you'll be ready to build and host your own RESTful API, empowering your applications with seamless data communication. 🚀🌐"
},
{
"url": "./posts/power BI/powerBI.html",
"image": "./posts/powerBI/powerBI.png",
"date": "April 25, 2024",
"title": "Power BI for Beginners: Your First Dashboard Step-by-Step",
"description": "In this step-by-step guide, we will walk you through the basics of Power BI, from connecting to your data sources to designing interactive and visually appealing dashboards."
},
{
"url": "./posts/azure/How-to-Create-an-Azure-Account.html",
"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTplePLm0DvcyhLXZHdWe4gMVzpl6LsyfLYpsLxCHcGPQ&s",
"date": "April 25, 2024",
"title": "Empower Your Learning: Creating Your Azure Student Account",
"description": "Embark on your cloud journey with Azure by unlocking the Azure Student account, your gateway to a world of learning and innovation. Dive into this comprehensive guide to discover the step-by-step process to create your Azure Student account and access $200 in free Azure credits. Explore the vast array of Azure services and resources tailored to support your educational endeavors, empowering you to build, experiment, and innovate without constraints."
},
{
"url": "./posts/github/How-to-Make-Pull-Requests-on-GitHub.html",
"image": "https://miro.medium.com/v2/resize:fit:400/1*qp-tg5nRgXcdBAPOrMFrpg.jpeg",
"date": "May 25, 2024",
"title": "Expand your knowledge on Graphic User Interphase designing using Java AWT (Abstract Window Toolkit)",
"description": "Discover the secrets to creating dynamic Java GUIs with our guide, \"Mastering Java AWT: A to Z.\" Whether you're a beginner eager to learn the fundamentals or an experienced developer looking to hone your skills with custom components and advanced layouts, this guide offers everything you need. Transform your Java programming abilities and elevate your applications to new heights today!"
},
{
"url": "./posts/github/How-to-Make-Pull-Requests-on-GitHub.html",
"image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRloyzP9KVKtrLX6gDh5koAKVUHZ3prgr3b0YRlK-ORcg&s",
"date": "April 25, 2024",
"title": "Collaborate and Contribute: Mastering Pull Requests in GitHub",
"description": "Unlock the power of collaboration with GitHub by mastering the art of creating Pull Requests. This comprehensive guide walks you through the step-by-step process of initiating a Pull Request, from forking a repository to submitting your changes for review. Learn how to contribute to open-source projects and collaborate effectively with peers, empowering you to make meaningful contributions to the global developer community. Ready to elevate your GitHub workflow? Let's dive in!"
},
{
"url": "./posts/github/How-to-setup-your-github-local-repository.html",
"image": "https://user.oc-static.com/upload/2022/01/04/16412576933806_image30.png",
"date": "May 19, 2024",
"title": "Unlocking GitHub CLI: Setting Up Your Local Repository",
"description": "Embark on your open source journey with GitHub by setting up your local repository. In this detailed guide, we'll walk you through the step-by-step process of creating a local GitHub repository. Learn how to initialize Git, add files, commit changes, and connect your local repo to your remote GitHub account. Whether you're a beginner or an experienced developer, this tutorial empowers you to manage your code efficiently and collaborate seamlessly."
}
]

6 changes: 0 additions & 6 deletions home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,13 +228,7 @@ <h2 class="section-heading" data-aos="fade-up">INTERNSHIPS</h2>
<p class="program-description" data-aos="fade-up">Join our Data Science Internship Program and gain
practical experience in
one of the most in-demand fields. Learn data analysis, machine learning, and statistical modeling.
<<<<<<< HEAD
Develop real-world projects and enhance your skills in data science. Get mentored by industry
professionals and kickstart your career in the field of data science.</p>
</div>
=======
Develop real-world projects and enhance your skills in data science. </p>
>>>>>>> 11dd44abba6d427dbd14757272378d66af253d44
<div class="program-buttons" data-aos="fade-up">
<button class="program-apply-button" data-aos="fade-up">Coming Soon..!</button>
</div>
Expand Down
221 changes: 30 additions & 191 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -144,197 +144,8 @@ <h2 class="card-title">How to Create a GitHub Account</h2>
</div>
</div>
<!-- Nested row for non-featured blog posts-->
<div class="row">
<div class="col-lg-6">
<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/linkedin/creating-professional-linkedin-account.html"><img class="card-img-top"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQkx3NudeL9WB5diyA7peE-rrrZ1OuFXrzSChgyKhr6iQ&s"
alt="Professional LinkedIn account creation" /></a>
<div class="card-body">
<div class="small text-muted">April 25, 2024</div>
<h2 class="card-title h4">
Unlock the Power of Networking: Crafting Your Professional
LinkedIn Profile
</h2>
<p class="card-text">
Embark on a journey to create a compelling Professional
LinkedIn account that opens doors to limitless
opportunities. This step-by-step guide demystifies the
process, empowering you to harness the full potential of
LinkedIn's vast network, connecting millions worldwide.
</p>
<a class="btn btn-primary" href="./posts/linkedin/creating-professional-linkedin-account.html">Read
more
→</a>
</div>
</div>
<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html"><img class="card-img-top"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNYDqYlvfORMgsjdtflgwHnjA-hHUwJPkFaLDn5zFwyQ&s"
alt="GitHub Student Pro Account" /></a>
<div class="card-body">
<div class="small text-muted">April 25, 2024</div>
<h2 class="card-title h4">
Unlock Exclusive Benefits: Applying for GitHub Student Pro
Account
</h2>
<p class="card-text">
Discover the pathway to unlocking the full potential of your
student journey by acquiring a GitHub Student Pro account.
Dive into this comprehensive guide to understand the
application process, eligibility criteria, and the plethora
of benefits awaiting you. Elevate your coding experience and
collaboration capabilities with GitHub's premium features
tailored for students.
</p>
<a class="btn btn-primary"
href="./posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html">Read more →</a>
</div>
</div>
<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/technology/How-to-build-rest-api-using-node-and-mongo-db.html"><img
class="card-img-top" src="https://shorturl.at/hxiFR" alt="RestApi" /></a>
<div class="card-body">
<div class="small text-muted">May 26, 2024</div>
<h2 class="card-title h4">
Building a RESTful API with Node.js and MongoDB: A Step-by-Step Guide
</h2>
<p class="card-text">
Learn how to create, test, and deploy your API, and discover best practices for handling routes,
authentication, and error handling. By the end of this guide, you'll be ready to build and host your
own RESTful API,
empowering your applications with seamless data communication. 🚀🌐
</p>
<a class="btn btn-primary"
href="./posts/technology/How-to-build-rest-api-using-node-and-mongo-db.html">Read more →</a>
</div>
</div>
<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/power BI/powerBI.html"><img class="card-img-top" src="./posts/powerBI/powerBI.png"
alt="Professional LinkedIn account creation" /></a>
<div class="card-body">
<div class="small text-muted">April 25, 2024</div>
<h2 class="card-title h4">
Power BI for Beginners: Your First Dashboard Step-by-Step
</h2>
<p class="card-text">
In this step-by-step guide, we will walk you through the basics of Power BI, from connecting to your
data sources to designing interactive and visually appealing dashboards.
</p>
<a class="btn btn-primary" href="./posts/power BI/powerBI.html">Read more
→</a>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/azure/How-to-Create-an-Azure-Account.html"><img class="card-img-top"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTplePLm0DvcyhLXZHdWe4gMVzpl6LsyfLYpsLxCHcGPQ&s"
alt="Azure Student Account" /></a>
<div class="card-body">
<div class="small text-muted">April 25, 2024</div>
<h2 class="card-title h4">
Empower Your Learning: Creating Your Azure Student Account
</h2>
<p class="card-text">
Embark on your cloud journey with Azure by unlocking the
Azure Student account, your gateway to a world of learning
and innovation. Dive into this comprehensive guide to
discover the step-by-step process to create your Azure
Student account and access $200 in free Azure credits.
Explore the vast array of Azure services and resources
tailored to support your educational endeavors, empowering
you to build, experiment, and innovate without constraints.
</p>
<a class="btn btn-primary" href="./posts/azure/How-to-Create-an-Azure-Account.html">Read more →</a>
</div>
</div>

<!-- Blog post Java Awt-->
<div class="card mb-4">
<a href="./posts/github/How-to-Make-Pull-Requests-on-GitHub.html"><img class="card-img-top"
src="https://miro.medium.com/v2/resize:fit:400/1*qp-tg5nRgXcdBAPOrMFrpg.jpeg" alt="Java AWT" /></a>
<div class="card-body">
<div class="small text-muted">May 25, 2024</div>
<h2 class="card-title h4">
Expand your knowledge on Graphic User Interphase designing
using Java AWT (Abstract Window Toolkit)
</h2>
<p class="card-text">
Discover the secrets to creating dynamic Java GUIs with our guide,
"Mastering Java AWT: A to Z."
Whether you're a beginner eager to learn
the fundamentals or an experienced developer
looking to hone your skills with custom components and advanced layouts,
this guide offers everything you need.
Transform your Java programming abilities and elevate your applications to new heights today!
</p>
<a class="btn btn-primary" href="./posts/java/baiscs-of-java-awt.html">Read more
→</a>
</div>
<!-- Blog post -->
</div>

<div class="card mb-4">
<a href="./posts/github/How-to-Make-Pull-Requests-on-GitHub.html"><img class="card-img-top"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRloyzP9KVKtrLX6gDh5koAKVUHZ3prgr3b0YRlK-ORcg&s"
alt="GitHub Pull Request" /></a>
<div class="card-body">
<div class="small text-muted">April 25, 2024</div>
<h2 class="card-title h4">
Collaborate and Contribute: Mastering Pull Requests in
GitHub
</h2>
<p class="card-text">
Unlock the power of collaboration with GitHub by mastering
the art of creating Pull Requests. This comprehensive guide
walks you through the step-by-step process of initiating a
Pull Request, from forking a repository to submitting your
changes for review. Learn how to contribute to open-source
projects and collaborate effectively with peers, empowering
you to make meaningful contributions to the global developer
community. Ready to elevate your GitHub workflow? Let's dive
in!
</p>
<a class="btn btn-primary" href="./posts/github/How-to-Make-Pull-Requests-on-GitHub.html">Read more
→</a>
</div>
</div>


<!-- Blog post-->
<div class="card mb-4">
<a href="./posts/github/How-to-setup-your-github-local-repository.html"><img class="card-img-top"
src="https://user.oc-static.com/upload/2022/01/04/16412576933806_image30.png"
alt="Local Github Repository Setup" /></a>
<div class="card-body">
<div class="small text-muted">May 19, 2024</div>
<h2 class="card-title h4">
Unlocking GitHub CLI: Setting Up Your Local Repository
</h2>
<p class="card-text">
Embark on your open source journey with GitHub by setting up your local repository.
In this detailed guide, we'll walk you through the step-by-step process of creating a local GitHub
repository.
Learn how to initialize Git, add files, commit changes, and connect your local repo to your remote
GitHub account.
Whether you're a beginner or an experienced developer, this tutorial empowers you to manage your
code
efficiently and collaborate seamlessly.
</p>
<a class="btn btn-primary" href="./posts/github/How-to-setup-your-github-local-repository.html">Read
more →</a>
</div>
</div>
</div>
<div class="col-lg-6">

</div>
<div class="row" id="blog-container">

</div>
<!-- Pagination-->
<nav aria-label="Pagination">
Expand Down Expand Up @@ -576,6 +387,34 @@ <h6>Quick Links</h6>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="./ScrollToTop.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
fetch('data.json')
.then(response => response.json())
.then(data => {
const blogContainer = document.getElementById('blog-container');
data.forEach(post => {
const blogCard = document.createElement('div');
blogCard.className = 'col-lg-6 col-md-6 mb-4';
blogCard.innerHTML = `
<div class="card h-100">
<a href="${post.url}">
<img class="card-img-top" src="${post.image}" alt="${post.title}" />
</a>
<div class="card-body">
<div class="small text-muted">${post.date}</div>
<h2 class="card-title">${post.title}</h2>
<p class="card-text">${post.description}</p>
<a class="btn btn-primary" href="${post.url}">Read more →</a>
</div>
</div>
`;
blogContainer.appendChild(blogCard);
});
});
});
</script>



</body>
Expand Down

0 comments on commit f138286

Please sign in to comment.