Help
RSS
API
Feed
Maltego
Contact
Domain > hoplanning.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2026-01-06
3.5.244.61
(
ClassC
)
2026-01-21
52.95.142.112
(
ClassC
)
Port 80
HTTP/1.1 200 OKx-amz-id-2: 0Lfofp5XpZ8EXPj7CW3AXIoH/EcYM1Z19Q6mOO6TQi/OZu91TsDXT8em6b2Edzr2goO1mn3IuSSjq//4HZipl5qYDsUhNLGcx-amz-request-id: M5NXWFNVM4D9BCM2Date: Wed, 21 Jan 2026 00:33:22 GMTLast-Modified: Fri, 05 Dec 2025 20:14:13 GMTETag: af28fb04d731e9ad454e03aa2f9bc657Content-Type: text/htmlContent-Length: 12750Server: AmazonS3 !DOCTYPE html>html langen>head>meta charsetUTF-8 />title>Heart of Planning · Console Prototype/title>meta nameviewport contentwidthdevice-width, initial-scale1 />style>/* HOP GLOBAL BRAND PALETTE */:root { --hop-midnight: #0a1124; --hop-deep-night: #111c35; --hop-sunrise: #f97316; --hop-sunrise-soft: #fb923c; --hop-intel-blue: #1d4ed8; --hop-intel-blue-soft: #3b82f6; --hop-intel-blue-light: #93c5fd; --hop-teal: #06b6d4; --hop-teal-light: #67e8f9; --hop-panel-inner: #f1f5f9; --hop-border: #e2e8f0; --hop-shell-fg: #e5e7eb; --hop-shell-soft: #9ca3af; --hop-ok: #22c55e; --hop-warning: #facc15; --hop-alert: #dc2626; /* FRAME SYSTEM */ --hop-frame-warm-light: #f29a4a; --hop-frame-warm: #d9752b; --hop-frame-warm-deep: #a24a15; --hop-bg: var(--hop-midnight); --hop-accent: var(--hop-intel-blue); --hop-accent-soft: rgba(148,163,184,0.25); /* Inner frame geometry */ --hop-inner-gap: 4px; /* hairline gap between inner bars and outer frame */ --hop-inner-bar: 22px; /* width / thickness of inner bars */ --hop-south-height: 40px; /* height of inner south bar */}/* PAGE BASE */* { box-sizing: border-box; }body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #020617 0%, #000 60%); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; display: flex; justify-content: center; align-items: stretch;}/* OUTER CONSOLE HOUSING */.console { width: 100%; max-width: 1280px; height: 100vh; background: #000; border-radius: 0; box-shadow: 0 18px 40px rgba(0,0,0,0.65); display: grid; grid-template-rows: 70px 1fr; overflow: hidden;}/* TOP BAR */.top-bar { display: grid; grid-template-columns: 160px 1fr 140px; align-items: center; padding: 10px 20px 10px 20px; background: linear-gradient( to right, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 50%, var(--hop-frame-warm-deep) 100% ), linear-gradient( to bottom, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.10) 100% );}/* Login Badge */.login-btn { width: 64px; height: 64px; background: var(--hop-ok); border-radius: 50%; border: 2px solid #022c22; color: #022c22; font-size: 10px; font-weight: bold; display:flex; justify-content:center; align-items:center; text-align:center; line-height:1.1; box-shadow:0 0 12px rgba(22,163,74,0.7);}/* Centre Title */.top-title { text-align: center; text-transform: uppercase; letter-spacing: 0.22em; font-size: 11px; color: #fef3c7; margin-bottom: 2px; font-weight: 600;}.top-subtitle { text-align: center; color: #fef3c7; font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase;}/* Logo (right-aligned to frame edge) */.top-right { display:flex; justify-content:flex-end; align-items:center; padding-right: 0;}.hop-logo { width: 62px; height: 62px; border-radius: 50%; background: radial-gradient(circle at 30% 20%, #fff, #f97316 45%, #7c2d12 100%); border: 2px solid #7c2d12; display:flex; align-items:center; justify-content:center; color:white; font-weight:800; font-size:16px;}/* MAIN AREA — OUTER FRAME */.main-area { display: grid; grid-template-columns: 40px minmax(0,1fr) 40px; grid-template-rows: minmax(0,1fr) 42px; height: 100%; border-top: 1px solid #000; /* thin line under top bar */}/* STATIC SIDE RAILS RUN FULL HEIGHT */.side-rail { grid-row: 1 / 3; background: linear-gradient( to bottom, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 50%, var(--hop-frame-warm-deep) 100% ), linear-gradient( to right, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.10) 100% ); border-right: 1px solid rgba(0,0,0,0.7); border-left: 1px solid rgba(0,0,0,0.7);}/* mirror horizontal falloff for the right rail */.side-rail.right { background: linear-gradient( to bottom, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 50%, var(--hop-frame-warm-deep) 100% ), linear-gradient( to left, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.10) 100% );}/* Central black “sleeve” behind inner frame */.content { grid-column: 2; grid-row: 1; position: relative; background: radial-gradient(circle at top left, #111827, #020617 55%, #000 100%); color: var(--hop-shell-fg); overflow: hidden;}/* BOTTOM BAR (CENTRE ONLY) */.bottom-bar { grid-column: 2; grid-row: 2; background: linear-gradient( to right, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 50%, var(--hop-frame-warm-deep) 100% ), linear-gradient( to top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.10) 100% ); border-top: 1px solid rgba(0,0,0,0.6);}/* INNER WINDOW-FRAME SYSTEM */.inner-frame { position: absolute; inset: 0;}/* Main inner glass pane */.inner-glass { position: absolute; top: var(--hop-inner-gap); left: calc(var(--hop-inner-gap) + var(--hop-inner-bar)); right: calc(var(--hop-inner-gap) + var(--hop-inner-bar)); bottom: calc(var(--hop-inner-gap) + var(--hop-south-height)); background: radial-gradient(circle at top, #020617 0%, #020617 40%, #000 100%); box-shadow: 0 0 30px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 40px; color: #9ca3af; font-size: 13px;}/* Side inner bars (East / West) */.inner-rail { position: absolute; top: var(--hop-inner-gap); /* straight up to underside of top black band */ bottom: calc(var(--hop-inner-gap) + var(--hop-south-height)); width: var(--hop-inner-bar); background: linear-gradient( to bottom, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 55%, var(--hop-frame-warm-deep) 100% ); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 0 16px rgba(0,0,0,0.7);}.inner-rail.west { left: var(--hop-inner-gap); }.inner-rail.east { right: var(--hop-inner-gap); }/* South bar – split in two for future PA window */.inner-south { position: absolute; left: calc(var(--hop-inner-gap) + var(--hop-inner-bar)); right: calc(var(--hop-inner-gap) + var(--hop-inner-bar)); bottom: var(--hop-inner-gap); height: var(--hop-south-height); display: grid; grid-template-columns: 1.4fr auto 1fr; /* left board | centre handle | right board (PA segment) */ align-items: stretch;}/* Left + right segments of south bar */.south-segment { position: relative; background: linear-gradient( to top, var(--hop-frame-warm-deep) 0%, var(--hop-frame-warm) 55%, var(--hop-frame-warm-deep) 100% ); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 -4px 10px rgba(0,0,0,0.6);}/* Vertical split line between main south board and PA area */.south-segment.right { border-left: 1px solid rgba(0,0,0,0.75);}/* Mitred corner joins – left */.south-segment.left::before,.south-segment.right::before { content: ; position: absolute; width: 22px; height: 22px; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.9); border-right: 1px solid rgba(0,0,0,0.9); transform-origin: bottom right; transform: skewX(-35deg); opacity: 0.8;}/* Right corner needs mirroring */.south-segment.right::before { right: 0; border-right: 0; border-left: 1px solid rgba(0,0,0,0.9); transform-origin: bottom left; transform: skewX(35deg);}/* THREE-DOT HANDLES *//* Base container – now invisible, only used for layout */.rail-handle { display: flex; align-items: center; justify-content: center; gap: 4px;}/* Vertical side handles – centred on bar */.rail-handle.vertical { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); flex-direction: column;}/* Horizontal bottom handle – sits centrally on top of south bar */.rail-handle.horizontal { align-self: center; justify-self: center; flex-direction: row;}/* The dots themselves – small, slightly darker than bar */.rail-handle span { width: 4px; height: 4px; border-radius: 999px; background: rgba(0,0,0,0.55);}/* Slight hover glow – later this will trigger the retractable behaviour */.rail-handle:hover span { background: rgba(15,23,42,0.9); box-shadow: 0 0 6px rgba(15,23,42,0.8); cursor: pointer;}/style>/head>body>div classconsole> !-- TOP BAR --> header classtop-bar> div> div classlogin-btn>Loginbr/>Sign up/div> /div> div> div classtop-title>Heart of Planning/div> div classtop-subtitle> At the heart of planning, success is measured by the lives we touch, the minds we empower, and the futures we help shape /div> /div> div classtop-right> div classhop-logo>HOP/div> /div> /header> !-- MAIN AREA --> div classmain-area> div classside-rail>/div> main classcontent> !-- INNER FRAME --> div classinner-frame> !-- Inner glass pane --> div classinner-glass> Inner glass sleeve ready. Next step: attach the moving window panel and modules here. /div> !-- West + East inner bars with vertical handles --> div classinner-rail west> div classrail-handle vertical> span>/span>span>/span>span>/span> /div> /div> div classinner-rail east> div classrail-handle vertical> span>/span>span>/span>span>/span> /div> /div> !-- South bar split into main board + PA segment --> div classinner-south> div classsouth-segment left>/div> div classrail-handle horizontal> span>/span>span>/span>span>/span> /div> div classsouth-segment right>/div> /div> /div> /main> div classside-rail right>/div> footer classbottom-bar>/footer> /div>/div>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]