CSS3 Only Spinner Full Page Solution

Everybody’s doing it! Just search for CSS3 spinner on the intererweb or visit codepen.io and you will find a variety of spinners. One thing that they all seem to have in common is that they don’t give you the complete solution, i.e. how to make the darn thing run on a web page and disappear when you want it to. This post seeks to address this, along with the sister post about a loading image spinner. Right down to business! Continue reading

CSS3 Only Spinner Image Solution

As you may have seen from my other post CSS3 Only Spinner Full Page Solution, everyone is good at making spinners and putting up demos, but hardly anyone publishes the full solution on how to make it work. Attempt to put that right here. Admittedly there are many many ways to do this, I went for the quickest and easiest. Scenario: you want to display a high quality image on your web page, this will take some time to load, and you want to show a spinner while it loads. I will use a div as a placeholder for the spinner and the image. These are made the same size so that when the image has loaded it completely covers the spinner. I used the z-index property to ensure that the image overlayed the spinner. There is no javascript in this one, just CSS. Continue reading

Fullscreen Browser Slideshow with Clock

I have a penchant for making full screen slideshows with a clock on them

Screenshot-Slideshow

This time around I looked to make one up to run on a slghtly higher specced machine, running a GUI, but in a web browser, using php and javascript. The eventual target was an OS called Webconverger because of its ability to just fire up and present in this way. Continue reading

Simple (quick and dirty) Multi-Part Archive using 7z and CLI

Sometimes simple is better. File Roller wouldn’t create a multipart no matter what i tried so I turned to cli for a solution, and found it with 7z.

In this case I need to archive a 1.2GB iso file to a four part archive, with a volume size of 300mb. I didn’t delve into all the intricacies of what 7z can do, just the basics.

This produced four files:

Breakdown:

7z: calls the program
a: creates an archive
-t7z: selects 7z as the archive type (there are others)
-v300M: tells 7z to create 300mb archive parts
output and input files should be obvious. You could replace the input file with a directory!

will give more detail on options

Prevent: Waiting for Network Configuration Delays on cli boot

This is a dirty hack that tidies things up a bit, depending on how your cli system is set up. I was too lazy to hand configure my wireless card, so I used wicd-curses. However, this doesn’t kick in until I am booted up. So I get the waiting for network delays of @ 1.5 minutes on the plymouth screen. To remove these, I had to edit a file:

and then comment out the two sleep commands related to these messages, and comment out the resultant message about booting with no network. The segment in question should end up looking like this:

Just remember you have done this if you decide to change your networking approach!

Automating Framebuffer Digital Photo Frame

dpf6We have seen in my previous post how I setup the DPF to work against the framebuffer. Now it was time to automate things a bit.

Task List:

  • Autologin on Startup
  • Start gnu screen on Boot
  • Uploading New Images
  • Screen On/Off Timer
  • Reboot Timer
  • Shutdown Timer
  • Unique names/shuffle for file list
  • Cycle Colour Change for Clock ?

Continue reading

Digital Picture Frame & Clock on the Framebuffer!

dpfBeen wanting to have a go at this for a long time, and finally found some time to sit down and hack my way through it. Everyone else on the web seems to have used X to do this, but encouraged by all the work done on the cli and framebuffer by KMandla I felt this could be done. Now I’ve done all the hard work, I am happy to share it with you!

Continue reading

Backup Email with imap using NoPriv.py

Got got to rave about this little python script from Remy.

Feed it your mail server imap details along with the folder you want to back up, it will then do two cool things:

1. Back up your email to a maildir so that you can restore it if you need to
2. Create an html repository of all the emails you backed up, including attachments

Continue reading