website/about.html at master · Harshkedia/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
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
<!DOCTYPE html>
<html>
  <head>
    <title>Harshvardhan Kedia</title>
    <link rel="icon shortcut" href="icon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="about.css" />

    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
    />
    <script src="https://d3js.org/d3.v3.js"></script>
  </head>

  <body>
    <div class="dropdown">
      <i id="myBtn" class="material-icons md-36">list</i>

      <div id="myDropdown" class="dropdown-content">
        <div class="dropdown-sidebar">
          <div class="header-00">
            <ul>
              <li>
                <a href="./index.html" class="header-01">
                  HARSHVARDHAN KEDIA
                </a>
              </li>
              <li>
                <ul class="header-02">
                  <li>
                    <a href="./about.html" class="header-03">-> About </a>
                  </li>
                  <li></li>
                  <li>
                    <a href="./resume.html/resume.pdf" class="header-03"
                      >-> Resume
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <a href="./cd.html" class="header-01"> COMPUTATIONAL DESIGN </a>
              </li>

              <li>
                <a href="./arch.html" class="header-01"> ARCHITECTURE </a>
              </li>

              <li>
                <a href="./ca.html" class="header-01"> COMPUTATIONAL ART </a>
              </li>

              <li>
                <ul class="header-02">
                  <li>
                    <a href="./adverts/adverts.html" class="header-03"
                      >-> Ads for Arch 2.0</a
                    >
                  </li>
                  <li>
                    <a href="./banham/banham.html" class="header-03"
                      >-> Reyner Banham
                    </a>
                  </li>
                  <li>
                    <a href="./negligence/negligence.html" class="header-03"
                      >-> Temporal Space
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <script>
      // Get the button, and when the user clicks on it, execute myFunction
      document.getElementById("myBtn").onclick = function() {
        myFunction();
      };

      /* myFunction toggles between adding and removing the show class, which is used to hide and show the dropdown content */
      function myFunction() {
        document.getElementById("myDropdown").classList.toggle("show");
      }
    </script>

    <div class="side-bar-background">
      <div class="header-00">
        <ul>
          <li>
            <a href="./index.html" class="header-01">Harshvardhan Kedia </a>
          </li>

          <div class="header-001">
            <li><a href="./overview.html" class="header-011">All Work</a></li>

            <li><a href="./cd.html" class="header-011">Design Computing</a></li>

            <li><a href="./arch.html" class="header-011">Architecture </a></li>

            <li>
              <a href="./ca.html" class="header-011">Computational Art</a>
            </li>

            <li><a href="./writing.html" class="header-011">Ideas</a></li>

            <li><a href="./about.html" class="header-012">About</a></li>
            <li><a href="resume.pdf" class="header-012">Resume</a></li>
<li><a href="https://github.com/Harshkedia" class="header-012">Github</a></li>
          </div>
        </ul>
      </div>
    </div>

    <h2 class="project-title">
      "Try to learn something about everything and everything about something" -
      <a href="https://en.wikipedia.org/wiki/Thomas_Henry_Huxley" class="plink"
        >Thomas Huxley (aka Darwin's "Bulldog")</a
      >
      <br /><br />
      I enjoy being at the periphery, where the the boundaries are ambiguous and
      the subjects ill-defined. I exist at the intersection of computation,
      making, writing, thinking, designing and expressing - all at once. I like
      to view the world through the lens of architecture and architectural
      thinking. <br /><br />
      My belief is that architecture is a constant struggle between Affect and
      Effect - my work so far has been trying to negotiate that boundary.
      <br /><br />
      My work typically has an interdisciplinary flavor, navigating between
      Architecture, Computer Science, Digital Fabrication and Design Theory.
      This puts me in a unique position, where I can add value from other fields
      of thinking into propositions that value human experience at their core.
      <br /><br />
      I'm an avid tinkerer, writer and hacker. I enjoy breaking, making and
      expressing myself through technology - be it an arduino, a javascript
      program, or an industrial robotic arm.
      <br /><br />
      Feel free to reach out at:
      <a href="mailto:harshkedi@gmail.com" class="plink"
        >harshkedi at gmail dot com</a
      >.
    </h2>

    <script src="circles_force.js"></script>
  </body>
</html>