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

+ +
+ + +
+

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

+ +
+ + +
+

Resources

+

+ GitHub IconGitHub Repository +

+
+ + +
+

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:

+ + +

Evolution to GUI

+

Building on this foundation, the project transformed into a modern graphical application using wxWidgets, introducing:

+ + +

Technical Growth

+

This evolution showcases the project's technical progression:

+ +
+

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
  • +
+
+ + +
+

Resources

+

+ GitHub IconGitHub Repository +

+

+ Live Demo IconLive Demo +

+
+ + +
+

License

+

This project is licensed under the MIT License. See the LICENSE file for details.

+
+
+ + + + + + + + + +