Skip to content

Blog section added and Resources has perticular section #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vimal-java-dev merged 1 commit into from
Aug 21, 2026
Merged

Blog section added and Resources has perticular section #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion .github/workflows/doc-check-linter.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,6 +77,11 @@ jobs:
echo "✅ Imported GPG_PUBLIC_KEY_4 (Contributor Account)"
fi

if [ -n "${{ secrets.GPG_PUBLIC_KEY_5 }}" ]; then
echo "${{ secrets.GPG_PUBLIC_KEY_5 }}" | gpg --import
echo "✅ Imported GPG_PUBLIC_KEY_5 (Contributor Account)"
fi

# ---------- Verify latest commit ----------
- name: Verify commit signature
# FIX: Only run strict verification if the PR is from the same repo (internal/trusted) or if it's a direct push
Expand Down Expand Up @@ -107,7 +112,7 @@ jobs:
echo "🔑 Fingerprint: $FINGERPRINT"

# Replaced the short ID with the full 40-character fingerprint
TRUSTED_KEYS="83FB991D930D7177F25456C07F4C7CA953E1C09E 5CC01F41CD084AAC0593108DD432152833DA3244 A38379B51EB75EF1877A83ADBE677DAEFE33CB57 1606642895F688C9299B9E0AC97540DA6C9FA85C F5959E720D1C3DFACAD27E7588F6CD4E295C9062"
TRUSTED_KEYS="83FB991D930D7177F25456C07F4C7CA953E1C09E 5CC01F41CD084AAC0593108DD432152833DA3244 A38379B51EB75EF1877A83ADBE677DAEFE33CB57 1606642895F688C9299B9E0AC97540DA6C9FA85C F5959E720D1C3DFACAD27E7588F6CD4E295C9062 97C68C42AB4DD4797FA5EB93E9A0198A7C7B3BD6"

if echo "$TRUSTED_KEYS" | grep -q "$FINGERPRINT"; then
echo "✅ Trusted key"
Expand Down
34 changes: 13 additions & 21 deletions aboutUs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -403,45 +403,37 @@ <h3>
<ul class="quick-links-list">
<li>
<a href="https://blog.vimaltech.dev/" target="_blank" rel="noopener">
Blogger
Blogger Tech
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Java" target="_blank" rel="noopener">
Java Articles <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Spring%20Boot" target="_blank"
<a href="https://blog.vimaltech.dev/search/label/Web%20Development" target="_blank"
rel="noopener">
Spring Boot <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Docker" target="_blank" rel="noopener">
Docker <i class="fas fa-angle-left"></i>
Web Articles <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Kubernetes" target="_blank" rel="noopener">
Kubernetes <i class="fas fa-angle-left"></i>
<a href="https://sd.vimaltech.dev/" target="_blank" rel="noopener">
Blogger SD
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Microservices" target="_blank"
<a href="https://sd.vimaltech.dev/search/label/System%20Design" target="_blank"
rel="noopener">
Microservices <i class="fas fa-angle-left"></i>
System Design <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/CI-CD" target="_blank" rel="noopener">
CI/CD <i class="fas fa-angle-left"></i>
<a href="https://dsa.vimaltech.dev/" target="_blank" rel="noopener">
Blogger DSA
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Linux" target="_blank" rel="noopener">
Linux <i class="fas fa-angle-left"></i>
<a href="https://dsa.vimaltech.dev/search/label/DSA" target="_blank" rel="noopener">
DSA <i class="fas fa-angle-left"></i>
</a>
</li>
</ul>
Expand Down
34 changes: 13 additions & 21 deletions contactUs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -433,45 +433,37 @@ <h3>
<ul class="quick-links-list">
<li>
<a href="https://blog.vimaltech.dev/" target="_blank" rel="noopener">
Blogger
Blogger Tech
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Java" target="_blank" rel="noopener">
Java Articles <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Spring%20Boot" target="_blank"
<a href="https://blog.vimaltech.dev/search/label/Web%20Development" target="_blank"
rel="noopener">
Spring Boot <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Docker" target="_blank" rel="noopener">
Docker <i class="fas fa-angle-left"></i>
Web Articles <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Kubernetes" target="_blank" rel="noopener">
Kubernetes <i class="fas fa-angle-left"></i>
<a href="https://sd.vimaltech.dev/" target="_blank" rel="noopener">
Blogger SD
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Microservices" target="_blank"
<a href="https://sd.vimaltech.dev/search/label/System%20Design" target="_blank"
rel="noopener">
Microservices <i class="fas fa-angle-left"></i>
System Design <i class="fas fa-angle-left"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/CI-CD" target="_blank" rel="noopener">
CI/CD <i class="fas fa-angle-left"></i>
<a href="https://dsa.vimaltech.dev/" target="_blank" rel="noopener">
Blogger DSA
<i class="fas fa-blog"></i>
</a>
</li>
<li>
<a href="https://blog.vimaltech.dev/search/label/Linux" target="_blank" rel="noopener">
Linux <i class="fas fa-angle-left"></i>
<a href="https://dsa.vimaltech.dev/search/label/DSA" target="_blank" rel="noopener">
DSA <i class="fas fa-angle-left"></i>
</a>
</li>
</ul>
Expand Down
249 changes: 249 additions & 0 deletions css/blogger.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,249 @@
/* =========================================================
LATEST BLOG POSTS
========================================================= */

