mirrors/denis.ergin
1
0
Fork 0
mirror of https://github.com/TheTaz25/denis.ergin.git synced 2025-07-12 22:08:48 +00:00
Code Activity

initial setup

Browse source
This commit is contained in:
Denis Ergin 2024-09-17 08:55:20 +02:00
commit f29b97ac06
23 changed files with 5114 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/pages/else.astro Normal file
View file

@ -0,0 +1,7 @@
---
import Layout from '../layouts/Layout.astro';
---
<Layout title='Somewhere else...'>
Henlo!
</Layout>

47
src/pages/index.astro Normal file
View file

@ -0,0 +1,47 @@
---
import Layout from '../layouts/Layout.astro';
import { useTranslations } from '../i18n/utils';
import '../styles/homepage-markdown.scss';
import { Icon } from 'astro-icon/components';
const t = useTranslations();
---
<Layout title="Hallo Welt!">
<div class="opening-wrapper">
<div class="row">
<Icon name="bracket" class="bracket open" height="100px" width="unset" />
<h1>{t('home.welcome')}</h1>
</div>
<p class="mb-2">
{t('home.opening.1')}
</p>
<p>
{t('home.opening.2')}
</p>
<div class="row">
<p>{t('home.opening.3')}</p>
<Icon name="bracket" class="bracket close" height="100px" width="unset" />
</div>
</div>
</Layout>
<style lang="scss">
.row {
display: flex;
align-items: center;
h1 {
font-size: xxx-large;
margin: unset;
}
}
[data-icon="bracket"].bracket {
height: 100px;
color: #555;
&.close {
transform: rotate(180deg);
}
}
</style>