Fix error adding class to copy buttons

The quotes arround the class assignment had not been properly escaped.
This was causing PHP to fail and return a blank page.

README.md

@@ -0,0 +1,31 @@
+# WebClock
+It's a clock. It runs in your browser.
+#### Description
+A simple clock for your web based timekeeping needs.
+Includes the abality to set the timezone you want if the one your browser chooes isn't what you need.
+The time will appear not only on the main page but also in the page's title so you can leave the page and still keep an eye on the time.
+#### Requierments
+```
+php - I'm running it on a minimum of 5.6 so that or anything newer should work
+a webserver - I use apache. It's nice.
+A javascript interpriter - Basicaly a modernish webbrowser.
+```
+### Install
+1. git clone into a directory accessable by your webserver.
+	`git clone https://efrick.ddns.net/git/20xd6/WebClock.git`
+2.	Optional steps
+	1. Edit `clock.php` to point to your root CSS files. _It points to a css file called `styles.css` in the root directory. If this is not your root css file please edit it._
+	2. Add a symlink from `clock.php` to a file called `index.php`.
+	   `ln -s clock.php index.php` _Most webservers will look for an index file (`index.html` or `index.php` for example) in any folder you open. Adding this symlink will inable you to link to the direcoty rather than `clock.php` without messing with the configuration of the webserver._
+#### Note:
+There is a small privacy concern. Because this clock is using PHP to creat the inishal time entry and because this is using the `date()` function in PHP to do this it will reveal what timezone the server running it is set to.
+### ToDo
+- [x] Add a differentiator from the selected timezone and the original timezone.
+  - [x] Display original timezone's time.
+  - [x] Display the offset of the two selected timezones.
+- [ ] Add a timer.
+- [ ] Multiple clocks for tracking regions. _this is sort of implemented with the display original timezone feature but not compleatly and not how I want it._
+
+#### Licening
+##### GPLv2
+A copy of the GPLv2 can be fond [here](https://efrick.ddns.net/GPLv2.txt).

clock.css

@@ -7,3 +7,6 @@ select {
 .chkbox {
   display: inline-block;
 }
+.time_copy_btn {
+  margin-left: 5px;
+}

clock.js

@@ -32,7 +32,7 @@ function startTime(){
                                          hour:'2-digit',
                                          minute:'2-digit',
                                          second:'2-digit',});
-  if(original_tz){//Test if there is a non-null value for original_tz. If True then the part of the page this pertains to is being displayed.
+  if(display_origTZ){//Test if there is a non-null value for original_tz. If True then the part of the page this pertains to is being displayed.
     document.getElementById('time_original').innerHTML = current_time.toLocaleString('en-EN' ,{
                                            timeZone: original_tz,
                                            hourCycle:'h24',
@@ -46,3 +46,14 @@ function startTime(){
   }
   //document.getElementById('JStz').innerHTML = current_tz;
 }
+
+function copy_timestamp(to_copy) {
+  var copyText = document.getElementById(to_copy).innerText;
+  var temp_element = document.createElement("textarea");
+  document.body.appendChild(temp_element)
+  temp_element.value = copyText;
+  temp_element.select();
+  temp_element.setSelectionRange(0,999);
+  document.execCommand("copy");
+  document.body.removeChild(temp_element);
+}

clock.php

@@ -15,6 +15,9 @@
       $scriptHour = date('O');
       $scriptTZ = date_default_timezone_get();
     }
+    if($_POST['originalTZ']){
+      $orig_TZ_display = True;
+    }
   } else{
     $selectedTimezone = date_default_timezone_get();
     $scriptTZ = date_default_timezone_get();
@@ -32,7 +35,7 @@
     <meta name="author" content="efrick"/>
     <link href="/styles.css" type="text/css" rel="stylesheet"/>
     <link href="clock.css" type="text/css" rel="stylesheet"/>
-    <script>var current_tz=<?php echo json_encode($scriptTZ) . ',original_tz = ' . json_encode($originalTZ);?></script>
+    <script>var current_tz=<?php echo json_encode($scriptTZ) . ',original_tz = ' . json_encode($originalTZ) . ',display_origTZ = ' . json_encode($orig_TZ_display);?></script>
     <script type="text/javascript" src="clock.js"></script>
   </head>
   <body>
@@ -45,13 +48,13 @@
           "<br><span>".
           "<p id='time_body'>".
           date("D, M d, Y, H:i:s") .
-          "</p><p> GMT". date("O T") ."</p>\n\t\t</span>";
+          "</p><p> GMT". date("O T") ."</p><button class=\"time_copy_btn\" onclick='copy_timestamp(\"time_body\")'>Copy Timestamp</button>\n\t\t</span>";
         if($_POST['originalTZ']){// if the user want display the browser detected timezone as well as the selected one.
           date_default_timezone_set($originalTZ);
           echo'<h3>Time in original Timezone</h3>'.
           '<span><p id="time_original">'.
           date("D, M d, Y, H:i:s") .
-          "</p><p> GMT". date("O T") .'</p></span>';
+          "</p><p> GMT". date("O T") ."</p><button class=\"time_copy_btn\" onclick='copy_timestamp(\"time_original\")'>Copy Timestamp</button></span>";
           date_default_timezone_set($scriptTZ);
         }
         if($_POST['displayOffset']){