https://erickouassi.com/projects.html

1<!doctype html>
2<html lang="en">
3  <head>
4    <!-- Responsive -->
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8    <!-- Meta Tags requred for Progressive Web App -->
9    <meta name="apple-mobile-web-app-status-bar" content="#aa7700">
10    <meta name="theme-color" content="black">
11    <!-- Manifest File link -->
12    <link rel="manifest" href="manifest.json">
13    <!-- End of Meta Tags requred for Progressive Web App -->
14    <link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png">
15    <!-- Favicon -->
16    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
17    <link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png">
18    <link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png">
19    <meta name="description" content="Eric Kouassi's personal space on the internet" />
20    <meta name="author" content="Eric Kouassi">
21    <meta name="generator" content="">
22    <title>Eric Kouassi</title>
23    <style> 
24     html { padding: 10px; }
25    body { max-width: 600px; 
26       margin-left: auto; 
27       margin-right: auto;
28       /*font-family: sans-serif, Arial, Helvetica; */
29      }
30      </style>
31  </style>
32  </head>
33
34  <body>
35    <nav>
36      <span><strong>Eric Kouassi</strong></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

37      <span>
38      <a href="./">Home</a>&nbsp;
39      <a href="./projects.html"><span style="color: red;">Projects</span></a>&nbsp;
40      <a href="./contact.html">Contact</a>
41      </span>
42    </nav>
43    <hr />
44            <!-- Page Content -->
45    <h1>Projects 🚀</h1>
46    <div style="border: 2px solid #28a745; padding: 16px; background-color: #eafbea; font-family: Arial, sans-serif;">
47  <h2 style="color: #28a745;">💼 Open for Work</h2>
48  <p>I’m currently available for <strong>full-time opportunities</strong>—remote or in-person—as well as <strong>side projects</strong> and collaborations.</p>
49  <p>Please get in touch <a href="/contact.html" style="color: #cc0000; font-weight: bold;">using this form</a>.</p>
50</div>
51
52    <p>This page showcases my projects. </p>
53      
54    <p>Due to the sheer number of projects I've created, 
55      it's challenging to keep track of them all. 
56      Therefore, I update this page whenever possible.</p>
57
58      <p>Some of my projects are available on my 👉 <a href="https://www.etsy.com/shop/StrBy" target="_blank">Etsy</a> and 👉 <a href="https://erickouassi.gumroad.com/" target="_blank">Gumroad</a> shops,<br> 
59      but they are not listed here. </p>
60      
61      <p>Additionally, some projects are open-source, 
62      which is my way of contributing to the internet.</p>
63      
64      <p>Thank you for your support and for checking them out!</p>
65
66<ol><span class="allProjectsApp">Loading...</span></ol>
67  <hr>
68
69<!-- Footer -->
70<div>
71  <p>   
72  © <span id="year"></span> <a onclick="location.href='./';" target="_blank" >Eric Kouassi</a>
73</p>

74<script type="text/javascript">document.getElementById("year").innerHTML = new Date().getFullYear();</script>

74 
75</div>
76  <!--toggle mode button-->
77 <button 
78 class="light-mode-button" aria-label="Toggle Light Mode" onclick="toggle_light_mode()">
79 <span></span>
80 <span></span>
81</button>
82<!-- import the pwa-installer.js's javascript file -->

83<script src="/pwaInstaller.js" defer></script>

83
84<!-- Dark Mode--> 

85<script src="./darkmode.js"></script>

85
86<!-- JS files--> 

87<script src="./js_projects_solotions.js"></script>

87
88</body>
89</html>