From 8a4e9f6deade6a9dda6f67d9c129807829a9be75 Mon Sep 17 00:00:00 2001 From: elijah Date: Wed, 5 Jun 2024 22:14:01 +0200 Subject: [PATCH] contact page my good sir. --- assets/contact-style.css | 102 +++++++++++++++++++++++++++++++++++++++ assets/style.css | 7 ++- contact/index.html | 48 ++++++++++++++++++ index.html | 1 + 4 files changed, 156 insertions(+), 2 deletions(-) create mode 100644 assets/contact-style.css create mode 100644 contact/index.html diff --git a/assets/contact-style.css b/assets/contact-style.css new file mode 100644 index 0000000..6d9b17b --- /dev/null +++ b/assets/contact-style.css @@ -0,0 +1,102 @@ +@font-face { + font-family: 'workbench'; + src: url('../assets/font.woff2') format('woff2'); + } + body { + background-color: #333; + background-image: + linear-gradient(to bottom, + #000000, + #22770156, + #221100 + ); + background-size: 100% 3px; + background-repeat: repeat-y; + margin: 0; + font-family: 'workbench', sans-serif; + } + .navbar { + background: + radial-gradient( + farthest-corner at 50% 50%, + rgba(0, 0, 0, 0.6), + rgba(20, 20, 20, 0.6) 50%, + rgba(40, 40, 40, 0.6) 100% + ); + background-size: 100% 300px; + background-position: 0% 100%; + padding: 1rem; + display: flex; + justify-content: space-between; + align-items: center; + pointer-events: none; + } + .logo { + font-size: 1.5rem; + color: #33ccffca; + text-shadow: 0 0 10px #33ccffbe; + } + .nav-links { + list-style: none; + margin: 0; + padding: 0; + display: flex; + align-items: center; + } + .nav-links li { + margin-right: 20px; + } + .nav-links a { + font-size: 1.2rem; + color: #33ccffab; + text-decoration: none; + transition: color 0.2s ease; + text-shadow: 0 0 3px #33ccffaf; + pointer-events: initial; + } + .nav-links a:hover { + color: #33ccffda; + } + .contact-container { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + color: #33ccffab; + text-shadow: 0 0 3px #33ccffaf; + padding: 10px; + pointer-events: none; + } + .contact-container h1 { + font-size: 2rem; + margin-bottom: 1rem; + } + .contact-container p { + font-size: 1.2rem; + margin: 0.5rem 0; + } + .contact-container a { + color: #33ccffab; + text-decoration: none; + transition: color 0.2s ease; + pointer-events: stroke; + } + .contact-container a:hover { + color: #33ccffda; + } + @media (max-width: 600px) { + .navbar { + flex-direction: column; + align-items: center; + } + + .nav-links { + flex-direction: column; + align-items: center; + } + .nav-links li { + margin: 5px 0; + } + } + \ No newline at end of file diff --git a/assets/style.css b/assets/style.css index e2f7758..47ef799 100644 --- a/assets/style.css +++ b/assets/style.css @@ -12,6 +12,8 @@ body { ); background-size: 100% 3px; background-repeat: repeat-y; + margin: 0; + font-family: 'workbench', sans-serif; } .navbar { background: @@ -27,9 +29,9 @@ body { display: flex; justify-content: space-between; align-items: center; + pointer-events: none; } .logo { - font-family: 'workbench', sans-serif; font-size: 1.5rem; color: #33ccffca; text-shadow: 0 0 10px #33ccffbe; @@ -45,16 +47,17 @@ body { margin-right: 20px; } .nav-links a { - font-family: 'workbench', sans-serif; font-size: 1.2rem; color: #33ccffab; text-decoration: none; transition: color 0.2s ease; text-shadow: 0 0 3px #33ccffaf; + pointer-events: initial; } .nav-links a:hover { color: #33ccffda; } + .ascii-art-container { position: fixed; top: 50%; diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..0e396ec --- /dev/null +++ b/contact/index.html @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + contact @ elia.network + + + +
+

contact

+

Email: click me

+

Matrix: click me

+

Address: Skalluvaarantie 851, 99980 Utsjoki, Finland

+
+ + diff --git a/index.html b/index.html index 9b7ce39..7ac8f92 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,7 @@
  • chat
  • status
  • schizophrenia
    • +
  • contact