diff --git a/components/footer.js b/components/footer.js
new file mode 100644
index 0000000000000000000000000000000000000000..bb7388426f0cd485204b645417fe09438629b1cc
--- /dev/null
+++ b/components/footer.js
@@ -0,0 +1,92 @@
+import Link from "next/link";
+import React from "react";
+
+const Footer = () => {
+ return (
+ <footer class="flex bg-[#3E5E75] text-[#F0F0F0]">
+ <div class="container mx-auto">
+ <div class="lg:flex justify-center center items-center lg:w-4/5 mx-auto">
+ <div class="lg:bg-[#69CEDF] px-4 lg:px-20 py-16 rounded-lg font-semibold lg:mt-28 lg:flex">
+ <h3 class="text-2xl lg:text-4xl font-bold lg:w-2/5">
+ SuscrÃbete para recibir noticias y artÃculos
+ </h3>
+ <form class="lg:w-3/5 mt-6">
+ <div class="relative lg:ml-2">
+ <input
+ type="email"
+ class="block placeholder-gray-500 text-black border w-full rounded-lg p-4 lg:p-6 lg:ml-4 text-sm lg:text-base"
+ placeholder="Escribe tu email aquÃ"
+ />
+ <button class="lg:bg-[#3E5E75] bg-[#69CEDF] text-[#F0F0F0] mr-1 py-2 lg:py-4 px-2 lg:px-6 rounded-lg absolute right-0 bottom-2.5 lg:bottom-2.5 font-semibold text-sm lg:text-base hover:opacity-90 ">
+ SuscrÃbete
+ </button>
+ </div>
+ </form>
+ </div>
+ </div>
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-16 mx-auto justify-center items-center w-4/5 lg:py-8 text-sm lg:text-base">
+ <div>
+ <p class="font-bold">Correo</p>
+ <p>halley@uis.edu.co</p>
+ <p class="font-bold mt-2">Teléfono</p>
+ <p> (+57)(7)6344000 Ext. 2741</p>
+ </div>
+ <div class="grid grid-cols-2 gap-16">
+ <div>
+ <Link
+ href="https://www.facebook.com/HalleyUIS"
+ target="_blank"
+ class="flex items-center"
+ >
+ <svg class="w-8 h-8 fill-[#F0F0F0] mr-2" viewBox="0 0 512 512">
+ <path d="M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z" />
+ </svg>
+
+ <p>Facebook</p>
+ </Link>
+ <Link
+ href="https://twitter.com/halleyUIS"
+ target="_blank"
+ class="flex mt-2 items-center"
+ >
+ <svg class="w-8 h-8 fill-[#F0F0F0] mr-2" viewBox="0 0 512 512">
+ <path d="M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z" />
+ </svg>
+ <p>Twitter</p>
+ </Link>
+ </div>
+ <div>
+ <Link
+ href="https://www.instagram.com/halleyuis/"
+ target="_blank"
+ class="flex items-center"
+ >
+ <svg class="w-8 h-8 fill-[#F0F0F0] mr-2" viewBox="0 0 512 512">
+ <g>
+ <path d="M256 109.3c47.8 0 53.4 0.2 72.3 1 17.4 0.8 26.9 3.7 33.2 6.2 8.4 3.2 14.3 7.1 20.6 13.4 6.3 6.3 10.1 12.2 13.4 20.6 2.5 6.3 5.4 15.8 6.2 33.2 0.9 18.9 1 24.5 1 72.3s-0.2 53.4-1 72.3c-0.8 17.4-3.7 26.9-6.2 33.2 -3.2 8.4-7.1 14.3-13.4 20.6 -6.3 6.3-12.2 10.1-20.6 13.4 -6.3 2.5-15.8 5.4-33.2 6.2 -18.9 0.9-24.5 1-72.3 1s-53.4-0.2-72.3-1c-17.4-0.8-26.9-3.7-33.2-6.2 -8.4-3.2-14.3-7.1-20.6-13.4 -6.3-6.3-10.1-12.2-13.4-20.6 -2.5-6.3-5.4-15.8-6.2-33.2 -0.9-18.9-1-24.5-1-72.3s0.2-53.4 1-72.3c0.8-17.4 3.7-26.9 6.2-33.2 3.2-8.4 7.1-14.3 13.4-20.6 6.3-6.3 12.2-10.1 20.6-13.4 6.3-2.5 15.8-5.4 33.2-6.2C202.6 109.5 208.2 109.3 256 109.3M256 77.1c-48.6 0-54.7 0.2-73.8 1.1 -19 0.9-32.1 3.9-43.4 8.3 -11.8 4.6-21.7 10.7-31.7 20.6 -9.9 9.9-16.1 19.9-20.6 31.7 -4.4 11.4-7.4 24.4-8.3 43.4 -0.9 19.1-1.1 25.2-1.1 73.8 0 48.6 0.2 54.7 1.1 73.8 0.9 19 3.9 32.1 8.3 43.4 4.6 11.8 10.7 21.7 20.6 31.7 9.9 9.9 19.9 16.1 31.7 20.6 11.4 4.4 24.4 7.4 43.4 8.3 19.1 0.9 25.2 1.1 73.8 1.1s54.7-0.2 73.8-1.1c19-0.9 32.1-3.9 43.4-8.3 11.8-4.6 21.7-10.7 31.7-20.6 9.9-9.9 16.1-19.9 20.6-31.7 4.4-11.4 7.4-24.4 8.3-43.4 0.9-19.1 1.1-25.2 1.1-73.8s-0.2-54.7-1.1-73.8c-0.9-19-3.9-32.1-8.3-43.4 -4.6-11.8-10.7-21.7-20.6-31.7 -9.9-9.9-19.9-16.1-31.7-20.6 -11.4-4.4-24.4-7.4-43.4-8.3C310.7 77.3 304.6 77.1 256 77.1L256 77.1z" />
+ <path d="M256 164.1c-50.7 0-91.9 41.1-91.9 91.9s41.1 91.9 91.9 91.9 91.9-41.1 91.9-91.9S306.7 164.1 256 164.1zM256 315.6c-32.9 0-59.6-26.7-59.6-59.6s26.7-59.6 59.6-59.6 59.6 26.7 59.6 59.6S288.9 315.6 256 315.6z" />
+ <circle cx="351.5" cy="160.5" r="21.5" />
+ </g>
+ </svg>
+ <p>Instagram</p>
+ </Link>
+ <Link
+ href="https://www.youtube.com/c/HalleyUIS"
+ target="_blank"
+ class="flex mt-2 items-center"
+ >
+ <svg class="w-8 h-8 fill-[#F0F0F0] mr-2" viewBox="0 0 512 512">
+ <path d="M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z" />
+ </svg>
+ <p>Youtube</p>
+ </Link>
+ </div>
+ </div>
+ <p class="mb-8">PolÃtica de privacidad y tratamiento de datos</p>
+ </div>
+ </div>
+ </footer>
+ );
+};
+
+export default Footer;
diff --git a/components/header.js b/components/header.js
new file mode 100644
index 0000000000000000000000000000000000000000..3c31a61e4d2520cdd0382128ed98129b939d16ef
--- /dev/null
+++ b/components/header.js
@@ -0,0 +1,100 @@
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+
+const Header = () => {
+ return (
+ <header className="bg-[#F0F0F0] bg-opacity-80 relative">
+ <nav className="container mx-auto px-6 py-2">
+ <div className="flex items-center justify-between">
+ {/* <!-- logo --> */}
+ <div>
+ <a href="#">
+ <Image
+ src="/images/halley_logo.png"
+ alt="logo"
+ height={200}
+ width={200}
+ className="h-24 object-contain"
+ />
+ </a>
+ </div>
+ {/* <!-- mobile menu --> */}
+ <div className="flex lg:hidden">
+ <svg
+ onclick="openMenu();"
+ className="w-6 h-6"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M4 6h16M4 12h16M4 18h16"
+ ></path>
+ </svg>
+ </div>
+ {/* <!-- menu items --> */}
+ <div
+ id="menu"
+ className="lg:flex hidden justify-between absolute lg:top-0 top-28 lg:relative bg-[#F0F0F0] lg:bg-none w-full lg:w-auto left-0 p-6 lg:p-0 z-50"
+ >
+ <div className="lg:space-x-6 lg:flex-row flex-col flex font-medium">
+ <Link
+ href="/divulgacion"
+ className="hover:text-zinc-600 lg:mb-0 mb-8"
+ >
+ Divulgación
+ </Link>
+ <Link
+ href="/investigacion"
+ className="hover:text-zinc-600 lg:mb-0 mb-8"
+ >
+ Investigación
+ </Link>
+ <Link href="/blog" className="hover:text-zinc-600 lg:mb-0 mb-8">
+ Blog
+ </Link>
+ <Link
+ href="/nosotros"
+ className="hover:text-zinc-600 lg:mb-0 mb-8"
+ >
+ Nosotros
+ </Link>
+ <Link
+ href="/contacto"
+ className="hover:text-zinc-600 lg:mb-0 mb-8"
+ >
+ Contacto
+ </Link>
+ </div>
+ {/* <!-- search --> */}
+ <div className="lg:ml-40 w-6">
+ <a href="#">
+ <svg
+ className="w-6 h-6"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+ ></path>
+ </svg>
+ </a>
+ </div>
+ </div>
+ </div>
+ </nav>
+ </header>
+ );
+};
+
+export default Header;
diff --git a/components/layout.js b/components/layout.js
new file mode 100644
index 0000000000000000000000000000000000000000..da0e2720ba1b392e5573fe4a307b5bf909428e19
--- /dev/null
+++ b/components/layout.js
@@ -0,0 +1,12 @@
+import Footer from "./footer";
+import Header from "./header";
+
+export default function Layout({ children }) {
+ return (
+ <>
+ <Header />
+ <main>{children}</main>
+ <Footer />
+ </>
+ );
+}
diff --git a/package.json b/package.json
index 3a45c59ae4690cf80b815220b3eccf7e43791538..2876450f919a1518c883bffa631a5dae742961a0 100644
--- a/package.json
+++ b/package.json
@@ -15,5 +15,10 @@
"next": "13.1.6",
"react": "18.2.0",
"react-dom": "18.2.0"
+ },
+ "devDependencies": {
+ "autoprefixer": "^10.4.13",
+ "postcss": "^8.4.21",
+ "tailwindcss": "^3.2.4"
}
}
diff --git a/pages/_app.js b/pages/_app.js
index 23002013d70aa52189700305aacd93dba6849067..100f4a2ee45bdd8fc8c051c3f44430cc25c39198 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,5 +1,11 @@
-import '@/styles/globals.css'
+import Layout from "@/components/layout";
+
+import "@/styles/globals.css";
export default function App({ Component, pageProps }) {
- return <Component {...pageProps} />
+ return (
+ <Layout>
+ <Component {...pageProps} />
+ </Layout>
+ );
}
diff --git a/pages/api/hello.js b/pages/api/hello.js
deleted file mode 100644
index df63de88fa67cb006e692cc789caea580ba3697e..0000000000000000000000000000000000000000
--- a/pages/api/hello.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
- res.status(200).json({ name: 'John Doe' })
-}
diff --git a/pages/blog.js b/pages/blog.js
new file mode 100644
index 0000000000000000000000000000000000000000..4ef3ccfad023f99b39e81e07d931505426095cd4
--- /dev/null
+++ b/pages/blog.js
@@ -0,0 +1,181 @@
+import Head from "next/head";
+import Image from "next/image";
+
+export default function Blog() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main>
+ <section class="bg-[#3E5E75] text-[#F0F0F0]">
+ <div class="container mx-auto px-6 py-16">
+ <h2 class="text-center lg:text-6xl text-4xl font-semibold">Blog</h2>
+ </div>
+ </section>
+ <section class="text-[#3E5E75] bg-[#F0F0F0] lg:pb-24">
+ <div class="container mx-auto px-6 py-6">
+ <h4 class="text-center lg:text-5xl text-3xl my-16 font-light">
+ Publicaciones
+ </h4>
+ <div class="grid lg:grid-cols-3 gap-16 place-items-center">
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg hover:drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post1.jpg"
+ alt="post1"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">Eclipse Lunar</h3>
+ <p class="mt-2">
+ Un eclipse lunar es un evento astronómico que sucede cuando
+ la Tierra se interpone entre el Sol y la Luna...
+ </p>
+ </div>
+ </div>
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post2.jpg"
+ alt="post2"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">
+ ¿Cómo nos dimos cuenta que no somos el centro del universo?
+ </h3>
+ <p class="mt-2">
+ Y una pregunta más importante es: ¿Por qué aún somos
+ egocéntricos?
+ </p>
+ </div>
+ </div>
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post3.jpg"
+ alt="post3"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">
+ Hipatia de AlejandrÃa: la primera mujer astrónoma
+ </h3>
+ <p class="mt-2">
+ Confeccionó un planisferio celeste que permitÃa cartografiar
+ diversos astros y diseñó un astrolabio...
+ </p>
+ </div>
+ </div>
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post4.jpg"
+ alt="post1"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">Lorem Ipsum</h3>
+ <p class="mt-2">
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+ do eiusmod tempor incididunt ut labore et dolore magna
+ aliqua.
+ </p>
+ </div>
+ </div>
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post5.jpg"
+ alt="post2"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">Lorem Ipsum</h3>
+ <p class="mt-2">
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+ do eiusmod tempor incididunt ut labore et dolore magna
+ aliqua.
+ </p>
+ </div>
+ </div>
+ <div class="lg:w-[390px] lg:h-[375px] w-full overflow-hidden rounded-lg drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post6.jpg"
+ alt="post3"
+ width={200}
+ height={200}
+ class="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div class="bg-white text-black p-6">
+ <h3 class="font-semibold mt-0">Lorem Ipsum</h3>
+ <p class="mt-2">
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+ do eiusmod tempor incididunt ut labore et dolore magna
+ aliqua.
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="mt-32 flex justify-center items-center mx-auto">
+ <a href="#" class="mr-2">
+ <svg
+ class="w-6 h-6 text-[#F68B1F]"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M15 19l-7-7 7-7"
+ ></path>
+ </svg>
+ </a>
+ <p class="text-[#F68B1F] font-semibold text-lg ">1</p>
+ <a href="#" class="ml-2">
+ <svg
+ class="w-6 h-6 text-[#F68B1F]"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M9 5l7 7-7 7"
+ ></path>
+ </svg>
+ </a>
+ </div>
+ </div>
+ </section>
+ </main>
+ </>
+ );
+}
diff --git a/pages/contacto.js b/pages/contacto.js
new file mode 100644
index 0000000000000000000000000000000000000000..4df877706bc7fd938ba1043eb767f5a78f7dbe60
--- /dev/null
+++ b/pages/contacto.js
@@ -0,0 +1,15 @@
+import Head from "next/head";
+
+export default function Contacto() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main></main>
+ </>
+ );
+}
diff --git a/pages/divulgacion.js b/pages/divulgacion.js
new file mode 100644
index 0000000000000000000000000000000000000000..c982df3391a9899842fe72b25924be62ef6b8d9f
--- /dev/null
+++ b/pages/divulgacion.js
@@ -0,0 +1,94 @@
+import Head from "next/head";
+import Image from "next/image";
+import Link from "next/link";
+
+export default function Divulgacion() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main>
+ <section class="bg-[#3E5E75] text-[#F0F0F0]">
+ <div class="container mx-auto px-6 py-16">
+ <h2 class="text-center lg:text-6xl text-4xl font-semibold">
+ Divulgación
+ </h2>
+ </div>
+ </section>
+ <section class="text-[#3E5E75] bg-[#F0F0F0] pb-24">
+ <div class="container mx-auto px-6 py-8">
+ <div class="flex justify-around items-center text-[#3E5E75] bg-[#F0F0F0]">
+ <div class="lg:mx-16 mx-4">
+ <h4 class="text-center lg:text-5xl text-3xl my-16 font-light">
+ Actividades
+ </h4>
+ <div class="grid lg:grid-cols-3 grid-cols-2 lg:gap-16 gap-8">
+ <Link href="/vecinos-y-amigos">
+ <div class="transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/vecinos_amigos.jpg"
+ alt="vecinos_amigos"
+ width={200}
+ height={200}
+ class="lg:h-72 lg:w-72 h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <p class="mt-4 lg:text-2xl font-medium">
+ Vecinos y amigos
+ </p>
+ </div>
+ </Link>
+ <div class="transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/noches_astro.png"
+ alt="noches_astro"
+ width={200}
+ height={200}
+ class="lg:h-72 lg:w-72 h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <p class="mt-4 lg:text-2xl font-medium">
+ Noches de astronomÃa
+ </p>
+ </div>
+ <div class="transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/planetario.jpg"
+ alt="noches_astro"
+ width={200}
+ height={200}
+ class="lg:h-72 lg:w-72 h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <p class="mt-4 lg:text-2xl font-medium">Planetario</p>
+ </div>
+ <div class="transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/observatorio.PNG"
+ alt="observatorio"
+ width={200}
+ height={200}
+ class="lg:h-72 lg:w-72 h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <p class="mt-4 lg:text-2xl font-medium">Observatorio</p>
+ </div>
+ <div class="transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/cine_foro.jpg"
+ alt="cine_foro"
+ width={200}
+ height={200}
+ class="lg:h-72 lg:w-72 h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <p class="mt-4 lg:text-2xl font-medium">Cine Foro</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ </main>
+ </>
+ );
+}
diff --git a/pages/index.js b/pages/index.js
index 9d4b3d56ec4b5dff7bc951ca753e349ac8789f84..25f8bfd427b1783f24f985e25228a3e283a15fa1 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,9 +1,6 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import { Inter } from '@next/font/google'
-import styles from '@/styles/Home.module.css'
-
-const inter = Inter({ subsets: ['latin'] })
+import Head from "next/head";
+import Image from "next/image";
+import Link from "next/link";
export default function Home() {
return (
@@ -14,110 +11,328 @@ export default function Home() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
- <main className={styles.main}>
- <div className={styles.description}>
- <p>
- Get started by editing
- <code className={styles.code}>pages/index.js</code>
- </p>
- <div>
- <a
- href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- target="_blank"
- rel="noopener noreferrer"
+ <main>
+ <div className="bg-hero-pattern object-cover h-[642px] z-0 brightness-75">
+ {/* <!-- botones --> */}
+ <section className="container flex justify-between items-center mx-auto h-full p-4">
+ <button
+ type="button"
+ className="text-[#3E5E75] bg-white hover:opacity-80 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center"
>
- By{' '}
- <Image
- src="/vercel.svg"
- alt="Vercel Logo"
- className={styles.vercelLogo}
- width={100}
- height={24}
- priority
- />
- </a>
- </div>
- </div>
-
- <div className={styles.center}>
- <Image
- className={styles.logo}
- src="/next.svg"
- alt="Next.js Logo"
- width={180}
- height={37}
- priority
- />
- <div className={styles.thirteen}>
- <Image
- src="/thirteen.svg"
- alt="13"
- width={40}
- height={31}
- priority
- />
- </div>
+ <svg
+ className="w-4 h-4 m-2"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M10 19l-7-7m0 0l7-7m-7 7h18"
+ ></path>
+ </svg>
+ </button>
+ <button
+ type="button"
+ className="text-[#3E5E75] bg-white hover:opacity-80 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center"
+ >
+ <svg
+ className="w-4 h-4 m-2"
+ fill="none"
+ stroke="currentColor"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M14 5l7 7m0 0l-7 7m7-7H3"
+ ></path>
+ </svg>
+ </button>
+ </section>
</div>
-
- <div className={styles.grid}>
- <a
- href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- className={styles.card}
- target="_blank"
- rel="noopener noreferrer"
- >
- <h2 className={inter.className}>
- Docs <span>-></span>
+ <section className="bg-[#3E5E75] text-[#F0F0F0]">
+ <div className="container mx-auto px-6 py-16 lg:py-28">
+ <h2 className="text-center lg:text-6xl text-4xl font-semibold">
+ Divulgación
</h2>
- <p className={inter.className}>
- Find in-depth information about Next.js features and API.
+ <p className="text-center lg:w-3/5 mx-auto mt-8 text-sm lg:text-base">
+ El Grupo Halley UIS, comprometido con la comunidad, dedica este
+ espacio a la divulgación de las ciencias astronómicas a través de
+ actividades informativas plasmadas en: conferencias, videos,
+ infografÃas, fanzine, retos, entre otros.
</p>
- </a>
-
- <a
- href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- className={styles.card}
- target="_blank"
- rel="noopener noreferrer"
- >
- <h2 className={inter.className}>
- Learn <span>-></span>
+ <div className="flex justify-around items-center mt-16">
+ <div className="hidden lg:block w-[540px] overflow-hidden rounded-lg hover:drop-shadow-2xl transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post1.jpg"
+ alt="post1"
+ height={200}
+ width={200}
+ className="h-72 object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div className="bg-[#F0F0F0] text-black p-6">
+ <h3 className="text-2xl font-semibold mt-4">Eclipse Lunar</h3>
+ <p className="my-4">
+ Un eclipse lunar es un evento astronómico que sucede cuando
+ la Tierra se interpone entre el Sol y la Luna, generando un
+ cono de sombra que oscurece a la Luna.
+ </p>
+ </div>
+ </div>
+ <div className="lg:mr-16">
+ <h4 className="text-center text-3xl mb-8">Actividades</h4>
+ <div className="grid grid-cols-2 gap-8 mt-4 transform transition duration-500 hover:scale-105">
+ <Image
+ src="/images/vecinos_amigos.jpg"
+ alt="vecinos_amigos"
+ height={200}
+ width={200}
+ className="h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <Image
+ src="/images/noches_astro.png"
+ alt="noches_astro"
+ height={200}
+ width={200}
+ className="h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <Image
+ src="/images/observatorio.PNG"
+ alt="observatorio"
+ height={200}
+ width={200}
+ className="h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ <Image
+ src="/images/curso_astro.jpg"
+ alt="curso_astro"
+ height={200}
+ width={200}
+ className="h-48 w-48 object-cover rounded-lg hover:drop-shadow-lg"
+ />
+ </div>
+ </div>
+ </div>
+ <div className="text-center mt-16 lg:mt-32">
+ <a href="divulgacion.html">
+ <button className="bg-[#F68B1F] px-6 py-4 rounded-full font-semibold hover:opacity-90 ">
+ Ver más
+ </button>
+ </a>
+ </div>
+ </div>
+ </section>
+ <section className="text-[#3E5E75] bg-[#F0F0F0]">
+ <div className="container mx-auto px-6 py-16 lg:py-28">
+ <h2 className="text-center lg:text-6xl text-4xl font-semibold">
+ Investigación
</h2>
- <p className={inter.className}>
- Learn about Next.js in an interactive course with quizzes!
+ <p className="text-center lg:w-3/5 mx-auto mt-8 text-sm lg:text-base">
+ Proyectos de investigación activos del grupo Halley UIS.
</p>
- </a>
-
- <a
- href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- className={styles.card}
- target="_blank"
- rel="noopener noreferrer"
- >
- <h2 className={inter.className}>
- Templates <span>-></span>
+ <div className="grid grid-cols-1 lg:grid-cols-4 mt-16 place-items-center">
+ <div className="h-[284px] w-[232px] mb-8 rounded-lg hover:drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="https://halley.uis.edu.co/fuego/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div className="p-4">
+ <Image
+ src="/images/mute.jpg"
+ alt="mute"
+ height={200}
+ width={200}
+ className="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 className="ml-4 text-2xl font-semibold">MuTe</h3>
+ </div>
+ </a>
+ </div>
+ <div className="h-[284px] w-[232px] mb-8 rounded-lg hover:drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="https://lagoproject.net/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div className="p-4">
+ <Image
+ src="/images/lago-logo.png"
+ alt="lago"
+ height={200}
+ width={200}
+ className="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 className="ml-4 text-2xl font-semibold">Lago-UIS</h3>
+ </div>
+ </a>
+ </div>
+ <div className="h-[284px] w-[232px] mb-8 rounded-lg hover:drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="http://auger.uis.edu.co/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div className="p-4">
+ <Image
+ src="/images/auger_logo.jpg"
+ alt="auger"
+ height={200}
+ width={200}
+ className="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 className="ml-4 text-2xl font-semibold">Auger-UIS</h3>
+ </div>
+ </a>
+ </div>
+ <div className="h-[284px] w-[232px] mb-8 rounded-lg hover:drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="https://halley.uis.edu.co/astroparamo/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div className="p-4">
+ <Image
+ src="/images/astroparamo.png"
+ alt="astroparamo"
+ height={200}
+ width={200}
+ className="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 className="ml-4 text-2xl font-semibold">Astropáramo</h3>
+ </div>
+ </a>
+ </div>
+ </div>
+ <div className="text-center mt-16 lg:mt-32">
+ <a href="investigacion.html">
+ <button className="bg-[#F68B1F] text-[#F0F0F0] px-6 py-4 rounded-full font-semibold hover:opacity-90 ">
+ Ver más
+ </button>
+ </a>
+ </div>
+ </div>
+ </section>
+ <section className="bg-[#3E5E75] text-[#F0F0F0]">
+ <div className="container mx-auto px-6 py-16 lg:py-28">
+ <h2 className="text-center lg:text-6xl text-4xl font-semibold">
+ Blog
</h2>
- <p className={inter.className}>
- Discover and deploy boilerplate example Next.js projects.
+ <p className="text-center lg:w-3/5 mx-auto mt-8 text-sm lg:text-base">
+ Columnas de opinión y noticias centÃficas escritas por nuestra
+ comunidad.
</p>
- </a>
-
- <a
- href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- className={styles.card}
- target="_blank"
- rel="noopener noreferrer"
- >
- <h2 className={inter.className}>
- Deploy <span>-></span>
- </h2>
- <p className={inter.className}>
- Instantly deploy your Next.js site to a shareable URL
- with Vercel.
+ <div className="grid lg:grid-cols-3 gap-16 mt-16 place-items-center">
+ <div className="lg:w-[410px] lg:h-[375px] w-full overflow-hidden rounded-lg hover:drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post1.jpg"
+ alt="post1"
+ height={200}
+ width={200}
+ className="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div className="bg-[#F0F0F0] text-black p-6">
+ <h3 className="font-semibold mt-0">Eclipse Lunar</h3>
+ <p className="mt-2">
+ Un eclipse lunar es un evento astronómico que sucede cuando
+ la Tierra se interpone entre el Sol y la Luna...
+ </p>
+ </div>
+ </div>
+ <div className="lg:block hidden w-[410px] h-[375px] overflow-hidden rounded-lg hover:drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post2.jpg"
+ alt="post2"
+ height={200}
+ width={200}
+ className="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div className="bg-[#F0F0F0] text-black p-6">
+ <h3 className="font-semibold mt-0">
+ ¿Cómo nos dimos cuenta que no somos el centro del universo?
+ </h3>
+ <p className="mt-2">
+ Y una pregunta más importante es: ¿Por qué aún somos
+ egocéntricos?
+ </p>
+ </div>
+ </div>
+ <div className="lg:block hidden w-[410px] h-[375px] overflow-hidden rounded-lg hover:drop-shadow-lg transform transition duration-500 hover:scale-105">
+ <div>
+ <Image
+ src="/images/post3.jpg"
+ alt="post3"
+ height={200}
+ width={200}
+ className="h-[220px] object-cover rounded-t-lg w-full"
+ />
+ </div>
+ <div className="bg-[#F0F0F0] text-black p-6">
+ <h3 className="font-semibold mt-0">
+ Hipatia de AlejandrÃa: la primera mujer astrónoma
+ </h3>
+ <p className="mt-2">
+ Confeccionó un planisferio celeste que permitÃa cartografiar
+ diversos astros y diseñó un astrolabio...
+ </p>
+ </div>
+ </div>
+ </div>
+ <div className="text-center mt-16 lg:mt-32">
+ <a href="blog.html">
+ <button className="bg-[#F68B1F] text-[#F0F0F0] px-6 py-4 rounded-full font-semibold hover:opacity-90 ">
+ Ver más
+ </button>
+ </a>
+ </div>
+ </div>
+ </section>
+ <section className="text-[#3E5E75] bg-[#F0F0F0]">
+ <div className="container mx-auto px-6 py-28">
+ <h2 className="text-center text-6xl font-semibold">Tienda</h2>
+ <p className="text-center w-3/5 mx-auto mt-8">
+ Dale click a la imagen para descargar nuestro catálogo!
</p>
- </a>
- </div>
+ <div className="flex">
+ <div className="mt-16 flex justify-center items-center w-screen">
+ <Image
+ src="/images/store.jpg"
+ alt="tienda"
+ height={200}
+ width={200}
+ />
+ </div>
+ </div>
+ </div>
+ </section>
</main>
</>
- )
+ );
}
diff --git a/pages/investigacion.js b/pages/investigacion.js
new file mode 100644
index 0000000000000000000000000000000000000000..54a1e768a57a6a99c50a3fbf48ff092da4713436
--- /dev/null
+++ b/pages/investigacion.js
@@ -0,0 +1,121 @@
+import Head from "next/head";
+import Link from "next/link";
+import Image from "next/image";
+
+export default function Investigacion() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main>
+ <section class="bg-[#3E5E75] text-[#F0F0F0]">
+ <div class="container mx-auto px-6 py-16">
+ <h2 class="text-center lg:text-6xl text-4xl font-semibold">
+ Investigación
+ </h2>
+ </div>
+ </section>
+ <section class="text-[#3E5E75] bg-[#F0F0F0] pb-24">
+ <div class="container mx-auto px-6 py-6">
+ <h4 class="text-center lg:text-5xl text-3xl my-16 font-light">
+ Proyectos
+ </h4>
+ <div class="grid lg:grid-cols-4 mt-8 place-items-center">
+ <div class="h-[284px] w-[232px] mb-8 rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="https://halley.uis.edu.co/fuego/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/mute.jpg"
+ alt="mute"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 class="ml-4 text-2xl font-semibold">MuTe</h3>
+ </div>
+ </a>
+ </div>
+ <div class="h-[284px] w-[232px] mb-8 rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <Link
+ href="https://lagoproject.net/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/lago-logo.png"
+ alt="lago"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 class="ml-4 text-2xl font-semibold">Lago-UIS</h3>
+ </div>
+ </Link>
+ </div>
+ <div class="h-[284px] w-[232px] mb-8 rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <a
+ href="http://auger.uis.edu.co/"
+ target="_blank"
+ rel="noreferrer"
+ >
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/auger_logo.jpg"
+ alt="auger"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 class="ml-4 text-2xl font-semibold">Auger-UIS</h3>
+ </div>
+ </a>
+ </div>
+ <div class="h-[284px] w-[232px] mb-8 rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:scale-105">
+ <Link
+ href="https://halley.uis.edu.co/astroparamo/"
+ target="_blank"
+ >
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/astroparamo.png"
+ alt="astroparamo"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-contain"
+ />
+ </div>
+ </div>
+ <div>
+ <h3 class="ml-4 text-2xl font-semibold">Astropáramo</h3>
+ </div>
+ </Link>
+ </div>
+ </div>
+ </div>
+ </section>
+ </main>
+ </>
+ );
+}
diff --git a/pages/nosotros.js b/pages/nosotros.js
new file mode 100644
index 0000000000000000000000000000000000000000..6ad92a79740f12dc809150fbd0797a4a3249e2de
--- /dev/null
+++ b/pages/nosotros.js
@@ -0,0 +1,16 @@
+import Head from "next/head";
+import Image from "next/image";
+
+export default function Nosotros() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main></main>
+ </>
+ );
+}
diff --git a/pages/vecinos-y-amigos.js b/pages/vecinos-y-amigos.js
new file mode 100644
index 0000000000000000000000000000000000000000..01645b11911902a44d3fad7861fdea3c6b7a01af
--- /dev/null
+++ b/pages/vecinos-y-amigos.js
@@ -0,0 +1,109 @@
+import Head from "next/head";
+import Image from "next/image";
+
+export default function VecinosYAmigos() {
+ return (
+ <>
+ <Head>
+ <title>Create Next App</title>
+ <meta name="description" content="Generated by create next app" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main>
+ <section class="bg-[#3E5E75] text-[#F0F0F0]">
+ <div class="container mx-auto px-6 py-16">
+ <h2 class="text-center lg:text-6xl text-4xl font-semibold">
+ Vecinos y amigos
+ </h2>
+ <p class="text-center lg:w-3/5 mx-auto mt-8 text-sm lg:text-base">
+ Prográmate para las actividades de Vecinos y amigos!
+ </p>
+ <p class="text-center lg:w-3/5 mx-auto text-sm lg:text-base">
+ Todos los domingos de 10-12 m.
+ </p>
+ </div>
+ </section>
+ <section class="text-[#3E5E75] bg-[#F0F0F0] lg:pb-24">
+ <div class="container mx-auto px-6 py-6">
+ <h4 class="text-center lg:text-5xl text-3xl my-16 font-light">
+ Programación
+ </h4>
+ <div class="grid lg:grid-cols-3 gap-8 place-items-center text-black">
+ <div>
+ <div class="h-[344px] w-[232px] rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:drop-shadow-2xl">
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/obs_solar.JPG"
+ alt="obs_solar"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-cover rounded-lg"
+ />
+ </div>
+ </div>
+ <div>
+ <h2 class="mx-4 text-lg font-semibold">
+ Observación solar
+ </h2>
+ <p class="ml-4 mt-2">21 Oct. Plazoleta entrada Cra 27</p>
+ </div>
+ </div>
+ <p class="mt-8 text-lg text-center text-[#69CEDF]">
+ Próxima semana...
+ </p>
+ </div>
+ <div>
+ <div class="h-[344px] w-[232px] rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:drop-shadow-2xl">
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/vecinos_amigos.jpg"
+ alt="vecinos_amigos"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-cover rounded-lg"
+ />
+ </div>
+ </div>
+ <div>
+ <h2 class="mx-4 text-lg font-semibold">AstrobiologÃa</h2>
+ <p class="ml-4 mt-2">16 Oct. Plazoleta entrada Cra 27</p>
+ </div>
+ </div>
+ <p class="mt-8 text-lg text-center text-[#F68B1F]">
+ Actividad de la semana!
+ </p>
+ </div>
+ <div>
+ <div class="h-[344px] w-[232px] rounded-lg drop-shadow-lg bg-white transform transition duration-500 hover:drop-shadow-2xl">
+ <div>
+ <div class="p-4">
+ <Image
+ src="/images/obs_solar.JPG"
+ alt="obs_solar"
+ width={200}
+ height={200}
+ class="h-[216px] w-[205px] object-cover rounded-lg"
+ />
+ </div>
+ </div>
+ <div>
+ <h2 class="mx-4 text-lg font-semibold">
+ Taller infantil astrofÃsica
+ </h2>
+ <p class="ml-4 mt-2">9 Oct. Plazoleta entrada Cra 27</p>
+ </div>
+ </div>
+ <p class="mt-8 text-lg text-center text-[#69CEDF]">
+ Semana pasada...
+ </p>
+ </div>
+ </div>
+ </div>
+ </section>
+ </main>
+ </>
+ );
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5117bee15ad62c7c76a16f2f3e2f9ef7f92374f4..f230b8d1f5c1e4bebefa7d7690f1db99faa1535a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,11 +2,14 @@ lockfileVersion: 5.4
specifiers:
'@next/font': 13.1.6
+ autoprefixer: ^10.4.13
eslint: 8.33.0
eslint-config-next: 13.1.6
next: 13.1.6
+ postcss: ^8.4.21
react: 18.2.0
react-dom: 18.2.0
+ tailwindcss: ^3.2.4
dependencies:
'@next/font': 13.1.6
@@ -16,6 +19,11 @@ dependencies:
react: 18.2.0
react-dom: 18.2.0_react@18.2.0
+devDependencies:
+ autoprefixer: 10.4.13_postcss@8.4.21
+ postcss: 8.4.21
+ tailwindcss: 3.2.4_postcss@8.4.21
+
packages:
/@babel/runtime/7.20.13:
@@ -199,12 +207,10 @@ packages:
dependencies:
'@nodelib/fs.stat': 2.0.5
run-parallel: 1.2.0
- dev: false
/@nodelib/fs.stat/2.0.5:
resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
engines: {node: '>= 8'}
- dev: false
/@nodelib/fs.walk/1.2.8:
resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -212,7 +218,6 @@ packages:
dependencies:
'@nodelib/fs.scandir': 2.1.5
fastq: 1.15.0
- dev: false
/@pkgr/utils/2.3.1:
resolution: {integrity: sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==}
@@ -308,6 +313,25 @@ packages:
acorn: 8.8.2
dev: false
+ /acorn-node/1.8.2:
+ resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
+ dependencies:
+ acorn: 7.4.1
+ acorn-walk: 7.2.0
+ xtend: 4.0.2
+ dev: true
+
+ /acorn-walk/7.2.0:
+ resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
+ engines: {node: '>=0.4.0'}
+ dev: true
+
+ /acorn/7.4.1:
+ resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+ engines: {node: '>=0.4.0'}
+ hasBin: true
+ dev: true
+
/acorn/8.8.2:
resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
engines: {node: '>=0.4.0'}
@@ -335,6 +359,18 @@ packages:
color-convert: 2.0.1
dev: false
+ /anymatch/3.1.3:
+ resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+ engines: {node: '>= 8'}
+ dependencies:
+ normalize-path: 3.0.0
+ picomatch: 2.3.1
+ dev: true
+
+ /arg/5.0.2:
+ resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+ dev: true
+
/argparse/2.0.1:
resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
dev: false
@@ -395,6 +431,22 @@ packages:
resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==}
dev: false
+ /autoprefixer/10.4.13_postcss@8.4.21:
+ resolution: {integrity: sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==}
+ engines: {node: ^10 || ^12 || >=14}
+ hasBin: true
+ peerDependencies:
+ postcss: ^8.1.0
+ dependencies:
+ browserslist: 4.21.5
+ caniuse-lite: 1.0.30001449
+ fraction.js: 4.2.0
+ normalize-range: 0.1.2
+ picocolors: 1.0.0
+ postcss: 8.4.21
+ postcss-value-parser: 4.2.0
+ dev: true
+
/available-typed-arrays/1.0.5:
resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
engines: {node: '>= 0.4'}
@@ -415,6 +467,11 @@ packages:
resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
dev: false
+ /binary-extensions/2.2.0:
+ resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+ engines: {node: '>=8'}
+ dev: true
+
/brace-expansion/1.1.11:
resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
dependencies:
@@ -427,7 +484,17 @@ packages:
engines: {node: '>=8'}
dependencies:
fill-range: 7.0.1
- dev: false
+
+ /browserslist/4.21.5:
+ resolution: {integrity: sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==}
+ engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+ hasBin: true
+ dependencies:
+ caniuse-lite: 1.0.30001449
+ electron-to-chromium: 1.4.284
+ node-releases: 2.0.9
+ update-browserslist-db: 1.0.10_browserslist@4.21.5
+ dev: true
/call-bind/1.0.2:
resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
@@ -441,9 +508,13 @@ packages:
engines: {node: '>=6'}
dev: false
+ /camelcase-css/2.0.1:
+ resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+ engines: {node: '>= 6'}
+ dev: true
+
/caniuse-lite/1.0.30001449:
resolution: {integrity: sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==}
- dev: false
/chalk/4.1.2:
resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -453,6 +524,21 @@ packages:
supports-color: 7.2.0
dev: false
+ /chokidar/3.5.3:
+ resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+ engines: {node: '>= 8.10.0'}
+ dependencies:
+ anymatch: 3.1.3
+ braces: 3.0.2
+ glob-parent: 5.1.2
+ is-binary-path: 2.1.0
+ is-glob: 4.0.3
+ normalize-path: 3.0.0
+ readdirp: 3.6.0
+ optionalDependencies:
+ fsevents: 2.3.2
+ dev: true
+
/client-only/0.0.1:
resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
dev: false
@@ -466,7 +552,6 @@ packages:
/color-name/1.1.4:
resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
- dev: false
/concat-map/0.0.1:
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
@@ -481,6 +566,12 @@ packages:
which: 2.0.2
dev: false
+ /cssesc/3.0.0:
+ resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+ engines: {node: '>=4'}
+ hasBin: true
+ dev: true
+
/damerau-levenshtein/1.0.8:
resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
dev: false
@@ -547,6 +638,24 @@ packages:
object-keys: 1.1.1
dev: false
+ /defined/1.0.1:
+ resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
+ dev: true
+
+ /detective/5.2.1:
+ resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
+ engines: {node: '>=0.8.0'}
+ hasBin: true
+ dependencies:
+ acorn-node: 1.8.2
+ defined: 1.0.1
+ minimist: 1.2.7
+ dev: true
+
+ /didyoumean/1.2.2:
+ resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+ dev: true
+
/dir-glob/3.0.1:
resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
engines: {node: '>=8'}
@@ -554,6 +663,10 @@ packages:
path-type: 4.0.0
dev: false
+ /dlv/1.1.3:
+ resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+ dev: true
+
/doctrine/2.1.0:
resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
engines: {node: '>=0.10.0'}
@@ -568,6 +681,10 @@ packages:
esutils: 2.0.3
dev: false
+ /electron-to-chromium/1.4.284:
+ resolution: {integrity: sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==}
+ dev: true
+
/emoji-regex/9.2.2:
resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
dev: false
@@ -657,6 +774,11 @@ packages:
is-symbol: 1.0.4
dev: false
+ /escalade/3.1.1:
+ resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+ engines: {node: '>=6'}
+ dev: true
+
/escape-string-regexp/4.0.0:
resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
engines: {node: '>=10'}
@@ -959,7 +1081,6 @@ packages:
glob-parent: 5.1.2
merge2: 1.4.1
micromatch: 4.0.5
- dev: false
/fast-json-stable-stringify/2.1.0:
resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
@@ -973,7 +1094,6 @@ packages:
resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
dependencies:
reusify: 1.0.4
- dev: false
/file-entry-cache/6.0.1:
resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
@@ -987,7 +1107,6 @@ packages:
engines: {node: '>=8'}
dependencies:
to-regex-range: 5.0.1
- dev: false
/find-up/5.0.0:
resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
@@ -1015,13 +1134,24 @@ packages:
is-callable: 1.2.7
dev: false
+ /fraction.js/4.2.0:
+ resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
+ dev: true
+
/fs.realpath/1.0.0:
resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
dev: false
+ /fsevents/2.3.2:
+ resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+ engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+ os: [darwin]
+ requiresBuild: true
+ dev: true
+ optional: true
+
/function-bind/1.1.1:
resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
- dev: false
/function.prototype.name/1.1.5:
resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
@@ -1062,14 +1192,12 @@ packages:
engines: {node: '>= 6'}
dependencies:
is-glob: 4.0.3
- dev: false
/glob-parent/6.0.2:
resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
engines: {node: '>=10.13.0'}
dependencies:
is-glob: 4.0.3
- dev: false
/glob/7.1.7:
resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==}
@@ -1189,7 +1317,6 @@ packages:
engines: {node: '>= 0.4.0'}
dependencies:
function-bind: 1.1.1
- dev: false
/ignore/5.2.4:
resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
@@ -1251,6 +1378,13 @@ packages:
has-bigints: 1.0.2
dev: false
+ /is-binary-path/2.1.0:
+ resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+ engines: {node: '>=8'}
+ dependencies:
+ binary-extensions: 2.2.0
+ dev: true
+
/is-boolean-object/1.1.2:
resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
engines: {node: '>= 0.4'}
@@ -1268,7 +1402,6 @@ packages:
resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
dependencies:
has: 1.0.3
- dev: false
/is-date-object/1.0.5:
resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
@@ -1286,14 +1419,12 @@ packages:
/is-extglob/2.1.1:
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
engines: {node: '>=0.10.0'}
- dev: false
/is-glob/4.0.3:
resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
engines: {node: '>=0.10.0'}
dependencies:
is-extglob: 2.1.1
- dev: false
/is-map/2.0.2:
resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
@@ -1314,7 +1445,6 @@ packages:
/is-number/7.0.0:
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
engines: {node: '>=0.12.0'}
- dev: false
/is-path-inside/3.0.3:
resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
@@ -1452,6 +1582,11 @@ packages:
type-check: 0.4.0
dev: false
+ /lilconfig/2.0.6:
+ resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
+ engines: {node: '>=10'}
+ dev: true
+
/locate-path/6.0.0:
resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
engines: {node: '>=10'}
@@ -1480,7 +1615,6 @@ packages:
/merge2/1.4.1:
resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
engines: {node: '>= 8'}
- dev: false
/micromatch/4.0.5:
resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
@@ -1488,7 +1622,6 @@ packages:
dependencies:
braces: 3.0.2
picomatch: 2.3.1
- dev: false
/minimatch/3.1.2:
resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
@@ -1498,7 +1631,6 @@ packages:
/minimist/1.2.7:
resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
- dev: false
/ms/2.1.2:
resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
@@ -1512,7 +1644,6 @@ packages:
resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
hasBin: true
- dev: false
/natural-compare/1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
@@ -1562,11 +1693,30 @@ packages:
- babel-plugin-macros
dev: false
+ /node-releases/2.0.9:
+ resolution: {integrity: sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA==}
+ dev: true
+
+ /normalize-path/3.0.0:
+ resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+ engines: {node: '>=0.10.0'}
+ dev: true
+
+ /normalize-range/0.1.2:
+ resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+ engines: {node: '>=0.10.0'}
+ dev: true
+
/object-assign/4.1.1:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'}
dev: false
+ /object-hash/3.0.0:
+ resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+ engines: {node: '>= 6'}
+ dev: true
+
/object-inspect/1.12.3:
resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
dev: false
@@ -1693,7 +1843,6 @@ packages:
/path-parse/1.0.7:
resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
- dev: false
/path-type/4.0.0:
resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
@@ -1702,12 +1851,76 @@ packages:
/picocolors/1.0.0:
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
- dev: false
/picomatch/2.3.1:
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
engines: {node: '>=8.6'}
- dev: false
+
+ /pify/2.3.0:
+ resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+ engines: {node: '>=0.10.0'}
+ dev: true
+
+ /postcss-import/14.1.0_postcss@8.4.21:
+ resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
+ engines: {node: '>=10.0.0'}
+ peerDependencies:
+ postcss: ^8.0.0
+ dependencies:
+ postcss: 8.4.21
+ postcss-value-parser: 4.2.0
+ read-cache: 1.0.0
+ resolve: 1.22.1
+ dev: true
+
+ /postcss-js/4.0.0_postcss@8.4.21:
+ resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
+ engines: {node: ^12 || ^14 || >= 16}
+ peerDependencies:
+ postcss: ^8.3.3
+ dependencies:
+ camelcase-css: 2.0.1
+ postcss: 8.4.21
+ dev: true
+
+ /postcss-load-config/3.1.4_postcss@8.4.21:
+ resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+ engines: {node: '>= 10'}
+ peerDependencies:
+ postcss: '>=8.0.9'
+ ts-node: '>=9.0.0'
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ ts-node:
+ optional: true
+ dependencies:
+ lilconfig: 2.0.6
+ postcss: 8.4.21
+ yaml: 1.10.2
+ dev: true
+
+ /postcss-nested/6.0.0_postcss@8.4.21:
+ resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
+ engines: {node: '>=12.0'}
+ peerDependencies:
+ postcss: ^8.2.14
+ dependencies:
+ postcss: 8.4.21
+ postcss-selector-parser: 6.0.11
+ dev: true
+
+ /postcss-selector-parser/6.0.11:
+ resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==}
+ engines: {node: '>=4'}
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+ dev: true
+
+ /postcss-value-parser/4.2.0:
+ resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+ dev: true
/postcss/8.4.14:
resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
@@ -1718,6 +1931,15 @@ packages:
source-map-js: 1.0.2
dev: false
+ /postcss/8.4.21:
+ resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
+ engines: {node: ^10 || ^12 || >=14}
+ dependencies:
+ nanoid: 3.3.4
+ picocolors: 1.0.0
+ source-map-js: 1.0.2
+ dev: true
+
/prelude-ls/1.2.1:
resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
engines: {node: '>= 0.8.0'}
@@ -1738,7 +1960,11 @@ packages:
/queue-microtask/1.2.3:
resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
- dev: false
+
+ /quick-lru/5.1.1:
+ resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+ engines: {node: '>=10'}
+ dev: true
/react-dom/18.2.0_react@18.2.0:
resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
@@ -1761,6 +1987,19 @@ packages:
loose-envify: 1.4.0
dev: false
+ /read-cache/1.0.0:
+ resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+ dependencies:
+ pify: 2.3.0
+ dev: true
+
+ /readdirp/3.6.0:
+ resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+ engines: {node: '>=8.10.0'}
+ dependencies:
+ picomatch: 2.3.1
+ dev: true
+
/regenerator-runtime/0.13.11:
resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
dev: false
@@ -1791,7 +2030,6 @@ packages:
is-core-module: 2.11.0
path-parse: 1.0.7
supports-preserve-symlinks-flag: 1.0.0
- dev: false
/resolve/2.0.0-next.4:
resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==}
@@ -1805,7 +2043,6 @@ packages:
/reusify/1.0.4:
resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
- dev: false
/rimraf/3.0.2:
resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
@@ -1818,7 +2055,6 @@ packages:
resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
dependencies:
queue-microtask: 1.2.3
- dev: false
/safe-regex-test/1.0.0:
resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
@@ -1880,7 +2116,6 @@ packages:
/source-map-js/1.0.2:
resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
engines: {node: '>=0.10.0'}
- dev: false
/stop-iteration-iterator/1.0.0:
resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
@@ -1962,7 +2197,6 @@ packages:
/supports-preserve-symlinks-flag/1.0.0:
resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
engines: {node: '>= 0.4'}
- dev: false
/synckit/0.8.5:
resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
@@ -1972,6 +2206,40 @@ packages:
tslib: 2.5.0
dev: false
+ /tailwindcss/3.2.4_postcss@8.4.21:
+ resolution: {integrity: sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==}
+ engines: {node: '>=12.13.0'}
+ hasBin: true
+ peerDependencies:
+ postcss: ^8.0.9
+ dependencies:
+ arg: 5.0.2
+ chokidar: 3.5.3
+ color-name: 1.1.4
+ detective: 5.2.1
+ didyoumean: 1.2.2
+ dlv: 1.1.3
+ fast-glob: 3.2.12
+ glob-parent: 6.0.2
+ is-glob: 4.0.3
+ lilconfig: 2.0.6
+ micromatch: 4.0.5
+ normalize-path: 3.0.0
+ object-hash: 3.0.0
+ picocolors: 1.0.0
+ postcss: 8.4.21
+ postcss-import: 14.1.0_postcss@8.4.21
+ postcss-js: 4.0.0_postcss@8.4.21
+ postcss-load-config: 3.1.4_postcss@8.4.21
+ postcss-nested: 6.0.0_postcss@8.4.21
+ postcss-selector-parser: 6.0.11
+ postcss-value-parser: 4.2.0
+ quick-lru: 5.1.1
+ resolve: 1.22.1
+ transitivePeerDependencies:
+ - ts-node
+ dev: true
+
/tapable/2.2.1:
resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
engines: {node: '>=6'}
@@ -1993,7 +2261,6 @@ packages:
engines: {node: '>=8.0'}
dependencies:
is-number: 7.0.0
- dev: false
/tsconfig-paths/3.14.1:
resolution: {integrity: sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==}
@@ -2050,12 +2317,27 @@ packages:
which-boxed-primitive: 1.0.2
dev: false
+ /update-browserslist-db/1.0.10_browserslist@4.21.5:
+ resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==}
+ hasBin: true
+ peerDependencies:
+ browserslist: '>= 4.21.0'
+ dependencies:
+ browserslist: 4.21.5
+ escalade: 3.1.1
+ picocolors: 1.0.0
+ dev: true
+
/uri-js/4.4.1:
resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
dependencies:
punycode: 2.3.0
dev: false
+ /util-deprecate/1.0.2:
+ resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+ dev: true
+
/which-boxed-primitive/1.0.2:
resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
dependencies:
@@ -2104,10 +2386,20 @@ packages:
resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
dev: false
+ /xtend/4.0.2:
+ resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+ engines: {node: '>=0.4'}
+ dev: true
+
/yallist/4.0.0:
resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
dev: false
+ /yaml/1.10.2:
+ resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+ engines: {node: '>= 6'}
+ dev: true
+
/yocto-queue/0.1.0:
resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
engines: {node: '>=10'}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..33ad091d26d8a9dc95ebdf616e217d985ec215b8
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/public/images/astroparamo.png b/public/images/astroparamo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e036f77cf4c89f33ed504cdeb0b12be545e21ac
Binary files /dev/null and b/public/images/astroparamo.png differ
diff --git a/public/images/auger_logo.jpg b/public/images/auger_logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..10fba3f2af39d3db2e7cdf26d2420ed87e1d10be
Binary files /dev/null and b/public/images/auger_logo.jpg differ
diff --git a/public/images/banner1.jpg b/public/images/banner1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..073556bf37a0e86bad19901313cc8f793101f5f0
Binary files /dev/null and b/public/images/banner1.jpg differ
diff --git a/public/images/cine_foro.jpg b/public/images/cine_foro.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..254fa3e44f55022cbf87e76049110a1a5a985529
Binary files /dev/null and b/public/images/cine_foro.jpg differ
diff --git a/public/images/curso_astro.jpg b/public/images/curso_astro.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d02532f224475124e3820ce97d9b24fa8a72a96c
Binary files /dev/null and b/public/images/curso_astro.jpg differ
diff --git a/public/images/halley_logo.png b/public/images/halley_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca02e2a5bc707398254787adc2982f55a5d498d7
Binary files /dev/null and b/public/images/halley_logo.png differ
diff --git a/public/images/hero.png b/public/images/hero.png
new file mode 100644
index 0000000000000000000000000000000000000000..642569c4968200d67f858cd513d42f4b2658d2ae
Binary files /dev/null and b/public/images/hero.png differ
diff --git a/public/images/lago-logo.png b/public/images/lago-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8cd6151d6410c660b4515e6e28c23248a5da35b9
Binary files /dev/null and b/public/images/lago-logo.png differ
diff --git a/public/images/lupa.png b/public/images/lupa.png
new file mode 100644
index 0000000000000000000000000000000000000000..c338d8a0fdff3e5487faf678381b6f01567a83aa
Binary files /dev/null and b/public/images/lupa.png differ
diff --git a/public/images/mute.jpg b/public/images/mute.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1d49e21666c0ecfe7af4908c4304672ef31cc826
Binary files /dev/null and b/public/images/mute.jpg differ
diff --git a/public/images/noches_astro.png b/public/images/noches_astro.png
new file mode 100644
index 0000000000000000000000000000000000000000..393edd530a532c0e1199816e56507308abaf5b68
Binary files /dev/null and b/public/images/noches_astro.png differ
diff --git a/public/images/obs_solar.JPG b/public/images/obs_solar.JPG
new file mode 100644
index 0000000000000000000000000000000000000000..e9a6f3a17bdff005e06ad8c5b9c5b5d0510742b3
Binary files /dev/null and b/public/images/obs_solar.JPG differ
diff --git a/public/images/observatorio.PNG b/public/images/observatorio.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..649c66b31f5433cc596974a96af048386f45c350
Binary files /dev/null and b/public/images/observatorio.PNG differ
diff --git a/public/images/planetario.jpg b/public/images/planetario.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0184f4e19a91210b860100644ced1d6bd5fc9115
Binary files /dev/null and b/public/images/planetario.jpg differ
diff --git a/public/images/post1.jpg b/public/images/post1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b439f7a39150acd79a47c58bffbf70c0a2134139
Binary files /dev/null and b/public/images/post1.jpg differ
diff --git a/public/images/post2.jpg b/public/images/post2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..045d861aabaa177542b057896d39b486b7e5dc97
Binary files /dev/null and b/public/images/post2.jpg differ
diff --git a/public/images/post3.jpg b/public/images/post3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..00985c3d22dcc18468fdac017f9a1a0910cf92eb
Binary files /dev/null and b/public/images/post3.jpg differ
diff --git a/public/images/post4.jpg b/public/images/post4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2584bda8ac11e9dd0dae602a5a3857e65aa3cfc1
Binary files /dev/null and b/public/images/post4.jpg differ
diff --git a/public/images/post5.jpg b/public/images/post5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..96a0efcafc0f1add539459b73048b43946c6563b
Binary files /dev/null and b/public/images/post5.jpg differ
diff --git a/public/images/post6.jpg b/public/images/post6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1d6bbc8abe42b1229a08d519df5a3aa257ae1654
Binary files /dev/null and b/public/images/post6.jpg differ
diff --git a/public/images/store.jpg b/public/images/store.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c27a523b4c883eb07cf575aa85319a311b7be3d8
Binary files /dev/null and b/public/images/store.jpg differ
diff --git a/public/images/vecinos_amigos.jpg b/public/images/vecinos_amigos.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f8e5aa67ed0b9368a8cc40d56d432a1a7f8244a3
Binary files /dev/null and b/public/images/vecinos_amigos.jpg differ
diff --git a/styles/Home.module.css b/styles/Home.module.css
deleted file mode 100644
index 27dfff5ec4cf882c404e0e582ee39925c7f605f9..0000000000000000000000000000000000000000
--- a/styles/Home.module.css
+++ /dev/null
@@ -1,278 +0,0 @@
-.main {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- padding: 6rem;
- min-height: 100vh;
-}
-
-.description {
- display: inherit;
- justify-content: inherit;
- align-items: inherit;
- font-size: 0.85rem;
- max-width: var(--max-width);
- width: 100%;
- z-index: 2;
- font-family: var(--font-mono);
-}
-
-.description a {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 0.5rem;
-}
-
-.description p {
- position: relative;
- margin: 0;
- padding: 1rem;
- background-color: rgba(var(--callout-rgb), 0.5);
- border: 1px solid rgba(var(--callout-border-rgb), 0.3);
- border-radius: var(--border-radius);
-}
-
-.code {
- font-weight: 700;
- font-family: var(--font-mono);
-}
-
-.grid {
- display: grid;
- grid-template-columns: repeat(4, minmax(25%, auto));
- width: var(--max-width);
- max-width: 100%;
-}
-
-.card {
- padding: 1rem 1.2rem;
- border-radius: var(--border-radius);
- background: rgba(var(--card-rgb), 0);
- border: 1px solid rgba(var(--card-border-rgb), 0);
- transition: background 200ms, border 200ms;
-}
-
-.card span {
- display: inline-block;
- transition: transform 200ms;
-}
-
-.card h2 {
- font-weight: 600;
- margin-bottom: 0.7rem;
-}
-
-.card p {
- margin: 0;
- opacity: 0.6;
- font-size: 0.9rem;
- line-height: 1.5;
- max-width: 30ch;
-}
-
-.center {
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- padding: 4rem 0;
-}
-
-.center::before {
- background: var(--secondary-glow);
- border-radius: 50%;
- width: 480px;
- height: 360px;
- margin-left: -400px;
-}
-
-.center::after {
- background: var(--primary-glow);
- width: 240px;
- height: 180px;
- z-index: -1;
-}
-
-.center::before,
-.center::after {
- content: '';
- left: 50%;
- position: absolute;
- filter: blur(45px);
- transform: translateZ(0);
-}
-
-.logo,
-.thirteen {
- position: relative;
-}
-
-.thirteen {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 75px;
- height: 75px;
- padding: 25px 10px;
- margin-left: 16px;
- transform: translateZ(0);
- border-radius: var(--border-radius);
- overflow: hidden;
- box-shadow: 0px 2px 8px -1px #0000001a;
-}
-
-.thirteen::before,
-.thirteen::after {
- content: '';
- position: absolute;
- z-index: -1;
-}
-
-/* Conic Gradient Animation */
-.thirteen::before {
- animation: 6s rotate linear infinite;
- width: 200%;
- height: 200%;
- background: var(--tile-border);
-}
-
-/* Inner Square */
-.thirteen::after {
- inset: 0;
- padding: 1px;
- border-radius: var(--border-radius);
- background: linear-gradient(
- to bottom right,
- rgba(var(--tile-start-rgb), 1),
- rgba(var(--tile-end-rgb), 1)
- );
- background-clip: content-box;
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
- .card:hover {
- background: rgba(var(--card-rgb), 0.1);
- border: 1px solid rgba(var(--card-border-rgb), 0.15);
- }
-
- .card:hover span {
- transform: translateX(4px);
- }
-}
-
-@media (prefers-reduced-motion) {
- .thirteen::before {
- animation: none;
- }
-
- .card:hover span {
- transform: none;
- }
-}
-
-/* Mobile */
-@media (max-width: 700px) {
- .content {
- padding: 4rem;
- }
-
- .grid {
- grid-template-columns: 1fr;
- margin-bottom: 120px;
- max-width: 320px;
- text-align: center;
- }
-
- .card {
- padding: 1rem 2.5rem;
- }
-
- .card h2 {
- margin-bottom: 0.5rem;
- }
-
- .center {
- padding: 8rem 0 6rem;
- }
-
- .center::before {
- transform: none;
- height: 300px;
- }
-
- .description {
- font-size: 0.8rem;
- }
-
- .description a {
- padding: 1rem;
- }
-
- .description p,
- .description div {
- display: flex;
- justify-content: center;
- position: fixed;
- width: 100%;
- }
-
- .description p {
- align-items: center;
- inset: 0 0 auto;
- padding: 2rem 1rem 1.4rem;
- border-radius: 0;
- border: none;
- border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
- background: linear-gradient(
- to bottom,
- rgba(var(--background-start-rgb), 1),
- rgba(var(--callout-rgb), 0.5)
- );
- background-clip: padding-box;
- backdrop-filter: blur(24px);
- }
-
- .description div {
- align-items: flex-end;
- pointer-events: none;
- inset: auto 0 0;
- padding: 2rem;
- height: 200px;
- background: linear-gradient(
- to bottom,
- transparent 0%,
- rgb(var(--background-end-rgb)) 40%
- );
- z-index: 1;
- }
-}
-
-/* Tablet and Smaller Desktop */
-@media (min-width: 701px) and (max-width: 1120px) {
- .grid {
- grid-template-columns: repeat(2, 50%);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- .vercelLogo {
- filter: invert(1);
- }
-
- .logo,
- .thirteen img {
- filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
- }
-}
-
-@keyframes rotate {
- from {
- transform: rotate(360deg);
- }
- to {
- transform: rotate(0deg);
- }
-}
diff --git a/styles/globals.css b/styles/globals.css
index d4f491e152dd0aaca7ba3ffd87ed3300955a3620..b5c61c956711f981a41e95f7fcf0038436cfbb22 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,107 +1,3 @@
-:root {
- --max-width: 1100px;
- --border-radius: 12px;
- --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
- 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
- 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
-
- --foreground-rgb: 0, 0, 0;
- --background-start-rgb: 214, 219, 220;
- --background-end-rgb: 255, 255, 255;
-
- --primary-glow: conic-gradient(
- from 180deg at 50% 50%,
- #16abff33 0deg,
- #0885ff33 55deg,
- #54d6ff33 120deg,
- #0071ff33 160deg,
- transparent 360deg
- );
- --secondary-glow: radial-gradient(
- rgba(255, 255, 255, 1),
- rgba(255, 255, 255, 0)
- );
-
- --tile-start-rgb: 239, 245, 249;
- --tile-end-rgb: 228, 232, 233;
- --tile-border: conic-gradient(
- #00000080,
- #00000040,
- #00000030,
- #00000020,
- #00000010,
- #00000010,
- #00000080
- );
-
- --callout-rgb: 238, 240, 241;
- --callout-border-rgb: 172, 175, 176;
- --card-rgb: 180, 185, 188;
- --card-border-rgb: 131, 134, 135;
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --foreground-rgb: 255, 255, 255;
- --background-start-rgb: 0, 0, 0;
- --background-end-rgb: 0, 0, 0;
-
- --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
- --secondary-glow: linear-gradient(
- to bottom right,
- rgba(1, 65, 255, 0),
- rgba(1, 65, 255, 0),
- rgba(1, 65, 255, 0.3)
- );
-
- --tile-start-rgb: 2, 13, 46;
- --tile-end-rgb: 2, 5, 19;
- --tile-border: conic-gradient(
- #ffffff80,
- #ffffff40,
- #ffffff30,
- #ffffff20,
- #ffffff10,
- #ffffff10,
- #ffffff80
- );
-
- --callout-rgb: 20, 20, 20;
- --callout-border-rgb: 108, 108, 108;
- --card-rgb: 100, 100, 100;
- --card-border-rgb: 200, 200, 200;
- }
-}
-
-* {
- box-sizing: border-box;
- padding: 0;
- margin: 0;
-}
-
-html,
-body {
- max-width: 100vw;
- overflow-x: hidden;
-}
-
-body {
- color: rgb(var(--foreground-rgb));
- background: linear-gradient(
- to bottom,
- transparent,
- rgb(var(--background-end-rgb))
- )
- rgb(var(--background-start-rgb));
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
- html {
- color-scheme: dark;
- }
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..021a4143e5609d1e5fc99d626194327aacd06f0e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./app/**/*.{js,ts,jsx,tsx}",
+ "./pages/**/*.{js,ts,jsx,tsx}",
+ "./components/**/*.{js,ts,jsx,tsx}",
+
+ // Or if using `src` directory:
+ "./src/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+};