-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
111 lines (102 loc) · 6.1 KB
/
Copy pathindex.html
File metadata and controls
111 lines (102 loc) · 6.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IMY's Portfolio</title>
<meta name="description" content="IMY a.k.a. IMYdev — AI engineering student, video editor and game developer.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="lecp/lecp.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a class="lecp-skip-link" href="#main">Skip to content</a>
<div class="lecp-shell">
<aside class="lecp-rail">
<a class="brand" href="#top">IMY<span class="brand-dot">.</span></a>
<nav class="lecp-nav" aria-label="Primary">
<a class="lecp-nav-item" href="#about">
<span class="lecp-nav-item-index">01</span>
<span class="lecp-nav-item-label">About</span>
</a>
<a class="lecp-nav-item" href="#projects">
<span class="lecp-nav-item-index">02</span>
<span class="lecp-nav-item-label">Projects</span>
</a>
<a class="lecp-nav-item" href="#contact">
<span class="lecp-nav-item-index">03</span>
<span class="lecp-nav-item-label">Contact</span>
</a>
</nav>
<p class="lecp-caption" style="margin-top: auto; padding: 0 var(--lecp-space-2);">This site is a demo for my own design specification: LECP</p>
</aside>
<div class="lecp-shell-content">
<main id="main">
<section id="top" class="lecp-container hero" aria-labelledby="hero-title">
<p class="lecp-eyebrow">Portfolio</p>
<h1 id="hero-title" class="lecp-display">IMY</h1>
<p class="lecp-body lecp-mt-4">Rhino Linux Developer.</p>
</section>
<section id="about" class="lecp-container section" aria-labelledby="about-title">
<h2 class="lecp-section-title lecp-mb-6"><span class="section-index">01</span>About me</h2>
<div class="lecp-grid">
<article class="lecp-tile lecp-tile--l lecp-col-s-8">
<h3 class="lecp-tile-label">Who I am</h3>
<p class="lecp-body">I'm IMY, a.k.a. IMYdev: an AI Engineering major. I build software, cut videos and also research games' inner workings.</p>
</article>
<article class="lecp-tile lecp-col-s-4">
<h3 class="lecp-tile-label">AI Engineering</h3>
<p class="lecp-body">Applied machine learning systems</p>
<p class="lecp-body">(not chatbots)</p>
</article>
<article class="lecp-tile lecp-col-s-4">
<h3 class="lecp-tile-label">Game Development</h3>
<p class="lecp-body">I create small game prototypes sometimes.</p>
</article>
</div>
</section>
<section id="projects" class="lecp-container section" aria-labelledby="projects-title">
<h2 class="lecp-section-title lecp-mb-6"><span class="section-index">02</span>Projects</h2>
<div class="lecp-grid">
<a class="lecp-tile lecp-tile--l lecp-col-s-8" href="https://github.com/IMYdev" target="_blank" rel="noopener">
<span class="lecp-meta">Open source</span>
<h3 class="lecp-tile-label">GitHub</h3>
<span class="lecp-body">Explore my open-source projects and contributions.</span>
<span class="lecp-tile-arrow" aria-hidden="true">→</span>
</a>
<a class="lecp-tile lecp-col-s-4" href="https://www.youtube.com/@pending_faner" target="_blank" rel="noopener">
<span class="lecp-meta">Video Editing</span>
<h3 class="lecp-tile-label">YouTube</h3>
<span class="lecp-body">I make weird stuff.</span>
<span class="lecp-tile-arrow" aria-hidden="true">→</span>
</a>
<a class="lecp-tile lecp-col-s-4" href="https://blog.imy.com.ly" target="_blank" rel="noopener">
<span class="lecp-meta">Writing</span>
<h3 class="lecp-tile-label">Blog</h3>
<span class="lecp-body">Notes, thoughts and posts.</span>
<span class="lecp-tile-arrow" aria-hidden="true">→</span>
</a>
</div>
</section>
<section id="contact" class="lecp-container section" aria-labelledby="contact-title">
<h2 class="lecp-section-title lecp-mb-6"><span class="section-index">03</span>Contact</h2>
<div class="lecp-grid">
<a class="lecp-tile lecp-tile--l lecp-tile--primary lecp-col-s-8" href="mailto:omranmansour096@gmail.com">
<span class="lecp-meta">Email</span>
<h3 class="lecp-tile-label">Send me a message</h3>
<span class="lecp-body">I read everything.</span>
<span class="lecp-tile-arrow" aria-hidden="true">→</span>
</a>
</div>
</section>
</main>
<footer class="lecp-container lecp-flex lecp-justify-between lecp-items-center site-footer">
<span>© 2026 IMY - Design and programming.</span>
</footer>
</div>
</div>
<script src="script.js"></script>
</body>
</html>