sequoiatree.github.io/index.html at master · sequoiatree/sequoiatree.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
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
  Sequoia Tree
</title>
    <link rel="icon" href="/static/favicon.ico?v=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arapey&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap">

  <link rel="stylesheet" type="text/css" href="/static/styles/main.css">

    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  </head>
  <body class="mb-3 font-family-sans-serif font-size-paragraph">

  <div class="h1 text-uppercase text-center font-family-serif font-size-title">Sequoia</div>
  <div class="d-flex flex-row flex-wrap justify-content-center">
    <div class="h4 px-2 text-uppercase font-family-serif">Teacher</div>
    <div class="h4 px-2 text-uppercase font-family-serif">Researcher</div>
    <div class="h4 px-2 text-uppercase font-family-serif">Engineer</div>
  </div>

  <hr class="mb-0">
  <div class="sticky-top bg-white">
    <div class="page-content mx-auto py-3">
      <nav class="nav nav-pills nav-justified align-items-stretch" id="index-nav-nav" role="tablist">


          <a class="nav-item nav-link d-flex justify-content-center align-items-center m-1 px-3 py-2 text-uppercase font-family-serif  active " id="index-nav-nav-option-about" data-toggle="pill" href="#index-nav-nav-content-about" role="tab" aria-controls="index-nav-nav-content-about" aria-selected=" true ">About / Contact</a>


          <a class="nav-item nav-link d-flex justify-content-center align-items-center m-1 px-3 py-2 text-uppercase font-family-serif " id="index-nav-nav-option-textbooks" data-toggle="pill" href="#index-nav-nav-content-textbooks" role="tab" aria-controls="index-nav-nav-content-textbooks" aria-selected=" false ">Textbooks</a>


          <a class="nav-item nav-link d-flex justify-content-center align-items-center m-1 px-3 py-2 text-uppercase font-family-serif " id="index-nav-nav-option-pyagram" data-toggle="pill" href="#index-nav-nav-content-pyagram" role="tab" aria-controls="index-nav-nav-content-pyagram" aria-selected=" false ">Pyagram</a>


          <a class="nav-item nav-link d-flex justify-content-center align-items-center m-1 px-3 py-2 text-uppercase font-family-serif " id="index-nav-nav-option-publications" data-toggle="pill" href="#index-nav-nav-content-publications" role="tab" aria-controls="index-nav-nav-content-publications" aria-selected=" false ">Publications</a>

      </nav>
    </div>
    <hr class="mt-0">
  </div>

  <div class="page-content mx-auto">

  <div class="tab-content" id="index-nav-nav-content">


      <div class="tab-pane  active " id="index-nav-nav-content-about" role="tabpanel" aria-labelledby="index-nav-nav-option-about">


<div class="text-justify">
  I'm a teacher at heart and a researcher by trade. I write textbooks, develop educational technology, explore new techniques in reinforcement learning, advocate for diversity and inclusivity in the computer science community, and obsessively optimize every little thing in my life. In my spare time I run the Berkeley fire trails, explore the Bay Area, and draw candid portraits for people I meet.
</div>

  <div class="d-flex flex-row justify-content-center my-3">
    <a class="button mx-1 px-3 py-2  text-uppercase font-family-serif" id="resume"  href="/static/resume.pdf" >Curriculum Vitae</a>
  </div>

<div class="text-justify">
  Let's be friends! Don't hesitate to get in touch, whether you want to chat about education, pick my brain on computer science, request a portrait sketch of yourself, or just hang out.
