Wiki-Viewer/index.html at main · beumsk/Wiki-Viewer · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="description" content="Search for the wiki page you want. First 3 results with link will be displayed.">
  <meta name="keywords" content="Wiki Viewer">
  <meta name="author" content="Rémy Beumier">

  <meta property="og:title" content="Wiki Viewer">
  <meta property="og:type" content="">
  <meta property="og:url" content="https://beumsk.github.io/Wiki-Viewer">
  <meta property="og:image" content="https://beumsk.github.io/Wiki-Viewer/cover.jpg">
  <meta property="og:image:secure_url" content="https://beumsk.github.io/Wiki-Viewer/cover.jpg">
  <meta property="og:description" content="Search for the wiki page you want. First 3 results with link will be displayed.">

  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
  <link rel="stylesheet" href="css/style.css">

  <title>Wiki Viewer</title>
</head>

<body>

  <header class="container-fluid bg-primary">
  <h1 class="text-center">Wiki Viewer</h1>
</header>

<section class="container text-center">
  <!--link to a random wiki page-->
  <a target="_blank" href="https://en.wikipedia.org/wiki/Special:Random"><p class="lead btn btn-default btn-block btn-lg">Take me to a random wiki page</p></a><br>

  <!--form to search and get wikipedia links related-->
  <form class="input-group" method="">
    <input id="wiki" type="text" class="form-control input-lg" placeholder="Your wiki search" required>
    <span id="search" class="input-group-addon btn"><i class="glyphicon glyphicon-search"></i></span>
  </form>
</section>

<footer class="text-center">
  <p class="text-center">Created by <a href="https://remybeumier.be" target="_blank">Rémy Beumier</a> with <a href="https://www.mediawiki.org/wiki/API:Main_page">wiki API</a></p>
</footer>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>


    <script  src="js/index.js"></script>


</body>

</html>