365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update translations and development page for consistency and clarity

Browse Source 
- Changed the title in translations.ts to '365DevNet Ecosystem: Development Overview' for better alignment with the page content.
- Updated the heading style in development.astro for improved responsiveness and visual hierarchy.
- Adjusted padding and layout in mobile commit info area for enhanced user experience.
This commit is contained in:
Richard Bergsma
2025-06-07 13:25:33 +02:00
parent ec0dacc5e2
commit a268031b34
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/i18n/translations.ts
View File

@@ -166,7 +166,7 @@ export const translations: Record<string, Translation> = {
menu: 'Development',
pageTitle: '365DevNet Ecosystem: Development Overview',
pageDescription: 'See the latest development activity, code contributions, and commit history across all repositories in the 365DevNet ecosystem.',
title: 'Dev Dashboard',
title: '365DevNet Ecosystem: Development Overview',
latestCommits: 'Latest Commits',
intro: 'This page provides a transparent overview of ongoing development activity across all repositories in the 365DevNet ecosystem. The contribution calendar below visually represents code contributions (commits) made over the past year, with more intense squares indicating more active days. Below the calendar, you\'ll find a list of the most recent commits from all repositories, including details about each change. This helps users, contributors, and stakeholders track progress and stay up to date with the latest updates across the entire codebase.'
},

10
src/pages/[lang]/development.astro
View File

@@ -112,7 +112,7 @@ const formatDate = (dateString) => {
<Layout metadata={metadata}>
<div class="max-w-4xl mx-auto px-4 py-8">
<h1 class="text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
<h1 class="text-xl sm:text-2xl md:text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
{/* Collapsible Intro */}
<CollapsibleIntro text={t.development.intro} client:only="react" />
{/* Contribution Calendar */}
@@ -173,14 +173,14 @@ const formatDate = (dateString) => {
)}
</div>
{/* Mobile commit info area, visually separated and two rows with left/right alignment */}
<div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-1 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
<div class="flex flex-row justify-between items-center mb-1">
<div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-3 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
<div class="flex flex-row justify-between items-center mb-1 gap-3">
<span class="font-semibold">{commit.date ? formatDate(commit.date) : ''}</span>
{commit.author && (
<span>{commit.author === 'becarta' ? 'Richard Bergsma' : commit.author}</span>
)}
</div>
<div class="flex flex-row justify-between items-center">
<div class="flex flex-row justify-between items-center gap-3">
{commit.repo && (
<span>
<a href={commit.repo_url} target="_blank" rel="noopener">{commit.repo}</a>
@@ -189,7 +189,7 @@ const formatDate = (dateString) => {
{commit.sha && (
<a href={commit.compare_url} target="_blank" rel="noopener">
<span class="sr-only">Commit:</span>
<code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer">
<code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer max-w-[130px] overflow-x-auto whitespace-nowrap block">
{commit.sha.slice(0, 7)}
</code>
</a>