Elixir Top Banner (links to order page)

PHOTO

Tue May 31 2022 14:27:12 GMT+0000 (UTC)

Saved by @hollyhenaghan #undefined

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
var newNode = document.createElement('div');
newNode.classList.add("bannernew");
newNode.insertAdjacentHTML('beforeend',`SEASONAL OFFER: ORDER A TORTA AND GET A $1 DRIP COFFEE. ORDER NOW`,);
// Get the reference node
var referenceNode = document.querySelector('#header');
// Insert the new node before the reference node
referenceNode.parentNode.insertBefore(newNode, referenceNode);
$('div.bannernew').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="/order"></a>');
});
});
</script>
@media only screen and (min-width: 600px) {
    body #header{
       padding-top:35px!important;
   }
.bannernew{
    position:absolute;
    text-align:center;
    background:#da291c;
    z-index:9999999999!important;
    top:0;
    width:100%;
    height:35px;
    font-size:20px;
    padding-top:5px;
}
.bannernew a {
    color: white !important;
}
}
@media only screen and (max-width: 600px) {
    body #header{
       padding-top:40px!important;
   }
.bannernew{
    position:absolute;
    text-align:center;
    background:#da291c;
    z-index:9999999999!important;
    top:0;
    width:100%;
    height:40px;
    font-size:14px;
   padding-top:5px;
}
.bannernew a {
    color: white !important;
    font-size: 14px;
}
}

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

add property to each object in array javascript using ".map()" Code Example

Results.map(obj=> ({ ...obj, Active: 'false' }))

Random Password Generator

import random as r
p = 'abcdefghijklmnopqrstuvwxyz0123456789%^*(-_=+)'           # Population
print(''.join(r.choices(p, k=10)))                       # Return a k sized list of population elements chosen with replacement.

SQL Basics - SQL online course | LearnSQL.com

select department,max(salary),min(salary)
from employees
where year=2014
group by department

PHP Check if Key exist in array

<!DOCTYPE html>
<html>
<body>

<?php
$a=array("Volvo"=>"XC90","BMW"=>"X5");
if (array_key_exists("Volvo",$a))
  {
  echo "Key exists!";
  }
else
  {
  echo "Key does not exist!";
  }
?>

</body>
</html>

Tryit Editor v3.7

<!DOCTYPE html>
<html>
<body>

<p>Image to use:</p>

<img id="scream" width="220" height="277"
src="pic_the_scream.jpg" alt="The Scream">

<p>Canvas:</p>

<canvas id="myCanvas" width="240" height="297"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
   ctx.drawImage(img, 10, 10);
};
</script>

</body>
</html>

dcm2arr_2 - Jupyter Notebook

img_series_name = sitk.ImageSeriesReader.GetGDCMSeriesFileNames(img_path)

<!DOCTYPE html>
<html>
<body>

<h2>HTML Iframes</h2>
<p>You can use the height and width attributes to specify the size of the iframe:</p>

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

</body>
</html>

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

 <link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">

<div class="wrapper">

            <div class="box">

                <div class="description">

                    <h2>Box 1</h2>

                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A sunt rem magni quasi tempore alias nostrum mollitia delectus cupiditate hic unde minima quis officiis, quidem quae quisquam, aperiam porro fugiat?</p>

                    <ul class="list">

                        <li><a href="https://twitter.com/sudo_Jayasree" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a></li>

                        <li><a href="https://github.com/Jayasree77"><i class="fab fa-github"></i></a></li>

 <link rel="preconnect" href="https://fonts.gstatic.com">

<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">

<div class="wrapper">

            <div class="box">

                <div class="description">

                    <h2>Box 1</h2>

                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A sunt rem magni quasi tempore alias nostrum mollitia delectus cupiditate hic unde minima quis officiis, quidem quae quisquam, aperiam porro fugiat?</p>

                    <ul class="list">

                        <li><a href="https://twitter.com/sudo_Jayasree" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a></li>

                        <li><a href="https://github.com/Jayasree77"><i class="fab fa-github"></i></a></li>

Tryit Editor v3.7

<!DOCTYPE html>
<html>
<body>

<h2>Iframe - Target for a Link</h2>

<iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

<p>When the target attribute of a link matches the name of an iframe, the link will open in the iframe.</p>

</body>
</html>

Hide Prices and Payment on Checkout - Heineken

<style>

<!--ORDERING TEMPLATE: NO PRICES OR PAYMENT-->
/*CHANGE PER LANGUAGE*/
:root {
--checkout-pay-button: "Place an Order"!important;
}
.fd-page.fd-page__order-checkout button[data-fd="checkout-place-order"] .buttonState:after{
    content:"Place Order";
    font-size:20px!important;
    margin-top:4px!important;
}
#flipdish-menu section.fd-content__side .fd-section__profile-panel{
    display:none!important;
}
<!--END ORDERING TEMPLATE: NO PRICES OR PAYMENT-->


</style>
<link rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/noPricesOrPayment/production-v1.min.css">

Browse more snippets >>