-
Notifications
You must be signed in to change notification settings - Fork 0
/
Projects.html
216 lines (200 loc) · 10.8 KB
/
Projects.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<html data-bs-theme="light">
<head>
<!--Title Website-->
<title>Andreiixe Website</title>
<!--Icon Website-->
<link rel="shortcut icon" type="image/jpg" href="src/icon/andreiixe.ico"/>
<!--View Port for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Custom CSS-->
<link rel="stylesheet" type="text/css" href="src/css/style.css">
<!--Bootstrap imports-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!--import scripts custom-->
<script src="src/js/script.js"></script>
</head>
<body>
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-light bg-body-tertiary">
<div class="container-fluid text-success d-flex justify-content-between">
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#gfgnavbar">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="gfgnavbar">
<!-- Left links -->
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about-me.html">About-me</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Projects.html">Projects</a>
</li>
</ul>
</div>
<!-- Theme Switcher Button (aligned to the right) -->
<button id="themeSwitcher" class="btn btn-outline-secondary">
Dark Mode
</button>
</div>
</nav>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
const htmlElement = document.documentElement;
const themeSwitcher = document.getElementById('themeSwitcher');
// Function to get theme from cookie
function getThemeFromCookie() {
const themeCookie = document.cookie.split('; ').find(row => row.startsWith('theme='));
return themeCookie ? themeCookie.split('=')[1] : 'light'; // Default to light if no cookie
}
// Function to set the theme in a cookie
function setThemeCookie(theme) {
document.cookie = `theme=${theme}; path=/; max-age=31536000`; // 1 year expiration
}
// Function to update the theme and button text
function updateTheme(theme) {
htmlElement.setAttribute('data-bs-theme', theme);
setThemeCookie(theme);
// Update the button text based on the theme
themeSwitcher.textContent = theme === 'dark' ? 'White' : 'Dark';
}
// Initialize the theme from cookie
const savedTheme = getThemeFromCookie();
updateTheme(savedTheme);
// Add event listener to toggle theme
themeSwitcher.addEventListener('click', () => {
const currentTheme = htmlElement.getAttribute('data-bs-theme');
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
updateTheme(newTheme);
});
});
</script>
<!-- Left links -->
</div>
</div>
</nav>
<!--Close navbar-->
<!--Content Website-->
<div class="album py-5">
<div class="container">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">Active <span>projects</span></h1>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="src/images/projects/CLASSICUBE.png">
<div class="card-body">
<h3><span>[ClassiCube-PPC]</span></h3>
<div class="d-flex justify-content-left">
<span class="badge text-bg-primary rounded-pill">C</span>
<span class="badge text-bg-primary rounded-pill">Objective-C</span>
<span class="badge text-bg-primary rounded-pill">JS / Java</span>
<span class="badge text-bg-primary rounded-pill">Assembly</span> |
<span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">PPC</span>
</div>
<br>
<p class="card-text">Custom Minecraft Classic / ClassiCube client written in C from scratch (formerly ClassicalSharp in C#)</p>
<a href="https://github.com/andreiixe/ClassiCube-PPC/releases" class="btn btn-primary">
Releases
</a>
<div class="d-flex justify-content-between align-items-center">
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="src/images/projects/DJDevine.PNG">
<div class="card-body">
<h3><span>DJDevine</span></h3>
<div class="d-flex justify-content-left">
<span class="badge text-bg-primary rounded-pill">Python</span> |
<span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">Linux / Windows</span>
</div>
<br>
<p class="card-text">It is a Discord radio bot that plays music on each server individually, without interruptions.</p>
<div class="d-flex justify-content-between align-items-center">
<a href="https://github.com/andreiixe/DJDevine" class="btn btn-primary">
Download
</a>
</div>
</div>
</div>
</div>
<div class="px-4 py-5 my-5 text-center">
<h1 class="display-5 fw-bold">Closed <span>projects</span></h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">Projects that are no longer supported by me.</p>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="src/images/eol/DistopiaWebsite.PNG">
<div class="card-body">
<h3><span>[Distopia]</span></h3>
<div class="d-flex justify-content-left">
<span class="badge text-bg-warning rounded-pill">html</span>
<span class="badge text-bg-warning rounded-pill">css</span>
<span class="badge text-bg-warning rounded-pill">js</span>
<span class="badge text-bg-warning rounded-pill">php</span> |
<span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">Web</span>
</div>
<br>
<p class="card-text">Welcome to the official website of the Discord server Distopia</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<p>[lost files]</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="src/images/eol/legalicyandreiixe.PNG">
<div class="card-body">
<h3><span>[Legacy Andreiixe]</span></h3>
<div class="d-flex justify-content-left">
<span class="badge text-bg-warning rounded-pill">php</span>
<span class="badge text-bg-warning rounded-pill">css</span> |
<span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">Web</span>
</div>
<br>
<p class="card-text">Andreiixe Legalicy: built for systems without support for newer styles, catering to older operating systems like Internet Explorer 4-8 or Netscape.</p>
<div class="d-flex justify-content-between align-items-center">
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<img class="card-img-top" src="src/images/eol/old.png">
<div class="card-body">
<h3><span>[Old Andreiixe Website]</span></h3>
<div class="d-flex justify-content-left">
<span class="badge text-bg-warning rounded-pill">html</span>
<span class="badge text-bg-warning rounded-pill">css</span> |
<span class="badge bg-info-subtle border border-info-subtle text-info-emphasis rounded-pill">Web</span>
</div>
<br>
<p class="card-text">Ah, the nostalgic charm of my first website code :p</p>
<div class="d-flex justify-content-between align-items-center">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Close Content Website-->
</body>
</html>