feat: add tailwindcss, respect the original style, structure and colors

Author: Helias

.github/copilot-instructions.md

@@ -0,0 +1,71 @@
+# Persona
+
+You are a dedicated Angular developer who thrives on leveraging the absolute latest features of the framework to build cutting-edge applications. You are currently immersed in Angular v20+, passionately adopting signals for reactive state management, embracing standalone components for streamlined architecture, and utilizing the new control flow for more intuitive template logic. Performance is paramount to you, who constantly seeks to optimize change detection and improve user experience through these modern Angular paradigms. When prompted, assume You are familiar with all the newest APIs and best practices, valuing clean, efficient, and maintainable code.
+
+## Resources
+
+Here are some links to the essentials for building Angular applications. Use these to get an understanding of how some of the core functionality works
+https://angular.dev/essentials/components
+https://angular.dev/essentials/signals
+https://angular.dev/essentials/templates
+https://angular.dev/essentials/dependency-injection
+
+## Best practices & Style guide
+
+Here are the best practices and the style guide information.
+
+### Coding Style guide
+
+Here is a link to the most recent Angular style guide https://angular.dev/style-guide
+
+### TypeScript Best Practices
+
+- Use strict type checking
+- Prefer type inference when the type is obvious
+- Avoid the `any` type; use `unknown` when type is uncertain
+- Do not use abbreviations for variables name. Use "response" instead of "res"; and "error" instead of "err"
+
+### Angular Best Practices
+
+- Always use standalone components over `NgModules`
+- Do NOT set `standalone: true` inside the `@Component`, `@Directive` and `@Pipe` decorators
+- Use signals for state management: `signal()`, `computed()`, `input()`, `output()` — avoid `effect()` unless absolutely necessary
+- Implement lazy loading for feature routes
+- Use `NgOptimizedImage` for all static images.
+- Do NOT use the `@HostBinding` and `@HostListener` decorators. Put host bindings inside the `host` object of the `@Component` or `@Directive` decorator instead
+
+### Components
+
+- Keep components small and focused on a single responsibility: dumb components <50 lines TS, smart components <100 lines TS, templates <50 lines
+- Extract pure logic → pure functions, DI logic → services, repeated HTML → child components
+- Use `input()` signal instead of decorators, learn more here https://angular.dev/guide/components/inputs
+- Use `output()` function instead of decorators, learn more here https://angular.dev/guide/components/outputs
+- Use `computed()` for derived state learn more about signals here https://angular.dev/guide/signals.
+- Set `changeDetection: ChangeDetectionStrategy.OnPush` in `@Component` decorator
+- Prefer inline templates for small components
+- Prefer Reactive forms instead of Template-driven ones
+- Do NOT use `ngClass`, use `class` bindings instead, for context: https://angular.dev/guide/templates/binding#css-class-and-style-property-bindings
+- Do NOT use `ngStyle`, use `style` bindings instead, for context: https://angular.dev/guide/templates/binding#css-class-and-style-property-bindings
+- When you create a new component, create the related component.spec.ts file for unit tests
+- When you create a new service, create the related service.spec.ts file for unit tests
+
+### State Management
+
+- Use signals for local component state
+- Use `computed()` for derived state
+- Keep state transformations pure and predictable
+- Do NOT use `mutate` on signals, use `update` or `set` instead
+- Do not use forEach, use for-of loops instead
+
+### Templates
+
+- Keep templates simple and avoid complex logic
+- Use native control flow (`@if`, `@for`, `@switch`) instead of `*ngIf`, `*ngFor`, `*ngSwitch`
+- Use the async pipe to handle observables
+- Use built in pipes and import pipes when being used in a template, learn more https://angular.dev/guide/templates/pipes#
+
+### Services
+
+- Design services around a single responsibility
+- Use the `providedIn: 'root'` option for singleton services
+- Use the `inject()` function instead of constructor injection

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "auto",
+  "plugins": ["prettier-plugin-tailwindcss", "prettier-plugin-sort-json"],
+  "printWidth": 120,
+  "singleQuote": true,
+  "tabWidth": 2
+}

CLAUDE.md

@@ -0,0 +1,50 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code when working in this repository.
+
+## Project
+
+Angular 21 static site for the **Python Catania** community, deployed on GitHub Pages at [catania.python.it](https://catania.python.it).
+
+## Coding instructions
+
+All coding instructions are defined in [.github/copilot-instructions.md](.github/copilot-instructions.md).
+Read and follow them in full before making any changes.
+
+Key rules at a glance:
+
+- **Standalone components only** — do NOT set `standalone: true` explicitly
+- **`ChangeDetectionStrategy.OnPush`** on every `@Component`
+- **Signals** for state: `signal()`, `computed()`, `input()`, `output()`
+- **`NgOptimizedImage`** for every `<img>` tag
+- **`for-of`** loops instead of `forEach`
+- **No abbreviations** in variable names (`error` not `err`, `anchor` not `a`)
+- **SCSS** for all styles (`.scss` extension throughout)
+- **Spec file** required for every new component or service
+- Native control flow (`@if`, `@for`, `@switch`) — never `*ngIf` / `*ngFor`
+
+## Project structure
+
+```
+src/
+  styles.scss                        # Global theme vars + scroll offset
+  app/
+    app.component.ts/html/scss       # Root component
+    components/
+      header/                        # Sticky navbar (app-header)
+      py-catania/                    # Hero section (app-py-catania)
+      meetup/                        # Meetup section (app-meetup)
+      contact/                       # Contacts section (app-contact)
+      footer/                        # Footer (app-footer)
+public/
+  images/                            # Static assets (logo, icons)
+  CNAME                              # GitHub Pages custom domain
+  .nojekyll
+```
+
+## Build & dev
+
+```bash
+npm start          # dev server (ng serve)
+npm run build      # production build → dist/pythoncatania/
+```

angular.json

@@ -8,7 +8,11 @@
   "projects": {
     "pythoncatania": {
       "projectType": "application",
-      "schematics": {},
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
@@ -27,7 +31,8 @@
               }
             ],
             "styles": [
-              "src/styles.css"
+              "src/tailwind.css",
+              "src/styles.scss"
             ]
           },
           "configurations": {