Skip to content

Commit 764bc2e

Browse files
PkLavcPkLavc
committed
many things man
1 parent 0058c38 commit 764bc2e

32 files changed

Lines changed: 6693 additions & 491 deletions

File tree

‎about.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
@@ -738,16 +738,15 @@ <h2><lottie-player src="images/link.json" background="transparent" speed="1" cla
738738
<footer class="footer-minimal">
739739
<div class="footer-container">
740740
<p>
741-
© 2026 Patrick Araujo •
742-
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span> •
741+
&copy; 2026 Patrick Araujo &bull;
742+
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span> &bull;
743743
<button id="credits-trigger-btn" class="credits-trigger" type="button" onclick="toggleCredits()" aria-controls="credits-list" aria-expanded="false">Resources & Attributions</button>
744744
</p>
745745
<div id="credits-list" class="credits-hidden">
746746
<div class="credits-grid">
747747
<a href="https://lordicon.com/" target="_blank" rel="noopener noreferrer">Icons</a>
748748
<a href="https://vincentgarreau.com/" target="_blank" rel="noopener noreferrer">VFX</a>
749-
<a href="https://docs.github.com/en/developers" target="_blank" rel="noopener noreferrer">GitHub API Integration</a>
750-
</div>
749+
</div>
751750
</div>
752751
</div>
753752
</footer>
@@ -760,3 +759,6 @@ <h2><lottie-player src="images/link.json" background="transparent" speed="1" cla
760759

761760

762761

762+
763+
764+

‎css/projects.css‎

