diff --git a/content/pages/dataview.html b/content/pages/dataview.html
new file mode 100644
index 00000000..54c3392b
--- /dev/null
+++ b/content/pages/dataview.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <title>view</title>
+      <meta name="save_as" content="view.html"></meta>
+      <meta name="date" content="2019-08-29 09:00"></meta>
+  </head>
+  <body>
+      <script src="{static}/scripts/getFullDataPath.js" type="text/javascript"></script>
+      <script src="{static}/scripts/getTextFromFile.js" type="text/javascript"></script>
+    <script>
+
+      window.onload=async function(){
+      if(typeof(navigator.clipboard) == 'undefined' || typeof(navigator.clipboard.writeText) === 'undefined'){
+        btn_clip=document.getElementById("btn_clip");
+        btn_clip.disabled = true;
+        btn_clip.title="This feature is not supported in this bowser\n we recomend to use Firefox or a Chromium based browser like Google Chrome"
+      }
+      if(location.hash.length>1){       
+        var filename=location.hash.substr(1);
+        var path=getFullDataPath(filename);
+        var textPromise=getTextFromFileAsync(path) 
+        btn_download=document.getElementById("btn_download");
+        btn_download.onclick=function(){
+          window.open(path,"_self");
+        }
+        var preNode= document.getElementById('fileContent');
+        preNode.hidden=false;
+        preNode.innerText=await textPromise;
+        document.getElementById("div_btn").hidden=false;
+      }
+      else {
+        document.getElementById('error_P').hidden=false;
+        errNode;
+
+
+      }
+    }
+    </script>
+<script>
+  function Copy()
+  {
+    navigator.clipboard.writeText(document.getElementById('fileContent').innerText);
+};
+
+</script>
+    </script>
+    </script>
+    <div>
+      <p id="error_P" style="color: red; font-weight: bold" hidden=true>
+        Error
+      </p>
+      <pre id="fileContent" hidden=true></pre>  
+    </div>
+    <div id="div_btn" hidden=true>
+      <button id="btn_clip" onclick="Copy()">Copy content</button>
+      <button id='btn_download'>Download</button>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/content/pages/index.html b/content/pages/index.html
index f13d97fb..f06f6bb5 100644
--- a/content/pages/index.html
+++ b/content/pages/index.html
@@ -8,6 +8,7 @@
   <body>
     <script src="{static}/scripts/data.js" type="text/javascript"></script>
     <script src="{static}/scripts/getFullDataPath.js" type="text/javascript"></script>
+    <script src="{static}/scripts/getTextFromFile.js" type="text/javascript"></script>
     <script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js" type="text/javascript"></script>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script type="text/javascript" id="MathJax-script" async
@@ -17,7 +18,7 @@
      async function update_file(filename) {
         var file=filename+'.dat';
         var lnk_file=document.getElementById('lnk_file');
-        lnk_file.setAttribute('href',getFullDataPath(file));
+        lnk_file.setAttribute('href',String.raw`view#${file}`);
         dat= await data.loadAsync(file);
         await applyData(dat);
       }
@@ -84,6 +85,6 @@
     </label><br/>
     <h1>Data</h1>
     <p id=data_par></p>
-    <a target="_blank" id='lnk_file' type='text/plain'>Go to file</a>
+    <a target="_blank" id='lnk_file'>Go to file</a>
   </body>
 </html>
