diff --git a/projects/dna-sequence-analyzer copy/about.css b/projects/dna-sequence-analyzer copy/about.css
new file mode 100644
index 0000000..e69de29
diff --git a/projects/dna-sequence-analyzer copy/about.html b/projects/dna-sequence-analyzer copy/about.html
new file mode 100644
index 0000000..e69de29
diff --git a/projects/dna-sequence-analyzer/about.css b/projects/dna-sequence-analyzer/about.css
new file mode 100644
index 0000000..3d99a97
--- /dev/null
+++ b/projects/dna-sequence-analyzer/about.css
@@ -0,0 +1,75 @@
+/* Project Styling */
+.project img {
+ width: 70%;
+ border-radius: 5px;
+ margin-bottom: 15px;
+}
+
+/* Technology Badges */
+.tech-grid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ justify-content: center;
+ margin: 20px 0;
+}
+
+.tech-badge {
+ background: #1b4e7e;
+ color: #eef6fc;
+ padding: 8px 16px;
+ border-radius: 20px;
+ font-size: 16px;
+ border: 2px solid #e7df69;
+}
+
+/* Code Blocks */
+pre {
+ background: #2a2a2a;
+ padding: 15px;
+ border-radius: 5px;
+ overflow-x: auto;
+ border-left: 3px solid #e7df69;
+ margin: 15px 0;
+}
+
+code {
+ color: #e7df69;
+ font-family: 'Consolas', monospace;
+}
+
+/* Typography */
+li, p {
+ font-size: 18px;
+}
+
+h1 {
+ font-size: 85px;
+}
+
+h2 {
+ font-size: 55px;
+}
+
+h3 {
+ font-size: 40px;
+ text-align: left;
+}
+
+/* Contact Section */
+section#contact p a img {
+ width: 50px;
+ height: 50px;
+ margin-right: 8px;
+ vertical-align: middle;
+}
+
+section#contact p a {
+ font-family: 'rampage-monoline', sans-serif;
+ font-size: 30px;
+ color: #e7df69;
+}
+
+section#contact p a:visited {
+ color: #dfa843;
+}
diff --git a/projects/dna-sequence-analyzer/about.html b/projects/dna-sequence-analyzer/about.html
new file mode 100644
index 0000000..fd22f08
--- /dev/null
+++ b/projects/dna-sequence-analyzer/about.html
@@ -0,0 +1,104 @@
+
+
+
+
+
+ Projects - DNA Sequence Analyzer
+
+
+
+
+
+
+
+
+ DNA Sequence Analyzer
+ A robust Python-based bioinformatics tool for comprehensive DNA sequence analysis and manipulation, featuring advanced pattern recognition and gene detection capabilities.
+
+
+
+
+ Technologies Used
+
+ Python 3.8+
+ pytest
+ FASTA
+ CLI
+
+
+
+
+
+ Features
+
+ GC Content Analysis: Precise calculation of GC content percentage in DNA sequences
+ Nucleotide Distribution: Detailed analysis of nucleotide frequencies
+ Pattern Recognition: Advanced motif finding with position reporting
+ Sequence Manipulation: Generate complement and reverse complement sequences
+ Gene Detection: Identify potential coding regions using start/stop codons
+ FASTA Support: Full compatibility with standard FASTA file format
+
+
+
+
+
+ Implementation
+ Project Structure
+ dna_analyzer/
+├── src/
+│ ├── sequence_analyzer.py
+│ ├── utils.py
+│ └── main.py
+├── tests/
+│ └── test_analyzer.py
+├── data/
+│ ├── example1.fasta
+│ └── example2.fasta
+└── docs/
+
+ Usage Example
+ # Basic Analysis
+python src/main.py -i data/example1.fasta -o results.txt -a
+
+# Motif Search
+python src/main.py -i data/example2.fasta -m ATCG -o motif_results.txt
+
+
+
+
+ Technical Highlights
+
+ Modular architecture for easy extension and maintenance
+ Comprehensive test coverage using pytest
+ Efficient sequence processing algorithms
+ Command-line interface for automated analysis
+ Support for multiple input sequence formats
+
+
+
+
+
+
+
+
+ License
+ This project is licensed under the MIT License. See the LICENSE file for details.
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/inventory_manager/about.html b/projects/inventory_manager/about.html
index 150affc..95a2d21 100644
--- a/projects/inventory_manager/about.html
+++ b/projects/inventory_manager/about.html
@@ -39,6 +39,37 @@ Features
+
+
+ Development Journey
+ Command-Line Origins
+ The GUI Inventory Manager evolved from a robust command-line application that established the core functionality:
+
+ CSV-based data persistence
+ Comprehensive item management
+ Configurable settings system
+ Input validation and error handling
+
+
+ Evolution to GUI
+ Building on this foundation, the project transformed into a modern graphical application using wxWidgets, introducing:
+
+ Intuitive visual interface replacing command-line menus
+ Real-time item updates and visual feedback
+ Cross-platform compatibility
+ Enhanced data visualization
+
+
+ Technical Growth
+ This evolution showcases the project's technical progression:
+
+ From standard C++ file I/O to GUI-integrated storage systems
+ Expansion from console-based validation to interactive form validation
+ Migration from CSV-only storage to multiple data format support
+ Integration of visual components while maintaining core business logic
+
+
+
Implementation
diff --git a/projects/portfolio_website/about.css b/projects/portfolio_website/about.css
new file mode 100644
index 0000000..3d99a97
--- /dev/null
+++ b/projects/portfolio_website/about.css
@@ -0,0 +1,75 @@
+/* Project Styling */
+.project img {
+ width: 70%;
+ border-radius: 5px;
+ margin-bottom: 15px;
+}
+
+/* Technology Badges */
+.tech-grid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ justify-content: center;
+ margin: 20px 0;
+}
+
+.tech-badge {
+ background: #1b4e7e;
+ color: #eef6fc;
+ padding: 8px 16px;
+ border-radius: 20px;
+ font-size: 16px;
+ border: 2px solid #e7df69;
+}
+
+/* Code Blocks */
+pre {
+ background: #2a2a2a;
+ padding: 15px;
+ border-radius: 5px;
+ overflow-x: auto;
+ border-left: 3px solid #e7df69;
+ margin: 15px 0;
+}
+
+code {
+ color: #e7df69;
+ font-family: 'Consolas', monospace;
+}
+
+/* Typography */
+li, p {
+ font-size: 18px;
+}
+
+h1 {
+ font-size: 85px;
+}
+
+h2 {
+ font-size: 55px;
+}
+
+h3 {
+ font-size: 40px;
+ text-align: left;
+}
+
+/* Contact Section */
+section#contact p a img {
+ width: 50px;
+ height: 50px;
+ margin-right: 8px;
+ vertical-align: middle;
+}
+
+section#contact p a {
+ font-family: 'rampage-monoline', sans-serif;
+ font-size: 30px;
+ color: #e7df69;
+}
+
+section#contact p a:visited {
+ color: #dfa843;
+}
diff --git a/projects/portfolio_website/about.html b/projects/portfolio_website/about.html
new file mode 100644
index 0000000..497c431
--- /dev/null
+++ b/projects/portfolio_website/about.html
@@ -0,0 +1,101 @@
+
+
+
+
+
+ Projects - Portfolio Website
+
+
+
+
+
+
+
+
+ Portfolio Website
+ A modern, interactive portfolio website featuring dynamic animations and responsive design, built to showcase software development projects and professional experience.
+
+
+
+
+ Technologies Used
+
+ HTML5
+ CSS3
+ JavaScript
+ Matter.js
+ Git
+
+
+
+
+
+ Features
+
+ Interactive UI: Dynamic hexagonal background animation powered by Matter.js physics engine
+ Responsive Design: Seamless experience across desktop, tablet, and mobile devices
+ Professional Sections: Comprehensive project showcase, skills overview, and educational background
+ Resource Access: Downloadable resume and direct contact information
+
+
+
+
+
+ Implementation
+ Project Structure
+ portfolio/
+├── assets/ # Core website assets
+│ ├── load/ # Universal components
+│ └── ... # Page-specific assets
+├── files/ # Downloadable content
+├── images/ # Media assets
+└── projects/ # Project-specific pages
+
+
+
+
+ Development Status
+ Current Features
+
+ Interactive physics-based animations
+ Cross-device compatibility
+ Project documentation system
+ Professional content organization
+
+ Planned Enhancements
+
+ Additional project documentation
+ Enhanced interactive features
+ Expanded project gallery
+
+
+
+
+
+
+
+
+ License
+ This project is licensed under the MIT License. See the LICENSE file for details.
+
+
+
+
+ © 2025 Portfolio Website
+
+
+
+
+
+
+
+
+