</div>

  <div class="d-flex flex-row justify-content-center my-3">
    <a class="button mx-1 px-3 py-2  text-reverse  text-uppercase font-family-serif" id="email" >ude.yelekreb@aiouqes</a>
  </div>


      </div>


      <div class="tab-pane " id="index-nav-nav-content-textbooks" role="tabpanel" aria-labelledby="index-nav-nav-option-textbooks">


  <div class="mb-3" id="textbooks-accordion">


      <div class="d-flex flex-row accordion-option-wrapper mt-3 mb-0 collapsed" id="textbooks-accordion-option-fundamental-computer-science" data-toggle="collapse" data-target="#textbooks-accordion-content-fundamental-computer-science" aria-expanded="false" aria-controls="textbooks-accordion-content-fundamental-computer-science">
        <a class="accordion-option flex-fill mx-1 px-3 py-2 text-uppercase font-family-serif">Fundamental Computer Science</a>
      </div>
      <div id="textbooks-accordion-content-fundamental-computer-science" class="collapse" aria-labelledby="textbooks-accordion-option-fundamental-computer-science" data-parent="#textbooks-accordion">
        <div class="accordion-content ml-4 py-3 pl-3">


  <div class="section my-3 text-uppercase font-family-serif font-size-subsubsection" id="section-Part-I:-Lorem-Ipsum">
    Part I: Lorem Ipsum

  </div>


        <div class="my-2">
          <a href="/welcome-to-computer-science.html">Welcome to Computer Science</a>
        </div>

        <div class="my-2">
          <a href="/setup.html">Setup</a>
        </div>


  <div class="section my-3 text-uppercase font-family-serif font-size-subsubsection" id="section-Part-II:-Dolor-Sit-Amet">
    Part II: Dolor Sit Amet

  </div>


        <div class="my-2">
          <a href="/variables.html">Variables</a>
        </div>

        <div class="my-2">
          <a href="/functions.html">Functions</a>
        </div>

        <div class="my-2">
          <a href="/booleans.html">Booleans</a>
        </div>

        <div class="my-2">
          <a href="/iteration.html">Iteration</a>
        </div>

        <div class="my-2">
          <a href="/higher-order-functions.html">Higher-Order Functions</a>
        </div>

        <div class="my-2">
          <a href="/lambda-functions.html">Lambda Functions</a>
        </div>

        <div class="my-2">
          <a href="/recursion.pdf">Recursion</a>
        </div>

        <div class="my-2">
          <a href="/counting-problems.pdf">Counting Problems</a>
        </div>

        <div class="my-2">
          <a href="/objects.pdf">Objects</a>
        </div>

        <div class="my-2">
          <a href="/orders-of-growth.pdf">Orders of Growth</a>
        </div>

        <div class="my-2">
          <a href="/iterators-and-generators.pdf">Iterators and Generators</a>
        </div>

        <div class="my-2">
          <a href="/scheme.pdf">Scheme</a>
        </div>


        </div>
      </div>


      <div class="d-flex flex-row accordion-option-wrapper mt-3 mb-0 collapsed" id="textbooks-accordion-option-relational-databases" data-toggle="collapse" data-target="#textbooks-accordion-content-relational-databases" aria-expanded="false" aria-controls="textbooks-accordion-content-relational-databases">
        <a class="accordion-option flex-fill mx-1 px-3 py-2 text-uppercase font-family-serif">Relational Databases</a>
      </div>
      <div id="textbooks-accordion-content-relational-databases" class="collapse" aria-labelledby="textbooks-accordion-option-relational-databases" data-parent="#textbooks-accordion">
        <div class="accordion-content ml-4 py-3 pl-3">


  <div class="section my-3 text-uppercase font-family-serif font-size-subsubsection" id="section-Part-I:-Lorem-Ipsum">
    Part I: Lorem Ipsum

  </div>


        <div class="my-2">
          <a href="/sql:-data-manipulation.html">SQL: Data Manipulation</a>
        </div>


        </div>
      </div>

  </div>

<div class="text-justify">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

  <div class="mb-3" id="textbooks-accordion">


      <div class="d-flex flex-row accordion-option-wrapper mt-3 mb-0 collapsed" id="textbooks-accordion-option-lorem-ipsum" data-toggle="collapse" data-target="#textbooks-accordion-content-lorem-ipsum" aria-expanded="false" aria-controls="textbooks-accordion-content-lorem-ipsum">
        <a class="accordion-option flex-fill mx-1 px-3 py-2 text-uppercase font-family-serif">Lorem Ipsum</a>
      </div>
      <div id="textbooks-accordion-content-lorem-ipsum" class="collapse" aria-labelledby="textbooks-accordion-option-lorem-ipsum" data-parent="#textbooks-accordion">
        <div class="accordion-content ml-4 py-3 pl-3">


      <div class="my-2">
        <a href="/welcome-to-computer-science.html">Welcome to Computer Science</a>
      </div>


        </div>
      </div>

  </div>


      </div>


      <div class="tab-pane " id="index-nav-nav-content-pyagram" role="tabpanel" aria-labelledby="index-nav-nav-option-pyagram">


<div class="text-justify">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

  <div class="my-3">
    <div class="d-flex flex-row my-3">
      <input type="range" min="0" max="10" value="0" class="flex-grow-1 mx-3" id="slider-useless-slider">
    </div>
    <div class="d-flex flex-row align-items-center">
      <a class="button font-weight-bold mx-3 px-5" id="slider-useless-slider-button-l"><</a>
      <div class="flex-grow-1 text-center">Step <span id="slider-useless-slider-label">0</span></div>
      <a class="button font-weight-bold mx-3 px-5" id="slider-useless-slider-button-r">></a>
    </div>
  </div>

<div class="text-justify">
  This slider does nothing. It's here so I can see whether it displays nicely on different Internet browsers. (Right now, it does not.)
</div>


      </div>


      <div class="tab-pane " id="index-nav-nav-content-publications" role="tabpanel" aria-labelledby="index-nav-nav-option-publications">


<div class="text-justify">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>


      </div>

  </div>

  </div>


  <script type="text/javascript" src="/static/scripts/main.js"></script>

  </body>
</html>