admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(UI): Experience section styles.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-04-10 09:43:20 +01:00
parent f20d5f3304
commit 8ca07bbf36
2 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -54,7 +54,7 @@
</nav> </nav>
<main> <main>
<section id="expertise"> <section id="expertise" class="expertise">
<h2>Areas of Expertise</h2> <h2>Areas of Expertise</h2>
<div class="expertise-grid"> <div class="expertise-grid">
<div class="expertise-card"> <div class="expertise-card">
@@ -72,7 +72,7 @@
</div> </div>
</section> </section>
<section id="projects"> <section id="projects" class="projects">
<h2>Featured Projects</h2> <h2>Featured Projects</h2>
<div class="projects-grid"> <div class="projects-grid">
<div class="project-card-gridslot"> <div class="project-card-gridslot">
@@ -81,14 +81,14 @@
<p>Enhanced ERPNext platform with UK-specific accounting features and e-commerce integration. Supports multi-channel retail operations with automated order processing.</p> <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> <p class="project-detail-button">Show details</p>
<div class="project-detail-container"> <div class="project-detail-container">
<p><strong>Key Features:</strong></p> <!-- p style="margin: 0.5rem 0" --> <p><strong>Key Features:</strong></p>
<ul><!-- style="margin: 1rem 0; list-style-position: inside;" --> <ul>
<li>UK tax compliance and reporting modules</li> <li>UK tax compliance and reporting modules</li>
<li>Real-time inventory synchronisation</li> <li>Real-time inventory synchronisation</li>
<li>Multi-storefront management</li> <li>Multi-storefront management</li>
<li>Automated order fulfillment</li> <li>Automated order fulfillment</li>
</ul> </ul>
<p><strong>Technologies:</strong> Python, MySQL / MariaDB, Docker</p> <!-- p style="margin-bottom: 1rem" --> <p><strong>Technologies:</strong> Python, MySQL / MariaDB, Docker</p>
</div> </div>
<div class="project-thumbnail"> <div class="project-thumbnail">
<img src="content/images/PARTSEnterprise_store_live-page-home.webp" alt="Live PARTS Enterprise Store"> <img src="content/images/PARTSEnterprise_store_live-page-home.webp" alt="Live PARTS Enterprise Store">
@@ -106,14 +106,14 @@
<p>A robust, open-source ERP framework showcasing system architecture and development practices. Over 100K lines of production-grade code.</p> <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> <p class="project-detail-button">Show details</p>
<div class="project-detail-container"> <div class="project-detail-container">
<p><strong>Key Features:</strong></p> <!-- p style="margin: 0.5rem 0" --> <p><strong>Key Features:</strong></p>
<ul> <!-- style="margin: 1rem 0; list-style-position: inside;" --> <ul>
<li>Data integrity verification</li> <li>Data integrity verification</li>
<li>Authentication and role-based access control</li> <li>Authentication and role-based access control</li>
<li>Custom reporting API</li> <li>Custom reporting API</li>
<li>Database abstraction layer and unit test coverage</li> <li>Database abstraction layer and unit test coverage</li>
</ul> </ul>
<p><strong>Technologies:</strong> Python - Flask, MySQL / MariaDB, JavaScript</p> <!-- p style="margin-bottom: 1rem" --> <p><strong>Technologies:</strong> Python - Flask, MySQL / MariaDB, JavaScript</p>
</div> </div>
<div class="project-thumbnail"> <div class="project-thumbnail">
<img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site"> <img src="content/images/partsERP-page-product_category.webp" alt="Demo PARTS ERP Site">
@@ -130,14 +130,14 @@
<p>VBA Excel automation that simplifies complex data processing between multiple spreadsheets.</p> <p>VBA Excel automation that simplifies complex data processing between multiple spreadsheets.</p>
<p class="project-detail-button">Show details</p> <p class="project-detail-button">Show details</p>
<div class="project-detail-container"> <div class="project-detail-container">
<p><strong>Key Features:</strong></p> <!-- p style="margin: 0.5rem 0" --> <p><strong>Key Features:</strong></p>
<ul> <!-- style="margin: 1rem 0; list-style-position: inside;" --> <ul>
<li>Multi-system transaction matching</li> <li>Multi-system transaction matching</li>
<li>Configurable validation rules</li> <li>Configurable validation rules</li>
<li>Automated error detection</li> <li>Automated error detection</li>
<li>Audit trail generation</li> <li>Audit trail generation</li>
</ul> </ul>
<p><strong>Technologies:</strong> VBA, Excel Object Model</p> <!-- p style="margin-bottom: 1rem" --> <p><strong>Technologies:</strong> VBA, Excel Object Model</p>
</div> </div>
<!-- <!--
<div class="project-thumbnail"> <div class="project-thumbnail">
@@ -151,7 +151,7 @@
</div> </div>
</section> </section>
<section id="experience"> <section id="experience" class="experience">
<h2>Professional Experience</h2> <h2>Professional Experience</h2>
<div class="experience-card"> <div class="experience-card">
@@ -199,23 +199,21 @@
<div class="experience-card"> <div class="experience-card">
<h3>Additional Experience</h3> <h3>Additional Experience</h3>
<ul> <div class="experience-additional-entry">
<li class="experience-additional-entry">
<div class="experience-company-and-date"> <div class="experience-company-and-date">
<p class="experience-job-title">STEM Tutor</p> <p class="experience-job-title">STEM Tutor</p>
<p class="experience-date">03/2016 - 09/2021</p> <p class="experience-date">03/2016 - 09/2021</p>
</div> </div>
<p class="experience-description">Adopted nuanced techniques for diverse personalities and learning styles, teaching GCSE to MSc level.</p> <p class="experience-description">Adopted nuanced techniques for diverse personalities and learning styles, teaching GCSE to MSc level.</p>
</li> </div>
<li class="experience-additional-entry"> <div class="experience-additional-entry">
<div class="experience-company-and-date"> <div class="experience-company-and-date">
<p class="experience-job-title">Systems Analysis Intern</p> <p class="experience-job-title">Systems Analysis Intern</p>
<p class="experience-company">Cummins Inc.</p> <p class="experience-company">Cummins Inc.</p>
<p class="experience-date">07/2016</p> <p class="experience-date">07/2016</p>
</div> </div>
<p class="experience-description">Programmed and presented a structural optimisation method for a steel I-beam crane boom.</p> <p class="experience-description">Programmed and presented a structural optimisation method for a steel I-beam crane boom.</p>
</li> </div>
</ul>
</div> </div>
</section> </section>

4
styles/pages/home/experience-section.css
View File

@@ -29,6 +29,10 @@
.experience-description { .experience-description {
margin: 0.5rem 0; margin: 0.5rem 0;
} }
section.experience li {
text-indent: -50px;
padding-left: 50px;
}
.experience-additional-entry { .experience-additional-entry {
list-style-type: disc; list-style-type: disc;
width: 100%; width: 100%;