Laboratoria · Gisbelc · Mar 11, 2022 · Mar 14, 2022 · Mar 14, 2022 · Mar 14, 2022
diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jest": "^25.3.0",
-    "htmlhint": "^1.0.0",
+    "htmlhint": "^1.1.2",
     "jest": "^27.0.1",
     "regenerator-runtime": "^0.13.1",
     "serve": "^13.0.2",
@@ -35,4 +35,4 @@
   "engines": {
     "node": ">=14"
   }
-}
+}
diff --git a/src/firebase.js b/src/firebase.js
@@ -0,0 +1,23 @@
+// Configuracion firebase
+  // Import the functions you need from the SDKs you need
+  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-app.js";
+  import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-analytics.js";
+  import { getFirestore, collection, addDoc } from "https://www.gstatic.com/firebasejs/9.6.8/firebase-firestore.js"
+  // TODO: Add SDKs for Firebase products that you want to use
+  // https://firebase.google.com/docs/web/setup#available-libraries
+
+  // Your web app's Firebase configuration
+  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
+  const firebaseConfig = {
+    apiKey: "AIzaSyBjr-ZpWK_pg0Apckfty-O56ZqnFhwSO_U",
+    authDomain: "valorant-social.firebaseapp.com",
+    projectId: "valorant-social",
+    storageBucket: "valorant-social.appspot.com",
+    messagingSenderId: "700869464423",
+    appId: "1:700869464423:web:88689d128213e38acb1fc2",
+    measurementId: "G-1KJ7QLNHYF"
+  };
+
+  // Initialize Firebase
+  const app = initializeApp(firebaseConfig);
+  const analytics = getAnalytics(app);
diff --git a/src/img/E24Skm_WYAQk1qW.jpg b/src/img/E24Skm_WYAQk1qW.jpg
diff --git a/src/index.html b/src/index.html
@@ -1,12 +1,30 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Document</title>
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="stylesheet" href="style.css">
+  <title>Social Valorant</title>
 </head>
 <body>
+
+  <section class="firstPage">
+    <div class="user">
+      <p>Correo electronico:</p>
+      <input type="text" placeholder="Escribe tu email" id="email">
+    </div>
+    <div class="password">
+      <p>Contraseña:</p>
+      <input type="text" placeholder="Escribe tu contraseña" id="password">
+    </div>
+    <div class="btnEnter">
+      <button id="btnEnter">Ingresar</button>
+    </div>
+
+    <div class="register">
+      <p>¿No tienes usuario?</p> 
+      <a href="" class="organize">Registrate aqui</a> 
+      <a href="" class="organize" id="register">Registrate aqui</a> 
+      <p>o ingresa con</p> 
+      <a href="" class="organize">Google</a>
+    </div>
+  </section>
   <script type="module" src="main.js"></script>
 </body>
 </html>
diff --git a/src/lib/index.js b/src/lib/index.js
@@ -1,6 +1,7 @@
 // aqui exportaras las funciones que necesites
 
-export const myFunction = () => {
-  // aqui tu codigo
-  console.log('Hola mundo!');
+export const poyo = () => {
+  window.addEventListener("DOMContentLoaded", () => {
+
+  })
 };
diff --git a/src/main.js b/src/main.js
@@ -1,5 +1,3 @@
-// Este es el punto de entrada de tu aplicacion
+import { poyo } from './lib/index.js';
 
-import { myFunction } from './lib/index.js';
 
-myFunction();
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,51 @@
+*{
+    font-family: calibri;
+}
+
+body{
+ margin: 0;
+}
+
+.firstPage{
+ background-image: url("/src/img/E24Skm_WYAQk1qW.jpg");
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding: 26%;
+}
+
+.user{
+    position: relative;
+    top: 3px;
+    left: 550px;
+    color: white;
+}
+
+.password{
+    position: relative;
+    top: -71px;
+    left: 750px;
+    color: white;
+}
+
+.btnEnter{
+    position: relative;
+    top: -92px;
+    left: 950px;
+    color: white;
+}
+
+.register{
+    display: flex;
+    position: relative;
+    justify-content: center;
+    color: white;
+    left: 270px;
+    top: -60px;
+}
+
+.organize{
+    position: relative;
+    top: 15px;
+    margin-right: 5px;
+    margin-left: 5px;
+}