diff --git a/beta/src/components/Layout/HomeContent.js b/beta/src/components/Layout/HomeContent.js index 0df098e8e..1725ca3e4 100644 --- a/beta/src/components/Layout/HomeContent.js +++ b/beta/src/components/Layout/HomeContent.js @@ -638,19 +638,22 @@ function BrowserChrome({children, setPostPromise, setAlbumsPromise}) { return (
-
-
+
+
example.com /artists/the-beatles
- +
+ +
+
{children}
diff --git a/beta/src/styles/index.css b/beta/src/styles/index.css index dfaa56f3d..2e42accc9 100644 --- a/beta/src/styles/index.css +++ b/beta/src/styles/index.css @@ -331,3 +331,23 @@ ol.mdx-illustration-block { opacity: 1; } } + +.animation-pulse { + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(0.9); + box-shadow: 0 0 0 0 rgba(8, 126, 164, 1); + } + + 70% { + transform: scale(1); + box-shadow: 0 0 0 20px rgba(8, 126, 164, 0); + } + + 100% { + transform: scale(0.9); + } +}