Set docs to samples folder

Picolab · Apr 10, 2024 · 5b66256 · 5b66256
1 parent 93acddf
commit 5b66256
Show file tree

Hide file tree

Showing 10 changed files with 1,436 additions and 12 deletions.
diff --git a/docs/cat.jpg b/docs/cat.jpg
diff --git a/docs/file.PNG b/docs/file.PNG
diff --git a/docs/folder.PNG b/docs/folder.PNG
diff --git a/docs/index.css b/docs/index.css
@@ -0,0 +1,66 @@
+body, html {
+    height: 100%;
+    margin: 0;
+    font-family: Arial, sans-serif;
+    background-color: #f0f4f8;
+}
+
+.login-container {
+    position: absolute;
+    width: 100%;
+    max-width: 400px;
+    padding: 50px 75px 50px 50px;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    text-align: center;
+}
+
+h2 {
+    color: #333;
+    margin-bottom: 40px;
+}
+
+.input-group {
+    position: relative;
+    margin-bottom: 20px;
+}
+
+input[type="text"], input[type="password"] {
+    width: 100%;
+    padding: 10px;
+    border: 2px solid #ddd;
+    border-radius: 4px;
+    margin-top: 8px;
+}
+
+input[type="text"]:focus, input[type="password"]:focus {
+    border-color: #007bff;
+    outline: none;
+}
+
+label {
+    position: absolute;
+    top: -8px;
+    left: 10px;
+    background-color: white;
+    padding: 0 5px;
+    color: #007bff;
+}
+
+button {
+    width: 105%;
+    padding: 10px;
+    border: none;
+    border-radius: 4px;
+    color: white;
+    background-color: #007bff;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #0056b3;
+}
diff --git a/docs/index.html b/docs/index.html
@@ -1,14 +1,22 @@
-<!DOCTYPE HTML>
-<html>
-  <head>
-    <title>pico-pods</title>
+<!DOCTYPE html>
+<html lang="en">
+<head>
     <meta charset="UTF-8">
-    <style type="text/css">
-      body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
-    </style>
-  </head>
-  <body>
-    <h1>pico-pods</h1>
-    <div>hello world!</div>
-  </body>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Welcome to the dApps!</title>
+    <link rel="stylesheet" href="index.css">
+    <script src="index.js"></script> 
+</head>
+<body>
+    <div class="login-container">
+        <h2>Welcome to THE dApps!</h2>
+        <form id="loginForm">
+            <div class="input-group">
+                <input type="text" id="PicoECI" required>
+                <label for="PicoECI">Pico ECI</label>
+            </div>
+            <button id="attachButton" type="submit" onclick="attach(event)">Attach</button>
+        </form>
+    </div>
+</body>
 </html>