Skip to content

Commit 26a7e86

Browse files
author
cjpurackal
committed
feat: add email, fix ordering, smooth transitions, update logos
1 parent 530c9da commit 26a7e86

File tree

2 files changed

+101
-43
lines changed

2 files changed

+101
-43
lines changed

‎assets/kornia-pytorch-logo.png‎

2.74 KB
Loading

‎index.html‎

Lines changed: 101 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,31 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>kornia.org - Open Source Computer Vision</title>
7+
<style>
8+
html {
9+
scroll-behavior: smooth;
10+
}
11+
.project-logo {
12+
width: 60px;
13+
height: 60px;
14+
object-fit: contain;
15+
}
16+
.project-icon {
17+
display: flex;
18+
align-items: center;
19+
justify-content: center;
20+
background: none !important;
21+
padding: 0 !important;
22+
margin-right: 15px;
23+
}
24+
.project-icon i {
25+
font-size: 56px;
26+
}
27+
.project-emoji {
28+
font-size: 48px;
29+
line-height: 1;
30+
}
31+
</style>
732
<link rel="stylesheet" href="styles.css">
833
<link rel="preconnect" href="https://fonts.googleapis.com">
934
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -18,8 +43,9 @@
1843
</div>
1944
<div class="nav-links">
2045
<a href="#projects">Projects</a>
21-
<a href="#communities">Community</a>
2246
<a href="#about">About</a>
47+
<a href="#collaborators">Collaborators</a>
48+
<a href="#communities">Community</a>
2349
<a href="news.html">News</a>
2450
<div class="github-dropdown">
2551
<a href="#">GitHub <i class="fas fa-chevron-down"></i></a>
@@ -97,7 +123,7 @@ <h2 class="section-title">Our Projects</h2>
97123
<div class="project-card">
98124
<div class="project-header">
99125
<div class="project-icon">
100-
<i class="fab fa-python"></i>
126+
<img src="assets/kornia-pytorch-logo.png" alt="Kornia PyTorch" class="project-logo">
101127
</div>
102128
<div class="project-info">
103129
<h3>Kornia</h3>
@@ -175,11 +201,11 @@ <h3>Kornia-rs</h3>
175201
<div class="project-card">
176202
<div class="project-header">
177203
<div class="project-icon">
178-
<i class="fas fa-rocket"></i>
204+
<span class="project-emoji">🦄</span>
179205
</div>
180206
<div class="project-info">
181207
<h3>Bubbaloop</h3>
182-
<span class="project-tech">Platform • VLM Serving</span>
208+
<span class="project-tech">Platform • MLOps</span>
183209
</div>
184210
</div>
185211
<p class="project-description">VLM Serving Platform for Multimodal AI. Deploy and scale your vision-language models with ease, enabling seamless multimodal inference from prototype to production at enterprise scale.</p>
@@ -205,7 +231,7 @@ <h3>Bubbaloop</h3>
205231
<i class="fab fa-github"></i> GitHub
206232
</a>
207233
<a href="https://kornia.gitbook.io/bubbaloop" target="_blank" class="btn btn-secondary">
208-
<i class="fas fa-external-link-alt"></i> Platform
234+
<i class="fas fa-book"></i> Documentation
209235
</a>
210236
</div>
211237
</div>
@@ -214,7 +240,43 @@ <h3>Bubbaloop</h3>
214240
</div>
215241
</section>
216242

217-
<section class="collaborators">
243+
<section id="about" class="about">
244+
<div class="about-container">
245+
<div class="section-header">
246+
<h2 class="section-title">About kornia.ai</h2>
247+
</div>
248+
249+
<div class="about-content">
250+
<p>kornia.ai is a non-profit organization dedicated to advancing Spatial Artificial Intelligence through open collaboration. Founded in 2018 and officially registered as non-profit in 2023, we're supported by an international community of contributors driving innovation in computer vision.</p>
251+
</div>
252+
253+
<div class="values-grid">
254+
<div class="value-card">
255+
<div class="value-icon">
256+
<i class="fas fa-code-branch"></i>
257+
</div>
258+
<h3>Open Source First</h3>
259+
<p>We believe in the power of open source to drive innovation and collaboration. Our code is freely available for everyone to use, modify, and contribute to.</p>
260+
</div>
261+
<div class="value-card">
262+
<div class="value-icon">
263+
<i class="fas fa-users"></i>
264+
</div>
265+
<h3>Global Community</h3>
266+
<p>Building and supporting a worldwide community of computer vision enthusiasts, researchers, and professionals shaping the future together.</p>
267+
</div>
268+
<div class="value-card">
269+
<div class="value-icon">
270+
<i class="fas fa-rocket"></i>
271+
</div>
272+
<h3>Innovation at Scale</h3>
273+
<p>Pushing the boundaries of what's possible in computer vision technology while maintaining production-ready quality and performance.</p>
274+
</div>
275+
</div>
276+
</div>
277+
</section>
278+
279+
<section id="collaborators" class="collaborators">
218280
<div class="collaborators-container">
219281
<div class="section-header">
220282
<h2 class="section-title">Our Collaborators</h2>
@@ -265,42 +327,6 @@ <h3>OpenCV</h3>
265327
</div>
266328
</section>
267329

