ossenegal.github.io/index.html at master · ossenegal/ossenegal.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>OS Sénégal</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Quel système d'exploitation est le plus utilisé par les Sénégalais ?">
    <meta name="author" content="Mamadou Diagne">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/xcharts.min.css" rel="stylesheet">
    <link href="css/perso.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <!-- Chartbuilder CSS -->
    <link rel="stylesheet" href="css/chartbuilder.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="css/gneisschart.css" type="text/css" media="screen" charset="utf-8">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="ico/favicon.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="logo">
            <a class="brand" href="index.html">Sénégal</a>
          </div>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Accueil</a></li>
              <li><a href="a-propos.html">À propos</a></li>
              <li><a href="https://github.com/ossenegal/ossenegal.github.io/issues">Réaction</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <div id="chartContainer"></div>
        <div id="csvInput"></div>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>OS Sénégal</h2>
          <p>Quel système d'exploitation est le plus utilisé par les Sénégalais ? Pour répondre à cette question nous avons lancé le projet OS Sénégal, qui est un portail de collecte et d'analyse des informations sur les systèmes d'exploitation au Sénégal.</p>
          <p><a class="btn" href="a-propos.html">En savoir plus &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>Contribuer</h2>
          <p>Vous administrez un site où avez-vous même un blog ou tout autres outils web qui a des statistiques sur l'internaute sénégalais et leur système d'exploitation, veillez-nous aider en remplissant ce formulaire. Vos réponses sont importantes !</p>
          <p><a class="btn btn-primary btn-large" href="http://www.surveymonkey.com/s/SJJYPMZ">Répondez au questionnaire 2013 &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>Les résultats</h2>
          <p>Tous les ans les résultats de l'étude sont publiées sur le site et sont aussi disponibles en téléchargement sur notre compte github.</p>
          <p><a class="btn" href="https://github.com/ossenegal/ossenegal.github.io/tree/master/survey">Téléchargez &raquo;</a></p>
        </div>
      </div>

      <hr>

      <footer>
        <p>&copy; OS Sénégal 2013</p>
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>

    <!-- Libraries JS -->
    <script src="bower_components/d3/d3.v2.min.js" charset="utf-8"></script>
    <script src="bower_components/really-simple-color-picker/jquery.colorPicker.min.js" charset="utf-8"></script>

    <!-- Custom libraries JS -->
    <script src="js/custom_components/sugar-1.3.9-custom.min.js" charset="utf-8"></script>

    <!-- Chartbuilder JS -->
    <script src="js/catalog.js" charset="utf-8"></script>
    <script src="js/gneisschart.js" charset="utf-8"></script>
    <script src="js/chartbuilder.js"></script>

    <script type="text/javascript">
      (function() {
        // This starts Chartbuilder and can be passed a configuration
        // object.  See the Gneiss charting options.
        ChartBuilder.start({

        });
      })();
    </script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-45182011-1', 'ossenegal.github.io');
      ga('send', 'pageview');

    </script>
  </body>
</html>