From ed0cd1d1f85c4e08ad8f0c8e548af96137d76f4e Mon Sep 17 00:00:00 2001 From: Karen Ting Date: Mon, 8 Jul 2024 23:47:53 -0700 Subject: [PATCH] project rough update --- _posts/clinical-trials.html | 713 ++++++++++++++++++++++++++++++++++++ _posts/gitlet.html | 113 ++++++ assets/css/main.css | 96 ++++- blog.html | 40 ++ index.html | 115 +++--- 5 files changed, 1008 insertions(+), 69 deletions(-) create mode 100644 _posts/clinical-trials.html create mode 100644 _posts/gitlet.html diff --git a/_posts/clinical-trials.html b/_posts/clinical-trials.html new file mode 100644 index 0000000..eaacef2 --- /dev/null +++ b/_posts/clinical-trials.html @@ -0,0 +1,713 @@ + + + + + + + + clinical-trials + + + + + + + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_posts/gitlet.html b/_posts/gitlet.html new file mode 100644 index 0000000..8956e2d --- /dev/null +++ b/_posts/gitlet.html @@ -0,0 +1,113 @@ + + + + + Gitlet Project Page + + + + + + + +
+ + + + + + + + +
+
+

Gitlet (CS61B Project)

+ +
+ +

Project Overview

+
+ A simplified edition of the popular version-control system - Git, which allows developers to collaborate + and manage their codebase. This project, Gitlet, was built in Java and supports several key commands/functionalities as detailed below. + Since this is a major class project, I can not share my code, but you can + explore the full project spec here.

+
+ +
+ +

Key Takeaways

+
    +
  1. Provided with a code skeleton of mostly empty classes, + learning how to form a strong design document was key before implementation. + It was also necessary in order to implement persistence because data needed + to be stored in-between command runs. +
    2. +
  2. With such a large and complex project, I learned to build a comprehensive suite of integration + and unit tests to ensure proper functionality. +
    3. +
  3. + Overall, I strengthened my confidence in Java along with implementing and leveraging key + computer science concepts - classes, tree-based data structures, serialization, and SHA-1 encryption for data integrity. +
    4. +
+ +
+ +

More info on supported commands and design doc coming soon.

