Skip to content

Instantly share code, notes, and snippets.

View kavicastelo's full-sized avatar
💻
lives in a program

kavi castelo kavicastelo

💻
lives in a program
View GitHub Profile
TypeScript 37 hrs 48 mins ██████████░░░░░░░░░░░ 47.7%
HTML 19 hrs 6 mins █████░░░░░░░░░░░░░░░░ 24.1%
Java 6 hrs 22 mins █▋░░░░░░░░░░░░░░░░░░░ 8.0%
SCSS 6 hrs 17 mins █▋░░░░░░░░░░░░░░░░░░░ 7.9%
JSON 4 hrs 46 mins █▎░░░░░░░░░░░░░░░░░░░ 6.0%
name: Deploy Spring Boot App to EC2
on:
push:
branches:
- main # Deploy on push to the main branch
jobs:
deploy:
if: contains(github.event.head_commit.message, '[deploy-backend]') # triggers only commit message includes `deploy-backend`
@kavicastelo
kavicastelo / blue_theme_color_palette_dark.css
Created November 18, 2024 21:14
blue_theme_color_palette
.theme-blue-dark {
--color-primary-100: #1a73e8; /* Deeper Blue */
--color-primary-200: #4c8bf7;
--color-primary-300: #78a7f7;
--color-primary-400: #a3c1fa;
--color-primary-500: #cfe2ff;
--color-primary-600: #e6f2ff;
--color-primary-600-opacity-3: rgba(230, 242, 255, 0.3);
--color-primary-600-opacity-6: rgba(230, 242, 255, 0.6);
--color-primary-600-opacity-9: rgba(230, 242, 255, 0.9);
@kavicastelo
kavicastelo / green_theme_color_palette_dark.css
Last active November 18, 2024 21:18
green_theme_color_palette
.theme-green-dark {
--color-primary-100: #2ea043;
--color-primary-200: #37ae4d;
--color-primary-300: #45c05e;
--color-primary-400: #50d26f;
--color-primary-500: #61e486;
--color-primary-600: #61e486;
--color-primary-600-opacity-3: rgba(97, 228, 134, 0.3);
--color-primary-600-opacity-6: rgba(97, 228, 134, 0.6);
--color-primary-600-opacity-9: rgba(97, 228, 134, 0.9);
@kavicastelo
kavicastelo / orange_theme_color_palette_dark.css
Created November 18, 2024 21:17
orange_theme_color_palette
.theme-orange-dark {
--color-primary-100: #d35400; /* Darker Orange */
--color-primary-200: #e17022;
--color-primary-300: #e98d43;
--color-primary-400: #f0a062;
--color-primary-500: #f5c185;
--color-primary-600: #fbe3b1;
--color-primary-600-opacity-3: rgba(251, 227, 177, 0.3);
--color-primary-600-opacity-6: rgba(251, 227, 177, 0.6);
--color-primary-600-opacity-9: rgba(251, 227, 177, 0.9);
@kavicastelo
kavicastelo / red_theme_color_palette_dark.css
Created November 18, 2024 21:19
red_theme_color_palette
.theme-red-dark {
--color-primary-100: #c0392b; /* Darker Red */
--color-primary-200: #d35445;
--color-primary-300: #e3715f;
--color-primary-400: #ec8a7b;
--color-primary-500: #f2a295;
--color-primary-600: #f6bdb3;
--color-primary-600-opacity-3: rgba(246, 189, 179, 0.3);
--color-primary-600-opacity-6: rgba(246, 189, 179, 0.6);
--color-primary-600-opacity-9: rgba(246, 189, 179, 0.9);
@kavicastelo
kavicastelo / purple_theme_color_palette_dark.css
Created November 18, 2024 21:20
purple_theme_color_palette
.theme-purple-dark {
--color-primary-100: #8e44ad; /* Deep Purple */
--color-primary-200: #a569bd;
--color-primary-300: #b884d6;
--color-primary-400: #d0a5e8;
--color-primary-500: #e9c6f0;
--color-primary-600: #f6e1f8;
--color-primary-600-opacity-3: rgba(246, 225, 248, 0.3);
--color-primary-600-opacity-6: rgba(246, 225, 248, 0.6);
--color-primary-600-opacity-9: rgba(246, 225, 248, 0.9);
@kavicastelo
kavicastelo / blue&purple_theme_color_palette_dark.css
Created November 18, 2024 21:23
blue&purple_theme_color_palette
.theme-blue-purple-dark {
--color-primary-100: #8e44ad; /* Deep Purple */
--color-primary-200: #9b59b6; /* Soft Purple */
--color-primary-300: #af7ac5; /* Light Purple */
--color-primary-400: #d2b4de; /* Lavender */
--color-primary-500: #ebdef0; /* Very Light Lavender */
--color-primary-600: #f5eef8; /* Pale Lavender */
--color-primary-600-opacity-3: rgba(245, 238, 248, 0.3);
--color-primary-600-opacity-6: rgba(245, 238, 248, 0.6);
--color-primary-600-opacity-9: rgba(245, 238, 248, 0.9);
@kavicastelo
kavicastelo / app.routes.ts
Last active April 23, 2025 15:44
Angular Learning Module 1 (Interns) - Basics + Standalone Components
import { Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { ProjectsComponent } from './projects/projects.component';
import { AboutComponent } from './about/about.component';
export const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'projects', component: ProjectsComponent },
{ path: 'about', component: AboutComponent },
{ path: '**', redirectTo: 'home' }
@kavicastelo
kavicastelo / app.routes.ts
Last active April 23, 2025 15:43
Angular Learning Module 2 (Interns) – Forms + Firebase Firestore
import { Routes } from '@angular/router';
import { ContactComponent } from './contact/contact.component';
export const routes: Routes = [
{ path: 'contact', component: ContactComponent },
{ path: '**', redirectTo: 'contact' }
];