main
psoubrie 2023-11-13 21:08:25 +00:00
parent d96fbad75a
commit a343c6c344
2 changed files with 56 additions and 9 deletions

View File

@ -2,6 +2,8 @@
"devDependencies": { "devDependencies": {
"parcel": "^2.10.2", "parcel": "^2.10.2",
"postcss": "^8.4.31", "postcss": "^8.4.31",
"prettier": "^3.1.0",
"prettier-plugin-tailwindcss": "^0.5.7",
"tailwindcss": "^3.3.5" "tailwindcss": "^3.3.5"
} }
} }

View File

@ -1,16 +1,61 @@
<!doctype html> <!doctype html>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&family=Work+Sans:wght@500;600&display=swap" rel="stylesheet"> <link
<link href="./index.css" rel="stylesheet"> href="https://fonts.googleapis.com/css2?family=Source+Sans+3&family=Work+Sans:wght@500;600&display=swap"
rel="stylesheet"
/>
<link href="./index.css" rel="stylesheet" />
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8" />
<title>My First Parcel App</title> <title>My First Parcel App</title>
</head> </head>
<body> <body class="flex h-screen justify-center items-center flex-col text-xl">
<h1>Hello, World!</h1> <div class="w-full h-full flex justify-center flex-wrap p-4 gap-10 items-center">
<!-- insert svg from public/logo.svg --> <a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
</div>
<img class="max-w-2xl" src="public/logo_main.svg" alt="parcel logo" /> <img class="max-w-2xl" src="public/logo_main.svg" alt="parcel logo" />
<div class="w-full h-full flex justify-center flex-wrap p-4 gap-10 items-center">
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
<a class="w-40 h-min cursor-pointer bg-white border-black border-2 relative p-2 text-center">
<div class="absolute bg-black -z-10 w-full h-full"></div>
Facebook
</a>
</div>
</body> </body>
</html> </html>