Spaces:

gruhit-patel
/

connect-4-frontend

Running

App Files Files Community

Gruhit Patel commited on Apr 8, 2024

Commit

15286cb

•

1 Parent(s): 22998cb

upload frontend for connect-4

Browse files

Files changed (4) hide show

assets/index-DiZ2T6_p.js +0 -0
assets/index-cif1ZecR.css +1 -0
index.html +12 -17
vite.svg +1 -0

assets/index-DiZ2T6_p.js ADDED Viewed

The diff for this file is too large to render. See raw diff

assets/index-cif1ZecR.css ADDED Viewed

	@@ -0,0 +1 @@

+ .App{text-align:center}.board-container{display:flex;justify-content:center;align-items:center;margin-top:50px}.board{display:flex;flex-direction:column;background-color:#6f3;padding:10px;border-radius:10px;box-shadow:0 0 10px #0003}.cell{width:50px;height:50px;border-radius:50%;margin:5px}@keyframes glow{0%{box-shadow:0 0 10px #001eff80}to{box-shadow:0 0 20px #0015ff}}.App{display:flex;flex-direction:column;align-items:center}.row{display:flex}.cell{width:95px;height:90px;border-radius:50%;margin:5px}.winning-cell{animation:glow 1s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #0004ff80}to{box-shadow:0 0 20px #0004ff}}.play-button-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button{cursor:pointer}.play-icon{width:80px;height:80px;fill:#007bff}.reload-button{position:absolute;top:50%;left:47%;cursor:pointer}.reload-icon{width:80px;height:80px;fill:#007bff}.options-container{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.board{display:flex;flex-direction:column;background-color:#6f3;width:700px;height:600px;padding:10px;border-radius:10px;box-shadow:0 0 10px #0003}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

index.html CHANGED Viewed

@@ -1,19 +1,14 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

 <!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+    <script type="module" crossorigin src="/assets/index-DiZ2T6_p.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-cif1ZecR.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
 </html>

vite.svg ADDED Viewed