Advertising with an Embedded Instagram Image

This version uses HTML and CSS and works without JavaScript. Good enough.

This is test text from another post to fill out the page in order to view how the flow is broken by the ad image.

This afternoon, I mowed and trimmed our yard and planted 36 green bean seads.

Advertisement
These taps need you to be here getting beer from them!!
June 26, 2015
Black Cloister Brewing Company

[Update: October 2019. The Black Cloister Brewing Company shutdown in the summer of 2019.]

Warmish due to the humidity. At 4:00 p.m., Toledo area temps were in the mid 70s. Dew point temps were in the low 60s, producing a relative humidity of 60 to 65%. Sky still mostly cloudy with periods of sunshine.

Late this afternoon and this evening, we'll be taking stuff to our neighbor's for the weekend garage sale that begins tomorrow morning.

TOL:
May 12, 2016 3:52 pm
Weather : Fair
Temperature : 75 F
Humidity : 64%
Wind Speed : S 12 mph
Barometer : 29.88 in
Dewpoint: 62 F
Visibility : 10.00 statute miles


I created this page in May 2017, and I'm updating it in January 2019. I should have never used Instagram to host images that I wanted to embed into web posts on my own websites.

Advertisement
Survive winter by embracing it.
March 2018
Gabbie and me, during a snow squall.

[Update: October 2019. This fall, I deleted the above Twitter account that I used to test IndieWeb concepts.]

Over the years, Instagram changes the URL locations of the images. I assume that it's because of infrastructure changes, or it's because Instagram does not want people to embed images elsewhere, like I'm doing by accessing the image URL directly, bypassing Instagram's JavaScript-based embed feature.

In the above embedded ad that contains a photo of Gabbie, I'm relying on my test Twitter account. The images of Barney and Gabbie and the links point to my test Twitter account. I'm guessing that Twitter does not change the image URLs every year, like Instagram.

Advertisement
This redpoll invasion occurred in early 2008.
March 2008
Backyard bird feeder.

Flickr is probably a more reliable silo service to use for hosting images to be embedded elsewhere. I've been using Flickr for this functionality, since 2004.

The above Flickr image comes from my Jot Hut account.

I created this paragraph and the following text on Sunday, July 27, 2019 while relaxing in the mid afternoon in my hometown while visiting my Mom. Sunny, warm, breezy, pleasant summer day.


Begin Advertisement

Eat More Carrots

Spare the Ducks

End Advertisement


For my Mardown only web world (no text/html, only text/plain CommonMark markup), how would a simple text-based add appear? What are the formatting options?

Image banner ads could be created by using the Markdown syntax for embedding an image to point to server-side code that dynamically generates or returns an image.

This sample page displays alternating images. The image links point to a server-side script that reads an image on the file system and sends the binary data to the browser for display. Refreshing the page will cause the two different images to be displayed.

This is a Markdown text/plain file and not an HTML page. To view it, a Markdown viewer web browser extension will be needed.

http://md.soupmode.com/2019/06/24/the-plastic-conundrum.md

Oct 31, 2019

This version accesses an image that's stored at my Waxwing image posting site. I'm not relying on someone else's silo.

Advertisement
Magee Marsh Wildlife Area boardwalk in April 2019, weeks before the crush of birdwatchers.
April 2019
Lake Erie Trail Birdwatching