Walkthrough

Adds two new Django templates: website/templates/account/base.html (a centered account card layout exposing an account_content block) and website/templates/socialaccount/login.html (extends the account base and implements a localized, CSRF-protected GitHub connect form with styling, SVG icon, and cancel link).

Changes

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Browser
    participant Django as Django App
    participant Social as SocialAuth View
    participant GitHub

    rect rgb(240,248,255)
    User->>Browser: Open "Connect GitHub" page
    Browser->>Django: GET /socialaccount/login/ (renders template)
    Django-->>Browser: HTML (socialaccount/login.html)
    end

    rect rgb(245,255,240)
    Browser->>Django: POST /socialaccount/login/ (form submit, CSRF token)
    Django->>Social: Hand off to social auth flow
    Social->>GitHub: Redirect to GitHub OAuth
    GitHub-->>Social: OAuth callback
    Social-->>Django: Authenticate / link account
    Django-->>Browser: Redirect to next page / show status
    end

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• Review accessibility (button labels, focus states, color contrast).
• Verify i18n usage and translation strings are correct.
• Confirm CSRF token and form action integrate with the expected social auth view/URL.

Pre-merge checks and finishing touches

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

@razzasid we would rather override the style in the allauth base template so it applies to all templates

Hi @DonnieBLT I've implemented the styling feedback. The allauth base template (account/base.html) now contains the shared styling, and socialaccount/login.html has been updated to use it for consistent appearance across allauth pages.