|
8 | 8 | <link rel="manifest" href="/manifest.json"> |
9 | 9 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
10 | 10 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
11 | | -<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> |
| 11 | +<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@200;300;400;500;600;700&family=Martian+Mono:wght@300;400;500&family=Lexend+Peta:wght@400&display=swap" rel="stylesheet"> |
12 | 12 |
|
13 | | -<title>ApiIntegration — Domains | supermodel-api-docs Architecture Docs</title> |
14 | | -<meta name="description" content="Browse all ApiIntegration entities in the supermodel-api-docs Architecture Docs architecture documentation."> |
15 | | -<link rel="canonical" href="https://repos.supermodeltools.com/domain/apiintegration.html"> |
| 13 | +<title>APIGuardian — Domains | supermodel-api-docs Architecture Docs</title> |
| 14 | +<meta name="description" content="Browse all APIGuardian entities in the supermodel-api-docs Architecture Docs architecture documentation."> |
| 15 | +<link rel="canonical" href="https://repos.supermodeltools.com/domain/apiguardian.html"> |
16 | 16 |
|
17 | | -<meta property="og:title" content="ApiIntegration — Domains — supermodel-api-docs Architecture Docs"> |
18 | | -<meta property="og:description" content="Browse 1 ApiIntegration Domain recipes on supermodel-api-docs Architecture Docs."> |
19 | | -<meta property="og:url" content="https://repos.supermodeltools.com/domain/apiintegration.html"> |
20 | | -<meta property="og:image" content="https://repos.supermodeltools.com/images/share/domain-apiintegration.svg"> |
| 17 | +<meta property="og:title" content="APIGuardian — Domains — supermodel-api-docs Architecture Docs"> |
| 18 | +<meta property="og:description" content="Browse 1 APIGuardian Domain recipes on supermodel-api-docs Architecture Docs."> |
| 19 | +<meta property="og:url" content="https://repos.supermodeltools.com/domain/apiguardian.html"> |
| 20 | +<meta property="og:image" content="https://repos.supermodeltools.com/images/share/domain-apiguardian.svg"> |
21 | 21 | <meta property="og:type" content="article"> |
22 | 22 | <meta property="og:site_name" content="supermodel-api-docs Architecture Docs"> |
23 | 23 | <meta name="twitter:card" content="summary_large_image"> |
24 | | -<meta name="twitter:title" content="ApiIntegration — Domains — supermodel-api-docs Architecture Docs"> |
25 | | -<meta name="twitter:description" content="Browse 1 ApiIntegration Domain recipes on supermodel-api-docs Architecture Docs."> |
26 | | -<meta name="twitter:image" content="https://repos.supermodeltools.com/images/share/domain-apiintegration.svg"> |
| 24 | +<meta name="twitter:title" content="APIGuardian — Domains — supermodel-api-docs Architecture Docs"> |
| 25 | +<meta name="twitter:description" content="Browse 1 APIGuardian Domain recipes on supermodel-api-docs Architecture Docs."> |
| 26 | +<meta name="twitter:image" content="https://repos.supermodeltools.com/images/share/domain-apiguardian.svg"> |
27 | 27 |
|
28 | 28 | <style>:root { |
29 | | - --bg: #0f1117; |
30 | | - --bg-card: #1a1d27; |
31 | | - --bg-hover: #22263a; |
32 | | - --border: #2a2e3e; |
33 | | - --text: #e4e4e7; |
34 | | - --text-muted: #9ca3af; |
35 | | - --accent: #6366f1; |
36 | | - --accent-light: #818cf8; |
37 | | - --green: #22c55e; |
38 | | - --orange: #f59e0b; |
39 | | - --red: #ef4444; |
40 | | - --blue: #3b82f6; |
41 | | - --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; |
42 | | - --mono: 'JetBrains Mono', 'Fira Code', monospace; |
| 29 | + --bg: #000000; |
| 30 | + --bg-card: #161616; |
| 31 | + --bg-hover: #08191C; |
| 32 | + --border: #202020; |
| 33 | + --text: #FFFFFF; |
| 34 | + --text-muted: #808080; |
| 35 | + --accent: #71B9BC; |
| 36 | + --accent-light: #8CC6C9; |
| 37 | + --green: #7CCE86; |
| 38 | + --orange: #D0A27D; |
| 39 | + --red: #E589C6; |
| 40 | + --blue: #8E8CE9; |
| 41 | + --font: 'Public Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; |
| 42 | + --mono: 'Martian Mono', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; |
43 | 43 | --max-w: 1200px; |
44 | | - --radius: 8px; |
| 44 | + --radius: 0px; |
45 | 45 | } |
46 | 46 |
|
47 | 47 | * { margin: 0; padding: 0; box-sizing: border-box; } |
|
52 | 52 | font-family: var(--font); |
53 | 53 | background: var(--bg); |
54 | 54 | color: var(--text); |
55 | | - line-height: 1.6; |
| 55 | + line-height: 1.5; |
| 56 | + font-weight: 300; |
| 57 | + letter-spacing: 0em; |
56 | 58 | -webkit-font-smoothing: antialiased; |
57 | 59 | overflow-x: hidden; |
58 | 60 | } |
|
61 | 63 | a:hover { text-decoration: underline; } |
62 | 64 | a:focus-visible, button:focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 2px; } |
63 | 65 |
|
64 | | -.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #fff; padding: 8px 16px; border-radius: 6px; z-index: 1001; font-size: 14px; font-weight: 600; } |
| 66 | +.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #000; padding: 8px 16px; border-radius: 6px; z-index: 1001; font-size: 14px; font-weight: 600; } |
65 | 67 | .skip-link:focus { top: 12px; } |
66 | 68 |
|
67 | 69 | .container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; } |
|
83 | 85 | } |
84 | 86 | .site-brand { |
85 | 87 | font-size: 18px; |
86 | | - font-weight: 700; |
| 88 | + font-weight: 400; |
87 | 89 | color: var(--text); |
88 | 90 | display: flex; |
89 | 91 | align-items: center; |
|
94 | 96 | .site-brand:hover { text-decoration: none; color: var(--accent-light); } |
95 | 97 | .site-brand svg { width: 24px; height: 24px; } |
96 | 98 | .site-nav { display: flex; gap: 16px; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch; } |
97 | | -.site-nav a { color: var(--text-muted); font-size: 14px; font-weight: 500; white-space: nowrap; } |
| 99 | +.site-nav a { color: var(--text-muted); font-size: 0.68rem; font-weight: 300; font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; } |
98 | 100 | .site-nav a:hover { color: var(--text); text-decoration: none; } |
99 | 101 | .nav-all-repos { color: var(--accent-light) !important; padding-right: 12px; margin-right: 4px; border-right: 1px solid var(--border); } |
100 | 102 | .nav-all-repos:hover { color: var(--text) !important; } |
|
126 | 128 | .entity-breadcrumb .sep { opacity: 0.4; } |
127 | 129 | .entity-title { |
128 | 130 | font-size: 28px; |
129 | | - font-weight: 700; |
| 131 | + font-weight: 300; |
130 | 132 | line-height: 1.3; |
| 133 | + letter-spacing: -0.02em; |
131 | 134 | margin-bottom: 8px; |
132 | 135 | overflow-wrap: break-word; |
133 | 136 | word-break: break-word; |
|
171 | 174 | border-radius: 20px; |
172 | 175 | font-size: 12px; |
173 | 176 | color: var(--text-muted); |
174 | | - font-weight: 500; |
| 177 | + font-weight: 400; |
| 178 | + font-family: var(--mono); |
175 | 179 | text-decoration: none; |
176 | 180 | } |
177 | 181 | a.pill:hover { |
|
189 | 193 | } |
190 | 194 | .entity-section h2 { |
191 | 195 | font-size: 18px; |
192 | | - font-weight: 600; |
| 196 | + font-weight: 400; |
| 197 | + letter-spacing: -0.02em; |
193 | 198 | margin-bottom: 12px; |
194 | 199 | padding-bottom: 8px; |
195 | 200 | border-bottom: 1px solid var(--border); |
|
234 | 239 | .card-title { |
235 | 240 | font-size: 15px; |
236 | 241 | font-weight: 600; |
| 242 | + letter-spacing: -0.02em; |
237 | 243 | color: var(--text); |
238 | 244 | margin-bottom: 6px; |
239 | 245 | overflow-wrap: break-word; |
|
261 | 267 | } |
262 | 268 | .hero h1 { |
263 | 269 | font-size: 36px; |
264 | | - font-weight: 700; |
| 270 | + font-weight: 200; |
| 271 | + letter-spacing: -0.04em; |
265 | 272 | margin-bottom: 12px; |
266 | 273 | } |
267 | 274 | .hero p { |
|
297 | 304 | } |
298 | 305 | .hero-btn svg { width: 16px; height: 16px; flex-shrink: 0; } |
299 | 306 | .hero-btn-star { border-color: var(--orange); color: var(--orange); } |
300 | | -.hero-btn-star:hover { background: rgba(245, 158, 11, 0.1); } |
| 307 | +.hero-btn-star:hover { background: rgba(208, 162, 125, 0.1); } |
301 | 308 | .hero-btn-fork { border-color: var(--blue); color: var(--blue); } |
302 | | -.hero-btn-fork:hover { background: rgba(59, 130, 246, 0.1); } |
| 309 | +.hero-btn-fork:hover { background: rgba(142, 140, 233, 0.1); } |
303 | 310 | .hero-stats { |
304 | 311 | display: flex; |
305 | 312 | justify-content: center; |
306 | | - gap: 32px; |
| 313 | + flex-wrap: wrap; |
| 314 | + gap: 16px 32px; |
307 | 315 | margin-top: 32px; |
308 | 316 | } |
309 | 317 | .hero-stat { text-align: center; } |
310 | 318 | .hero-stat .num { |
311 | 319 | font-size: 28px; |
312 | | - font-weight: 700; |
| 320 | + font-weight: 300; |
| 321 | + letter-spacing: -0.02em; |
313 | 322 | color: var(--accent-light); |
314 | 323 | } |
315 | 324 | .hero-stat .label { |
|
330 | 339 |
|
331 | 340 | .section-title { |
332 | 341 | font-size: 22px; |
333 | | - font-weight: 700; |
| 342 | + font-weight: 300; |
| 343 | + letter-spacing: -0.02em; |
334 | 344 | margin-bottom: 16px; |
335 | 345 | } |
336 | 346 | .section-subtitle { |
|
348 | 358 | } |
349 | 359 | .hub-header h1 { |
350 | 360 | font-size: 28px; |
351 | | - font-weight: 700; |
| 361 | + font-weight: 300; |
| 362 | + letter-spacing: -0.02em; |
352 | 363 | } |
353 | 364 | .hub-desc { |
354 | 365 | color: var(--text-muted); |
|
389 | 400 | } |
390 | 401 | .pagination .current { |
391 | 402 | background: var(--accent); |
392 | | - color: white; |
| 403 | + color: #000; |
393 | 404 | } |
394 | 405 |
|
395 | 406 |
|
|
458 | 469 | gap: 12px; |
459 | 470 | } |
460 | 471 | .visuals-panel h3 { |
461 | | - font-size: 13px; |
462 | | - font-weight: 600; |
| 472 | + font-size: 10px; |
| 473 | + font-weight: 400; |
| 474 | + font-family: 'Lexend Peta', sans-serif; |
463 | 475 | color: var(--text-muted); |
464 | 476 | text-transform: uppercase; |
465 | | - letter-spacing: 0.04em; |
| 477 | + letter-spacing: 0em; |
466 | 478 | margin: 0 0 8px 0; |
467 | 479 | padding: 0; |
468 | 480 | border: none; |
|
548 | 560 |
|
549 | 561 |
|
550 | 562 | .cta-section { |
551 | | - background: linear-gradient(135deg, var(--bg-card) 0%, #12141d 100%); |
| 563 | + background: linear-gradient(135deg, var(--bg-card) 0%, #08191C 100%); |
552 | 564 | border: 1px solid var(--accent); |
553 | 565 | border-radius: var(--radius); |
554 | 566 | padding: 40px 32px; |
|
558 | 570 | } |
559 | 571 | .cta-heading { |
560 | 572 | font-size: 22px; |
561 | | - font-weight: 700; |
| 573 | + font-weight: 300; |
| 574 | + letter-spacing: -0.02em; |
562 | 575 | margin-bottom: 8px; |
563 | 576 | border-bottom: none !important; |
564 | 577 | padding-bottom: 0 !important; |
|
573 | 586 | display: inline-block; |
574 | 587 | padding: 12px 28px; |
575 | 588 | background: var(--accent); |
576 | | - color: #fff; |
| 589 | + color: #000; |
577 | 590 | font-size: 15px; |
578 | 591 | font-weight: 600; |
579 | 592 | border-radius: 6px; |
|
593 | 606 | margin-bottom: 32px; |
594 | 607 | } |
595 | 608 | .chart-panel h3 { |
596 | | - font-size: 13px; |
597 | | - font-weight: 600; |
| 609 | + font-size: 10px; |
| 610 | + font-weight: 400; |
| 611 | + font-family: 'Lexend Peta', sans-serif; |
598 | 612 | color: var(--text-muted); |
599 | 613 | text-transform: uppercase; |
600 | | - letter-spacing: 0.04em; |
| 614 | + letter-spacing: 0em; |
601 | 615 | margin: 0 0 12px 0; |
602 | 616 | } |
603 | 617 | .chart-panel-compact { |
|
634 | 648 | margin: 0 0 8px 0; |
635 | 649 | } |
636 | 650 | .source-code { |
637 | | - background: #0d0f14; |
| 651 | + background: #161616; |
638 | 652 | border: 1px solid var(--border); |
639 | 653 | border-radius: var(--radius); |
640 | 654 | padding: 16px; |
|
647 | 661 | .source-code code { |
648 | 662 | font-family: var(--mono); |
649 | 663 | font-size: 13px; |
650 | | - color: #e4e4e7; |
| 664 | + color: #FFFFFF; |
651 | 665 | white-space: pre; |
652 | 666 | tab-size: 2; |
653 | 667 | margin-bottom: 0; |
654 | 668 | } |
| 669 | + |
| 670 | +.hp-composition { |
| 671 | + display: flex; |
| 672 | + flex-wrap: wrap; |
| 673 | + gap: 3px; |
| 674 | + height: 200px; |
| 675 | +} |
| 676 | +.hp-comp-item { |
| 677 | + display: flex; |
| 678 | + flex-direction: column; |
| 679 | + justify-content: flex-end; |
| 680 | + padding: 10px 12px; |
| 681 | + text-decoration: none; |
| 682 | + opacity: 0.85; |
| 683 | + transition: opacity 0.2s; |
| 684 | + box-sizing: border-box; |
| 685 | + align-self: stretch; |
| 686 | +} |
| 687 | +.hp-comp-item:hover { opacity: 1; text-decoration: none; } |
| 688 | +.hp-comp-name { |
| 689 | + color: #fff; |
| 690 | + font-size: 13px; |
| 691 | + font-weight: 600; |
| 692 | + font-family: var(--font); |
| 693 | + white-space: nowrap; |
| 694 | +} |
| 695 | +.hp-comp-count { |
| 696 | + color: rgba(255,255,255,0.7); |
| 697 | + font-size: 12px; |
| 698 | + font-family: var(--mono); |
| 699 | + margin-top: 2px; |
| 700 | +} |
| 701 | + |
655 | 702 | #homepage-chart, #hub-chart, #all-entities-chart { width: 100%; } |
656 | 703 | #homepage-chart svg, #hub-chart svg, #taxonomy-chart svg, #all-entities-chart svg, #letter-chart svg { |
657 | 704 | width: 100%; |
|
689 | 736 | } |
690 | 737 | .letter-active { |
691 | 738 | background: var(--accent); |
692 | | - color: #fff; |
| 739 | + color: #000; |
693 | 740 | border-color: var(--accent); |
694 | 741 | } |
695 | 742 |
|
|
742 | 789 | .hero p { font-size: 15px; } |
743 | 790 | .hero-actions { gap: 8px; } |
744 | 791 | .hero-btn { padding: 6px 12px; font-size: 12px; } |
745 | | - .hero-stats { flex-wrap: wrap; gap: 12px; } |
| 792 | + .hero-stats { gap: 8px 16px; } |
746 | 793 | .hero-stat .num { font-size: 22px; } |
747 | 794 | .hero-stat .label { font-size: 12px; } |
748 | 795 | .hero-stat-link { padding: 8px 12px; } |
|
810 | 857 | .hero-stat .num { font-size: 18px; } |
811 | 858 | } |
812 | 859 | </style> |
813 | | -<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","description":"ApiIntegration Domain recipes","image":"https://repos.supermodeltools.com/images/share/domain-apiintegration.svg","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","name":"ApiIntegration Domain — supermodel-api-docs Architecture","position":1,"url":"https://repos.supermodeltools.com/domain-apiintegration.html"}],"numberOfItems":1},"name":"ApiIntegration","url":"https://repos.supermodeltools.com/domain/apiintegration.html"}</script> |
814 | | -<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://repos.supermodeltools.com/","name":"Home","position":1},{"@type":"ListItem","item":"https://repos.supermodeltools.com/domain/","name":"Domains","position":2},{"@type":"ListItem","name":"ApiIntegration","position":3}]}</script> |
| 860 | +<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","description":"APIGuardian Domain recipes","image":"https://repos.supermodeltools.com/images/share/domain-apiguardian.svg","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","name":"APIGuardian Domain — supermodel-api-docs Architecture","position":1,"url":"https://repos.supermodeltools.com/domain-apiguardian.html"}],"numberOfItems":1},"name":"APIGuardian","url":"https://repos.supermodeltools.com/domain/apiguardian.html"}</script> |
| 861 | +<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://repos.supermodeltools.com/","name":"Home","position":1},{"@type":"ListItem","item":"https://repos.supermodeltools.com/domain/","name":"Domains","position":2},{"@type":"ListItem","name":"APIGuardian","position":3}]}</script> |
815 | 862 | </head> |
816 | 863 | <body> |
817 | 864 | <a href="#main-content" class="skip-link">Skip to content</a> |
|
862 | 909 | <span class="sep">/</span> |
863 | 910 | <a href="/domain/index.html">Domains</a> |
864 | 911 | <span class="sep">/</span> |
865 | | - <span>ApiIntegration</span> |
| 912 | + <span>APIGuardian</span> |
866 | 913 | </div> |
867 | | - <h1>ApiIntegration</h1> |
868 | | - <p class="hub-desc">Browse all 1 domain entities categorized under ApiIntegration in the supermodel-api-docs Architecture Docs architecture documentation.</p> |
| 914 | + <h1>APIGuardian</h1> |
| 915 | + <p class="hub-desc">Browse all 1 domain entities categorized under APIGuardian in the supermodel-api-docs Architecture Docs architecture documentation.</p> |
869 | 916 | <p class="hub-meta">1 entities · Page 1 of 1</p> |
870 | 917 | <div class="chart-panel chart-panel-compact hub-charts"> |
871 | 918 | <div class="hub-chart-cell" id="hub-chart"></div> |
872 | 919 | <div class="hub-chart-cell" id="hub-chart-secondary"></div> |
873 | | - <script type="application/json" id="hub-chart-data">{"entryName":"ApiIntegration","totalEntities":1,"typeDistribution":null}</script> |
| 920 | + <script type="application/json" id="hub-chart-data">{"entryName":"APIGuardian","totalEntities":1,"typeDistribution":null}</script> |
874 | 921 | </div> |
875 | 922 | </div> |
876 | 923 |
|
877 | 924 | <div class="card-grid"> |
878 | 925 |
|
879 | | - <a href="/domain-apiintegration.html" class="card"> |
880 | | - <div class="card-title">ApiIntegration Domain — supermodel-api-docs Architecture</div> |
881 | | - <div class="card-desc">Manages the ingestion and rendering of the OpenAPI specification to provide interactive API endpoints and sandboxes. Architectural overview of the ApiIntegration domain in the supermodel-api-docs codebase. Contains 0 source files.</div> |
| 926 | + <a href="/domain-apiguardian.html" class="card"> |
| 927 | + <div class="card-title">APIGuardian Domain — supermodel-api-docs Architecture</div> |
| 928 | + <div class="card-desc">Manages the API lifecycle and security protocols via OpenAPI definitions. Architectural overview of the APIGuardian domain in the supermodel-api-docs codebase. Contains 0 source files.</div> |
882 | 929 | <div class="card-meta"> |
883 | 930 | <span class="pill pill-accent">Domain</span> |
884 | 931 |
|
|
0 commit comments