minor color changes

index.html

@@ -43,7 +43,7 @@
             <p>Made with Rust, JS, and ❤️</p>
             <p>by
                 <a href="//ldlda.com" target="_blank" rel="noopener noreferrer">lđa</a>
-                </p>
+            </p>
         </footer>
     </div>
 </body>

src/color_generator.ts

@@ -1,4 +1,5 @@
-let sourceCount = 0;
+// Start with a random hue, but keep saturation and lightness fixed for "nice" colors
+let sourceCount = Math.floor(Math.random() * 360);
 
 /**
  * Generates the next color in a sequence using the golden angle.

src/eventSourceManager.ts

@@ -17,7 +17,7 @@ export const updateEventSourceList2 = (eventSourceList: HTMLElement | null) => {
     calendar.getEventSources().forEach((source) => {
       const card = document.createElement("div");
       card.className = "event-source-card";
-
+      card.style.borderLeftColor = source.internalEventSource.ui.borderColor;
       const info = document.createElement("div");
       info.className = "info"; // Add class for styling
       const url = source.url || "(No URL)";

src/main.ts

@@ -26,6 +26,9 @@ const placeholder_message = document.getElementById(
 const eventSourceList = document.getElementById(
   "event-source-list"
 ) as HTMLElement;
+const eventmanage = document.getElementById(
+  "event-source-management"
+) as HTMLElement;
 const updateEventSourceList = updateEventSourceList2(eventSourceList);
 
 /**
@@ -33,6 +36,7 @@ const updateEventSourceList = updateEventSourceList2(eventSourceList);
  */
 function showPlaceholder(): void {
   placeholder_message.style.display = "block";
+  eventmanage.style.display = "none";
   cal_ele.style.display = "none";
 }
 
@@ -41,6 +45,7 @@ function showPlaceholder(): void {
  */
 function hidePlaceholder(): void {
   placeholder_message.style.display = "none";
+  eventmanage.style.display = "block";
   cal_ele.style.display = "block";
 }
 

src/style.css

@@ -118,6 +118,7 @@ input[type="button"]:hover {
   background: #f8f9fa;
   border-radius: 8px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
+  display: none;
 }
 
 .event-source-card {
@@ -130,7 +131,7 @@ input[type="button"]:hover {
   background: #ffffff;
   border-radius: 4px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-  border: 1px solid #ddd;
+  /* border: 1px solid #ddd; */
   background-color: #f9f9f9;
   flex-wrap: wrap; /* Allow wrapping for smaller screens */
 }