Open
Conversation
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR implements a comprehensive refactoring of the site's CSS architecture and optimizes deployment configuration. The changes establish a modern, scalable CSS system using design tokens, utility classes, and light/dark theme support while ensuring efficient Vercel deployments.
Key changes include:
- Replaced the old single CSS file with a modular system using base, layout, and theme CSS files
- Updated all HTML files to use the new CSS bundle and improved semantic structure
- Added
.vercelignoreto exclude unnecessary files from deployment
Reviewed Changes
Copilot reviewed 70 out of 158 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
.vercelignore |
Excludes development and build artifacts from Vercel deployments |
| Multiple HTML files | Updated to use new CSS bundle and improved markup structure with better accessibility |
Comments suppressed due to low confidence (1)
public/posts/you_shouldnt_share/index.html:1
- The entire HTML document is minified into a single line, which severely impacts code readability and maintainability. While this may be acceptable for production builds, it makes debugging and development extremely difficult. Consider using minification only in production environments.
<!doctype html><html lang=en><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="A raw, unfiltered rant on why using ChatGPT as your therapist is a terrible idea, how OpenAI accidentally exposed private convos to Google, and how to actually protect yourself—with a product designer's take on how to design AI better."><meta name=keywords content="AI,Technology,Cognitive Science,Brain Health,Design,Innovation,Nischal Skanda,Portfolio,Tech Blog"><meta name=author content="Nischal Skanda"><meta name=robots content="index, follow"><meta name=language content="en-us"><title>Stop Oversharing With AI: Your Deepest Secrets Don’t Belong on Google | IDEA LABS</title><link rel=canonical href=http://localhost:1313/posts/you_shouldnt_share/><meta property="og:type" content="article"><meta property="og:url" content="http://localhost:1313/posts/you_shouldnt_share/"><meta property="og:title" content="Stop Oversharing With AI: Your Deepest Secrets Don’t Belong on Google | IDEA LABS"><meta property="og:description" content="A raw, unfiltered rant on why using ChatGPT as your therapist is a terrible idea, how OpenAI accidentally exposed private convos to Google, and how to actually protect yourself—with a product designer's take on how to design AI better."><meta property="og:site_name" content="IDEA LABS"><meta property="og:locale" content="en-us"><meta property="article:author" content="Nischal Skanda"><meta property="article:published_time" content="2025-08-03T10:30:00+05:30"><meta property="article:modified_time" content="2025-08-04T19:26:28+05:30"><meta property="article:tag" content="AI"><meta property="article:tag" content="Privacy"><meta property="article:tag" content="Technology"><meta property="article:tag" content="ChatGPT"><meta property="article:tag" content="Ollama"><meta property="article:tag" content="Product Design"><meta name=twitter:card content="summary_large_image"><meta name=twitter:site content="@nischalskanda"><meta name=twitter:creator content="@nischalskanda"><meta name=twitter:title content="Stop Oversharing With AI: Your Deepest Secrets Don’t Belong on Google | IDEA LABS"><meta name=twitter:description content="A raw, unfiltered rant on why using ChatGPT as your therapist is a terrible idea, how OpenAI accidentally exposed private convos to Google, and how to actually protect yourself—with a product designer's take on how to design AI better."><meta property="og:image" content="http://localhost:1313/images/og-image.jpg"><meta name=twitter:image content="http://localhost:1313/images/og-image.jpg"><meta name=theme-color content="#0099FF"><meta name=msapplication-TileColor content="#0099FF"><script type=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Stop Oversharing With AI: Your Deepest Secrets Don’t Belong on Google","description":"A raw, unfiltered rant on why using ChatGPT as your therapist is a terrible idea, how OpenAI accidentally exposed private convos to Google, and how to actually protect yourself—with a product designer\u0027s take on how to design AI better.","author":{"@type":"Person","name":"Nischal Skanda","url":"https:\/\/www.nischalskanda.tech\/"},"publisher":{"@type":"Organization","name":"IDEA LABS","url":"http:\/\/localhost:1313\/"},"datePublished":"2025-08-03T10:30:00\u002b05:30","dateModified":"2025-08-04T19:26:28\u002b05:30","mainEntityOfPage":{"@type":"WebPage","@id":"http:\/\/localhost:1313\/posts\/you_shouldnt_share\/"},"image":"http:\/\/localhost:1313\/images\/og-image.jpg","keywords":["AI","Privacy","Technology","ChatGPT","Ollama","Product Design"],"articleSection":["Technology","Privacy","Design"]}</script><link rel=dns-prefetch href=//vercel.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=preconnect href=https://www.nischalskanda.tech/><link rel=preconnect href=https://vercel.com crossorigin><style>body{margin:0;padding-top:80px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(248,247,243,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:20px 40px}.logo{font-weight:700;font-size:1.5rem;position:absolute;left:50%;transform:translateX(-50%)}.hero-headline{font-size:5rem;line-height:1.1;text-transform:uppercase;font-weight:700}</style><link rel=icon type=image/x-icon href="http://localhost:1313/favicon.ico?v=2"><link rel=icon type=image/png sizes=16x16 href=http://localhost:1313/favicon-16x16.png><link rel=icon type=image/png sizes=32x32 href=http://localhost:1313/favicon-32x32.png><link rel=apple-touch-icon sizes=180x180 href=http://localhost:1313/apple-touch-icon.png><link rel="shortcut icon" href="http://localhost:1313/favicon.ico?v=2"><link rel=manifest href=http://localhost:1313/site.webmanifest><link rel=preload href=http://localhost:1313/css/bundle.min.5271ac829ff01361c7a45224552900eca73670ac4a55eb54318651319f8a5a54.css as=style onload='this.onload=null,this.rel="stylesheet"' integrity="sha256-UnGsgp/wE2HHpFIkVSkA7Kc2cKxKVetUMYZRMZ+KWlQ="><noscript><link rel=stylesheet href=http://localhost:1313/css/bundle.min.5271ac829ff01361c7a45224552900eca73670ac4a55eb54318651319f8a5a54.css integrity="sha256-UnGsgp/wE2HHpFIkVSkA7Kc2cKxKVetUMYZRMZ+KWlQ="></noscript><link rel=preload href=http://localhost:1313/fonts/Satoshi-Regular.otf as=font type=font/otf crossorigin><link rel=preload href=http://localhost:1313/fonts/Unbounded-VariableFont_wght.ttf as=font type=font/ttf crossorigin><script>(function(){const e=localStorage.getItem("theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");document.documentElement.setAttribute("data-theme",e)})()</script></head><body><header class=site-header role=banner><div class=site-header__container><button id=theme-toggle class=theme-toggle aria-label="Toggle between light and dark theme" aria-pressed=false type=button>
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces a modern, scalable, and maintainable CSS architecture for the project. It adds three new CSS files—
base.css,layout.css, andtheme.css—each serving a distinct purpose: resetting and standardizing base styles, providing a utility-based layout system, and establishing a comprehensive design token-based theme with light/dark mode support. Additionally, a.vercelignorefile is introduced to optimize deployment by excluding unnecessary files.CSS System Implementation
assets/css/base.cssto provide a modern CSS reset, accessible typography, improved link and form element styling, scrollbar and selection enhancements, and robust accessibility and print support.assets/css/layout.csswith a utility-first approach for grid, flexbox, container sizing, positioning, responsive breakpoints, and display/overflow/z-index utilities, enabling mobile-first and scalable layouts.assets/css/theme.cssto define design tokens (colors, spacing, typography, radii, shadows, z-index, etc.), custom font faces, and semantic color assignments for both light and dark themes, including system theme detection and smooth transitions.Deployment Optimization
.vercelignoreto exclude development files, scripts, documentation, and build artifacts from Vercel deployments, ensuring smaller, faster, and more secure builds.