Securedly 2.0b

[Atelloblue]

First push to main not fully made so it may be stable because some of the UI is not updated but ye.

Summary by CodeRabbit

• New Features

  • New IP information lookup tool with interactive map integration and address retrieval
  • Scroll animations and counter animations across the site

• Improvements

  • Redesigned visual appearance with updated typography and modern color scheme
  • Sticky navigation header with added GitHub link
  • Enhanced responsive layout across all pages
  • Reorganized footer with improved structure

[netlify]

✅ Deploy Preview for securedly ready!

Name	Link
🔨 Latest commit	f2d40cb
🔍 Latest deploy log	https://app.netlify.com/projects/securedly/deploys/69a7d60f4268350008756a8b
😎 Deploy Preview	https://deploy-preview-1--securedly.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 5802e050-6ba2-4d89-9732-c20f4b94a481

📥 Commits

Reviewing files that changed from the base of the PR and between 9269dab and f2d40cb.

📒 Files selected for processing (1)

• tools/ipinfo.html

---

📝 Walkthrough

Walkthrough

This pull request comprehensively redesigns the website frontend across multiple pages. Key changes include replacing the Poppins font with Plus Jakarta Sans, implementing a dark glass-morphism design system, converting fixed headers to sticky navigation, integrating AOS scroll animations, and restructuring layouts with new responsive grid systems. A new IP information tool with API fallback and map integration is introduced at tools/ipinfo.html.

Changes

Cohort / File(s)	Summary
Core Design System & Global Styling about.html, index.html, privacy.html	Font switched from Poppins to Plus Jakarta Sans; new CSS root theme with dark background, glassy card aesthetics, and accent colors; added background glow effects and updated typography across all files.
Header & Navigation Standardization about.html, index.html, privacy.html	Header behavior changed from fixed to sticky with backdrop blur; logo icon updated (fa-shield-alt → fa-shield-halved); GitHub CTA button added; mobile menu JavaScript and related elements removed; nav spacing and hover states adjusted.
Layout Restructuring & Responsive Grids about.html, index.html, privacy.html	Transitioned to glass-card grid systems with new responsive behavior; introduced section-specific grids (principles-grid, founder-layout, stats-bar, footer-grid); adjusted container padding and column counts for improved mobile scaling.
Scroll Animations & Interactive Enhancements about.html, index.html, privacy.html	Integrated AOS (Animate On Scroll) CSS and JavaScript; added scroll animation initialization with once: true and offset: 100; implemented counter animation using IntersectionObserver for stats sections.
Footer & Content Restructuring about.html, index.html, privacy.html	Redesigned to multi-column grid layout (4 columns on larger viewports); simplified link labels (e.g., "Tools", "Company", "Connect"); added copyright notices; removed old footer block structures.
New IP Information Tool tools/ipinfo.html	New page introducing comprehensive IP lookup functionality with multi-source API fallback (ipwho.is, ipapi.co, etc.), normalized response handling, interactive Leaflet map integration, loading states, API status indicator, and responsive information grid.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Browser as Browser/DOM
    participant Fetcher as IP Lookup Engine
    participant API1 as API Provider 1
    participant API2 as API Provider 2
    participant Map as Leaflet Map

    User->>Browser: Load ipinfo.html (or click Lookup)
    Browser->>Browser: Show loading overlay
    
    Browser->>Fetcher: Fetch IP data (with fallback)
    
    Fetcher->>API1: Request IP info from ipwho.is
    API1-->>Fetcher: Response (or timeout/error)
    
    alt API1 succeeds
        Fetcher->>Fetcher: Normalize response
    else API1 fails
        Fetcher->>API2: Retry with ipapi.co
        API2-->>Fetcher: Response
        Fetcher->>Fetcher: Normalize response
    end
    
    Fetcher-->>Browser: Return normalized data (ip, location, isp, timezone, lat/lon)
    
    Browser->>Browser: Update info grid (Address, Location, Provider, Timezone)
    Browser->>Browser: Update status indicator with API source
    Browser->>Browser: Hide loading overlay
    
    alt Coordinates available
        Browser->>Map: Update map center and add marker
        Map-->>Browser: Map rendered
    end
    
    Browser-->>User: Display results

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~50 minutes

Poem

🐰 Hops of joy for the redesign so bright,
Glass cards gleaming in dark of night,
From Poppins old to Jakarta's grace,
Sticky headers find their place,
With AOS magic and maps so fine,
Our little warren's website does shine! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title 'Securedly 2.0b' is vague and does not clearly convey what has changed in this pull request.	Replace with a descriptive title that summarizes the main changes, such as 'Redesign homepage, about, and privacy pages with new glass-card styling' or 'Add encryption and IP info tools with updated UI theme'.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch securedly-2.0b

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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