warning-cutoff

Running

rguo123 commited on Aug 21, 2023

Commit

2b1de96

1 Parent(s): 5e44848

revert back

Files changed (1) hide show

index.html CHANGED Viewed

@@ -1,33 +1,31 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>OBELICS Interactive Map</title>
 		<style>
 			body {
 			  margin: 0;
-              padding: 0;
 			}
 			.iframe-container {
-			  display: flex;
-              flex-direction: column;
-              align-items: center; /* Horizontally center the content */
-              justify-content: center; /* Vertically center the content */
-              border: 1px solid #ccc;
-              border-radius: 10px;
-              overflow: hidden;
-              width: 80%;
-              height: 80%;
-              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 			}
-            .iframe-container p {
-              padding: 10px;
-              text-align: center; /* If you want the text to be centered */
-            }
 			iframe {
-              flex: 1;
 			  width: 100%;
-              height: 100%;
 			  border: none;
 			}
 		  </style>
@@ -39,4 +37,4 @@
 			  title="Nomic Atlas"></iframe>
 		</div>
 	</body>
-</html>

 <!DOCTYPE html>
 <html>
 	<head>
+		<meta charset="utf-8" />
 		<title>OBELICS Interactive Map</title>
 		<style>
 			body {
+			  font-family: Arial, sans-serif;
+			  background-color: #f0f0f0;
+			  display: flex;
+			  justify-content: center;
+			  align-items: center;
+			  height: 100vh;
 			  margin: 0;
+			  padding: 0;
+			  color: #333;
 			}
 			.iframe-container {
+			  border: 1px solid #ccc;
+			  border-radius: 10px;
+			  overflow: hidden;
+			  width: 80%;
+			  height: 80%;
+			  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 			}
 			iframe {
 			  width: 100%;
+			  height: 100%;
 			  border: none;
 			}
 		  </style>
 			  title="Nomic Atlas"></iframe>
 		</div>
 	</body>
+</html>