mirror of
https://github.com/cupcakearmy/nicco.io.git
synced 2025-03-14 07:27:33 +00:00
51 lines
847 B
Svelte
51 lines
847 B
Svelte
<script>
|
|
import dj from 'dayjs'
|
|
|
|
export let project
|
|
</script>
|
|
|
|
<style>
|
|
h2 {
|
|
font-size: 2em;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
|
|
div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.date {
|
|
align-self: flex-end;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 6em;
|
|
}
|
|
|
|
a {
|
|
font-family: monospace;
|
|
}
|
|
|
|
@media (max-width: 30em) {
|
|
div {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<section>
|
|
<a href={project.link} target="_blank" rel="noopener">
|
|
<h2>{project.title}</h2>
|
|
</a>
|
|
<div><b>{project.description}</b> <b class="date">{dj(project.date * 1000).format('MMM YY')}</b></div>
|
|
|
|
<p>
|
|
{@html project.content}
|
|
</p>
|
|
|
|
<ion-icon name="link-outline" />
|
|
<a rel="noopener noreferrer" target="_blank" href={project.link}>{project.link.replace(/https?:\/\//, '')}</a>
|
|
</section>
|