miscellanea

pulse

In the homepage footer, I used to have a webring icon that slightly pulsated to subtly vie for the visitor’s attention. Here it is archived; feel free to use it:

@keyframes pulse{0%,to{stroke-width:8px}50%{stroke-width:16px}}
#webring{animation:pulse 6s ease-in-out infinite alternate}

<svg id="webring" width="30" height="30" viewBox="20 25 250 250"
  fill="none" stroke="#000" stroke-linecap="square"
  stroke-width="32" xmlns="http://www.w3.org/2000/svg">
  <path d="m201.962 210a60 60 0 10-103.924-60l-50 86.603"/>
  <path d="m98.038 210a60 60 0 10103.924-60l-50-86.603"/>
  <path d="m150 120a60 60 0 100 120h100"/>
</svg>

youtube embeds

You can use the youtube-nocookie domain to prevent YouTube from adding cookies to your site visitors’ devices. Thanks to @mikael for letting me know about this.

<iframe
  width="560" height="315"
  src="https://www.youtube-nocookie.com/embed/{VIDEO_ID}?privacy_mode=1"
  allowfullscreen>
</iframe>

tidbits

• a gender-neutral alternative to John/Jane Doe: A. N. Other