Skip to content
rtpeters69
assetrack-landing
Repository navigation
Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights
Settings
assetrack-landing
/

in
main

Edit

Preview
Indent mode

Indent size

Line wrap mode

Editing index.html file contents
NextPreviousAllMatch CaseRegexpBy Word
ReplaceReplace All×
current match. .topbar{flex-wrap:wrap} on line 575.
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
      rgba(215,228,230,.55) 72%,
      rgba(175,215,210,.32) 100%
    );
}

    .ctaBand h2{margin:0 0 8px; font-size:28px; letter-spacing:-.3px; color: var(--text)}
    .ctaBand p{margin:0; color:var(--muted)}
    .ctaBand .ctaRow{margin-top:14px}

    footer{padding:18px 0 40px; color:var(--muted2); font-size:13px}
    .foot{
      display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
      border-top:1px solid var(--line); padding-top:18px
    }
    .legal{display:flex; gap:14px; flex-wrap:wrap}
    .legal a{color:var(--muted2)}
    .legal a:hover{color:var(--text)}

    .disclaimer{
      margin-top:14px;
      padding:12px 14px;
      border:1px solid var(--line);
      border-radius:14px;
      background: rgba(255,255,255,.45);
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    body[data-theme="dark"] .disclaimer{
      background: rgba(255,255,255,.03);
      color: var(--muted2);
    }

    /* =========================
       RESPONSIVE (fixes mobile header overflow)
       ========================= */
    @media (max-width: 940px){
      .heroGrid{grid-template-columns:1fr;}
      h1{font-size:40px}
      .diagram{height:280px}
    }
   @media (max-width: 820px){
  .topbar{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand actions"
      "nav nav";
    align-items:center;
  }
  .brand{ grid-area: brand; }
  .actions{ grid-area: actions; margin-left:0; }
  nav{
    grid-area: nav;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
    padding-bottom:8px;
    justify-self:start;
  }
}
    @media (max-width: 740px){
      .grid3{grid-template-columns:1fr}
      .grid2{grid-template-columns:1fr}
      h1{font-size:36px}
      .heroCard{padding:28px}
    }
    
    /* =========================================================
   DIAGRAM CARD — FORCE MATCH OTHER CARDS
   (no gradients, same material + shadow)
   ========================================================= */
.diagram{
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(11,18,32,.10);
  box-shadow: var(--shadow);
}
Use Control + Shift + m to toggle the tab key moving focus. Alternatively, use esc then tab to move to the next interactive element on the page.
While the code is focused, press Alt+F1 for a menu of operations.Editing assetrack-landing/index.html at main · rtpeters69/assetrack-landing