Lines changed: 19 additions & 204 deletions
Original file line numberDiff line numberDiff line change
@@ -159,187 +159,6 @@ body {
159159
opacity: 0.7;
160160
cursor: wait;
161161
}
162-
163-
.readme-overlay {
164-
position: fixed;
165-
inset: 0;
166-
z-index: 9999;
167-
display: none;
168-
padding: 2.2vh 2vw;
169-
background: rgba(0, 0, 0, 0.62);
170-
backdrop-filter: blur(2px);
171-
}
172-
173-
.readme-overlay.is-open {
174-
display: block;
175-
}
176-
177-
.readme-modal {
178-
position: relative;
179-
width: 100%;
180-
height: 100%;
181-
background: #0d0d0d;
182-
border: 1px solid rgba(255, 255, 255, 0.16);
183-
border-radius: 12px;
184-
box-shadow: 0 14px 44px rgba(0, 0, 0, 0.45);
185-
overflow: hidden;
186-
display: flex;
187-
flex-direction: column;
188-
}
189-
190-
.readme-modal-close {
191-
position: absolute;
192-
top: 10px;
193-
right: 12px;
194-
width: 34px;
195-
height: 34px;
196-
border: 1px solid rgba(255, 255, 255, 0.2);
197-
border-radius: 50%;
198-
background: #151515;
199-
color: #f2f2f2;
200-
cursor: pointer;
201-
font-weight: 700;
202-
font-size: 0.82rem;
203-
line-height: 1;
204-
}
205-
206-
.readme-modal-close:hover,
207-
.readme-modal-close:focus-visible {
208-
background: var(--clr-primary);
209-
color: #070707;
210-
outline: none;
211-
}
212-
213-
.readme-modal-header {
214-
display: flex;
215-
justify-content: space-between;
216-
align-items: center;
217-
gap: 12px;
218-
padding: 16px 54px 14px 18px;
219-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
220-
background: #111111;
221-
}
222-
223-
.readme-modal-title {
224-
margin: 0;
225-
color: #f5f5f5;
226-
font-size: 1.02rem;
227-
line-height: 1.3;
228-
}
229-
230-
.readme-modal-link {
231-
color: var(--clr-primary);
232-
text-decoration: none;
233-
font-size: 0.9rem;
234-
white-space: nowrap;
235-
}
236-
237-
.readme-modal-link:hover {
238-
color: #ffffff;
239-
}
240-
241-
.readme-modal-body {
242-
flex: 1;
243-
overflow: auto;
244-
padding: 18px;
245-
line-height: 1.6;
246-
}
247-
248-
.readme-modal-body.markdown-body {
249-
background: #0d1117;
250-
color: #c9d1d9;
251-
}
252-
253-
.readme-modal-body h1,
254-
.readme-modal-body h2,
255-
.readme-modal-body h3,
256-
.readme-modal-body h4,
257-
.readme-modal-body h5,
258-
.readme-modal-body h6 {
259-
margin: 1.25em 0 0.6em;
260-
line-height: 1.3;
261-
}
262-
263-
.readme-modal-body p,
264-
.readme-modal-body li {
265-
color: inherit;
266-
}
267-
268-
.readme-modal-body hr {
269-
border: none;
270-
border-top: 1px solid rgba(255, 255, 255, 0.2);
271-
margin: 1.2em 0;
272-
}
273-
274-
.readme-modal-body code {
275-
font-family: "Courier New", monospace;
276-
background: #191919;
277-
border: 1px solid rgba(255, 255, 255, 0.08);
278-
border-radius: 4px;
279-
padding: 0.12em 0.35em;
280-
font-size: 0.9em;
281-
}
282-
283-
.readme-modal-body pre {
284-
background: #0a0a0a;
285-
border: 1px solid rgba(255, 255, 255, 0.1);
286-
border-radius: 8px;
287-
padding: 12px;
288-
overflow: auto;
289-
}
290-
291-
.readme-modal-body pre code {
292-
background: transparent;
293-
border: 0;
294-
padding: 0;
295-
}
296-
297-
.readme-modal-body table {
298-
width: 100%;
299-
border-collapse: collapse;
300-
margin: 14px 0;
301-
}
302-
303-
.readme-modal-body table th,
304-
.readme-modal-body table td {
305-
border: 1px solid rgba(255, 255, 255, 0.12);
306-
padding: 8px;
307-
text-align: left;
308-
}
309-
310-
.readme-modal-body blockquote {
311-
margin: 1em 0;
312-
padding: 0.5em 1em;
313-
border-left: 3px solid var(--clr-primary);
314-
background: rgba(255, 255, 255, 0.03);
315-
}
316-
317-
.readme-modal-body img {
318-
max-width: 100%;
319-
height: auto;
320-
}
321-
322-
.readme-modal-body .contains-task-list {
323-
list-style: none;
324-
padding-left: 0;
325-
}
326-
327-
.readme-modal-body .task-list-item {
328-
list-style: none;
329-
}
330-
331-
.readme-modal-body .task-list-item input[type="checkbox"] {
332-
margin-right: 8px;
333-
}
334-
335-
.readme-modal-body svg {
336-
max-width: 100%;
337-
height: auto;
338-
}
339-
340-
body.readme-open {
341-
overflow: hidden;
342-
}
343162
.project-features {
344163
display: flex;
345164
flex-wrap: wrap;
@@ -410,29 +229,6 @@ body.readme-open {
410229
padding: 8px 12px;
411230
}
412231

413-
.readme-overlay {
414-
padding: 1.4vh 1.8vw;
415-
}
416-
417-
.readme-modal {
418-
border-radius: 10px;
419-
}
420-
421-
.readme-modal-header {
422-
flex-direction: column;
423-
align-items: flex-start;
424-
padding: 14px 46px 12px 14px;
425-
}
426-
427-
.readme-modal-title {
428-
font-size: 0.95rem;
429-
}
430-
431-
.readme-modal-body {
432-
padding: 12px;
433-
font-size: 0.9rem;
434-
}
435-
436232
.project-actions {
437233
flex-direction: column;
438234
gap: 8px;
@@ -584,3 +380,22 @@ body.readme-open {
584380
min-height: 58px;
585381
}
586382
}
383+
384+
/* Project card h2 links styling */
385+
.project-card h2 a {
386+
color: inherit;
387+
text-decoration: none;
388+
transition: color 0.3s ease, text-shadow 0.3s ease;
389+
position: relative;
390+
}
391+
392+
.project-card h2 a:hover {
393+
color: #4A9EFF;
394+
text-shadow: 0 0 10px rgba(74, 158, 255, 0.3);
395+
}
396+
397+
.project-card h2 a:focus-visible {
398+
outline: 2px solid #4A9EFF;
399+
outline-offset: 2px;
400+
border-radius: 2px;
401+
}

0 commit comments

Comments
 (0)