René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Inserting Overlay Content Into Header","articleBody":"# Inserting Overlay Content Into Header \r\n\r\n\r\n## Summary\r\nI want to add overlay content to the header, specifically to overlay on top of the Header Image.\r\n\r\n\r\n## Details\r\nI have written the HTML/Liquid and SCSS and it all works when I test it outside of the site build, but I wanted to know how to add this overlay content into the header of all pages using the `_masthead.html`. The goal is to insert a *widget* of sorts with variable content.\r\n\r\n\r\n### The Files\r\nThe repository can be found [here](https://github.com/NewSpectrum/Technovine-Site), and the individual components are:\r\n- [`_masthead.html`](https://github.com/NewSpectrum/Technovine-Site/blob/8675ec3e0ddaf5e9acc454c2d9c49a8f64ed4349/_includes/_masthead.html)\r\n- [`button-preview.html`](https://github.com/NewSpectrum/Technovine-Site/blob/8675ec3e0ddaf5e9acc454c2d9c49a8f64ed4349/_sass/.testing/html/button-preview.html)\r\n- [`header-widget_preview.html`](https://github.com/NewSpectrum/Technovine-Site/blob/8675ec3e0ddaf5e9acc454c2d9c49a8f64ed4349/_sass/.testing/html/header-widget_preview.html)\r\n- [`_header-button.scss`](https://github.com/NewSpectrum/Technovine-Site/blob/8675ec3e0ddaf5e9acc454c2d9c49a8f64ed4349/_sass/foundation-components/_header-button.scss)\r\n- [`_header-widget.scss`](https://github.com/NewSpectrum/Technovine-Site/blob/8675ec3e0ddaf5e9acc454c2d9c49a8f64ed4349/_sass/foundation-components/_header-widget.scss)\r\n- [`_header-widget.liquid`](https://github.com/NewSpectrum/Technovine-Site/blob/gh-pages/_includes/_header-widget.liquid)\r\n\u003c!-- - [`filename`](github) --\u003e\r\n","author":{"url":"https://github.com/PatriotsForLife","@type":"Person","name":"PatriotsForLife"},"datePublished":"2023-04-20T00:58:06.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/253/feeling-responsive/issues/253"}