Skip to content

feat : change the project thumbnail #48

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

Closed
yasandu0505 wants to merge 2 commits into from
+246 −180
Closed

feat : change the project thumbnail #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e7661e7
UI changes and license (#42)
yasandu0505 Nov 3, 2025
71dd5f4
feat : change the project thumbnail
yasandu0505 Nov 10, 2025
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
2 changes: 1 addition & 1 deletion _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ address: "248/201 Hill street Dehiwala, Sri Lanka"
social:
linkedin: "https://www.linkedin.com/company/lankadata/"
github: "https://github.com/LDFLK"
discord: "https://discord.gg/wYKFyVEY"
discord: "https://discord.gg/mg94NtHD9Y"


# Build settings
Expand Down
2 changes: 1 addition & 1 deletion _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@
<div class="mt-16 pt-8 border-t border-gray-100 flex flex-col sm:flex-row justify-between items-center">
<p class="text-sm text-gray-500"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
© {{ 'now' | date: "%Y" }} Open Data. // All rights reserved.
Open Data © {{ 'now' | date: "%Y" }}. All rights reserved.
</p>

<div class="flex space-x-6 mt-4 sm:mt-0">
Expand Down
114 changes: 57 additions & 57 deletions _includes/hero-section.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<a href="#"
class="inline-flex items-center border border-black justify-center px-8 py-4 bg-gray-900 text-white font-medium rounded-lg hover:bg-white hover:text-black transition-colors group"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Explore OpenGIN</span>
<span>Explore OpenGINXplore</span>
<i data-lucide="arrow-right"
class="ml-2 h-5 w-5 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
Expand Down Expand Up @@ -400,80 +400,80 @@
<!-- Card 1 -->
<div class="group h-full w-full">
<div
class="relative bg-white rounded-2xl shadow-lg transition-all duration-300 h-full flex flex-row min-h-[280px] overflow-hidden">
class="relative bg-white rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-500 h-full flex flex-col min-h-[300px] overflow-hidden border border-gray-200 group-hover:-translate-y-1">
<!-- Image -->
<div class="w-full flex-shrink-0 relative ">
<img src="{{ '/images/xplore.png' | relative_url }}" alt="XploreGov" class="w-full h-full object-cover" />
<div class="relative w-full h-full min-h-[300px] flex-shrink-0">
<img src="{{ '/images/xploregin.png' | relative_url }}" alt="XploreGov"
class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" />

<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-100 p-4 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<p class="text-white text-center px-4 text-sm md:text-base">
Explore Sri Lanka's government structures, hierarchies through time and more ...
</p>
<a href="https://xploregov.choreoapps.dev" target="_blank"
class="inline-flex items-center justify-center space-x-2 w-full text-white hover:text-orange-500 px-4 py-2 rounded-lg font-medium transition-colors text-sm"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Open App</span>
<i data-lucide="arrow-right"
class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>

class="absolute inset-0 p-6 md:p-8 flex flex-col items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-500 transform group-hover:scale-100"
style="background: rgba(0, 0, 0, 0.85);">

<!-- Content Container -->
<div class="text-center space-y-4 max-w-sm transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
<h3 class="text-2xl md:text-3xl font-bold text-white mb-2"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
OpenGINXplore
</h3>

<p class="text-white text-sm md:text-base leading-relaxed mb-6 opacity-90"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
Explore Sri Lanka's data and government structures through insightful charts, timelines, interactive visuals and more ...
</p>

<a href="https://xploregov.choreoapps.dev" target="_blank"
class="inline-flex items-center justify-center space-x-2 text-orange-500 hover:text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 shadow-lg hover:shadow-xl hover:scale-105 transform"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Open App</span>
<i data-lucide="arrow-right"
class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="group h-full w-full">
<div
class="relative bg-white rounded-2xl shadow-lg transition-all duration-300 h-full flex flex-row min-h-[280px] overflow-hidden">
<div class="w-full flex-shrink-0 relative">
<img src="{{ '/images/xploredata.png' | relative_url }}" alt="XploreData" class="w-full h-full object-cover" />

<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-100 flex p-4 items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<p class="text-white text-center px-4 text-sm md:text-base">
Explore Sri Lankan statistics through charts, graphs and more ...
</p>
<a href="https://xploredata.choreoapps.dev" target="_blank"
class="inline-flex items-center justify-center space-x-2 w-full text-white hover:text-orange-500 px-4 py-2 rounded-lg font-medium transition-colors text-sm"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Open App</span>
<i data-lucide="arrow-right"
class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
</div>
</div>
</div>
</div>

<!-- Card 3 -->
<!-- Card 2 -->
<div class="group h-full w-full">
<div
class="relative bg-white rounded-2xl shadow-lg transition-all duration-300 h-full flex flex-row min-h-[280px] overflow-hidden">
<div class="w-full flex-shrink-0 relative">
<img src="{{ '/images/archives.png' | relative_url }}" alt="Archives" class="w-full h-full object-cover" />
class="relative bg-white rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-500 h-full flex flex-col min-h-[300px] overflow-hidden border border-gray-200 group-hover:-translate-y-1">
<!-- Image -->
<div class="relative w-full h-full min-h-[300px] flex-shrink-0">
<img src="{{ '/images/archives.png' | relative_url }}" alt="Archives"
class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" />

<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-100 p-4 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<p class="text-white text-center px-4 text-sm md:text-base">
Search and browse through Sri Lanka's government publications by dates, categories and more ...
</p>
<a href="https://archives.opendata.lk/" target="_blank"
class="inline-flex items-center justify-center space-x-2 w-full text-white hover:text-orange-500 px-4 py-2 rounded-lg font-medium transition-colors text-sm"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Open App</span>
<i data-lucide="arrow-right"
class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
class="absolute inset-0 p-6 md:p-8 flex flex-col items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-500 transform group-hover:scale-100"
style="background: rgba(0, 0, 0, 0.85);">

<!-- Content Container -->
<div class="text-center space-y-4 max-w-sm transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
<h3 class="text-2xl md:text-3xl font-bold text-white mb-2"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
Archives
</h3>

<p class="text-white text-sm md:text-base leading-relaxed mb-6 opacity-90"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
Search and browse through Sri Lanka's government publications by dates, categories and more ...
</p>

<a href="https://archives.opendata.lk/" target="_blank"
class="inline-flex items-center justify-center space-x-2 text-orange-500 hover:text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 shadow-lg hover:shadow-xl hover:scale-105 transform"
style="font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;">
<span>Open App</span>
<i data-lucide="arrow-right"
class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"></i>
</a>
</div>
</div>
</div>
</div>
</div>


</div>

</div>
Expand Down
Loading