initial commit

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    "babel-preset-gatsby"
+  ]
+}

.editorconfig

@@ -0,0 +1,7 @@
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": "@upstatement/eslint-config/react"
+}

.gitignore

@@ -0,0 +1,11 @@
+# Project dependencies
+.cache
+node_modules
+yarn-error.log
+package-lock.json
+
+# Build directory
+/public
+.DS_Store
+
+.vscode/

.husky/.gitignore

@@ -0,0 +1 @@
+_

.nvmrc

@@ -0,0 +1 @@
+14.16.0

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Brittany Chiang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

content/featured/ExpenseTracker/index.md

@@ -0,0 +1,15 @@
+---
+date: '1'
+title: 'Expense Tracker'
+cover: './SS1.png'
+github: 'https://github.com/sohamvsonar/expense_tracker'
+external: 'https://github.com/sohamvsonar/expense_tracker'
+tech:
+  - VS Code
+  - Flutter
+  - Dart
+  - API
+  - Android Studio
+---
+
+ Designed to help users manage their expenses, track spending across different categories, and maintain a record of financial transactions. It provides an intuitive interface for creating and managing groups, allowing users to organize their expenses efficiently.

content/featured/RestaurentBillSystem/index.md

@@ -0,0 +1,16 @@
+---
+date: '3'
+title: '```Restaurent Bill 
+& Inventory Management System'
+cover: './SS.jpg'
+external: 'https://github.com/sohamvsonar/RestaurentBillMS'
+cta: 'https://github.com/sohamvsonar/RestaurentBillMS'
+tech:
+  - Python
+  - MySQL
+  - GUI
+  - Tkinter
+---
+
+Built a GUI based application with a graphical interface for a restaurant handling multiple operations. Data is stored and 
+connected to the backend using SQL. The system has a login window for admins and the staff.

content/featured/StockPricePredictor/index.md

@@ -0,0 +1,18 @@
+---
+date: '2'
+title: 'Stock Market Price Predictor'
+cover: './SS1.jpg'
+github: 'https://github.com/sohamvsonar/Stock-Market-Price-Predictor'
+external: 'https://github.com/sohamvsonar/Stock-Market-Price-Predictor'
+tech:
+  - Python
+  - Machine Learning
+  - API
+  - LSTM
+  - Pandas
+  - numpy 
+  - matplotlib
+  - Tensorflow
+---
+
+Stock market price predictor using LSTM (Long Short-Term Memory) neural networks. The predictor is designed to forecast stock prices based on historical data. The LSTM model is built using TensorFlow and Keras, and the stock price data is fetched using the Yahoo Finance API.

content/jobs/Globalshala/index.md

@@ -0,0 +1,11 @@
+---
+date: '2021-06-01'
+title: 'Data Analyst Intern'
+company: 'Globalshala'
+location: 'Remote'
+range: 'Summber 2021'
+url: 'https://globalshala.com/'
+---
+
+- Collaborated and partnered with 3 cross-functional teams to identify and address business challenges through data analysis.
+- Implemented tableau to analyze and identify flaws in unstructured data provided by the marketing team for a facebook advertisement resulting in 34% revenue growth.

content/jobs/Hexaware/index.md

@@ -0,0 +1,13 @@
+---
+date: '2023-03-2'
+title: 'Operations Executive'
+company: 'Hexaware'
+location: 'Mumbai, India'
+range: 'Mar 2023 - June 2023'
+url: 'https://hexaware.com/'
+---
+
+- Administered a software handling daily live requests for non-emergency medical transportation for a leading healthcare company in the United States.
+- Assessed user feedback and reported software bugs, optimizing functioning by 60%; and also assisted other agents in clearing technical problems on the client software platform.
+- Implemented and maintained database management systems to support the client software, entering personal data in centralized database; ensured 100 %accuracy of health record, studying new and revised information resource list.
+- Collaborated with team of 10 to manage multiple user requests and successfully solve the requests

content/jobs/Wolfizer/index.md

@@ -0,0 +1,13 @@
+---
+date: '2022-04-01'
+title: 'Web Development Intern'
+company: 'Wolfizer'
+location: 'Nashik, India'
+range: 'April 2022 - November 2022'
+url: 'https://wolfizer.com/'
+---
+
+- Cooperated with a team of web professionals, led development, design and technical support for a E-commerce website for a client; completed project 2 months prior to the deadline.
+- Got exposure to agile development methodologies and project management processes, successfully executing 2 projects deploying these methodologies.
+- Gained knowledge of front-end technologies such as html, css and javascript to create and handle multiple projects.
+

content/posts/clickable-cards/index.md

