feat: Initial code drop

2025-06-17 18:28:35 +10:00
commit 0e4c5e12a0
13 changed files with 7541 additions and 0 deletions
--- a/public/styles.css
+++ b/public/styles.css
@@ -0,0 +1,163 @@
+:root {
+  --primary-color: #ff5722;
+  --secondary-color: #ffab91;
+  --dark-color: #212121;
+  --light-color: #f5f5f5;
+  --accent-color: #ff9800;
+  --error-color: #f44336;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  line-height: 1.6;
+  color: var(--dark-color);
+  background-color: var(--light-color);
+}
+
+.container {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 2rem 1rem;
+}
+
+header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+header h1 {
+  color: var(--primary-color);
+  margin-bottom: 0.5rem;
+}
+
+section {
+  background-color: white;
+  border-radius: 8px;
+  padding: 2rem;
+  margin-bottom: 2rem;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+h2 {
+  color: var(--dark-color);
+  margin-bottom: 1rem;
+}
+
+h3 {
+  color: var(--dark-color);
+  margin: 1.5rem 0 0.5rem;
+}
+
+.search-form {
+  display: flex;
+  margin: 1.5rem 0;
+}
+
+input[type="text"] {
+  flex: 1;
+  padding: 0.8rem;
+  font-size: 1rem;
+  border: 2px solid #ddd;
+  border-radius: 4px 0 0 4px;
+  outline: none;
+}
+
+input[type="text"]:focus {
+  border-color: var(--primary-color);
+}
+
+button {
+  background-color: var(--primary-color);
+  color: white;
+  border: none;
+  padding: 0.8rem 1.5rem;
+  font-size: 1rem;
+  cursor: pointer;
+  border-radius: 0 4px 4px 0;
+  transition: background-color 0.2s;
+}
+
+button:hover {
+  background-color: var(--accent-color);
+}
+
+.example-note {
+  font-size: 0.9rem;
+  color: #666;
+  margin-top: 1rem;
+}
+
+.example-note ul {
+  list-style-type: none;
+  margin-top: 0.5rem;
+}
+
+.example-link {
+  color: var(--primary-color);
+  text-decoration: none;
+}
+
+.example-link:hover {
+  text-decoration: underline;
+}
+
+ol, ul {
+  margin-left: 1.5rem;
+}
+
+code {
+  background-color: #f0f0f0;
+  padding: 0.2rem 0.4rem;
+  border-radius: 3px;
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+}
+
+footer {
+  text-align: center;
+  margin-top: 2rem;
+  color: #666;
+  font-size: 0.9rem;
+}
+
+footer a {
+  color: var(--primary-color);
+  text-decoration: none;
+}
+
+#status-indicator {
+  font-weight: bold;
+}
+
+.online {
+  color: #2e7d32;
+}
+
+.offline {
+  color: var(--error-color);
+}
+
+@media (max-width: 600px) {
+  section {
+    padding: 1.5rem;
+  }
+  
+  .search-form {
+    flex-direction: column;
+  }
+  
+  input[type="text"] {
+    border-radius: 4px;
+    margin-bottom: 0.5rem;
+  }
+  
+  button {
+    width: 100%;
+    border-radius: 4px;
+  }
+}