Skip to content

Commit

Permalink
Transform documentation into a professional portfolio showcase
Browse files Browse the repository at this point in the history
  • Loading branch information
@Anon23261
Anon23261 committed Dec 18, 2024
1 parent c8504b6 commit 2de5e39
Showing 1 changed file with 147 additions and 24 deletions.
171 changes: 147 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,123 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>C++ Calculator Documentation</title>
<title>Modern C++ Calculator | Professional Portfolio</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<link href="doxygen.css" rel="stylesheet" type="text/css"/>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<style>
:root {
--primary-color: #2962ff;
--secondary-color: #0039cb;
--accent-color: #768fff;
--text-color: #333;
--light-bg: #f5f5f5;
--success-color: #00c853;
}

body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
color: var(--text-color);
margin: 0;
padding: 0;
background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
}

#titlearea {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 2rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#projectname {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

#projectbrief {
font-size: 1.2em;
color: rgba(255, 255, 255, 0.9);
}

.header {
background: white;
padding: 2rem;
margin: 2rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.title {
color: var(--primary-color);
font-size: 1.8em;
font-weight: 500;
margin-bottom: 1rem;
}

.highlight-box {
background: white;
padding: 1.5rem;
margin: 1rem 0;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.skills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin: 1rem 0;
}

.skill-item {
background: var(--light-bg);
padding: 1rem;
border-radius: 6px;
text-align: center;
transition: transform 0.2s;
}

.skill-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.cta-button {
display: inline-block;
padding: 0.8rem 1.5rem;
background: var(--success-color);
color: white;
text-decoration: none;
border-radius: 4px;
transition: background 0.2s;
margin-top: 1rem;
}

.cta-button:hover {
background: #00a844;
}

#side-nav {
background: white;
border-radius: 8px;
margin: 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
<script type="text/javascript">
$(document).ready(function() {
initNavTree('index.html','');
Expand All @@ -26,38 +131,56 @@
<body>
<div id="top">
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 56px;">
<td id="projectalign">
<div id="projectname">C++ Calculator
<span id="projectnumber">1.0</span>
</div>
<div id="projectbrief">A professional scientific calculator implementation in C++</div>
</td>
</tr>
</tbody>
</table>
<div id="projectname">Modern C++ Calculator
<span id="projectnumber">1.0</span>
</div>
<div id="projectbrief">Professional-Grade Scientific Calculator Implementation</div>
</div>
<div id="main-nav"></div>
<div id="nav-path" class="navpath">
<ul></ul>
</div>
<div id="doc-content">
<div class="header">
<div class="headertitle">
<div class="title">C++ Calculator Documentation</div>
<div class="title">Welcome to My Professional Portfolio</div>
</div>
</div>
<div class="contents">
<div class="textblock">
<p>Welcome to the documentation for the C++ Calculator project.</p>
<h2>Quick Links</h2>
<ul>
<li><a href="d8/dbe/classCalculator.html">Calculator Class Documentation</a></li>
<li><a href="files.html">Source Files</a></li>
<li><a href="annotated.html">Class List</a></li>
</ul>
<div class="highlight-box">
<h2>🚀 Project Highlights</h2>
<p>This modern C++ calculator demonstrates my expertise in software development and commitment to writing clean, maintainable code. It showcases my ability to implement complex mathematical operations while maintaining a user-friendly interface.</p>
</div>

<div class="highlight-box">
<h2>💻 Technical Skills Demonstrated</h2>
<div class="skills-grid">
<div class="skill-item">
<h3>Modern C++</h3>
<p>C++17/20 Features</p>
</div>
<div class="skill-item">
<h3>Best Practices</h3>
<p>Clean Code & SOLID</p>
</div>
<div class="skill-item">
<h3>Testing</h3>
<p>Unit & Integration</p>
</div>
<div class="skill-item">
<h3>Documentation</h3>
<p>Doxygen & Markdown</p>
</div>
</div>
</div>

<div class="highlight-box">
<h2>📚 Documentation Links</h2>
<ul>
<li><a href="d8/dbe/classCalculator.html">Calculator Class Documentation</a></li>
<li><a href="files.html">Source Files</a></li>
<li><a href="annotated.html">Class List</a></li>
</ul>
<a href="https://github.com/Anon23261/First-CPP-APP" class="cta-button">View on GitHub</a>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 2de5e39

Please sign in to comment.