ahurac/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: ahurac:be6978b5a669e29a9beef629ffe5764d01a79511
Branches Tags
ahurac:main
ahurac:dev
ahurac:2.1.1
ahurac:2.1.0
ahurac:2.0.0
ahurac:1.0.0
ahurac:0.1.0
..
compare: ahurac:69ca9da54df41ef811fd96048e6b4c5dfd75aeae
Branches Tags
ahurac:dev
ahurac:main
ahurac:2.1.1
ahurac:2.1.0
ahurac:2.0.0
ahurac:1.0.0
ahurac:0.1.0

4 commits
be6978b5a6 ... 69ca9da54d

Author SHA1 Message Date
Ahurac
69ca9da54d index : mise à jour du style 2024-01-30 18:03:31 +01:00
Ahurac
1d29344bc1 index : ajout d'un titre, ajout d'un conteneur pour les cartes 2024-01-30 18:02:50 +01:00
Ahurac
37029dd1a3 Card : modification du style 2024-01-30 18:02:02 +01:00
Ahurac
8ba97c2bfb Ajout : police de caractères Cantarell 2024-01-30 18:01:08 +01:00
3 changed files with 36 additions and 6 deletions
Show stats Expand all files Collapse all files

BIN
public/fonts/cantarell.otf Normal file
View file

Binary file not shown.

12
src/components/Card.astro
View file

@ -14,12 +14,20 @@ const { id, name } = Astro.props;
<style>
.card {
border: 1px solid black;
display: flex;
align-items: center;
padding: 10px;
width: 50%;
margin: 10px 0;
background-color: white;
color: black;
border-radius: 25px;
transition: 0.1s ease-out;
position: relative;
top: 0;
}
.card:hover {
top: -4px;
}
.text {

26
src/pages/index.astro
View file

@ -12,16 +12,38 @@ import Card from '../components/Card.astro'
</head>
<body>
<main>
<h1>My services</h1>
<div id="cards">
<Card id="test1" name="Bruh">Électrocardiogramme</Card>
<Card id="test2" name="Purasehoraderu">:)</Card>
</div>
</main>
</body>
</html>
<style>
main {
#cards {
display: flex;
flex-direction: column;
align-items: center;
}
@font-face {
font-family: 'Cantarell';
src: url('/fonts/cantarell.otf') format('otf');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
background-color: black;
color: white;
font-family: 'Cantarell', sans-serif;
display: flex;
justify-content: center;
}
main {
width: 30%;
}
</style>