fix some bugs

danielchen3 · danielchen3 · commit 05106f6c2f07 · 2025-01-19T18:10:52.000+08:00
diff --git a/usa_map/AZ/index.html b/usa_map/AZ/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Arizona</title>
-    <link rel="stylesheet" href="./../styles.css">
+    <link rel="stylesheet" href="sty.css">
 
 </head>
 
diff --git a/usa_map/AZ/sty.css b/usa_map/AZ/sty.css
diff --git a/usa_map/AZ/usa_az.js b/usa_map/AZ/usa_az.js
@@ -1,4 +1,4 @@
-import {data_list, state_code, state_name} from "../assets.js"
+import {data_list, state_code, state_name} from "../resources.js"
 
 // async function processData() {
 //     const querySnapshot = await data_list;
diff --git a/usa_map/CA/index.html b/usa_map/CA/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>California</title>
-    <link rel="stylesheet" href="./../styles.css">
+    <link rel="stylesheet" href="sty.css">
 </head>
 <body>
     <h1>Welcome to California</h1>
diff --git a/usa_map/CA/sty.css b/usa_map/CA/sty.css
@@ -0,0 +1,43 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin: 50px;
+}
+
+h1 {
+    color: #4CAF50;
+}
+
+p {
+    font-size: 18px;
+    color: #555;
+}
+
+#svgContainer {
+    margin: 20px auto;
+    display: inline-block;
+    width: 100%;
+    max-width: auto;
+}
+
+.map-container {
+    display: flex;
+    gap: 20px;
+}
+
+#usaMap {
+    width: 60%;
+    height: 80vh;
+    min-height: 500px;
+    border: 1px solid #ddd;
+}
+
+#stateInfo {
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #fff;
+    display: none;
+    width: 200px;
+    height: fit-content;
+}
diff --git a/usa_map/CA/usa_ca.js b/usa_map/CA/usa_ca.js
@@ -1,4 +1,4 @@
-import {data_list, state_code, state_name} from "../assets.js"
+import {data_list, state_code, state_name} from "../resources.js"
 
 // async function processData() {
 //     const querySnapshot = await data_list;
diff --git a/usa_map/NY/index.html b/usa_map/NY/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>New York</title>
-    <link rel="stylesheet" href="./../styles.css">
+    <link rel="stylesheet" href="sty.css">
 </head>
 <body>
     <h1>Welcome to New York</h1>
diff --git a/usa_map/NY/sty.css b/usa_map/NY/sty.css
@@ -0,0 +1,43 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin: 50px;
+}
+
+h1 {
+    color: #4CAF50;
+}
+
+p {
+    font-size: 18px;
+    color: #555;
+}
+
+#svgContainer {
+    margin: 20px auto;
+    display: inline-block;
+    width: 100%;
+    max-width: auto;
+}
+
+.map-container {
+    display: flex;
+    gap: 20px;
+}
+
+#usaMap {
+    width: 60%;
+    height: 80vh;
+    min-height: 500px;
+    border: 1px solid #ddd;
+}
+
+#stateInfo {
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #fff;
+    display: none;
+    width: 200px;
+    height: fit-content;
+}
diff --git a/usa_map/NY/usa_ny.js b/usa_map/NY/usa_ny.js
@@ -1,4 +1,4 @@
-import {data_list, state_code, state_name} from "../assets.js"
+import {data_list, state_code, state_name} from "../resources.js"
 
 // async function processData() {
 //     const querySnapshot = await data_list;
diff --git a/usa_map/resources.js b/usa_map/resources.js
diff --git a/usa_map/sty.css b/usa_map/sty.css
@@ -0,0 +1,43 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin: 50px;
+}
+
+h1 {
+    color: #4CAF50;
+}
+
+p {
+    font-size: 18px;
+    color: #555;
+}
+
+#svgContainer {
+    margin: 20px auto;
+    display: inline-block;
+    width: 100%;
+    max-width: auto;
+}
+
+.map-container {
+    display: flex;
+    gap: 20px;
+}
+
+#usaMap {
+    width: 60%;
+    height: 80vh;
+    min-height: 500px;
+    border: 1px solid #ddd;
+}
+
+#stateInfo {
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #fff;
+    display: none;
+    width: 200px;
+    height: fit-content;
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import {data_list, state_code, state_name} from "../assets.js"`
	`1`	`+import {data_list, state_code, state_name} from "../resources.js"`
`2`	`2`
`3`	`3`	`// async function processData() {`
`4`	`4`	`// const querySnapshot = await data_list;`