Skip to content

Commit fe17996

Browse files
Code-JLCode-JL
committed
Updated project info
1 parent 20e48b2 commit fe17996

File tree

3 files changed

+127
-112
lines changed

3 files changed

+127
-112
lines changed

‎projects/inventory_manager/about.css‎

Lines changed: 49 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,75 @@
1-
/* Project Image Styling */
1+
/* Project Styling */
22
.project img {
3-
width: 70%;
4-
border-radius: 5px;
5-
margin-bottom: 15px;
3+
width: 70%;
4+
border-radius: 5px;
5+
margin-bottom: 15px;
66
}
77

8-
/* Centered Image Container */
9-
.image-container {
10-
display: flex;
11-
justify-content: center;
8+
/* Technology Badges */
9+
.tech-grid {
10+
display: flex;
11+
flex-wrap: wrap;
12+
gap: 10px;
13+
justify-content: center;
14+
margin: 20px 0;
15+
}
16+
17+
.tech-badge {
18+
background: #1b4e7e;
19+
color: #eef6fc;
20+
padding: 8px 16px;
21+
border-radius: 20px;
22+
font-size: 16px;
23+
border: 2px solid #e7df69;
24+
}
25+
26+
/* Code Blocks */
27+
pre {
28+
background: #2a2a2a;
29+
padding: 15px;
30+
border-radius: 5px;
31+
overflow-x: auto;
32+
border-left: 3px solid #e7df69;
33+
margin: 15px 0;
34+
}
35+
36+
code {
37+
color: #e7df69;
38+
font-family: 'Consolas', monospace;
1239
}
1340

1441
/* Typography */
1542
li, p {
16-
font-size: 18px; /* Standard font size for lists and paragraphs */
43+
font-size: 18px;
1744
}
1845

1946
h1 {
20-
font-size: 85px; /* Large heading */
47+
font-size: 85px;
2148
}
2249

2350
h2 {
24-
font-size: 55px; /* Medium heading */
51+
font-size: 55px;
2552
}
2653

2754
h3 {
28-
font-size: 40px; /* Small heading */
55+
font-size: 40px;
56+
text-align: left;
2957
}
3058

31-
/* Contact Section Styling */
59+
/* Contact Section */
3260
section#contact p a img {
33-
width: 50px;
34-
height: 50px;
35-
margin-right: 8px;
36-
vertical-align: middle; /* Aligns icons with text */
61+
width: 50px;
62+
height: 50px;
63+
margin-right: 8px;
64+
vertical-align: middle;
3765
}
3866

3967
section#contact p a {
40-
font-family: 'rampage-monoline', sans-serif;
41-
font-size: 30px;
42-
color: #e7df69; /* Bright yellow text */
68+
font-family: 'rampage-monoline', sans-serif;
69+
font-size: 30px;
70+
color: #e7df69;
4371
}
4472

4573
section#contact p a:visited {
46-
color: #dfa843; /* Alternate color for visited links */
74+
color: #dfa843;
4775
}

‎projects/inventory_manager/about.html‎

Lines changed: 78 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -1,107 +1,94 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Projects - Inventory Manager</title>
7-
<link rel="stylesheet" href="../../assets/load/universal.css">
8-
<link rel="stylesheet" href="about.css">
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Projects - Inventory Manager</title>
7+
<link rel="stylesheet" href="../../assets/load/universal.css">
8+
<link rel="stylesheet" href="about.css">
99
</head>
1010
<body>
11-
<header></header>
12-
<main>
13-
<!-- Project Title -->
14-
<section class="title">
15-
<h1 id="type">Inventory Manager</h1>
16-
<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>
17-
</section>
11+
<header></header>
12+
<main>
13+
<!-- Project Title -->
14+
<section class="title">
15+
<h1 id="type">GUI Inventory Manager</h1>
16+
<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>
17+
</section>
1818

19-
<!-- Features Section -->
20-
<section class="project">
21-
<h2>Features</h2>
22-
<ul>
23-
<li><strong>Item Management:</strong> Store multiple items with properties like name, description, image, and count.</li>
24-
<li><strong>Item Quantity Adjustments:</strong> Increase or decrease quantities, or delete items.</li>
25-
<li><strong>Inventory Persistence:</strong> Save and load inventory data from files, with a default sample provided.</li>
26-
<li><strong>Graphical User Interface (GUI):</strong> Intuitive interface with tabs for saving/loading inventories, item details, and help.</li>
27-
</ul>
28-
</section>
19+
<!-- Technologies -->
20+
<section class="technologies">
21+
<h2>Technologies Used</h2>
22+
<div class="tech-grid">
23+
<span class="tech-badge">C++17</span>
24+
<span class="tech-badge">wxWidgets</span>
25+
<span class="tech-badge">Visual Studio</span>
26+
<span class="tech-badge">CMake</span>
27+
</div>
28+
</section>
2929