+
+
+ + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index 9d5fcc9..3b05f6b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -3328,4 +3328,98 @@ input, select, textarea { padding: 0 1.25em; } - } \ No newline at end of file + } + +/* Blog Layout */ +.post-container { + display: flex; + flex-direction: row; + align-items: center; + + border-radius: 10px; + + /* Add padding for content */ + padding: 25px; + + /* Add a background color for contrast */ + background-color: #fff; + margin-bottom: 25px; + cursor: pointer; + } + + a:hover .post-container .post-content{ + color: black !important; + } + + .post-container .post-content{ + color: #585858; + transition: none; + } + + .post-image { + width: 30%; + margin-right: 20px; + } + + .post-image img { + width: 100%; + height: auto; + } + + .post-content { + width: 95%; + } + + .post-style1 { + box-shadow: 1px 1px 0px #f2849e; + border: 3px solid #f2849e; + } + +.post-style1:hover { + box-shadow: 1px 1px 10px rgba(242, 132, 158, 0.5); + } + + .post-style2 { + box-shadow: 1px 1px 0px #7bd0c1; + border: 3px solid #7bd0c1; + } + +.post-style2:hover { + box-shadow: 1px 1px 10px rgba(123, 208, 193, 0.5); +} + + .post-style3 { + box-shadow: 1px 1px 0px #c75b9b; + border: 3px solid #c75b9b; + } + +.post-style3:hover { + box-shadow: 1px 1px 10px rgba(199, 91, 155, 0.5); +} + +.post-content p { + margin-bottom: 0px; + } + +.post-content h3 { + margin-bottom: 0.5em; + letter-spacing: 3px; + } + +/* Media query for mobile screens */ +@media (max-width: 768px) { + .post-container { + flex-direction: column; + } + .post-image { + width: 100%; + margin-right: 0; + } + .post-content { + width: 100%; + } + .post-container .post-content p { + display: none; + } + } + diff --git a/blog.html b/blog.html index 3abb835..791037b 100644 --- a/blog.html +++ b/blog.html @@ -54,7 +54,47 @@

Karen's Learning Corner.

to see the key milestones of my journey so far.

+ + +
+
+

Build a Portfolio Site in 24HRS (Coming soon)

+

+ My process for quickly building this portfolio site using Github Pages and HTML/CSS. +

+
+
+ + + +
+
+

Trends in Clinical Trials (In-progress)

+

Clinical trials play a pivotal role in advancing medical research, shaping healthcare policies and improving patient outcomes. + In this project, we aim to understand the current global landscape and provide a comprehensive view of the state of medical research.

+
+
+ + +
+
+

AFX Tech Music App (Coming Soon)

+

My first experience with building iOS apps with React Native and XCode, along with designing in Figma.

+
+
+ + + + +
+
+

Data Context and Ethics (Coming Soon)

+

The key lessons and takeaways I learned from my Data Context and Ethics class as a future Data Scientist.

+
+
+ + diff --git a/index.html b/index.html index 040d96c..7b38ab5 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,8 @@

Menu

@@ -47,7 +48,7 @@

Menu

-

Hi, I'm Karen.

Empowering Innovation through Tech

+

Hi, I'm Karen.

Empowering Innovation through Technology

Working at the intersection of data and product, I am driven by one goal: crafting innovative solutions for meaningful change. Explore the highlighted projects below or visit my blog to see my journey so far. Let's shape the future together!

@@ -57,12 +58,12 @@

Hi, I'm Karen.

Empowering Innovation through Tech

- -

Twitter Analysis

+ +

PathMatch

-

Twitter has become a powerful platform for individuals from various domains to communicate, - share insights, and engage with the public. In this project, we look at six influential figures - to uncover insights on today's digital landscape. +

PathMatch is a start-up revolutionizing the job application process. + As a Product Intern, I gained invaluable experience + in data analysis and product development.

@@ -71,12 +72,14 @@

Twitter Analysis

- -

Trends in Clinical Trials

+ +

CliniCAL

- Clinical trials play a pivotal role in advancing medical research, shaping healthcare policies and improving patient outcomes. - In this project, we aim to understand the current global landscape and provide a comprehensive view of the state of medical research. + CliniCAL, a de-identification data solution, addresses the lack of diversity, + participant trust, and data security in U.S. clinical trials. + Working on a 6-person, I gained practical experience in key product management concepts. +

@@ -84,35 +87,40 @@

Trends in Clinical Trials

- -

Gitlet

+ +

Air Quality + Respiratory Health

-

A simplified version-control system built in Java, which allows developers to collaborate and manage their codebase.

+

Investigating the relationship between air quality (PM2.5 and ozone levels) and the onset + of chronic respiratory illness (asthma and COPD) using casual inference techniques + and exploratory data analysis. +

@@ -121,10 +129,12 @@

syGlass

-

CliniCAL

+

League of Women Voters

- Coming soon. + LWV Oakland is a nonpartisan political organization encouraging + informed and active citizen participant in government. As a + consultant, I conducted and analyzed member surveys.

@@ -134,9 +144,9 @@

CliniCAL

-

League of Women Voters

+

Gitlet

-

Coming soon.

+

A simplified version-control system built in Java, which allows developers to collaborate and manage their codebase.

 @@ -144,10 +154,11 @@

League of Women Voters

- -

NumC

+ +

Twitter Analysis

-

Coming soon.

+

Twitter has become a powerful platform for individuals from various domains to communicate, share insights, and engage with the public. + In this project, we look at six influential figures to uncover insights on today's digital landscape.

 @@ -156,47 +167,15 @@

NumC

-

AFX Tech Music App

-
-

Coming soon.

-
- - - -