diff --git a/assets/images/pixelfed-icon.svg b/assets/images/pixelfed-icon.svg
new file mode 100644
index 0000000..93ba344
--- /dev/null
+++ b/assets/images/pixelfed-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/signal-icon.svg b/assets/images/signal-icon.svg
new file mode 100644
index 0000000..f6c0d56
--- /dev/null
+++ b/assets/images/signal-icon.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..b845a19
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+ Ted Gravlin
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 95c2090..13bbe5f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -325,6 +325,60 @@ div.project-overlay {
border: 2px solid rgba(255, 255, 255, 0.125);
}
+/* ----- Contact Card ----- */
+div.contact-container {
+ grid-template-columns: 1fr;
+}
+
+.card.contact {
+ height: fit-content;
+ margin-bottom: 0em;
+}
+
+.card.contact .about-button-container .button-contents {
+ column-gap: 0.5em;
+}
+
+@media (max-width: 700px) {
+ .card.contact .about-button-container .button-contents p {
+ font-size: calc(14px + 0.390625vw);
+ }
+
+ .card.contact .about-button-container .button-contents img {
+ width: 5.5vw;
+ }
+}
+
+.contact-container.main-content {
+ margin-bottom: 0em;
+}
+
+.card.contact .about-button-container {
+ grid-template-columns: 1fr;
+}
+
+.card.contact .about-button-container a {
+ padding: 1em;
+}
+
+.card.contact .about-button-container a:nth-child(1) {
+ animation: ease-out enterFromBottom 1s;
+}
+
+.card.contact .about-button-container a:nth-child(2) {
+ animation: ease-out enterFromBottom 1.25s;
+}
+
+.card.contact .about-button-container a:nth-child(3) {
+ animation: ease-out enterFromBottom 1.50s;
+}
+
+.card.contact .about-button-container a:nth-child(4) {
+ animation: ease-out enterFromBottom 1.75s;
+}
+
+
+
/* Only show hover effects on devices with cursors (not mobile) */
@media (hover: hover) and (pointer: fine) {
a.project-card:hover div.project-overlay {
+ 
+ 
+ 
+