kernel_website/talks.html at main · NeelayK/kernel_website · GitHub

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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>&lt;/KERNEL&gt; — Data Science Society, IISER TVM</title>
<meta name="description" content="Talks and technical sessions hosted by </KERNEL> — guest lectures from IITs, IISc, ISIs, IIMs, and industry leaders on AI, statistics, and computation." />
<meta property="og:title" content="Talks & Technical Sessions — </KERNEL>" />
<meta property="og:description" content="Talks and technical sessions hosted by </KERNEL> — guest lectures from IITs, IISc, ISIs, IIMs, and industry leaders on AI, statistics, and computation." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kernel.iisertvm.ac.in/talks.html" />
<meta property="og:image" content="https://kernel.iisertvm.ac.in/assets/logo.png" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="preload" href="./assets/logo.png" as="image" />
<link rel="preload" href="./assets/logo_light.png" as="image" />
<script>if(localStorage.getItem('theme')==='light')document.documentElement.classList.add('light-mode');</script><script>
  if (localStorage.getItem('theme') === 'light') {
    document.documentElement.classList.add('light-mode');
  }
</script>

<link rel="stylesheet" href="./css/style.css" />
<link rel="icon" type="image/png" href="./assets/favicon.png" />
</head>
<body>

<div class="page-loader" id="page-loader">
  <div class="loader-inner">

<img class="loader-mark" id="loader-img" src="./assets/logo.png" alt="</KERNEL>" width="220" height="51" />

<script>
      if (localStorage.getItem('theme') === 'light') {
        document.getElementById('loader-img').src = './assets/logo_light.png';
      }
    </script>
    <div class="loader-bar"><div class="loader-bar-fill"></div></div>
    <p class="loader-text">talking with experts…</p>
  </div>
</div>

<header class="page-head">
  <div class="wrap">
    <div class="prompt-line"><span>$ select * from talks;</span><span class="cursor"></span></div>
<h1>Talks & Technical Sessions</h1>
<p class="lede">
  Meet The Labs, guest lectures by visiting faculty from leading institutes (IITs, IISc, ISIs, IIMs) and industry leaders, discussing AI in healthcare, statistical modeling, quantum graph theory, system optimization and much more.
</p>
  </div>
</header>

<main class="wrap">
  <section class="section">
    <div class="grid" id="talks-grid">
      <div class="skeleton skeleton-card"></div>
      <div class="skeleton skeleton-card"></div>
      <div class="skeleton skeleton-card"></div>
      <div class="skeleton skeleton-card"></div>
      <div class="skeleton skeleton-card"></div>
      <div class="skeleton skeleton-card"></div>
    </div>

    <div class="pagination">
      <button class="btn" id="prev-page">← prev</button>
      <span id="page-indicator">page 1</span>
      <button class="btn" id="next-page">next →</button>
    </div>
  </section>
</main>

<script type="module" src="./js/talks.js"></script>
<script src="./js/boot-type.js"></script>
</body>
</html>