268-
<section id="about" class="about">
269-
<div class="about-container">
270-
<div class="section-header">
271-
<h2 class="section-title">About kornia.org</h2>
272-
</div>
273-
274-
<div class="about-content">
275-
<p>kornia.org is a non-profit organization dedicated to advancing Spatial Artificial Intelligence through open collaboration. Founded in 2018 and officially registered as non-profit in 2023, we're supported by an international community of contributors driving innovation in computer vision.</p>
276-
</div>
277-
278-
<div class="values-grid">
279-
<div class="value-card">
280-
<div class="value-icon">
281-
<i class="fas fa-code-branch"></i>
282-
</div>
283-
<h3>Open Source First</h3>
284-
<p>We believe in the power of open source to drive innovation and collaboration. Our code is freely available for everyone to use, modify, and contribute to.</p>
285-
</div>
286-
<div class="value-card">
287-
<div class="value-icon">
288-
<i class="fas fa-users"></i>
289-
</div>
290-
<h3>Global Community</h3>
291-
<p>Building and supporting a worldwide community of computer vision enthusiasts, researchers, and professionals shaping the future together.</p>
292-
</div>
293-
<div class="value-card">
294-
<div class="value-icon">
295-
<i class="fas fa-rocket"></i>
296-
</div>
297-
<h3>Innovation at Scale</h3>
298-
<p>Pushing the boundaries of what's possible in computer vision technology while maintaining production-ready quality and performance.</p>
299-
</div>
300-
</div>
301-
</div>
302-
</section>
303-
304330
<section id="communities" class="communities">
305331
<div class="communities-container">
306332
<div class="section-header">
@@ -333,7 +359,7 @@ <h2 class="section-title">Join Our Community</h2>
333359
<footer>
334360
<div class="footer-content">
335361
<div class="footer-section">
336-
<h4>kornia.org</h4>
362+
<h4>kornia.ai</h4>
337363
<p>Advancing Computer Vision & Spatial AI, Openly</p>
338364
</div>
339365
<div class="footer-section">
@@ -354,11 +380,43 @@ <h4>Community</h4>
354380
<a href="https://twitter.com/kornia_foss">Twitter</a>
355381
<a href="https://www.linkedin.com/company/72462834/">LinkedIn</a>
356382
</div>
383+
<div class="footer-section">
384+
<h4>Contact</h4>
385+
<a href="mailto:hello@kornia.org">hello@kornia.org</a>
386+
</div>
357387
</div>
358388
<div class="footer-bottom">
359389
<p>&copy; 2025 kornia.org. All rights reserved.</p>
360390
</div>
361391
</footer>
392+
<script>
393+
// Smooth scroll handling
394+
document.addEventListener('DOMContentLoaded', function() {
395+
// Get all navigation links that have hash (#) in their href
396+
const navLinks = document.querySelectorAll('a[href^="#"]');
397+
398+
navLinks.forEach(link => {
399+
link.addEventListener('click', function(e) {
400+
// Only handle links that point to an existing section
401+
const targetId = this.getAttribute('href');
402+
if (targetId === '#') return; // Skip empty hash links
403+
404+
const targetSection = document.querySelector(targetId);
405+
if (targetSection) {
406+
e.preventDefault();
407+
408+
targetSection.scrollIntoView({
409+
behavior: 'smooth',
410+
block: 'start'
411+
});
412+
413+
// Update URL without jumping
414+
history.pushState(null, null, targetId);
415+
}
416+
});
417+
});
418+
});
419+
</script>
362420
<script src="script.js"></script>
363421
</body>
364422
</html>

0 commit comments

Comments
 (0)