.latest-blog-section {
width: 100%;
padding: 90px 6%;
box-sizing: border-box;
}

.latest-blog-section .section-header {
text-align: center;
margin-bottom: 55px;
}

.latest-blog-section .section-header h2 {
margin: 0;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 1px;
}

.latest-blog-section .section-header h2 span {
font-weight: 400;
}

.latest-blog-section .section-header p {
margin-top: 12px;
font-size: 1rem;
opacity: 0.75;
}


/* =========================================================
CATEGORY CONTAINER
========================================================= */

.blog-categories {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
width: 100%;
}


/* =========================================================
CATEGORY CARD
========================================================= */

.blog-category {
min-width: 0;
padding: 28px;
border: 1px solid rgba(128, 128, 128, 0.25);
border-radius: 14px;
background: rgba(172, 3, 3, 0.04);
box-sizing: border-box;

transition:
transform 0.3s ease,
box-shadow 0.3s ease,
border-color 0.3s ease;
}

.blog-category:hover {
transform: translateY(-5px);
border-color: rgba(128, 128, 128, 0.45);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
CATEGORY HEADER
========================================================= */

.blog-category-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 15px;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.blog-category-label {
display: block;
margin-bottom: 7px;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 1.4px;
opacity: 0.6;
}

.blog-category h3 {
margin: 0;
font-size: 1.25rem;
font-weight: 700;
}


/* =========================================================
VIEW ALL
========================================================= */

.blog-view-all {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 6px;

font-size: 0.8rem;
font-weight: 600;

text-decoration: none;
white-space: nowrap;

transition: opacity 0.2s ease;
}

.blog-view-all:hover {
opacity: 0.65;
}


/* =========================================================
POSTS
========================================================= */

.blog-posts {
display: flex;
flex-direction: column;
}


/* =========================================================
INDIVIDUAL POST
========================================================= */

.blog-post {
padding: 17px 0;
border-bottom: 1px solid rgba(128, 128, 128, 0.16);
}

.blog-post:last-child {
border-bottom: none;
}

.blog-post a {
display: block;
color: inherit;
text-decoration: none;
}

.blog-post-title {
margin: 0 0 7px;

font-size: 0.98rem;
line-height: 1.45;
font-weight: 600;

transition: opacity 0.2s ease;
}

.blog-post a:hover .blog-post-title {
opacity: 0.65;
}

.blog-post-date {
font-size: 0.75rem;
opacity: 0.55;
}


/* =========================================================
LOADING / ERROR
========================================================= */

.blog-loading,
.blog-error {
padding: 25px 0;
font-size: 0.85rem;
opacity: 0.6;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1100px) {

.blog-categories {
grid-template-columns: 1fr;
}

.blog-category {
width: 100%;
}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 600px) {

.latest-blog-section {
padding: 65px 5%;
}

.latest-blog-section .section-header {
margin-bottom: 35px;
}

.latest-blog-section .section-header h2 {
font-size: 1.7rem;
}

.latest-blog-section .section-header p {
font-size: 0.9rem;
line-height: 1.6;
}

.blog-categories {
display: flex;
flex-direction: column;
gap: 18px;
}

.blog-category {
padding: 22px;
border-radius: 12px;
}

.blog-category-header {
align-items: center;
}

.blog-category h3 {
font-size: 1.1rem;
}

.blog-view-all {
font-size: 0.72rem;
}

}
Loading
Loading