peritext.github.io/index.html at master · peritext/peritext.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
<!DOCTYPE html>
<html>
  <head>
    <head profile="http://dublincore.org/documents/2008/08/04/dc-html/"><meta charSet="UTF-8"/><title>Peritext - Peritext - Peritext</title><meta name="generator" content="peritext"/><link rel="schema.DC" href="http://purl.org/dc/elements/1.1/"/><meta name="DC.Title" lang="fr" content="Peritext - Peritext - Peritext"/><meta name="DC.issued" lang="fr"/><meta name="DC.Date.created" schema="W3CDTF" content="2020-03-28T15:34:15.320Z"/><meta name="author" content=""/><meta name="keywords" content=""/><meta name="description" content=""/><meta name="viewport" content="user-scalable=no,width=device-width"/><meta name="twitter:card" value="summary"/><meta name="twitter:site" content=""/><meta name="twitter:title" content="Peritext - Peritext - Peritext"/><meta name="twitter:description" content=""/><meta itemProp="name" content="Peritext - Peritext - Peritext"/><meta itemProp="description" content=""/><meta property="og:title" content="Peritext - Peritext - Peritext"/><meta property="og:type" content="website"/><meta property="og:url" content=""/><meta property="og:description" content=""/><script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@1"></script>
      <link rel="stylesheet" href="https://peritext.github.io/styles.css"></link></head>
  </head>
  <body>

    <div id="mount"></div>
    <div id="static">
      <section class="deucalion-layout has-view-class-landing  "><section class="main-container"><div style="position:relative;overflow:hidden;width:100%;height:100%"><div style="position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;margin-right:0;margin-bottom:0"><span class="peritext-structured-context-object-in-span-container Z3988" title="ctx_ver=Z39.88-2004&amp;amp;url_ver=Z39.88-2004&amp;amp;rft.date=2020&amp;amp;rft.atitle=Peritext&amp;amp;rft.genre=unknown&amp;amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal"></span><div class="landing-player main-contents-container "><div class="main-column"><div class="header"><h1 class="landing-title">Peritext</h1><h2 class="landing-subtitle">Writing and publishing with research materials</h2><h3></h3></div><div class="presentation">Peritext aims at equipping sensible and polymorphic scholarly writing and publishing practices. It articulates experiments with reusable tools for questionning the role of materiality in academic publication activities. This document presents the diverse project&#x27;s components.</div><ul class="links"><li class="main-link"><span class="link ">Introduction<!-- --> →</span></li><a href="https://peritext.github.io/fr/" target="blank" rel="noopener">Version française<!-- --> →</a></ul></div></div></div><div style="position:absolute;height:6px;transition:opacity 200ms;opacity:0;display:none;right:2px;bottom:2px;left:2px;border-radius:3px"><div style="position:relative;display:block;height:100%;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2)"></div></div><div style="position:absolute;width:6px;transition:opacity 200ms;opacity:0;display:none;right:2px;bottom:2px;top:2px;border-radius:3px"><div style="position:relative;display:block;width:100%;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2)"></div></div></div></section><nav class="nav"><div class="nav-header"><button class="nav-toggle"><span class="nav-toggle-symbol">✚</span></button><h1 class="title"><span class="link active"><strong class="hero-title">Peritext</strong></span> </h1></div><div class="nav-content-container"><ul><li class="nav-item level-0"><span class="link ">Introduction</span></li><li class="nav-item level-0"><span class="link ">Outputs examples</span></li><li class="nav-item level-0"><span class="link ">Experimental tools</span></li><li class="nav-item level-0"><span class="link ">The Ovide editor</span></li><li class="nav-item level-0"><span class="link ">Peritext&#x27;s data model</span></li><li class="nav-item level-0"><span class="link ">Peritext&#x27;s javascript modules</span></li><li class="nav-item level-0"><span class="link ">About</span></li></ul></div></nav></section><div><link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i&display=swap" rel="stylesheet"></div>
    </div>

    <script src="https://peritext.github.io/bundle.js" type="text/javascript"></script>
    <style>
#static-loader-container{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.1);
  opacity: 0;
  transition: .5s ease;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: black;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
    </style>
    <script>
          var __useBrowserRouter = true;
          var __editionId = "f6cd3238-2e09-497e-8007-d0ce88b1934a";
          window.__urlBaseName = "/peritext.github.io/";
          /**
           * LIB
           */

          function loadJSON(URL, callback) {
            var xobj = new XMLHttpRequest();
                xobj.overrideMimeType("application/json");
            xobj.open('GET', URL, true); // Replace 'my_data' with the path to your file
            xobj.onreadystatechange = function () {
                  if (xobj.readyState == 4 && xobj.status == "200") {
                    // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
                    var json = xobj.responseText;
                    if (typeof json === 'string') {
                      json = JSON.parse(json)
                    }
                    callback(json);
                  }
            };
            xobj.send(null);
        }
        function addLoader() {
          var loader = document.createElement('div')
          loader.id = 'static-loader-container';
          loader.innerHTML = '<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>';
          document.body.appendChild(loader);
          loader.style.opacity = 1;
        }
        function hideLoader() {
          var loader = document.getElementById('static-loader-container')
          loader.style.opacity = 0;
          loader.style.pointerEvents = 'none';
        }
        /**
         * EXECUTION
         */
        addLoader();
        loadJSON('https://peritext.github.io/locale.json', locale => {
          loadJSON('https://peritext.github.io/preprocessedData.json', preprocessedData => {
              loadJSON('https://peritext.github.io/production.json', production => {
                renderEdition(production, __editionId, preprocessedData, locale, __useBrowserRouter, true);
                hideLoader();
              })
          })
        })
    </script>
  </body>
</html>