-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
127 additions
and
112 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,47 +1,75 @@ | ||
/* Project Image Styling */ | ||
/* Project Styling */ | ||
.project img { | ||
width: 70%; | ||
border-radius: 5px; | ||
margin-bottom: 15px; | ||
width: 70%; | ||
border-radius: 5px; | ||
margin-bottom: 15px; | ||
} | ||
|
||
/* Centered Image Container */ | ||
.image-container { | ||
display: flex; | ||
justify-content: center; | ||
/* 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; /* Standard font size for lists and paragraphs */ | ||
font-size: 18px; | ||
} | ||
|
||
h1 { | ||
font-size: 85px; /* Large heading */ | ||
font-size: 85px; | ||
} | ||
|
||
h2 { | ||
font-size: 55px; /* Medium heading */ | ||
font-size: 55px; | ||
} | ||
|
||
h3 { | ||
font-size: 40px; /* Small heading */ | ||
font-size: 40px; | ||
text-align: left; | ||
} | ||
|
||
/* Contact Section Styling */ | ||
/* Contact Section */ | ||
section#contact p a img { | ||
width: 50px; | ||
height: 50px; | ||
margin-right: 8px; | ||
vertical-align: middle; /* Aligns icons with text */ | ||
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; /* Bright yellow text */ | ||
font-family: 'rampage-monoline', sans-serif; | ||
font-size: 30px; | ||
color: #e7df69; | ||
} | ||
|
||
section#contact p a:visited { | ||
color: #dfa843; /* Alternate color for visited links */ | ||
color: #dfa843; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,107 +1,94 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Projects - Inventory Manager</title> | ||
<link rel="stylesheet" href="../../assets/load/universal.css"> | ||
<link rel="stylesheet" href="about.css"> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Projects - Inventory Manager</title> | ||
<link rel="stylesheet" href="../../assets/load/universal.css"> | ||
<link rel="stylesheet" href="about.css"> | ||
</head> | ||
<body> | ||
<header></header> | ||
<main> | ||
<!-- Project Title --> | ||
<section class="title"> | ||
<h1 id="type">Inventory Manager</h1> | ||
<p>A <strong>C++ Inventory Management Program</strong> designed to handle a collection of items with various attributes. This application includes item tracking, inventory persistence, and a graphical user interface (GUI) for ease of use.</p> | ||
</section> | ||
<header></header> | ||
<main> | ||
<!-- Project Title --> | ||
<section class="title"> | ||
<h1 id="type">GUI Inventory Manager</h1> | ||
<p>A cross-platform <strong>C++ Inventory Management Program</strong> built with wxWidgets, designed to efficiently handle collections of items across Linux, macOS, and Windows.</p> | ||
</section> | ||
|
||
<!-- Features Section --> | ||
<section class="project"> | ||
<h2>Features</h2> | ||
<ul> | ||
<li><strong>Item Management:</strong> Store multiple items with properties like name, description, image, and count.</li> | ||
<li><strong>Item Quantity Adjustments:</strong> Increase or decrease quantities, or delete items.</li> | ||
<li><strong>Inventory Persistence:</strong> Save and load inventory data from files, with a default sample provided.</li> | ||
<li><strong>Graphical User Interface (GUI):</strong> Intuitive interface with tabs for saving/loading inventories, item details, and help.</li> | ||
</ul> | ||
</section> | ||
<!-- Technologies --> | ||
<section class="technologies"> | ||
<h2>Technologies Used</h2> | ||
<div class="tech-grid"> | ||
<span class="tech-badge">C++17</span> | ||
<span class="tech-badge">wxWidgets</span> | ||
<span class="tech-badge">Visual Studio</span> | ||
<span class="tech-badge">CMake</span> | ||
</div> | ||
</section> | ||
|
||
<!-- Planned Structure --> | ||
<section class="project"> | ||
<h2>Planned Structure</h2> | ||
<h3>Item Object</h3> | ||
<p>Each item will be stored as an object with attributes such as name, description, count, and image.</p> | ||
<h3>Functions</h3> | ||
<ul> | ||
<li>Add a new item to the inventory.</li> | ||
<li>Delete an item from the inventory.</li> | ||
<li>Adjust the quantity of an item.</li> | ||
<li>Save or load inventory data from files.</li> | ||
</ul> | ||
<h3>GUI Implementation</h3> | ||
<ul> | ||
<li>Scrollable list of items with tabs for file operations, new inventory creation, and help.</li> | ||
<li>Detailed view of items with options for editing or deletion.</li> | ||
</ul> | ||
</section> | ||
<!-- Features Section --> | ||
<section class="project"> | ||
<h2>Features</h2> | ||
<ul> | ||
<li><strong>Cross-Platform Compatibility:</strong> Works seamlessly on Linux, macOS, and Windows</li> | ||
<li><strong>Customizable Attributes:</strong> Add, edit, or remove attributes for inventory items</li> | ||
<li><strong>Search and Filter:</strong> Quickly locate items with advanced search options</li> | ||
<li><strong>Data Persistence:</strong> Save and load inventory data from local files</li> | ||
<li><strong>Intuitive Interface:</strong> Clean and responsive design using wxWidgets</li> | ||
</ul> | ||
</section> | ||
|
||
<!-- Getting Started --> | ||
<section class="project"> | ||
<h2>Getting Started</h2> | ||
<h3>Prerequisites</h3> | ||
<p>A C++ compiler (e.g., GCC, Clang, or MSVC) and a GUI framework (e.g., Qt, wxWidgets, or SFML).</p> | ||
<h3>Building the Project</h3> | ||
<ol> | ||
<li>Clone the repository: | ||
<pre> | ||
<code>git clone https://github.com/Code-JL/Inventory-Manager</code> | ||
</pre> | ||
</li> | ||
<li>Build the project using your preferred build system: | ||
<pre> | ||
<code>mkdir build | ||
cd build | ||
cmake .. | ||
make</code> | ||
</pre> | ||
</li> | ||
</ol> | ||
</section> | ||
<!-- Implementation --> | ||
<section class="project"> | ||
<h2>Implementation</h2> | ||
<h3>Core Components</h3> | ||
<ul> | ||
<li>Modern C++17 features for robust implementation</li> | ||
<li>wxWidgets framework for cross-platform GUI</li> | ||
<li>Custom data structures for efficient item management</li> | ||
<li>File I/O handling for data persistence</li> | ||
</ul> | ||
</section> | ||
|
||
<!-- Future Enhancements --> | ||
<section class="project"> | ||
<h2>Future Enhancements</h2> | ||
<ul> | ||
<li>Support for item images.</li> | ||
<li>Advanced search and filtering options.</li> | ||
<li>Export inventory data to formats like CSV or JSON.</li> | ||
</ul> | ||
</section> | ||
<!-- Getting Started --> | ||
<section class="project"> | ||
<h2>Getting Started</h2> | ||
<h3>Prerequisites</h3> | ||
<p>Ensure you have:</p> | ||
<ul> | ||
<li>C++17 compatible compiler</li> | ||
<li>wxWidgets library installed</li> | ||
<li>Visual Studio 2022 (for Windows users)</li> | ||
</ul> | ||
<h3>Installation</h3> | ||
<pre><code>git clone https://github.com/Code-JL/GUI-Inventory-Manager.git | ||
cd GUI-Inventory-Manager</code></pre> | ||
</section> | ||
|
||
<!-- Help and Documentation --> | ||
<section id="contact"> | ||
<h2>Help and Documentation</h2> | ||
<p><a href="help.pdf" target="_blank">PDF Manual</a></p> | ||
<p><a href="https://github.com/Code-JL/Inventory-Manager" target="_blank">GitHub Repository</a></p> | ||
</section> | ||
<!-- Documentation --> | ||
<section id="contact"> | ||
<h2>Resources</h2> | ||
<p><a href="https://github.com/Code-JL/GUI-Inventory-Manager" target="_blank"> | ||
<img src="../../images/github.png" alt="GitHub Icon">GitHub Repository | ||
</a></p> | ||
</section> | ||
|
||
<!-- License --> | ||
<section class="project"> | ||
<h2>License</h2> | ||
<p>This project is licensed under the MIT License. See the <a href="LICENSE" target="_blank">LICENSE</a> file for details.</p> | ||
<!-- License --> | ||
<section class="project"> | ||
<h2>License</h2> | ||
<p>This project is licensed under the MIT License. See the <a href="https://github.com/Code-JL/GUI-Inventory-Manager/blob/main/LICENSE" target="_blank">LICENSE</a> file for details.</p> | ||
</section> | ||
</main> | ||
</main> | ||
|
||
<footer> | ||
<p>© 2024 Inventory Manager Project</p> | ||
</footer> | ||
<footer> | ||
<p>© 2025 GUI Inventory Manager</p> | ||
</footer> | ||
|
||
<canvas id="bg1"></canvas> | ||
<canvas id="bg1"></canvas> | ||
|
||
<!-- External JS Libraries --> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script> | ||
<script src="../projectsUniversal.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script> | ||
<script src="../projectsUniversal.js"></script> | ||
</body> | ||
</html> | ||
</html> |
Binary file not shown.