buildHtml
baseUrl https://archiscroll.pub
metaTags
editButton /edit.html
title Modern Software Architecture | ArchiScroll
style.css
header
 class hero
 nav
  div ArchiScroll
   class logo
  div
   class nav-links
   a Patterns
    href #patterns
   a Principles
    href #principles
   a Resources
    href #resources
   a Playground
    class cta-button
    href playground.html
 div
  class hero-content
  h1 Architecting Scalable Systems
  p Master the patterns and principles behind modern, resilient software architecture
  a Explore Patterns
   class primary-button
   href #patterns
main
 section
  id patterns
  class patterns
  h2 Architectural Patterns
  div
   class pattern-grid
   div
    class pattern-card
    div �
     class pattern-icon
    h3 Microservices
    p Decompose applications into small, independently deployable services.
   div
    class pattern-card
    div 〰️
     class pattern-icon
    h3 Event-Driven
    p Build responsive systems with asynchronous event processing.
   div
    class pattern-card
    div 🧊
     class pattern-icon
    h3 CQRS
    p Separate read and write operations for optimized performance.
   div
    class pattern-card
    div 🧩
     class pattern-icon
    h3 Hexagonal
    p Isolate core logic from external concerns.
 section
  id principles
  class principles
  h2 Core Principles
  div
   class principles-container
  div
   class principle
   h3 Loose Coupling
   p Minimize dependencies between components to improve maintainability.
  div
   class principle
   h3 High Cohesion
   p Keep related functionality together within boundaries.
  div
   class principle
   h3 Resilience
   p Design systems to handle failures gracefully.
  div
   class principle
   h3 Evolutionary Design
   p Architect for change and incremental improvement.
 section
  id resources
  class resources
  h2 Learning Resources
  div
   class resource-cards
   div
    class resource-card
    h3 Architecture Decision Records
    p Document key decisions and their rationale.
    a View Template
     class secondary-button
     href adr-template.html
   div
    class resource-card
    h3 Design Patterns Catalog
    p Common solutions to recurring problems.
    a Explore
     class secondary-button
     href patterns.html
   div
    class resource-card
    h3 Performance Checklist
    p Key considerations for high-performance systems.
    a Download
     class secondary-button
     href performance-checklist.html
footer
 div
  class footer-content
  div
   class footer-links
   a Blog
    href blog.html
   a Contribute
    href contribute.html
   a Contact
    href contact.html
  p Created by architects for architects.
script.js