next step pagedjs

3 years ago · b8a990686d
parent 9633ececf0
commit b8a990686d
3 changed files with 18 additions and 5 deletions
--- a/contents.js
+++ b/contents.js
@ -2,8 +2,18 @@
 const reference = document.getElementById("reference");
 const contributionsList = document.getElementById("contributions");

+const pagedjs = document.createElement('script')
+pagedjs.src = 'https://unpkg.com/pagedjs/dist/paged.polyfill.js'

- function fetchContents(){
+
+window.addEventListener('load',()=>{
+	fetchContents()
+	document.getElementsByTagName('head')[0].appendChild(pagedjs)
+})
+
+
+
+function fetchContents(){
 	 fetch("https://hub.xpub.nl/soupboat/atlas-api/contributions")
 		.then((response) => response.json())
 		.then((data) => populateContributions(data));
--- a/index.html
+++ b/index.html
@ -5,11 +5,11 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <script src="contents.js" defer></script>
-		<!-- <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js" defer ></script>
+		<!-- <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js" defer ></script>-->
 		
-		<link href="interface.css" rel="stylesheet" type="text/css" /> -->
-		 <link rel="stylesheet" href="style.css" />
-		 <!-- <link rel="stylesheet" href="print.css"/> -->
+		<link href="interface.css" rel="stylesheet" type="text/css" /> 
+		<link rel="stylesheet" href="style.css" />
+		<link rel="stylesheet" href="print.css"/>
 		<title>Emergent Opera</title>
 	</head>
 	<body>
--- a/style.css
+++ b/style.css
@ -9,7 +9,9 @@
 }


+@media screen {
    
+   

 body, html{
    margin: 0;
@ -111,3 +113,4 @@ dd {
 }


+}