30-
<!-- Planned Structure -->
31-
<section class="project">
32-
<h2>Planned Structure</h2>
33-
<h3>Item Object</h3>
34-
<p>Each item will be stored as an object with attributes such as name, description, count, and image.</p>
35-
<h3>Functions</h3>
36-
<ul>
37-
<li>Add a new item to the inventory.</li>
38-
<li>Delete an item from the inventory.</li>
39-
<li>Adjust the quantity of an item.</li>
40-
<li>Save or load inventory data from files.</li>
41-
</ul>
42-
<h3>GUI Implementation</h3>
43-
<ul>
44-
<li>Scrollable list of items with tabs for file operations, new inventory creation, and help.</li>
45-
<li>Detailed view of items with options for editing or deletion.</li>
46-
</ul>
47-
</section>
30+
<!-- Features Section -->
31+
<section class="project">
32+
<h2>Features</h2>
33+
<ul>
34+
<li><strong>Cross-Platform Compatibility:</strong> Works seamlessly on Linux, macOS, and Windows</li>
35+
<li><strong>Customizable Attributes:</strong> Add, edit, or remove attributes for inventory items</li>
36+
<li><strong>Search and Filter:</strong> Quickly locate items with advanced search options</li>
37+
<li><strong>Data Persistence:</strong> Save and load inventory data from local files</li>
38+
<li><strong>Intuitive Interface:</strong> Clean and responsive design using wxWidgets</li>
39+
</ul>
40+
</section>
4841

49-
<!-- Getting Started -->
50-
<section class="project">
51-
<h2>Getting Started</h2>
52-
<h3>Prerequisites</h3>
53-
<p>A C++ compiler (e.g., GCC, Clang, or MSVC) and a GUI framework (e.g., Qt, wxWidgets, or SFML).</p>
54-
<h3>Building the Project</h3>
55-
<ol>
56-
<li>Clone the repository:
57-
<pre>
58-
<code>git clone https://github.com/Code-JL/Inventory-Manager</code>
59-
</pre>
60-
</li>
61-
<li>Build the project using your preferred build system:
62-
<pre>
63-
<code>mkdir build
64-
cd build
65-
cmake ..
66-
make</code>
67-
</pre>
68-
</li>
69-
</ol>
70-
</section>
42+
<!-- Implementation -->
43+
<section class="project">
44+
<h2>Implementation</h2>
45+
<h3>Core Components</h3>
46+
<ul>
47+
<li>Modern C++17 features for robust implementation</li>
48+
<li>wxWidgets framework for cross-platform GUI</li>
49+
<li>Custom data structures for efficient item management</li>
50+
<li>File I/O handling for data persistence</li>
51+
</ul>
52+
</section>
7153

72-
<!-- Future Enhancements -->
73-
<section class="project">
74-
<h2>Future Enhancements</h2>
75-
<ul>
76-
<li>Support for item images.</li>
77-
<li>Advanced search and filtering options.</li>
78-
<li>Export inventory data to formats like CSV or JSON.</li>
79-
</ul>
80-
</section>
54+
<!-- Getting Started -->
55+
<section class="project">
56+
<h2>Getting Started</h2>
57+
<h3>Prerequisites</h3>
58+
<p>Ensure you have:</p>
59+
<ul>
60+
<li>C++17 compatible compiler</li>
61+
<li>wxWidgets library installed</li>
62+
<li>Visual Studio 2022 (for Windows users)</li>
63+
</ul>
64+
<h3>Installation</h3>
65+
<pre><code>git clone https://github.com/Code-JL/GUI-Inventory-Manager.git
66+
cd GUI-Inventory-Manager</code></pre>
67+
</section>
8168

82-
<!-- Help and Documentation -->
83-
<section id="contact">
84-
<h2>Help and Documentation</h2>
85-
<p><a href="help.pdf" target="_blank">PDF Manual</a></p>
86-
<p><a href="https://github.com/Code-JL/Inventory-Manager" target="_blank">GitHub Repository</a></p>
87-
</section>
69+
<!-- Documentation -->
70+
<section id="contact">
71+
<h2>Resources</h2>
72+
<p><a href="https://github.com/Code-JL/GUI-Inventory-Manager" target="_blank">
73+
<img src="../../images/github.png" alt="GitHub Icon">GitHub Repository
74+
</a></p>
75+
</section>
8876

89-
<!-- License -->
90-
<section class="project">
91-
<h2>License</h2>
92-
<p>This project is licensed under the MIT License. See the <a href="LICENSE" target="_blank">LICENSE</a> file for details.</p>
77+
<!-- License -->
78+
<section class="project">
79+
<h2>License</h2>
80+
<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>
9381
</section>
94-
</main>
82+
</main>
9583

96-
<footer>
97-
<p>© 2024 Inventory Manager Project</p>
98-
</footer>
84+
<footer>
85+
<p>© 2025 GUI Inventory Manager</p>
86+
</footer>
9987

100-
<canvas id="bg1"></canvas>
88+
<canvas id="bg1"></canvas>
10189

102-
<!-- External JS Libraries -->
103-
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
104-
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
105-
<script src="../projectsUniversal.js"></script>
90+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
91+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
92+
<script src="../projectsUniversal.js"></script>
10693
</body>
107-
</html>
94+
</html>

‎projects/inventory_manager/help.pdf‎

-135 KB
Binary file not shown.

0 commit comments

Comments
 (0)