Git Product home page Git Product logo

chinatimeline / chinatimeline.github.io Goto Github PK

View Code? Open in Web Editor NEW
114.0 4.0 12.0 6.81 MB

**社会与政治事件时间线展示和新闻事件提交网站 https://git.io/JJOfS

Home Page: https://chinatimeline.github.io

License: MIT License

Ruby 0.14% HTML 50.98% CSS 3.41% JavaScript 23.52% SCSS 21.95%
wuhan-pneumonia wuhan-coronavirus-outbreak 2019-ncov chinese-communist-party ideology totalitarians human-rights society covid-19

chinatimeline.github.io's Introduction

README

本网站是**大事件时间线项目的展示和数据提交平台,欢迎大家在对应的互动图展示页面下方提交相关新闻事件。

网址 https://chinatimeline.github.io

项目 最近更新 Star
网站 Latest GitHub commit GitHub stars
数据 Latest GitHub commit GitHub stars

自动备份/镜像仓库

  1. 网站 https://gitlab.com/chinatimeline/chinatimeline.gitlab.io
  2. 数据 https://gitlab.com/chinatimeline/data

如何创建本站的自动备份仓库:请见这里

具体流程

在某个时间线互动图的展示页面下方提交新闻事件后,系统自动生成一个 Pull Request(PR) 向本仓库提交一个新文件。当该PR获得批准后,会生成一个新的事件文件 _data/comments/entryXXXXX.yml。本仓库维护者会定期用程序将这些新提交的事件添加到本项目的数据仓库和对应的互动图中。

离线版

时代透镜的离线版可以帮助大家在自己的电脑上制作自己的时间线主题,并记录新闻事件。具体方法参见离线版使用教程

感谢

  1. Jekyll代码改编自: 达摩俱乐部
  2. Logo来源 Icon made by Freepik from www.flaticon.com
  3. 新闻提交模块来自 Staticman V3: https://github.com/VincentTam/TestStaticmanLab
  4. CSS样式设计: https://www.w3schools.com/css/css_rwd_intro.asp
  5. 网页插件

贡献者

参考时间线模板

chinatimeline.github.io's People

Contributors

chinatimeline avatar chinatimeline-bot avatar staticmanlab 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

chinatimeline.github.io's Issues

请移除广告追踪代码

<!-- BEGIN SHAREAHOLIC CODE -->
<link rel='preload' href='https://cdn.shareaholic.net/assets/pub/shareaholic.js' as='script' />
<script data-cfasync="false" async src="https://cdn.shareaholic.net/assets/pub/shareaholic.js" data-shr-siteid="3ec5d3b5b3861ae4b27262c90a81f51d"></script>
<!-- END SHAREAHOLIC CODE -->

征集数据源+欢迎提交PR

欢迎为时间线主题提供数据源。

目前有8个时间线主题,其中历史性时间线:**、****化、**缺乏数据源。

如果您是程序员,欢迎直接提交yaml格式或csv格式的数据文件。可以提交PR或者Google Spreadsheet 以及 uploadfiles.io 文件传递。

  • yaml文件格式范例见 这里
  • csv文件也可以包含yaml格式中的条目。

欢迎提出新的时间线主题

如果您觉得在现有的时间线主题之外,还有某个进展中的主题事件值得用时间线长期跟踪,或者某个历史事件值得做成时间线,欢迎在此留言提出。

北京3名90后疫情志愿者4月19日被警方带走 已被指定居所监视居住

新闻站按标签查看 https://be4-news.herokuapp.com/topic/%E7%AB%AF%E7%82%B9%E6%98%9F%E6%A1%88

如果您在海外,请写信给国会议员,这里有一份模板供参考,谢谢。

开发需求:用chartjs替代现有的时间线互动图

问题陈述

目前事件时间线互动图是用plotly绘制,并托管在plotly的chart studio上,例如

https://chart-studio.plotly.com/~chinatimeline/0.embed

造成的问题如下:

  1. chart studio的免费计划有每日500次浏览上限。
  2. 维护困难:plotly和chart studio不断推出新版本,造成与已有代码的兼容性问题。
  3. 因为图托管在plot.ly网站,无法离线浏览。

需求

将现有的基于plotly+chartstudio的互动图绘制与托管方案,改用chartjs或类似的javascript库实现。

chartjs的优点:

  1. 互动图的绘制在用户浏览器完成,无需内容托管,可下载网站到本地进行离线浏览。
  2. 无需后台服务定期更新互动图,免除相应的维护和兼容性问题。
  3. 作为前端实现的绘图,代码完全开源,可供其他媒体或项目借鉴使用。

希望有网友能帮助实现chartjs或类似js库进行时间线绘制的功能,感谢。

相关资源

  1. https://www.chartjs.org/
  2. 技术文档 https://www.chartjs.org/docs/latest/
  3. 散点图示例 https://www.chartjs.org/samples/latest/charts/scatter/basic.html
  4. 时间线数据位置 https://github.com/chinatimeline/chinatimeline.github.io/tree/master/_data/csv

改善新闻事件提交窗口界面

新闻事件提交界面太丑了,需要为事件提交部分设计css样式,欢迎擅长做网站的朋友提交PR

提交新闻事件 ./_include/submit.html
最近获得批准的提交 ./_include/comments.html
css文件 ./style.css

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.