Fix(UI): \n 1. Increase margin on cards. \n 2. Move project details above project thumbnail in project section. \n 3. Disable Google Translate on-text-hover behaviour that interferes with page and expected functionality. \n 4. Updated GitHub contributions calendar colour scale to match user-selected page theme.

This commit is contained in:
2025-03-05 18:13:32 +00:00
parent 48c4c9bef6
commit 5d488bd601
10 changed files with 117 additions and 29 deletions

View File

@@ -86,9 +86,6 @@
<h3>Enterprise ERP & E-commerce System</h3>
<p>Enhanced ERPNext platform with UK-specific accounting features and e-commerce integration. Supports multi-channel retail operations with automated order processing.</p>
<p class="project-detail-button">Show details</p>
<div class="project-thumbnail">
<img src="content/images/PARTSEnterprise_store_live-page-home.webp" alt="Live PARTS Enterprise Store">
</div>
<div class="project-detail-container">
<p style="margin: 0.5rem 0"><strong>Key Features:</strong></p>
<ul style="margin: 1rem 0; list-style-position: inside;">
@@ -99,6 +96,9 @@
</ul>
<p style="margin-bottom: 1rem"><strong>Technologies:</strong> Python, MySQL / MariaDB, Docker</p>
</div>
<div class="project-thumbnail">
<img src="content/images/PARTSEnterprise_store_live-page-home.webp" alt="Live PARTS Enterprise Store">
</div>
<div class="project-links">
<a href="https://auth.sandbox.teddy.org.uk?target=https%3A%2F%2Ferp.sandbox.partsenterprise.partsltd.co.uk" class="button">Demo ERP</a>
<!-- <a href="https://store.sandbox.partsenterprise.partsltd.co.uk" class="button">Demo Store</a> -->
@@ -111,9 +111,6 @@
<h3>partsERP Core Framework</h3>
<p>A robust, open-source ERP framework showcasing system architecture and development practices. Over 100K lines of production-grade code.</p>
<p class="project-detail-button">Show details</p>
<div class="project-thumbnail">
<img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site">
</div>
<div class="project-detail-container">
<p style="margin: 0.5rem 0"><strong>Key Features:</strong></p>
<ul style="margin: 1rem 0; list-style-position: inside;">
@@ -124,6 +121,9 @@
</ul>
<p style="margin-bottom: 1rem"><strong>Technologies:</strong> Python - Flask, MySQL / MariaDB, JavaScript</p>
</div>
<div class="project-thumbnail">
<img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site">
</div>
<div class="project-links">
<a href="https://github.com/Teddy-1024/demo_partsERP.git" class="button">View on GitHub</a>
<a href="https://auth.sandbox.teddy.org.uk?target=https%3A%2F%2Fsandbox.partsERP.teddy.org.uk/" class="button">Demo Site</a>
@@ -135,11 +135,6 @@
<h3>Financial Data Reconciliation Tool</h3>
<p>VBA Excel automation that simplifies complex data processing between multiple spreadsheets.</p>
<p class="project-detail-button">Show details</p>
<!--
<div class="project-thumbnail">
<img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site">
</div>
-->
<div class="project-detail-container">
<p style="margin: 0.5rem 0"><strong>Key Features:</strong></p>
<ul style="margin: 1rem 0; list-style-position: inside;">
@@ -150,6 +145,11 @@
</ul>
<p style="margin-bottom: 1rem"><strong>Technologies:</strong> VBA, Excel Object Model</p>
</div>
<!--
<div class="project-thumbnail">
<img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site">
</div>
-->
<div class="project-links">
<a href="https://github.com/Teddy-1024/demo_VBA.git" class="button">View on GitHub</a>
</div>
@@ -252,8 +252,13 @@
function initGoogleTranslateElement() {
new google.translate.TranslateElement({
pageLanguage: 'en',
// autoDisplay: false,
// layout: google.translate.TranslateElement.InlineLayout.SIMPLE
layout: google.translate.TranslateElement.InlineLayout.VERTICAL
layout: google.translate.TranslateElement.InlineLayout.VERTICAL,
// Disable the automatic translation popups
gaTrack: false,
gaId: '',
multilanguagePage: false
}, 'google_translate_element');
}
</script>