Skip to content

Commit

Permalink
[feat] add graphics to contact (#28)
Browse files Browse the repository at this point in the history
* add graphics

* change rem to px, add z-index
  • Loading branch information
ccatherinetan authored Jan 13, 2024
1 parent a71bc58 commit 5660bb3
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions src/components/Contact.astro
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
---
import { Image } from 'astro:assets';
import shapes from '../graphics/shapes_twirl_2.svg';
---

<section>
<h4 id="contact">CONTACT US</h4>
<div class="spacer"></div>
Expand All @@ -18,6 +23,7 @@
if you need a particular accommodation. Note that requests made less than 24
hours before the event will likely not be accommodated.
</p>
<Image class="img" src={shapes} alt="" />
</section>

<style lang="scss">
Expand Down Expand Up @@ -49,4 +55,11 @@
text-decoration-line: underline; // the underline is too close to the text...
text-underline-offset: 2px;
}

.img {
position: absolute;
right: 0;
top: 73px;
z-index: -1;
}
</style>

0 comments on commit 5660bb3

Please sign in to comment.