aboutsummaryrefslogtreecommitdiff
path: root/components
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-03-29 10:18:51 +0200
committerlonkaars <l.leblansch@gmail.com>2021-03-29 10:18:51 +0200
commit3c418d9229bf4023816fae82e5524ae902c0e982 (patch)
tree91931e18304a9c03f7fdd8095f377e74f0143bf8 /components
parent9eb1c1d1eee4286b6e7a124d3f5a32b3af453be0 (diff)
[meta] tag parsing
Diffstat (limited to 'components')
-rw-r--r--components/image.tsx8
-rw-r--r--components/seperator.tsx (renamed from components/articleSeperator.tsx)2
2 files changed, 5 insertions, 5 deletions
diff --git a/components/image.tsx b/components/image.tsx
index 106c2bd..ad84ff6 100644
--- a/components/image.tsx
+++ b/components/image.tsx
@@ -1,12 +1,12 @@
export default function Image(props: {
src: string;
- title?: string;
+ alt?: string;
}) {
return <div className="image">
- <img src={props.src} alt={props.title}/>
+ <img src={props.src} alt={props.alt}/>
{
- props.title && <div>
- <p>{props.title}</p>
+ props.alt && <div>
+ <p>{props.alt}</p>
</div>
}
</div>
diff --git a/components/articleSeperator.tsx b/components/seperator.tsx
index 917d0be..5f05aca 100644
--- a/components/articleSeperator.tsx
+++ b/components/seperator.tsx
@@ -1,5 +1,5 @@
export default function ArticleSeperator() {
- return <div>
+ return <div className="seperator">
<svg width="96" height="12" viewBox="0 0 96 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M8.04282 8.19986C6.51226 9.73171 4.24587 12 0 12V6C1.68094 6 2.4102 5.34716 3.87868 3.87868C3.90463 3.85273 3.9308 3.82654 3.95718 3.80014C5.48774 2.26829 7.75413 0 12 0C16.2459 0 18.5123 2.26829 20.0428 3.80014C20.0692 3.82654 20.0954 3.85273 20.1213 3.87868C21.5898 5.34716 22.3191 6 24 6C25.6809 6 26.4102 5.34716 27.8787 3.87868C27.9046 3.85273 27.9308 3.82654 27.9572 3.80014C29.4877 2.26829 31.7541 0 36 0C40.2459 0 42.5123 2.26829 44.0428 3.80014C44.0692 3.82654 44.0954 3.85273 44.1213 3.87868C45.5898 5.34716 46.3191 6 48 6C49.6809 6 50.4102 5.34716 51.8787 3.87868C51.9046 3.85273 51.9308 3.82654 51.9572 3.80014C53.4877 2.26829 55.7541 0 60 0C64.2459 0 66.5123 2.26829 68.0428 3.80014C68.0692 3.82654 68.0954 3.85273 68.1213 3.87868C69.5898 5.34716 70.3191 6 72 6C73.6809 6 74.4102 5.34716 75.8787 3.87868L75.9572 3.80014C77.4877 2.26829 79.7541 0 84 0C88.2459 0 90.5123 2.26829 92.0428 3.80014L92.1213 3.87868C93.5898 5.34716 94.3191 6 96 6V12C91.7541 12 89.4877 9.73171 87.9572 8.19986L87.8787 8.12132C86.4102 6.65284 85.6809 6 84 6C82.3191 6 81.5898 6.65284 80.1213 8.12132L80.0428 8.19986C78.5123 9.73171 76.2459 12 72 12C67.7541 12 65.4877 9.73171 63.9572 8.19986C63.9308 8.17346 63.9046 8.14727 63.8787 8.12132C62.4102 6.65284 61.6809 6 60 6C58.3191 6 57.5898 6.65284 56.1213 8.12132C56.0954 8.14727 56.0692 8.17346 56.0428 8.19986C54.5123 9.73171 52.2459 12 48 12C43.7541 12 41.4877 9.73171 39.9572 8.19986C39.9308 8.17346 39.9046 8.14727 39.8787 8.12132C38.4102 6.65284 37.6809 6 36 6C34.3191 6 33.5898 6.65284 32.1213 8.12132C32.0954 8.14727 32.0692 8.17346 32.0428 8.19986C30.5123 9.73171 28.2459 12 24 12C19.7541 12 17.4877 9.73171 15.9572 8.19986C15.9308 8.17346 15.9046 8.14727 15.8787 8.12132C14.4102 6.65284 13.6809 6 12 6C10.3191 6 9.5898 6.65284 8.12132 8.12132C8.09537 8.14727 8.0692 8.17346 8.04282 8.19986Z" fill="var(--fire-opal)"/>
</svg>