GithubHelp home page GithubHelp logo

kindle-weather-dashboard's People

Contributors

matopeto avatar mihaigalos avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

kindle-weather-dashboard's Issues

Icons don't load on older browsers

Hello,
I don't want to be annoying but this software works great for a Nook Simple Touch too, it's just that the fonts just show question marks. I was wondering if there could be some fallbacks to pictures. Also, I was able to make a docker-compose for this and it works great! I'll paste it here:

version: '3.8'
services:
php-apache-environment:
container_name: eink-weather-dash
image: php:8.0-apache
volumes:
- ./kindle-weather-dashboard:/var/www/html/
networks:
macvlan:
ipv4_address: [IP-ADDRESS-HERE]

networks:
macvlan:
name: vmbr0macvlan
driver: macvlan
driver_opts:
parent: vmbr0
ipam:
config:
- subnet: [SUBNET]
ip_range: [RANGE]
gateway: [GATEWAY]

Resize / auto size page for kindle touch

Hi!
I know this has long been abandoned, but maybe I am lucky. I am trying to get this to work on a Kindle Touch. It's working, but it's not extending to the end of the screen.

I am using landscape mode, but same happens in portrait mode. (used the online example to test)

Is there anyone knowing whats causing this? I tried to find anything resizing / size related in the code but wasn't very successful..

image

Can add a more visible time display?

This software of yours is working perfectly for me and I appreciate your contribution.
I have noticed that when using landscape mode (i.e., var rotation = "ll") there is wasted space in the top center of the screen. It would probably be more useful if you could add a prominent time display here.
Screenshot

Minor changes to stylesheet to work better with landscape mode on default kindle web browser

I made minor modifications to the cascading stylesheet file to make the screen fit on the vanilla web browser in landscape mode, in case people don't have a jailbroken device to install a special browser. In essence, I moved forecast and update a bit to the right and everything a bit up, so that words are not cut at the left and the bottom. Everything fits nicely now.

The resulting kindle.css file (in case you want to provide this to others) is:

html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0;
}

a {
color: #000000;
background: #ffffff;
}

.night a {
color: #ffffff;
background: #000000;
}

html.night {
color: #ffffff;
background: #000000;
}

#cleaner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
}

#page {
position: relative;
height: 100%;
overflow: hidden;
}

#city {
font-size: 50px;
font-size: 7rem;
position: absolute;
top: 1.5%;
right: 3.3%;
display: block;
text-decoration: none;
}

#temp {
font-size: 200px;
font-size: 28rem;
display: inline-block;
}

.tempWrapper {
position: absolute;
right: 3.3%;
top: 10%;
}

#lastUpdate {
font-size: 10px;
font-size: 1.4rem;
position: absolute;
bottom: 51%;
left: 4.3%;
}

#description {
position: absolute;
right: 3.3%;
bottom: 50%;
font-size: 50px;
font-size: 7rem;
text-align: right;
}

#icon {
font-size: 250px;
font-size: 35rem;
}

#iconWrapper {
position: absolute;
left: 5%;
top: 8.5%;
}

.forecast {
position: absolute;
width: 100%;
bottom: 10%;
left: 2.3%;
border-top: 5px solid black;
border-bottom: 1px solid black;
height: 39%;
}

.night .forecast {
border-color: #ffffff;
}

.col {
width: 24.5%;
border-right: 1px solid black;
float: left;
text-align: center;
height: 100%;
overflow: hidden;
}

.night .col {
border-color: #ffffff;
}

.col:last-child {
border-right: none;
}

#date {
position: absolute;
bottom: 3%;
left: 3.3%;
font-size: 30px;
font-size: 4.3rem;
}

#sun {
position: absolute;
bottom: 3%;
right: 3.3%;
font-size: 30px;
font-size: 4.3rem;
}

.forecastIconWrapper {
font-size: 100px;
font-size: 14.2rem;
}

.colTemp {
font-size: 50px;
font-size: 7.1rem;
}

.colTime {
font-size: 35px;
font-size: 5rem;
margin-top: 5%;
}

.colDesc {
font-size: 20px;
font-size: 2.8rem;
}

.portrait .col:nth-last-child(2) {
border-right: none;
}

.portrait .col5 {
display: none;
}

.landscape #city {
font-size: 35.4px;
font-size: 7rem;
}

.landscape #temp {
font-size: 141.7px;
font-size: 28rem;
}

.landscape #lastUpdate {
font-size: 7.1px;
font-size: 1.4rem;
}

.landscape #description {
font-size: 35.4px;
font-size: 7rem;
}

.landscape #icon {
font-size: 177.1px;
font-size: 35rem;
}
.landscape #date {
font-size: 21.8px;
font-size: 4.3rem;
}

.landscape #sun {
font-size: 21.8px;
font-size: 4.3rem;
}

.landscape .forecastIconWrapper {
font-size: 71.9px;
font-size: 14.2rem;
}

.landscape .colTemp {
font-size: 35.9px;
font-size: 7.1rem;
}

.landscape .colTime {
font-size: 25.3px;
font-size: 5rem;
}

.landscape .colDesc {
font-size: 14.2px;
font-size: 2.8rem;
}

.landscape .col {
width: 19.5%;
}

On Nook Simple Touch, Icons show as ???

I'm assuming it's because it's SSL store is out of date and cannot be updated.

I wonder if the icons could be delivered in another way? Perhaps a 'fall back mode' option that uses some other method for icons?

I'm willing to test anything

Not working anymore?

Hello, first of all, thank you for your hard work.

I would like to report that i have problems with this mod since 4/5 days and wanted to ask if its not supported anymore.
When i go to kindle.hruncar.eu.... page it shows just a blank page. I upladed a picture where it can be seen.

Thanks in advance.

Fix farenheits

When farenheits is set dashboard always displays "celsius" sign

Resolve design/layout issues with long texts

Hi,

First of all thanks for your great project! Can I ask you to add Russian language as yet another option? I've tried to use &lang=ru parameter and actually succeeded, but the problem is that due to pretty long description text it doesn't fit each box properly. Would it be possible to shorten description, or make adjustments to general design of the webpage to let all text be displayed correfctly? I'm ready to assist you with testing, or translation if necessary. Thanks!

Instructions to disable screensaver in latest kindle firmware

~ds doesn't work anymore, but you can use the following instructions to disable screensaver in a non-jailbroken/non-rooted kindle with the latest firmware (in case you'd like to included them in your readme file):

  1. Connect to your Kindle via USB
  2. Create a file in the root directory called "TESTD_PREVENT_SCREENSAVER" - can be an empty file, but must be named exactly. (It'll ultimately sit in /mnt/us/ )
  3. Reboot the device

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.