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

Compare commits

base: ahurac:69ca9da54df41ef811fd96048e6b4c5dfd75aeae
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:be6978b5a669e29a9beef629ffe5764d01a79511
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

No commits in common. "69ca9da54df41ef811fd96048e6b4c5dfd75aeae" and "be6978b5a669e29a9beef629ffe5764d01a79511" have entirely different histories.
69ca9da54d ... be6978b5a6

3 changed files with 6 additions and 36 deletions
Show stats Expand all files Collapse all files

BIN
public/fonts/cantarell.otf
View file

Binary file not shown.

12
src/components/Card.astro
View file

@ -14,20 +14,12 @@ const { id, name } = Astro.props;
<style> <style>
.card { .card {
border: 1px solid black;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 10px; padding: 10px;
width: 50%;
margin: 10px 0; 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 { .text {

30
src/pages/index.astro
View file

@ -12,38 +12,16 @@ import Card from '../components/Card.astro'
</head> </head>
<body> <body>
<main> <main>
<h1>My services</h1> <Card id="test1" name="Bruh">Électrocardiogramme</Card>
<div id="cards"> <Card id="test2" name="Purasehoraderu">:)</Card>
<Card id="test1" name="Bruh">Électrocardiogramme</Card>
<Card id="test2" name="Purasehoraderu">:)</Card>
</div>
</main> </main>
</body> </body>
</html> </html>
<style> <style>
#cards { main {
display: flex; display: flex;
flex-direction: column; 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> </style>