rework-tela-de-inicio

ifpi-picos · Feb 27, 2025 · 729a9f5 · 729a9f5
1 parent bfa111c
commit 729a9f5
Show file tree

Hide file tree

Showing 19 changed files with 206 additions and 3,765 deletions.
diff --git a/cadastro.css b/cadastro.css
@@ -10,13 +10,13 @@ body {
  }
 
  .wrapper {
-    background: rgba(255, 255, 255, 0.123);
+    background: rgba(0, 0, 0, 0.397);
     padding: 40px;
     border-radius: 12px;
     text-align: center;
     color: rgb(255, 255, 255);
     width: 400px;
-    backdrop-filter: blur(3px);
+    backdrop-filter: blur(4px);
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
 

diff --git a/images/Bem-vindo ao iMenu - cliente.png b/images/Bem-vindo ao iMenu - cliente.png
diff --git a/images/Bem-vindo ao iMenu.png b/images/Bem-vindo ao iMenu.png
diff --git a/images/card-icon.png b/images/card-icon.png
diff --git a/images/card.png b/images/card.png
diff --git a/images/config-icon.png b/images/config-icon.png
diff --git a/images/config.png b/images/config.png
diff --git a/images/editor .png b/images/editor .png
diff --git a/images/editor-icon.png b/images/editor-icon.png
diff --git a/images/home-icon.png b/images/home-icon.png
diff --git a/images/home.png b/images/home.png
diff --git a/images/local-icon.png b/images/local-icon.png
diff --git a/images/local.png b/images/local.png
diff --git a/images/perfil-icon.png b/images/perfil-icon.png
diff --git a/images/perfil.png b/images/perfil.png
diff --git a/index.html b/index.html
diff --git a/js/script.js b/js/script.js
diff --git a/js/server_script.js b/js/server_script.js
@@ -1,4 +1,5 @@
-const webservice =  "https://imenu-backend-qfa2.onrender.com" //"http://localhost:3006"
+const webservice = "https://imenu-backend-qfa2.onrender.com" //"http://localhost:3006"
+
 async function criaruser() {
 
     var nome = document.getElementById("nome").value;

diff --git a/teste.css b/teste.css
@@ -0,0 +1,142 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    height: 100vh;
+}
+
+
+.container {
+    display: flex;
+    width: 100%;
+}
+
+.sidebar {
+    width: 250px;
+    background: #3b1d0f;
+    padding: 20px;
+    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
+}
+
+.logo {
+    font-size: 24px;
+    color: #ffffff;
+    font-weight: bold;
+}
+
+.nav-button {
+    width: 100%;
+    padding: 10px;
+    margin: 5px 0;
+    border: none;
+    text-align: left;
+    background: none;
+    cursor: pointer;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    color: white;
+}
+
+.nav-button img {
+    width: 40px;
+    height: 40px;
+}
+
+.nav-button.active, .nav-button:hover {
+    background: #664637;
+    border-radius: 5px;
+}
+
+.content {
+    flex: 1;
+    padding: 20px;
+    background: #cfc9c7
+}
+
+.topbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.search-box {
+    position: relative;
+}
+
+.search-box i {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    color: gray;
+}
+
+.search-box input {
+    padding: 8px 8px 8px 30px;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+}
+
+.promo-banner {
+    width: 95%;
+    margin-bottom: 20px;
+    align-items: center;
+}
+
+.promo-banner img {
+    width: 100%;
+    max-height: 200px;
+    object-fit: cover;
+    border-radius: 10px;
+}
+
+.auth-buttons {
+    display: flex;
+    gap: 10px;
+}
+
+.register-button {
+    background: #3b1d0f;
+    color: white;
+    border: none;
+    padding: 10px 15px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.login-button {
+    background: none;
+    color: #3b1d0f;
+    border: 2px solid #3b1d0f;
+    padding: 8px 15px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.cards {
+    display: flex;
+    gap: 10px;
+}
+
+.card {
+    background: white;
+    padding: 20px;
+    flex: 1;
+    text-align: center;
+    border-radius: 10px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+#perfil{
+    width: 50px;
+    height: 50px;
+}
+
+#conta{
+    text-decoration: none;
+    color: black;
+
+    display: flex;
+}