rugby-board/rugby-board-node

import { h, Component } from 'preact';

import { setDocumentTitle } from '../util';
import Heading from '../components/Heading';
import UnsplashImage from '../components/UnsplashImage';

export default class AboutPage extends Component {
  constructor(props) {
    super(props);

    setDocumentTitle('关于');

    const aboutHeading = {
      id: 'about',
      title: '关于',
      icon: 'home',
      more_text: '',
      more_link: '',
    };

    this.state = { aboutHeading };
  }

  render() {
    /* eslint-disable react/style-prop-object */
    return (
      <div>
        <Heading data={this.state.aboutHeading} />
        <div className="columns">
          <div className="column column-2-3">
            <div className="article">
              <div className="article-content">
                <h3>Rugby News Board 中文英式橄榄球资讯</h3>
                <p>
                  Copyright &copy; <a href="https://crispgm.com">David Zhang</a>.
                  联系请发邮件: crispgm at gmail.com.
                </p>

                <h3>什么是 Rugby News Board?</h3>
                <p>
                  可能是世界上唯一一家坚持更新的中文英式橄榄球资讯网站。
                </p>
                <p>
                  整个网站开发、维护、编辑和运营，均由站长 David Zhang 独立完成。由于没有足够时间编译，Rugby News Board 只提供简洁的第一手资讯，如果想深入阅读请直接阅读英文或者去『橄榄球资料』中寻找中文长内容的链接。
                </p>

                <h3>为什么会有 Rugby News Board?</h3>
                <p>
                  英式橄榄球在国内人气真是少，既没有足球、乒乓球一样的群众基础，也没有 NBA、NFL 一样的商业推广，还因为世界比赛、奥运会没啥前途也不被总菊支持。我曾是一个在澳大利亚的留学生，前往澳大利亚之前先了解一些当地的文化，其中有一块就是橄榄球。在澳大利亚，Rugby Union、Rugby League 和 Australian Football 三种“橄榄球”都很受欢迎。
                </p>
                <p>
                  曾经达阵中国可能是国内最好的 Rugby Union 资讯网站和论坛，但人气也非常惨淡，后来情况不了了之了，就在微博偶尔出现一下。于是，想看点橄榄球资讯只能自己去国外网站看。所以，我萌发了一个想法就是做一个简单的橄榄球资讯网站。这就是 Rugby News Board 的起因。
                </p>

                <h3>Rugby News Board 宗旨</h3>
                <ul>
                  <li>只做赛事相关的一手资讯</li>
                  <li>所有资讯中的比赛和人名提供中英双语</li>
                  <li>资讯不会做过多的描述，基本是几句话，当作微博看就好</li>
                  <li>后续，可能新闻全部同步发微博和 Twitter</li>
                  <li>不会提供太多社交能力，反对“抖机灵”以及网络暴力(Cyberbullying)</li>
                  <li>后续可能会提供点赞和投票类的交互功能</li>
                </ul>

                <h3>为什么每次打开网站都会提示加载缓慢？</h3>
                <p>
                  虽然 Rugby News Board 目前访问人数极少，但我一直都按照IT业界最佳实践来做的，程序本身很稳定。但是服务器资源还用的 Heroku 免费额度，如果连续30分钟都无人访问后台程序会被挂起。之后第一个访问的人，就会加载缓慢，多试几次一定会好。如果网站发展的不错（虽然可能性很低），我会升级付费保证网站的稳定。
                </p>

                <h3>更新时间说明</h3>
                <ul>
                  <li>周一至周五周中不定期更新，11点、14点和晚间更新概率较大</li>
                  <li>周末期间一般不更新，原因不是我要休息，而是周末是比赛日比赛较多，且时间相对分散，会在周五或者下周一统一更新。</li>
                </ul>
              </div>
            </div>
          </div>
          <div className="column column-1-3">
            <div className="article" style="border-radius: 0;background-color: inherit;">
              <div className="article-content">
                <p>
                  <UnsplashImage
                    src="public/quino-al-155743.jpg"
                    alt="Rugby Moment 1"
                    author="Quino Al"
                    username="quinoal"
                  />
                </p>
                <p>
                  <UnsplashImage
                    src="public/quino-al-197082.jpg"
                    alt="Rugby Moment 2"
                    author="Quino Al"
                    username="quinoal"
                  />
                </p>
                <p>
                  <UnsplashImage
                    src="public/quino-al-195526.jpg"
                    alt="Rugby Moment 3"
                    author="Quino Al"
                    username="quinoal"
                  />
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}