Revision to app1. #2

sanskrit-lexicon-scans · Jan 10, 2025 · 5425bcf · 5425bcf
1 parent 38496a6
commit 5425bcf
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/app1/index.html b/app1/index.html
@@ -10,9 +10,10 @@
   display: grid;
   grid-column-gap: 5px;
   grid-row-gap:2px;
-  background-color: #2196F3;
+  background-color: #2196F3; /* green;*/
   padding: 10px;
-  width: 905px;
+  width: 1005px;
+  /*width: 100%*/
 }
 .grid-container > div {
   background-color: rgba(255, 255, 255, 0.8);
@@ -23,17 +24,19 @@
 }
 .item1 {
     grid-area: 1 / 1 / span 1 / span 2;
-    width: 905px; height:50px;
+    width: 100%; height:50px;
+
 }
 .item2 {
   grid-area: 2 / 1 / span 1 / span 1;
-  width: 300px; height: 600px;
+  width: 200px; height: 600px;
   overflow: auto;
 }
 .item3 {
   grid-area: 2 / 2 / span 1 / span 1;
-  width: 600px; height: 600px;
-  overflow: auto;
+  width: 800px; height: 600px;
+  /*color: red;*/
+  /*overflow: auto;*/
 }
 
 </style>
@@ -115,7 +118,7 @@
 </style>
 </head>
 <body>
-<div class="grid-container">xxx
+<div class="grid-container">
  <div id="title" class="item1">
   <span style="font-size:28px; padding-left:10px;">Bhāgavata Purāṇa, Burnouf edition</span>
   <form style="display: inline-block;"

diff --git a/app1/main.css b/app1/main.css
@@ -21,7 +21,7 @@ background: white;
  top: 10px;  
 /*  width: 30px; height: 30px; */
   background-color: #EBF4FD;
-}cd
+}
 #servepdf {
  position: absolute;
  left: 10px;

diff --git a/app1/main.js b/app1/main.js
@@ -135,8 +135,15 @@ function display_page(vol,page) {
    let android = ` <a href='${urlcur}' style='position:relative; left:100px;'>Click to load pdf</a>`;
    //let imageElt = `<object id='servepdf' type='application/pdf' data='${urlcur}' 
    //           style='width: 98%; height:98%'> ${android} </object>`;
-   let imageElt = `<object id='servepdf' type='application/pdf' data='${urlcur}' 
+   let imageElt;
+   /*
+   imageElt = `<object id='servepdf' type='application/pdf' data='${urlcur}' 
               width="98%"; height="98%"> ${android} </object>`;
+   imageElt = `<embed id='servepdf' type='application/pdf' src='${urlcur}' 
+              width="98%"; height="98%"/>` ;
+   imageElt = `<iframe src="${urlcur}" style="width:100%;height:700px;"></iframe>`;
+   */
+   imageElt = `<iframe src="${urlcur}" style="width:100%;height:580px;"></iframe>`;
    elt2.innerHTML = imageElt;
   }else {
    html = `Vol ${vol}, Page ${page} NOT FOUND`;