krishfire.github.io/index.html at main · KrishFire/krishfire.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Krish Tandon — CS180/280A Portfolio</title>
  <meta name="description" content="Krish Tandon's project portfolio for CS180/280A: Intro to Computer Vision and Computational Photography at UC Berkeley.">
  <link rel="stylesheet" href="/style.css">
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📸</text></svg>">
</head>
<body>

<header class="topbar">
  <div class="wrap topbar-inner">
    <a class="brand" href="/">Krish Tandon</a>
    <nav class="topnav">
      <a href="#projects">Projects</a>
      <a href="#about">About</a>
      <a href="https://github.com/KrishFire">GitHub</a>
    </nav>
  </div>
</header>

<main>

  <section class="hero">
    <div class="wrap">
      <p class="eyebrow">UC Berkeley · Fall 2026</p>
      <h1>CS180/280A<br><em>Computer Vision &amp;<br>Computational Photography</em></h1>
      <p class="lede">
        A running notebook of everything I build this semester — starting with
        <em>becoming friends with every pixel</em>, and my camera along with it.
      </p>
      <ul class="meta">
        <li>Krish Tandon</li>
        <li>krishfire.github.io</li>
        <li>Fall 2026</li>
      </ul>
    </div>
  </section>

  <section id="projects">
    <div class="wrap">
      <h2>Projects</h2>
      <p class="prose">Each project gets its own write-up with the images, the process, and what I
        actually learned from it.</p>

      <div class="cards">

        <a class="card" href="/0/">
          <span class="num">Project 0</span>
          <span class="name">Becoming Friends with Your Camera</span>
          <p class="blurb">Perspective, focal length, and the center of projection — selfies done
            wrong and right, compressed architecture, and a hand-made dolly zoom.</p>
          <span class="go">Read the write-up →</span>
        </a>

        <a class="card" href="/1/">
          <span class="num">Project 1</span>
          <span class="name">Colorizing the Prokudin-Gorskii Collection</span>
          <p class="blurb">Aligning glass-plate negatives from the Russian Empire into full-colour
            photographs, with NCC, L2 and a coarse-to-fine image pyramid.</p>
          <span class="go">Read the write-up &rarr;</span>
        </a>

        <div class="card card--soon">
          <span class="num">Project 2</span>
          <span class="name">Fun with Filters and Frequencies</span>
          <p class="blurb">Gradients, Gaussians, hybrid images, and multiresolution blending.</p>
          <span class="go">Coming soon</span>
        </div>

        <div class="card card--soon">
          <span class="num">Project 3</span>
          <span class="name">(Auto)stitching and Photo Mosaics</span>
          <p class="blurb">Homographies, feature matching, and panoramas that actually line up.</p>
          <span class="go">Coming soon</span>
        </div>

        <div class="card card--soon">
          <span class="num">Project 4</span>
          <span class="name">Neural Radiance Fields</span>
          <p class="blurb">Fitting a 3D scene representation from a handful of 2D views.</p>
          <span class="go">Coming soon</span>
        </div>

        <div class="card card--soon">
          <span class="num">Project 5</span>
          <span class="name">Fun with Diffusion Models</span>
          <p class="blurb">Sampling loops, guidance, and generative image editing.</p>
          <span class="go">Coming soon</span>
        </div>

      </div>
    </div>
  </section>

  <section id="about">
    <div class="wrap prose">
      <h2>About</h2>
      <p>I'm Krish, an undergrad at UC Berkeley. This site is where my CS180/280A work lives —
        write-ups, images, and the occasional thing that didn't work.</p>
      <p>Source for this site is on
        <a href="https://github.com/KrishFire/krishfire.github.io">GitHub</a>.</p>
    </div>
  </section>

</main>

<footer>
  <div class="wrap">
    <span>Krish Tandon · CS180/280A · Fall 2026</span>
    <span><a href="https://github.com/KrishFire/krishfire.github.io">Source on GitHub</a></span>
  </div>
</footer>

</body>
</html>