emilyclam.github.io/index.html at main · emilyclam/emilyclam.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
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="UTF-8">
        <title>EMILY LAM</title>
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
        <link rel="stylesheet" href="style.css">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    </head>
    <body>
        <div class="space"></div>
        <header class="header">
            <h1 class="title"><a href="index.html">Emily Lam</a></h1>
            <nav>
                <!--<li><a href="#highlights">highlights</a></li>-->
                <!--<li><a href="#projects">projects</a></li>
                <li><a href="#about">about</a></li>
                <li><a href="#contact">contact</a></li>-->
                <li><a href="http://github.com/emilyclam" target="_blank">GitHub</a></li>
                <li><a href="https://www.linkedin.com/in/emily-lam-200439202/" target="_blank">LinkedIn</a></li>
                <li><a href="assets/Resume.pdf" target="_blank">Resume</a></li>

            </nav>
        </header>
        <!-- <section id="experience">
            <h2>Professional Experience</h2>
            <iframe class="pdf" src="assets/Internship_2024.pdf" width="700" height="500">
            </iframe>
            <iframe class="pdf" src="assets/Batchloader.pdf" width="700" height="500">
            </iframe>
        </section> -->
        <section id="projects">
            <h2>Projects</h2>
            <div class="gallery">
                <div class="gallery-item leetMon">
                    <img src="assets/leetmon1.gif" class="thumbnail">
                    <h3 class="caption-title">LeetMon</h3>
                </div>
                 <div class="gallery-item recipeBook">
                    <img src="assets/recipebook1.png" class="thumbnail">
                    <h3 class="caption-title">Recipe Book</h3>
                </div>
                <div class="gallery-item pogoBot">
                    <img src="assets/bot-example.png" class="thumbnail">
                    <h3 class="caption-title">PoGo Bot</h3>
                </div>
            </div>
        </section>
        <div class="frame">
            <div class="project">
                <a class="exit" onclick="closeFrame()">X</a>
                <div class="frame-img">
                    <img src="assets/scheduleMaker1.JPG">
                    <a class="prev" onclick="nextImg(-1)">&#10094;</a>
                    <a class="next" onclick="nextImg(1)">&#10095;</a>
                    <div id="img-indicators"></div>
                </div>
                <div class="info">
                    <div class="proj-header">
                        <h3 class="proj-title"></h3>
                        <a href="#">
                        <svg width="16" height="16" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                            <path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(2)" />
                        </svg>
                        </a>
                    </div>

                    <ul class="languages">
                    </ul>
                    <div class="description">
                        <h4>Description</h4>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>

        <section class="row">
            <div id="about">
                <h2>About</h2>
                <p>
                    Senior at University of California: Santa Cruz,
                    majoring in computer science.
                    From the Bay Area.
                    Interested in using programming to solve real-world problems and inconveniences.
                    Favorite programming language: python!
                    Also interested in data science and linguistics.
                    In my free time I like to draw, hang out with my cats, and play pokemon go!
                    <br><br>See my professional experience: <a href="assets/Resume.pdf" target="_blank">Resume</a>

                </p>
            </div>
            <div id="contact">
                <h2>Contact</h2>
                <p>
                    Emily Lam<br>
                    emilychilam@gmail.com <br><br>
                    <a href="http://github.com/emilyclam" target="_blank">GitHub</a> |
                    <a href="https://www.linkedin.com/in/emily-lam-200439202/" target="_blank">LinkedIn</a>
                </p>
            </div>
        </section>
        <footer>

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