# flipclock-webpage

**Repository Path**: dede_hu/flipclock-webpage

## Basic Information

- **Project Name**: flipclock-webpage
- **Description**: :fire::fire: An open beautiful webpage with FlipClock+Date :clock3::date:
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-12-19
- **Last Updated**: 2022-06-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flip Clock Webpage

**link:** [clock.nicejob.xyz](http://clock.nicejob.xyz/) [中文版], [Github Pages](https://zyjacya-in-love.github.io/flipclock-webpage/) [ENG]

## Introduction

A webpage that include a beautiful flip clock and year-month-day + week.

It's just a good clock when you have two screen and the small one display the webpage (with full-screen).

<p>
    <img alt="landscape" src="./__READMEimages__/landscape.png" width="400">
    <img alt="landscape" src="./__READMEimages__/landscape_en.png" width="400">
</p>

<p>
    <img alt="portrait" src="./__READMEimages__/portrait.png" width="200">
    <img alt="portrait" src="./__READMEimages__/portrait_en.png" width="200">
</p>


## Reference

main copy from FlipClock@objectivehtml: [https://github.com/objectivehtml/FlipClock](https://github.com/objectivehtml/FlipClock)

style copy from [https://www.bilibili.com/s/video/BV14J411M7n3](https://www.bilibili.com/s/video/BV14J411M7n3)

date copy from [https://blog.csdn.net/Arthur0088/article/details/5096191](https://blog.csdn.net/Arthur0088/article/details/5096191)

time and date vertical center copy from 李天昭: [https://www.zhihu.com/question/20543196](https://www.zhihu.com/question/20543196)

4 x zoom learn+copy from

1. [https://www.jb51.net/article/122319.htm](https://www.jb51.net/article/122319.htm)
2. [https://blog.csdn.net/u014625500/article/details/27326647?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2](https://blog.csdn.net/u014625500/article/details/27326647?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2)
3. [https://blog.csdn.net/wxl1555/article/details/75051972](https://blog.csdn.net/wxl1555/article/details/75051972)

fix mobile copy from

1. judges mobile: [https://blog.csdn.net/github_39088222/article/details/79732823](https://blog.csdn.net/github_39088222/article/details/79732823)
2. JS control CSS: [https://blog.csdn.net/FE_dev/article/details/77888446](https://blog.csdn.net/FE_dev/article/details/77888446)