Static page web sites

I came across a video that suggested using google drive as a web hosting solution. This seemed quite a neat idea. I need to examine if I lose anything by not having a web server in-front of it, probably not; there is one which is run and configured by Google. It would however require a static page site. Another reason for having a look at these. Here are my notes. Continue reading “Static page web sites”

Unicode in Python

It’s a very long time since I have had to deal with binary code translations, but when dealing with HTML and JSON with Python, I need to get to grips with it. The € symbol for instance requires the extended character set support and rss should be written in utf-8. This page collects the notes I made in learning about Python’s support for unicode/ascii translations. Continue reading “Unicode in Python”

Rendering New Age Video

While winding myself up to play NWN2, I started experimenting with image morphing software, to see if I could make a video of a Druid Shifter polymorphing into their werebear shape. Sadly I think I lost the pictures from the 1st attempt and so as I started the game I had another go. Anyway once created, there is the question of how to serve it on the web. This article documents the tools I used to create the video and the tools I used to host it on this page. Continue reading “Rendering New Age Video”

Pop Up Meerkats

For various reasons I wanted to make a pop-up on hover using a picture. I have implemented a pop up meerkat in the blog. This broke at some point and I returned to the problem in 2019 and found a new guide, and again in 2020 where I fixed some theme/wordpress bugs. This is now working, here are my notes in which I document the CSS and HTML … Continue reading “Pop Up Meerkats”

Decorating Blockquotes

Now I have one of those pretty quote decorations in my quotes on this wiki.

  1. The decoration is an image.
  2. I used mspaint to capture a large quote mark. I used Engravers MT.
  3. I then used paint.net to rotate and flip it, crop it, and then make the white background transparent. As advised in the paint.net forums, I used the magic want tool, capture the background and then “cut” it out.  The file needs to be a transparency supporting format for this to work.

    quote

  4. I uploaded the file to my web server.
  5. I then used the WordPress CSS editor to add the following code,
.entry blockquote { background: #EEE url("https://davelevy.info/TOKENS/OQuote_GreyTransparent.png") no-repeat; }

As you can see, the background rule takes two arguments, a base colour and the image, the rune required is the no-repeat key word. It also benefits from the definition of some padding rules. In my case,

     padding-left: 16px; padding-top: 16px;

and now onto fixing the code tag.

HTML Slide Shows

I wanted to create a scrolling picture show as a banner on all the pages in a micro site. Many sites use this for their front page decoration. I didn’t want to use animated gif because of the age of the technology.It’s obviously becoming easier. Basic Tips below, shows how to use the HTML META tag with http-equiv=”refresh”attribute set. Continue reading “HTML Slide Shows”

Planet (Venus) Themes (CSS)

I use Sam Ruby’s Planet Venus. The package comes with two themes, I have always rather liked the ‘Fancy’ theme. This article was finished in May 2011, and talks about the css required to amend a planet output page in HTML/CSS. It was written for my planet G3 feed which was a G3 RSS repeater. It may just be a useful source for those who wish to create new themes. (I shall be doing this in March/April 2015 as I develop the refresh of davelevy.info.) Continue reading “Planet (Venus) Themes (CSS)”

Implementing an XML feed viewer in HTML

Viewing an XML feed via an HTML browser

I decided to have another go as I was looking to consume some planet feeds on a static web page. I found Display Your Feed on a Static HTML Page Using FeedBurner’s BuzzBoost using Google and this points at Feedburner’s Buzzboost, which is part of their feed publicity toolset. Continue reading “Implementing an XML feed viewer in HTML”

Triptrop

Travelling in NYC

See http://www.triptropnyc.com/

nycmetro cc by-sa 2.0

They say “extraordinarily pretty subway maps from anywhere to everywhere in new york city”.

The author documents his technology. I wonder how hard it’d be to build a house price database

The author says

As for the programming bits, it was a rag-tag team of scripts consisting of Ruby, Python (NumPy, SciPy, matplotlib), PHP, and ImageMagick all popped onto a couple hundred EC2 instances, running computations on a few gigs of MySQL tables. Distances and image overlays were precomputed for about 128k points in NYC and then moved over to S3 for safekeeping. Web stuff is all Sinatra and (of course) Google Maps. Datawise, station-to-station commute time is from the Metropolitan Transit Authority, and walking calculations are via Manhattan distance at 3mph.

Links

Keywords: Visualisation, Geography, NYC, travel, HTML, Technology