Giter VIP home page Giter VIP logo

day-progress's Introduction

day-progress

demo

显示今天剩余时间的进度条。以起床时间开始,睡觉时间结束(默认是9:00~22:00),让你直观感受时间流逝,把握时间完成工作,从而按时睡觉。

之所以写这个,是因为找了很多个显示时间进度条的项目都不满足我的需求,那些项目都是统计0:00~24:00的,容易给人晚上时间很多的错觉,从而习惯熬夜。

在线DEMO

推荐使用Wallpaper engine或者lively之类的工具设置为桌面背景。

看着时间像手机电池电量一样减少,感觉是很奇妙的。

Features

  • 自定义开始和结束时间
  • 暗色/亮色模式
  • 自定义主题颜色
  • 设置背景图片(需要填写背景图片的地址)
  • 参数保存到url,方便复制链接到lively设置壁纸

demo2

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Docker

build docke image from Dockfile

docker build -t imagename:imagetag .

create docker container

docker run -p 8888:8080 -itd --name containname imagename:imagetag npm run serve

access

localhost:8888/day-progress

Run a command in a running container

docker exec -it containname sh

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

day-progress's People

Contributors

dependabot[bot] avatar lingr7 avatar tiaod 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

Watchers

 avatar

day-progress's Issues

重启电脑后链接失效

运行 npm run serve 后,将 Network 的链接复制到 Lively 里,可以正常看到预期结果
但重启电脑后,桌面会显示链接失效

还需要什么额外操作才能部署到 github action 吗?或者其他不依赖本地、可以持续运行的方式?
感谢

使用 Wallpaper engine

你好 👋
想请教一下如何使用 Wallpaper engine 将这个应用设置为壁纸?
最好可以支持自定义背景图片

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.