cthorne 8dd975abe0 Add further responsive UI using uiKit (#36) ...

Utilising [UiKit](https://getuikit.com/) as the CSS framework

Adjusted existing functionality & CSS to integrate with UiKits - should
retain same functionality

- Ui colors are UiKit defaults
- Search results automatically expand when searching
- UiKit ensures its automatically responsive for mobile

### **Search results**

![image](https://github.com/user-attachments/assets/7103b542-9eba-4b56-a730-4165a93ae099)

### **Details dialog**

![image](https://github.com/user-attachments/assets/ff5a69c3-522a-40f0-b04d-9c1e4a2c34fb)

![image](https://github.com/user-attachments/assets/a194ff25-e3da-40b3-a5f9-48a483036491)

**- The dialog could be improved further by adjusting to a modal in
UiKit purely, however wasn't sure on how to do / time reqs.**

### **Search Results & Download Status are in expandable accordions**

![image](https://github.com/user-attachments/assets/2b4f25c4-4c8b-4bde-8861-833399af7d1a)

![image](https://github.com/user-attachments/assets/3ac0447b-7843-4750-9859-94a79fa65f9a)


### **Adjusted search to UiKits with clickable search icon**

![image](https://github.com/user-attachments/assets/8b331063-1045-4759-b05c-64a2e1a738ea)

### **Added gitHub link to footer and increased font sizing**

![image](https://github.com/user-attachments/assets/c9822fd3-3b31-4bbd-bb24-c2272c6af5e3)

### **Mobile views (Chrome on Desktop) - scales & retains scroll**

![image](https://github.com/user-attachments/assets/fb598d07-e6c5-4ab2-ae86-782aa74853a8)

![image](https://github.com/user-attachments/assets/fb04fb6b-be54-4309-a5ba-9636b8691593)

![image](https://github.com/user-attachments/assets/66b0b326-83d1-4131-8d3a-66bf111ca2ad)

### **TODO:**

- Improvements to modal functionality
- Pagination
- Cleaning (removing unused CSS etc)

2025-01-05 13:00:51 -05:00

..

styles.css

Add further responsive UI using uiKit (#36)

2025-01-05 13:00:51 -05:00