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>
.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 {

30
src/pages/index.astro
View file

@ -12,38 +12,16 @@ 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>
<Card id="test1" name="Bruh">Électrocardiogramme</Card>
<Card id="test2" name="Purasehoraderu">:)</Card>
</main>
</body>
</html>
<style>
#cards {
main {
display: flex;
flex-direction: column;
}
@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%;
align-items: center;
}
</style>