Snygga till Remotestick Server #blogg100

IMG_0307

Jag har tidigare skrivit om hur jag fixade så att min Raspberry Pi agerar Tellstick-server. För att lätt komma åt att släcka och tända lampor från telefonen kör man en Remotestick Server. Det inbyggda gränssnittet är funktionsdugligt men jag har gjort några enklare ändringar för att snygga till det lite.

Hur gör man?

Ladda ner ett web gui till Remotestick server (eller den Remotestick server web gui remix som jag ändrat i) och lägg i mappen /home/pi/remotestick-server/. I mappen static ligger de filer som man kan byta ut eller ändra. Jag använder ftp för att komma åt filerna på min Raspberry Pi. Här är ett sätt att installera ftp, det finns flera sätt. Kom bara ihåg att ändra skrivrättigheterna på mappen så du kan ändra i filerna.

Det du bör göra själv är att redigera index.html-filen med en vanlig texteditor.

Skärmavbild 2013-02-12 kl. 15.26.08

Börja med att ändra titeln på den webbsidan. Den kommer framför allt att synas när du gör sidan till ett bokmärke.

Skärmavbild 2013-02-12 kl. 15.45.12

Scrolla ner till rad nr 248 så hittar du den text som står längst upp på sidan.

Skärmavbild 2013-02-12 kl. 15.25.51

I samma mapp som index.html har jag lagt en liten bild, en PNG-fil på 57×57 pixlar, som fungerar som ikon om man vill lägga ett bokmärke på hemmaskärmen på en iPhone. Så ser det mer ut som en app. Vill man inte göra en egen, får man gärna använda mitt lilla hus.

Skärmavbild 2013-02-12 kl. 15.26.08

Rad nummer 5,
<meta name=”apple-mobile-web-app-capable” content=”yes” />
gör lite snyggt så att webbsidan kommer att agera som en app på en iPhone. Fiffigt värre. Adresslisten försvinner och den kommer att finnas i programväxlaren.

Ändra i CSS

Sedan har jag ändrat teckenstorlek och typsnitt i filen style.css. Det kan man rätt lätt experimentera med själv.

Så här ser det ut i verkligheten:

 

Varför står det #blogg100 i rubriken? Det är för att jag bloggar minst en gång om dagen i 100 dagar.

Ett svar på “Snygga till Remotestick Server #blogg100”

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *