diff --git a/src/public/news.css b/src/public/news.css index 9e7d880..6b8d032 100644 --- a/src/public/news.css +++ b/src/public/news.css @@ -14,6 +14,9 @@ --table-bg-mobile: rgb(255, 255, 250); --visited-link: #828282; } +.newsletter-row { + margin-bottom: 5px; +} .notification:link { color: black !important; @@ -439,6 +442,9 @@ body { } /* mobile device */ @media only screen and (min-width : 300px) and (max-width : 640px) { + .newsletter-row { + margin-bottom: 20px; + } .share-container { font-size: 10pt; } diff --git a/src/views/feed.mjs b/src/views/feed.mjs index 48e0081..e3861db 100644 --- a/src/views/feed.mjs +++ b/src/views/feed.mjs @@ -743,6 +743,151 @@ async function recommended(trie, page, domain, identity, hash) { }; } +function Newsletter() { + return html` +
+
+
+

+ Join 1,300+ crypto builders +

+

+ Get curated crypto & web3 content delivered to your inbox. +

+
+ + + + + + + +
+ +
+
+ + +
+ + + +
+

+ Join the smartest minds in crypto. Our weekly newsletter includes + insights from Vitalik Buterin, Stani Kulechov, and other top + builders in the space. +

+
+
+
+ `; +} + export default async function (trie, theme, page, domain, identity, hash) { const mints = await registry.mints(); const path = "/"; @@ -845,6 +990,10 @@ export default async function (trie, theme, page, domain, identity, hash) { currentQuery, )(story, i + 3), )} + + ${Newsletter()} + + ${stories .slice(8) .map((story, i) =>