feat: build main page for DAV project and integrate database with Supabase and Prisma
This commit is contained in:
3
assets/css/main.css
Normal file
3
assets/css/main.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@@ -1,94 +0,0 @@
|
||||
.right,
|
||||
.left
|
||||
{
|
||||
width: 50%;
|
||||
}
|
||||
.left
|
||||
{
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
padding-right: 1rem;
|
||||
clear: both;
|
||||
}
|
||||
.right
|
||||
{
|
||||
float: right;
|
||||
clear: right;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.center
|
||||
{ clear: both; /* Clears the floating of the above columns */
|
||||
width: 100%; /* Ensures it spans the full width */
|
||||
text-align: center; /* Centers the content inside the div */
|
||||
margin-top: 1rem; /* Optional: Adds some space above the center div */
|
||||
}
|
||||
@media print, screen and (max-width: 580px) {
|
||||
.left,.right {
|
||||
width: 100%;
|
||||
float: none;
|
||||
clear: none;
|
||||
}
|
||||
video {
|
||||
max-width: 80%; /* Occupe tout l'espace sur mobile */
|
||||
}
|
||||
}
|
||||
|
||||
h2 a {
|
||||
font-size: 0.8em;
|
||||
color: #474405;
|
||||
text-decoration: none; /* Retire le lien visuel */
|
||||
pointer-events: none; /* Désactive l'interaction du lien */
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
h4 a {
|
||||
color: #8B5E3C;
|
||||
text-decoration: none; /* Retire le lien visuel */
|
||||
pointer-events: none; /* Désactive l'interaction du lien */
|
||||
|
||||
font-size: 1em;
|
||||
|
||||
|
||||
}
|
||||
h4 {
|
||||
margin-block-end: 10rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: #6A994E;
|
||||
font-size: 2.5em;
|
||||
margin: 50px 0px 0px 50px;
|
||||
text-transform: uppercase;}
|
||||
p{
|
||||
font-weight: normal;
|
||||
text-align: justify;
|
||||
font-size: 1.1em;
|
||||
color:#8B5E3C;
|
||||
margin-block-end: 3rem;
|
||||
|
||||
}
|
||||
span{
|
||||
display: block;
|
||||
line-height: 1.8;
|
||||
margin: 0cm 1cm 0cm 1cm;
|
||||
|
||||
|
||||
|
||||
}
|
||||
video {
|
||||
border: 2px solid #474405;
|
||||
border-radius: 8px;
|
||||
max-width: 100%; /* Responsive width */
|
||||
display: block; /* Center the video */
|
||||
margin: 10px auto;
|
||||
width: 100vw; /* Largeur égale à la largeur de la fenêtre */
|
||||
height: 100vh; /* Hauteur égale à la hauteur de la fenêtre */
|
||||
object-fit: cover; /* Adapte la vidéo sans déformation */
|
||||
}
|
||||
.background{
|
||||
background-color:#F5F5F5;}
|
||||
Reference in New Issue
Block a user