profile/Personal-Projects.html at master · daniellan2002/profile · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

    <!-- Font Awesome -->
    <script src="https://kit.fontawesome.com/9e020e1969.js" crossorigin="anonymous"></script>

    <!-- Google Fonts -->
    <link rel="icon" href="CSS - My Site Images/eagle.ico">
    <link href="https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap" rel="stylesheet">
    <link href="https://fonts.google.com/specimen/IBM+Plex+Sans?selection.family=Cabin:wght@700|IBM+Plex+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Allura&family=Roboto:wght@100&display=swap" rel="stylesheet">
    <link
        rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
      />
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="icon" href="CSS - My Site Images/letter-d.png">
    <link rel="stylesheet" href="css/styles.css">
  </head>


  <body>

  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script type="text/javascript">
  	AOS.init({
  				easing: 'ease-out-back',
  				duration: 1000
  			});
  </script>

    <div class="skills-projects">
      <h2 class="page2-title" data-aos="fade-up">My Personal Projects</h2>
      <div class="skill-row">
        <a href="https://daniellan2002.github.io/personalnetworthcalc.io/" target="_blank">
          <img class="skills-pictures btn1" src="CSS - My Site Images/calculator1.png" alt="">
        </a>
        <h3 class="project-title">Personal Networth Calculator</h3>
        <p class="project-text">While using the Networth Worksheet from Charles Schwab, I noticed this useful tool did not have a website access. To make
        this tool more accessible for others, I created an online version using the exact formulas
        to calculate an user's networth, with just a few clicks!
        </p>

        <p class="tech-titles">
          Technology Used:
        </p>

        <ul>
          <li>
            HTML
          </li>
          <li>
            CSS
          </li>
          <li>
            JavaScript
          </li>
        </ul>


      </div>

      <div class="skill-row">
        <a href="https://github.com/daniellan2002/File-System-Management" target="_blank">
          <img class="skills-pictures btn1" src="CSS - My Site Images/folder.png" alt="">
        </a>
        <h3 class="project-title">File System Management</h3>
        <p class="project-text">This program takes user input from a console or terminal to find
          and display the paths of all of the files in a directory (sub-directories included),
          and then take action on some of those files that have interesting characteristics.</p>

          <p class="tech-titles">
            Libraries in Python Used:
          </p>

          <ul>
            <li>
              pathlib
            </li>
            <li>
              os.path
            </li>
            <li>
              shutil
            </li>
          </ul>
      </div>
      <div class="skill-row">
        <a href="https://github.com/daniellan2002/marbles-streak-game">
          <img class="skills-pictures btn1" src="CSS - My Site Images/marbles.png" alt="">
        </a>
        <h3 class="project-title">Marble Streak Game</h3>
        <p class="project-text">Inspired by a class project, I tried to recreate the iconic
          Columns game with Python and PyGame! Featuring colorful marbles and a scoring system, this
          game has all the fun components of Columns but is nowhere near perfect! Updates coming soon!</p>
        <p class="tech-titles">
          Technologies Used:
        </p>

        <ul>
          <li>
            Python
          </li>
          <li>
            PyGame
          </li>

        </ul>
      </div>

      <!-- <div class="skill-row">
        <a href="https://daniellan2002.github.io/personalnetworthcalc.io/">
          <img class="skills-pictures btn1" src="CSS - My Site Images/calculator1.png" alt="">
        </a>

        <p class="project-text">Website Structuring</p>
      </div> -->

      <div class="skills">
        <!-- <h3 class="live-game-title">Flappy Dash 1.0</h3> -->
        <div class="glitch-embed-wrap" style="height: 800px; width: 100%;">
          <iframe
            src="https://glitch.com/embed/#!/embed/flappy-dash2-0?path=script.js&previewSize=100"
            title="flappy-dash2-0 on Glitch"
            allow="geolocation; microphone; camera; midi; vr; encrypted-media"
            style="height: 100%; width: 100%; border: 0;">
          </iframe>
        </div>
      </div>

      <div class="ocean-container">
        <img src="CSS - My Site Images/Waves-Line.png" alt="ocean">
      </div>


      <!-- <button type="button" class="btn btn-light btn-sm social-media"><i class="fab fa-twitter fa-1.5x"></i></button>
      <button onclick="location.href='https://www.facebook.com/profile.php?id=100009908138394'"type="button" class="btn btn-light btn-sm social-media"><i class="fab fa-facebook fa-1.5x"></i></button>
      <button onclick="location.href='https://www.instagram.com/daniel_t_lan/?hl=en'"type="button" class="btn btn-light btn-sm social-media"><i class="fab fa-instagram fa-1.5x"></i></button>
      <button type="button" class="btn btn-light btn-sm social-media"><i class="fa fa-envelope fa-1.5x"></i></button> -->
    </div>


  </body>
</html>