Added Placeholder Text to JSON Input

README.md

@@ -11,8 +11,13 @@
 <b>ACCRUE</b> - Hours accrued per day.<br>
 <b>TIME OFF</b> - Hours deferred per day.<br>
 <b>MAX PTO</b> - Maximum number of hours.<br>
+<b>MIN PTO</b> - Minimum number of hours.<br>
 <b>MAX CARRY</b> - Maximum number of hours carried over to the next year.<br>
 <b>PAYROLL</b> - Scheduling of pay periods.<br>
 <b>ON</b> - Day of pay period.<br>
 <b>START DAY</b> - Day where payroll begins.<br>
 <b>START PTO</b> - Initial number of hours on the starting day.
+
+<h2>Settings</h2>
+<b>Save Data</b> - Save the calendar and copy the json data to your clipboard.<br>
+<b>Load Data</b> - Load the json data from the text box below into the calendar.<br>

index.html

@@ -193,7 +193,7 @@ <h2>File</h2>
 
                     <!-- JSON Data -->
                     <div class="line">
-                        <input id="json-data">
+                        <input type="text" id="json-data" placeholder="JSON Data">
                     </div>
 
                     <!-- Reset Button -->

style/sidebar.css

@@ -96,3 +96,8 @@
     margin-right: 4px;
     text-align: center;
 }
+
+.sidebar input::placeholder {
+    color: white;
+    opacity: 0.3;
+}