Skip to content

Instantly share code, notes, and snippets.

@sachsmc

sachsmc/example.html

Created February 1, 2022 21:13
Show Gist options
  • Save sachsmc/e0d16f2efb6a42177ff143f90a58c1b0 to your computer and use it in GitHub Desktop.
Save sachsmc/e0d16f2efb6a42177ff143f90a58c1b0 to your computer and use it in GitHub Desktop.
Download ZIP
Product integral on the web
Raw
example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="prodint.css">
<title>Product integral</title>
</head>
<body>
<i class="prodint"></i>
<i class="prodint" style="width:2rem"></i>
<i class="prodint" style="width:4rem"></i>
</body>
Raw
prodint.css
.prodint {
display:inline-block;
width:10rem;
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1005" width="720"><path transform="scale(1,-1) translate(0,-1005)" fill="black" stroke="black" stroke-width="1" d="M549 867q2 0 15.5 2t18.5 3t18.5 4.5t21 7.5t19.5 11t20.5 16.5t18.5 21.5t18 29t14 37q-60 -45 -123 -59t-115 -4t-104 27t-96.5 27t-86 3t-78.5 -51.5t-68 -130.5q41 69 93.5 100.5t94.5 27.5q22 -301 -26 -582q-45 -273 -130 -331q-35 -24 -74 -5q166 -89 241 205 q65 252 50 698q142 -44 193 -51q-25 -463 39 -714q41 -161 102 -159q44 1 88 88q-60 -89 -107 -2q-60 111 -68 417q-4 171 11 364z" /></svg>') 0 0/contain no-repeat;
}
.prodint::before {
content:"";
display:block;
padding-top:100%;
}
@sachsmc
Copy link
Author

sachsmc commented Feb 1, 2022

prodint

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment