fr-presidential-election-2017/index.html at main · inSilecoBlogLegacy/fr-presidential-election-2017 · 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
<!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 -->
  <title>French presidential election 2017</title>

  <!-- Bootstrap -->
  <link href="content/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

  <link href="content/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">


  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  <style>
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i');
    html,
    body,
    .container-fluid {
      background-color: #212121;
      color: white;
      min-width: 100%;
      font-family: "Roboto";
    }

    a, a:hover, a:focus {
      color: white;
    }

    .leaflet-container { background-color:rgba(0, 0, 0, 0); }

  </style>


</head>

<body>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6" style="text-align:left;">
        <h4>French presidential election 2017</h4>
        <h6 style="font-weight:200;margin-top:0px;padding-top:0px;">Click on department to see detail (only for votes cast)</h6>
      </div>
      <div class="col-md-6" style="text-align:right;">
        <a href="https://github.com/insileco/fr-presidential-election-2017"><h5 style="font-weight:300;vertical-align:middle;" class="fa fa-github fa-2x" aria-hidden="true"></h5></a>
        <h6 style="font-weight:200;margin-top:0px;padding-top:0px;">Authors: <a href="https://github.com/ahasverus">@ahasverus</a>, <a href="https://github.com/KevCaz">@KevCaz</a> and <a href="https://github.com/SteveViss">@SteveViss</a></h6>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12" style="height:90vh;">
        <iframe src="content/core.html" id="core" class="iframe" name="info" width="100%" height="100%" frameBorder="0" seamless=""></iframe>
      </div>
    </div>
  </div>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="content/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
</body>

</html>