Alpha Release

AustinCGomez · AustinCGomez · commit b883568fa70f · 2025-12-25T23:31:43.000-06:00
Alpha Release
diff --git a/frontend.html b/frontend.html
@@ -2,24 +2,21 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <style>
-    body { font-family: sans-serif; padding: 15px; width: 300px; }
-    input, textarea { width: 100%; margin: 8px 0; padding: 8px; }
-    button { padding: 10px; width: 100%; margin-top: 10px; }
-    #output { white-space: pre-wrap; margin-top: 20px; font-size: 12px; }
-    .hidden {
-      display: none;
-    }
-  </style>
+  <link rel="stylesheet" href="styles.css">
+
 </head>
 <body>
   <!-- Main View-->
   <div id="mainView">
     <h1> RaterLog Dashboard </h1>
     <p> Please type in the following fields to log in your data: </p>
+    <label for="StartTime">Start Time: </label>
     <input type="time" id="StartTime">
+    <label for="EndTime"> End Time: </label>
     <input type="time" id="EndTime">
+    <label for="date"> Enter the Date: </label>
     <input type="date" id="Date">
+    <label for="TasksCompleted"> Total Tasks Completed: </label>
     <textarea id="TasksCompleted" placeholder="What did you do?"></textarea>
     <button id="save-btn">Save Task</button>
     <button id="view-logs">View Hours Worked</button>
@@ -43,9 +40,9 @@ <h2> All Logs </h2>
 
   <!-- Footer-->
   <footer> 
-    <a href="https://github.com/AustinCGomez/RatingLog"> RatingLog is a open-source project. Visit our github to contribute! </a>
+    <p> Developed free for everyone under the MIT License! </p>
   </footer>
 
-  <script src="popup.js"></script>
+  <script src="main.js"></script>
 </body>
 </html>
diff --git a/logo.png b/logo.png
diff --git a/main.js b/main.js
diff --git a/manifest.json b/manifest.json
@@ -5,7 +5,7 @@
   "manifest_version": 3,
   "permissions": ["storage"],
   "action": {
-    "default_popup": "RaterLog.html",
-    "default_icon": "RaterLog.png"
+    "default_popup": "frontend.html",
+    "default_icon": "logo.png"
   }
 }
diff --git a/readme.md b/readme.md
@@ -1,6 +1,7 @@
-# RatingLog
 
-RatingLog is a plugin for Google Chrome that helps raters (I.E. TELUS, WeLocalize, Reform, and other platforms) to keep track of their hours worked which are often irregular compared a normal hourly shift. Through RatingLog, you can easily log in your hours and then collect them for later when you submit your timesheets. 
+# About us 
+
+RatingLog is a upcoming plugin for Google Chrome that helps raters (I.E. TELUS, WeLocalize, Reform, and other platforms) to keep track of their hours worked which are often irregular compared a normal hourly shift. Through RatingLog, you can easily log in your hours and then collect them for later when you submit your timesheets. 
 
 # Installation
 This plugin is currently only avaialble through an unpackaged extension. We are finalizing our UI design and bug testing before we release it for free onto the Google Chrome Extension store. For the time being please follow the stpes below to install the extension: 
diff --git a/styles.css b/styles.css
@@ -0,0 +1,52 @@
+
+
+body {
+    font-family: sans-serif;
+    padding: 15px;
+    width: 300px;
+    background-color: #0F172A;
+
+    
+
+}
+
+input, textarea {
+
+    width: 100%;
+    margin: 8px 0;
+    padding: 8px;
+}
+
+button {
+    padding: 10px;
+    width: 100%;
+    margin-top: 10px;
+    color: white;
+    background-color:#3B82F6;
+}
+
+#output {
+    white-space: pre-wrap;
+    margin-top: 20px;
+    font-size: 12px;
+}
+
+.hidden {
+    display: none;
+}
+
+#mainView {
+    color:#F1F5F9;
+
+}
+
+#logs-dashboard {
+    color: #F1F5F9;
+}
+#warning-dashboard {
+    color: #F1F5F9;
+}
+
+footer {
+    background-color: white;
+}

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`"manifest_version": 3,`
`6`	`6`	`"permissions": ["storage"],`
`7`	`7`	`"action": {`
`8`		`- "default_popup": "RaterLog.html",`
`9`		`- "default_icon": "RaterLog.png"`
	`8`	`+ "default_popup": "frontend.html",`
	`9`	`+ "default_icon": "logo.png"`
`10`	`10`	`}`
`11`	`11`	`}`