singaporenews.github.io/index.html at master · claussian/singaporenews.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="./static/newspaper.jpg">

    <title>The Singapore News Story</title>

    <!-- Bootstrap core CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!--<script src="../../assets/js/ie-emulation-modes-warning.js"></script>-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="site-wrapper">
      <nav class="navbar navbar-default navbar-fixed-top">
        <div class="navbar-header">
          <p class="navbar-title" style="margin-bottom: 0px;">The Singapore Story</p>
          <p class="navbar-subtitle" style="margin-bottom: 0px;">as told by the Straits Times</p>
        </div>
      </nav>

      <div class="site-wrapper-inner">

        <div class="cover-container">
          <!--
          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">Cover</h3>
            </div>
          </div>
        -->
          <div class="inner cover">
            <!--<h1 class="cover-heading">Cover your page.</h1>-->
            <p class="lead">The digitisation of The Straits Times' 170-year-old archive has made it possible to carry out intense data analysis on the newspaper's online archive and capture the mood of the era in which the news stories appeared. This visualisation does that by highlighting keywords which appeared each year in The Straits Times, since 1845, and the stories that set the context for the keywords. The result is a dynamic portrayal of the changing buzzwords and social sentiment over time, which mirror Singapore's evolution.
            </p>
            <p class="lead">
              <a href="http://singaporenews.github.io/treemap.html" class="btn btn-lg btn-default">Start exploring</a>
            </p>
          </div>

          <div class="mastfoot">
            <div class="inner">
              <p>Created by <a class="twitter" href="http://twitter.com/Pmeins">@PMeins</a> and <a class="twitter" href="https://twitter.com/hansamad">@Hansamad</a></p>
            </div>
          </div>

        </div>

      </div>

    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="http://cdn.rawgit.com/SingaporeNews/singaporenews.github.io/master/js/docs.min.js"></script>
  </body>
</html>