@@ -0,0 +1,54 @@
+---
+title: Accessible Clickable Cards
+description: Clickable cards with multiple child links
+date: 2021-04-21
+draft: false
+slug: /pensieve/clickable-cards
+tags:
+  - Accessibility
+  - CSS
+---
+
+[Codepen Demo](https://codepen.io/bchiang7/pen/xxRBvgd?editors=1100)
+
+Card layout where the card itself isn't an anchor link, but the whole card is clickable (with a `:before` pseudo element on the main `<a>`). Links inside of the card are still clickable.
+
+## CSS
+
+```css
+.grid__item {
+  &:hover,
+  &:focus-within {
+    background-color: #eee;
+  }
+
+  a {
+    position: relative;
+    z-index: 1;
+  }
+
+  h2 {
+    a {
+      position: static;
+
+      &:hover,
+      &:focus {
+        color: blue;
+      }
+
+      &:before {
+        content: '';
+        display: block;
+        position: absolute;
+        z-index: 0;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        transition: background-color 0.1s ease-out;
+        background-color: transparent;
+      }
+    }
+  }
+}
+```

content/posts/dark-mode-toggle/index.md

@@ -0,0 +1,99 @@
+---
+title: Dark Mode Toggle
+description: Dark mode without the flash of default theme
+date: 2021-04-21
+draft: false
+slug: /pensieve/dark-mode-toggle
+tags:
+  - Theming
+  - Dark Mode
+---
+
+Dark mode toggle without the flash of default theme. Important bits:
+
+- CSS variables for color theming
+- Put `data-theme` attribute on `<html>`, not `<body>`, so we can run the JS before the DOM finishes rendering
+- Run local storage check in the `<head>`
+- JS for toggle button click handler can come after render
+
+## HTML
+
+```html
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    ...
+    <script>
+      // If there's a theme stored in localStorage, use it on the <html>
+      const localStorageTheme = localStorage.getItem('theme');
+      if (localStorageTheme) {
+        document.documentElement.setAttribute('data-theme', localStorageTheme);
+      }
+    </script>
+  </head>
+  <body>
+    <div class="theme-toggle">
+      <button
+        class="theme-toggle-btn js-theme-toggle"
+        aria-label="Activate dark mode"
+        title="Activate dark mode"
+      >
+        <!--
+        <svg class="light-mode">
+          <use xlink:href="#sun"></use>
+        </svg>
+        <svg class="dark-mode">
+          <use xlink:href="#moon"></use>
+        </svg>
+        -->
+      </button>
+    </div>
+
+    <script src="app.js"></script>
+  </body>
+</html>
+```
+
+## CSS Variables
+
+```css
+:root {
+  --bg: #ffffff;
+  --text: #000000;
+}
+
+[data-theme='dark'] {
+  --bg: #000000;
+  --text: #ffffff;
+}
+```
+
+## JavaScript
+
+```js:title=app.js
+const themeToggleBtn = document.querySelector('.js-theme-toggle');
+
+themeToggleBtn.addEventListener('click', () => onToggleClick());
+
+const onToggleClick = () => {
+  const { theme } = document.documentElement.dataset;
+  const themeTo = theme && theme === 'light' ? 'dark' : 'light';
+  const label = `Activate ${theme} mode`;
+
+  document.documentElement.setAttribute('data-theme', themeTo);
+  localStorage.setItem('theme', themeTo);
+
+  themeToggleBtn.setAttribute('aria-label', label);
+  themeToggleBtn.setAttribute('title', label);
+};
+```
+
+## Resources
+
+- <https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/>
+- <https://css-tricks.com/flash-of-inaccurate-color-theme-fart/>
+- <https://mxb.dev/blog/color-theme-switcher/>
+- <https://www.joshwcomeau.com/react/dark-mode/>
+- <https://web.dev/prefers-color-scheme/>

content/posts/docker-compose-error/index.md

@@ -0,0 +1,38 @@
+---
+title: Docker Compose Error
+description: docker-compose version discrepancies
+date: '2019-12-13'
+draft: false
+slug: '/pensieve/docker-error'
+tags:
+  - WordPress
+  - Docker
+---
+
+## Problem
+
+Recently while updating with [Skela](https://github.com/Upstatement/skela-wp-theme) with webpack, I encountered a weird error where I wasn't able to run a simple script:
+
+```shell:title=bin/composer
+#!/bin/bash
+docker-compose exec -w /var/www/html/wp-content/themes/skela wordpress composer "$@"
+```
+
+When trying to run this script via `./bin/composer install`, I got this error in my terminal:
+
+```shell
+ERROR: Setting workdir for exec is not supported in API < 1.35 (1.30)
+```
+
+The error was coming from the `-w` flag in the `docker-compose exec` command in the `composer` script.
+
+## Solution
+
+Turns The fix was to update the version in my `docker-compose.yml` file to from version `3.5` to `3.6`. It's strange because 3.5 isn't anywhere close to the API version `1.35` from the error message 🤷‍♀️
+
+```yaml:title=docker-compose.yml
+version: '3.6' # highlight-line
+services:
+  wordpress:
+    build:
+```