projectjaraid.github.io/index.html at master · ProjectJaraid/projectjaraid.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
<!DOCTYPE html>
<html>
<head>
  <link rel="icon" href="img/lisanalhal.jpg">
  <title>Jara’id: A Chronology Of Arabic Periodicals (1800-1929)</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link rel="stylesheet" href="css/teiIndex.css">
    <link rel="stylesheet" href="css/jaraidLanding.css">
  <script src="js/bootstrap.bundle.js"></script>
  <script src="js/CETEI.js"></script>
  <script src="js/behaviors.js">></script>
    <script src="js/jaraidLanding.js"></script>
  <script>
    let c = new CETEI();
    c.addBehaviors(behaviors);
    c.getHTML5('https://projectjaraid.github.io/jaraid_source/tei/jaraid_master.TEIP5.xml', function(data) {
      document.getElementsByTagName("body")[0].appendChild(data);
            if (window.jaraidLandingEnhance) { window.jaraidLandingEnhance(); }
    });</script>

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

  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.css" rel="stylesheet">

  <style>
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
      .navbar-nav {
        font-size: 1.5rem;
      }
    }
  </style>

</head>
<body id="home">
<h1 id="h1">Jara’id: A Chronology of Arabic Periodicals (1800-1929)</h1>
  <nav class="navbar navbar-expand-lg navbar-light bg-light rounded">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample10" aria-controls="navbarsExample10" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample10">
      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/chrono.html">Chronology</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/indexes.html">Indexes</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/viso.html">Visualizations</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/abbrev.html">Abbreviations</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/biblio.html">Bibliography</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/remarks.html">Remarks</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pages/copyri.html">Copyright</a>
        </li>
        <li class="nav-item">
          <a class="nav-link lang-toggle" href="ar/index.html">ع</a>
        </li>
      </ul>
    </div>
  </nav>

<div id="jaraidQuickStart">
  <h2>Start here</h2>
  <p class="jaraid-lede">Jara’id is a searchable database of more than 3,300 Arabic periodicals published between 1800 and 1929, with dates, places of publication, editors, holding institutions, and both English and Arabic listings.</p>
  <div class="jaraid-cta-row">
    <a class="jaraid-cta" href="pages/chrono.html">Browse the Chronology</a>
    <a class="jaraid-cta" href="ar/index.html">الموقع العربي</a>
    <a class="jaraid-cta secondary" href="pages/indexes.html">Browse by Place / Institution</a>
    <a class="jaraid-cta secondary" href="pages/viso.html">Visualizations</a>
  </div>
  <h3>How to use this database</h3>
  <ul class="jaraid-howto">
    <li>Use the search box on the Chronology page to look up a title, place, editor, or comment.</li>
    <li>Filter by year range, place of publication, holding institution, or language, and click any column heading to sort.</li>
    <li>Use "Jump to year" or the year-range fields to move quickly through the timeline.</li>
    <li>Each entry is collapsed to its title, place, and dates by default - click the [+] beside a row (or "Expand all rows") to see owners, comments, sources, and holdings.</li>
  </ul>
</div>


<div>
  <table>
  </table>
</div>


<script>
window.onload = function(){
  var anchors = document.getElementById("dFront").getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++){
    anchors[i].setAttribute("target", "_blank");
  }
}
</script>
<!-- <script>
$(document).ready(function(){
  $('#home a').attr('target', '_blank');
});
</script> -->

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

</body>
</html>