-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
159 lines (159 loc) · 18.2 KB
/
index.html
File metadata and controls
159 lines (159 loc) · 18.2 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
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
<!DOCTYPE html>
<html class="light" lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>e-Lab index</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700;800;900&family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
"surface": "#f9f9f9", "surface-container": "#eeeeee", "surface-container-high": "#e8e8e8",
"on-surface": "#1a1c1c", "on-surface-variant": "#4c4546", "primary": "#000000"
},
borderRadius: { "DEFAULT": "0.125rem", "lg": "0.25rem", "xl": "0.5rem", "full": "0.75rem" },
spacing: { "unit": "4px", "container-padding": "1rem", "window-margin": "2rem", "gutter": "1rem" },
fontFamily: {
"headline-lg": ["Work Sans"], "headline-md": ["Work Sans"], "title-bar": ["Work Sans"],
"label-caps": ["Space Grotesk"], "mono": ["Space Grotesk"], "body-md": ["Inter"], "body-sm": ["Inter"]
},
fontSize: {
"headline-lg": ["24px", {"lineHeight": "32px", "fontWeight": "700"}],
"headline-md": ["18px", {"lineHeight": "24px", "fontWeight": "700"}],
"title-bar": ["14px", {"lineHeight": "18px", "fontWeight": "700"}],
"body-md": ["14px", {"lineHeight": "20px", "fontWeight": "400"}],
"body-sm": ["12px", {"lineHeight": "16px", "fontWeight": "400"}]
}
}
}
}
</script>
<style>
.dither-bg { background-image: radial-gradient(#000 1px, transparent 0); background-size: 4px 4px; background-color: #f9f9f9; }
.racing-stripes { background: repeating-linear-gradient(0deg, #000, #000 1px, transparent 1px, transparent 4px); }
.retro-window-shadow { box-shadow: 4px 4px 0 0 #000; }
.btn-double-border { border: 1px solid #000; outline: 2px solid #000; outline-offset: -4px; }
.content h2 { margin: 2rem 0 1rem; font-family: Work Sans, sans-serif; font-size: 1.5rem; line-height: 2rem; font-weight: 900; text-transform: uppercase; }
.content h3 { margin: 2rem 0 1rem; border-bottom: 1px solid #000; padding-bottom: .5rem; font-family: Work Sans, sans-serif; font-size: 1.1rem; line-height: 1.5rem; font-weight: 800; text-transform: uppercase; }
.content h4 { margin: 1.25rem 0 .35rem; font-family: Work Sans, sans-serif; font-size: .95rem; line-height: 1.35rem; font-weight: 800; text-transform: uppercase; }
.content p { margin: .85rem 0; font-size: 14px; line-height: 1.65; }
.content a { color: #000; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.content a:hover { background: #000; color: #fff; }
.content img { border: 1px solid #000; filter: grayscale(1) contrast(1.2); max-width: 100%; height: auto; }
.content hr { margin: 2rem 0; border: 0; border-top: 1px solid #000; }
.content strong { font-weight: 800; }
.content div[style*="display:table"] { display: grid !important; grid-template-columns: minmax(120px, 200px) 1fr; gap: 1rem; align-items: start; margin: 1rem 0; }
.content div[style*="display:table-row"], .content div[style*="display:table-cell"] { display: block !important; padding-left: 0 !important; }
@media (max-width: 640px) { .content div[style*="display:table"] { grid-template-columns: 1fr; } }
</style>
</head>
<body class="bg-surface dither-bg font-body-md text-on-surface min-h-screen pt-10">
<header class="fixed top-0 left-0 w-full h-6 border-b border-black z-50 bg-white flex items-center px-4 overflow-hidden">
<div class="text-[14px] font-black text-black mr-6 uppercase tracking-tighter font-['Work_Sans'] whitespace-nowrap">e-Lab</div>
<nav class="flex gap-4 items-center h-full overflow-x-auto">
<a class="bg-black text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="index.html">Home</a>
<a class="text-black hover:bg-black hover:text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="index.html#about">About</a>
<a class="text-black hover:bg-black hover:text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="news.html">News</a>
<a class="text-black hover:bg-black hover:text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="publications.html">Publications</a>
<a class="text-black hover:bg-black hover:text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="teaching.html">Teaching</a>
<a class="text-black hover:bg-black hover:text-white px-2 py-0.5 font-['Work_Sans'] text-[14px] font-bold uppercase tracking-tighter whitespace-nowrap" href="index.html#contact">Contact</a>
</nav><div class="ml-auto hidden md:flex items-center"><span class="material-symbols-outlined text-[16px]">settings</span></div></header>
<main class="max-w-6xl mx-auto px-gutter py-window-margin space-y-12">
<section class="flex flex-col items-center justify-center py-12" id="home">
<div class="bg-white border-2 border-black p-6 md:p-8 retro-window-shadow text-center max-w-full">
<h1 class="text-[36px] md:text-[64px] font-black tracking-[0.14em] md:tracking-[0.2em] leading-none mb-4 uppercase">E - L A B</h1>
<div class="h-1 bg-black w-full mb-4 racing-stripes"></div>
<p class="font-mono text-headline-md uppercase tracking-widest">Deep Learning / Machine-Learning Hardware / Neural Networks / Biomedical Instrumentation / Integrated Circuits</p>
</div>
</section>
<div class="grid grid-cols-1 md:grid-cols-12 gap-8">
<div class="md:col-span-8"><section class="bg-white border border-black retro-window-shadow id="about"">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">About_Us.info</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="font-body-md text-body-md space-y-4">
<p><b>We work on Deep Learning software and hardware. Our goal is to replicate the human brain in algorithms and computing devices. Our focus is on the creation of an artificial scientist using multi-modal large world models (LWM). #LLM #AI #DeepLearning #MachineLearning</b></p>
<p><b>Research questions:</b> How do we teach machines to understand and predict the 3D world we live in? How do we encode and learn multi-modal data? What artificial brain can support intelligent behavior in a physical environment? What hardware can we use to accelerate machine learning?</p>
<p><b>Research philosophy:</b> We specialize in the use of computing technologies to extend scientific exploratory methods and measurement tools for understanding life and replicating it in engineered systems.</p>
<p><b>Team:</b> <a class="underline font-bold hover:bg-black hover:text-white" href="https://culurciello.github.io">Eugenio Culurciello</a>, Sravani Ramishetty, Shakti Wadekar, Viktor Ciroski</p>
</div></div>
</section></div>
<div class="md:col-span-4"><section class="bg-white border border-black retro-window-shadow ">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">System_Status</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="space-y-3 font-mono text-body-sm">
<div class="flex justify-between border-b border-zinc-200 pb-1 gap-4"><span>Focus:</span><span class="font-bold text-right">AI / Chips</span></div>
<div class="flex justify-between border-b border-zinc-200 pb-1 gap-4"><span>Mode:</span><span class="font-bold text-right">Artificial Scientist</span></div>
<div class="flex justify-between border-b border-zinc-200 pb-1 gap-4"><span>Books:</span><span class="font-bold">03</span></div>
<div class="flex justify-between border-b border-zinc-200 pb-1 gap-4"><span>Papers:</span><span class="font-bold">100+</span></div>
<div class="mt-4"><div class="text-[10px] uppercase font-bold mb-1">Brainstorming Port</div><div class="w-full h-4 border border-black p-0.5"><div class="h-full bg-black w-[92%]"></div></div></div>
</div></div>
</section></div>
<div class="md:col-span-12"><section class="bg-white border border-black retro-window-shadow id="mywork"">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">Research_Work.dmg</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="border border-black p-unit flex flex-col"><div class="h-40 bg-zinc-100 border-b border-black overflow-hidden grayscale contrast-150"><img class="w-full h-full object-cover" alt="Neural network visualization" src="img/nn1.jpg"/></div><div class="p-2 space-y-3 flex-grow"><h3 class="font-headline-md uppercase text-[14px]">Deep Learning Software And Algorithms</h3><p class="text-body-sm">We are pioneers in deep learning and neural networks, with more than 20 years of experience across vision, speech, text, robotics, 3D and graphics.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="publications.html">Read More</a></div></div>
<div class="border border-black p-unit flex flex-col"><div class="h-40 bg-zinc-100 border-b border-black overflow-hidden grayscale contrast-150"><img class="w-full h-full object-cover" alt="Deep learning accelerator hardware" src="img/accelerators1.jpg"/></div><div class="p-2 space-y-3 flex-grow"><h3 class="font-headline-md uppercase text-[14px]">Deep Learning Processors And Accelerators</h3><p class="text-body-sm">We work on hardware processors and accelerators for deep learning, including multiple generations of processors and accelerators from 2004-present.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="publications.html">Read More</a></div></div>
<div class="border border-black p-unit flex flex-col"><div class="h-40 bg-zinc-100 border-b border-black overflow-hidden grayscale contrast-150"><img class="w-full h-full object-cover" alt="Microchip close-up" src="img/chips1.jpg"/></div><div class="p-2 space-y-3 flex-grow"><h3 class="font-headline-md uppercase text-[14px]">Micro-Chips</h3><p class="text-body-sm">We worked on silicon devices, circuits and systems for biomedical applications, neuromorphic engineering, silicon-on-insulator and silicon-on-sapphire.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="publications.html">Read More</a></div></div>
</div></div>
</section></div>
<div class="md:col-span-8"><section class="bg-white border border-black retro-window-shadow id="ourbooks"">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">Books.folder</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="space-y-6">
<div class="flex gap-4 items-start border-b border-black pb-4"><img class="w-20 h-28 object-cover border border-black grayscale contrast-125 flex-shrink-0" alt="Scaling Up Machine Learning book cover" src="img/book-scalingml.jpg"/><div class="space-y-2"><h4 class="font-bold text-body-md uppercase">Scaling Up Machine Learning</h4><p class="text-body-sm text-zinc-700">Chapter: Large-Scale FPGA-Based Convolutional Networks, Cambridge University Press, 2011.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="http://www.cambridge.org/us/knowledge/isbn/item6542017/?site_locale=en_US">Ordering Info</a></div></div>
<div class="flex gap-4 items-start border-b border-black pb-4"><img class="w-20 h-28 object-cover border border-black grayscale contrast-125 flex-shrink-0" alt="Silicon-on-Sapphire Circuits and Systems book cover" src="img/book-sos.jpg"/><div class="space-y-2"><h4 class="font-bold text-body-md uppercase">Silicon-on-Sapphire Circuits And Systems</h4><p class="text-body-sm text-zinc-700">Sensor and biosensor interfaces, E. Culurciello, McGraw Hill, 2009.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="http://www.mhprofessional.com/product.php?isbn=0071608486">Ordering Info</a></div></div>
<div class="flex gap-4 items-start"><img class="w-20 h-28 object-cover border border-black grayscale contrast-125 flex-shrink-0" alt="Biomedical Circuits and Systems book cover" src="img/book-biocas.jpg"/><div class="space-y-2"><h4 class="font-bold text-body-md uppercase">Biomedical Circuits And Systems</h4><p class="text-body-sm text-zinc-700">Integrated Instrumentation, e-Lab, Lulu, 2013.</p><a class="inline-block font-bold uppercase text-[11px] underline hover:bg-black hover:text-white" href="publications.html#books">More Info</a></div></div>
</div></div>
</section></div>
<div class="md:col-span-4"><section class="bg-white border border-black retro-window-shadow ">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">Quick_Links.alias</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="space-y-3"><a class="block px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="publications.html">All Publications</a><a class="block px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="news.html">News Archive</a><a class="block px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="teaching.html">Teaching</a></div></div>
</section></div>
<div class="md:col-span-12"><section class="bg-white border border-black retro-window-shadow id="contact"">
<div class="h-6 border-b border-black bg-surface-container flex items-center px-2 justify-between">
<div class="flex items-center gap-1"><div class="w-3 h-3 border border-black"></div><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div></div>
<span class="font-title-bar text-title-bar uppercase">Contact.network</span>
<div class="flex items-center gap-1"><div class="racing-stripes w-16 h-3 opacity-20 hidden sm:block"></div><span class="material-symbols-outlined text-sm">unfold_more</span></div>
</div>
<div class="p-container-padding"><div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6"><p class="font-mono text-body-sm uppercase">I am always interested in brainstorming: let us have fun together.</p><div class="flex flex-wrap gap-3"><a class="px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="https://e-lab.github.io/">e-Lab</a><a class="px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="https://medium.com/@culurciello/">Medium</a><a class="px-4 py-2 bg-white text-black font-bold uppercase text-[11px] tracking-tighter btn-double-border hover:bg-black hover:text-white" href="https://www.linkedin.com/in/eugenioculurciello/">LinkedIn</a></div></div></div>
</section></div>
</div>
</main>
<footer class="w-full border-t border-black bg-zinc-100 mt-20">
<div class="flex flex-col md:flex-row gap-4 md:gap-6 justify-between items-start md:items-center px-8 py-4 w-full">
<div class="font-['Work_Sans'] text-[10px] uppercase tracking-widest text-black">All Rights Reserved. © 2026 - e-Lab</div>
<div class="flex flex-wrap gap-6">
<a class="font-['Work_Sans'] text-[10px] uppercase tracking-widest text-zinc-600 hover:text-black hover:underline" href="https://e-lab.github.io/">e-Lab</a>
<a class="font-['Work_Sans'] text-[10px] uppercase tracking-widest text-zinc-600 hover:text-black hover:underline" href="https://medium.com/@culurciello/">Medium</a>
<a class="font-['Work_Sans'] text-[10px] uppercase tracking-widest text-zinc-600 hover:text-black hover:underline" href="https://www.linkedin.com/in/eugenioculurciello/">LinkedIn</a>
</div>
</div>
</footer>
<a class="fixed bottom-8 right-8 w-16 h-16 bg-white border border-black retro-window-shadow flex flex-col items-center justify-center p-1 cursor-pointer hover:bg-black group" href="index.html#contact" aria-label="Contact">
<span class="material-symbols-outlined text-black group-hover:text-white" style="font-size: 32px;">mail</span>
<span class="text-[8px] font-black uppercase mt-1 text-black group-hover:text-white">Contact</span>
</a>
</body>
</html>