Skip to content

Commit

Permalink
couple updates to the about and footer pages
Browse files Browse the repository at this point in the history 
Signed-off-by: bayer <bayernator@protonmail.com>
  • Loading branch information
@Bayernatoor
Bayernatoor committed Dec 20, 2024
1 parent 632a2a9 commit 9984dc3
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 32 deletions.
5 changes: 3 additions & 2 deletions src/extras/accordion_menu.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,8 +128,8 @@ fn Menu(
aria-controls="accordion-collapse-body"
on:click=handle_menu_click
node_ref=title_ref

>

<span class="text-white text-xl" inner_html=faq_title></span>
<svg
data-accordion-icon
Expand Down Expand Up @@ -225,7 +225,8 @@ pub fn AccordionMenu(#[prop(optional)] faq_name: String) -> impl IntoView {
/>

</div>
}.into_view()
}
.into_view()
}
Some(Err(error)) => {
log!("Error rendering faqs: {}", error);
Expand Down
42 changes: 21 additions & 21 deletions src/extras/footer.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ pub fn Footer() -> impl IntoView {

// NOSTR link
<a
href="https://nostr.com/npub1hxcjalw99u4m7vcalnrrgkdvyqftglydrt6tm2q9afnvec55guysrwkq9z"
href="https://primal.net/Bayer"
target="_blank"
rel="noopener noreferrer"
type="button"
Expand All @@ -68,26 +68,26 @@ pub fn Footer() -> impl IntoView {
</a>

// Twitter link
// <a
// href=""
// target="_blank"
// rel="noopener noreferrer"
// type="button"
// class="rounded-full bg-[#333333] p-3 uppercase leading-normal text-white transition duration-150 ease-in-out hover:shadow-dark-1 focus:shadow-dark-1 focus:outline-none focus:ring-0 active:shadow-1 dark:text-white"
// data-twe-ripple-init
// data-twe-ripple-color="light"
// >
// <span class="mx-auto [&>svg]:h-10 [&>svg]:w-10">
// <svg
// xmlns="http://www.w3.org/2000/svg"
// viewBox="0 0 256 256"
// xml:space="preserve"
// class="fill-current hover:text-orange-500 dark:text-gray-200 dark:hover:text-orange-400"
// >
// <path d="M 28.303 81.565 c 33.962 0 52.538 -28.138 52.538 -52.538 c 0 -0.799 0 -1.595 -0.054 -2.387 c 3.614 -2.614 6.733 -5.85 9.212 -9.558 c -3.37 1.493 -6.945 2.473 -10.606 2.905 c 3.855 -2.308 6.74 -5.937 8.118 -10.213 c -3.625 2.151 -7.59 3.667 -11.725 4.482 c -6.993 -7.436 -18.69 -7.795 -26.126 -0.802 c -4.796 4.51 -6.83 11.23 -5.342 17.643 C 29.473 30.352 15.64 23.34 6.264 11.804 c -4.901 8.437 -2.398 19.231 5.717 24.649 c -2.939 -0.087 -5.813 -0.88 -8.381 -2.311 c 0 0.076 0 0.155 0 0.234 c 0.002 8.79 6.198 16.36 14.814 18.101 c -2.718 0.741 -5.571 0.85 -8.338 0.317 c 2.419 7.522 9.351 12.675 17.251 12.823 c -6.539 5.139 -14.616 7.928 -22.932 7.92 C 2.926 73.534 1.459 73.445 0 73.27 c 8.444 5.419 18.27 8.293 28.303 8.28"></path>
// </svg>
// </span>
// </a>
<a
href="https://x.com/Bayernatoor"
target="_blank"
rel="noopener noreferrer"
type="button"
class="rounded-full bg-[#333333] p-3 uppercase leading-normal text-white transition duration-150 ease-in-out hover:shadow-dark-1 focus:shadow-dark-1 focus:outline-none focus:ring-0 active:shadow-1 dark:text-white"
data-twe-ripple-init
data-twe-ripple-color="light"
>
<span class="mx-auto [&>svg]:h-10 [&>svg]:w-10">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 90 90"
xml:space="preserve"
class="fill-current hover:text-orange-500 dark:text-gray-200 dark:hover:text-orange-400"
>
<path d="M 28.303 81.565 c 33.962 0 52.538 -28.138 52.538 -52.538 c 0 -0.799 0 -1.595 -0.054 -2.387 c 3.614 -2.614 6.733 -5.85 9.212 -9.558 c -3.37 1.493 -6.945 2.473 -10.606 2.905 c 3.855 -2.308 6.74 -5.937 8.118 -10.213 c -3.625 2.151 -7.59 3.667 -11.725 4.482 c -6.993 -7.436 -18.69 -7.795 -26.126 -0.802 c -4.796 4.51 -6.83 11.23 -5.342 17.643 C 29.473 30.352 15.64 23.34 6.264 11.804 c -4.901 8.437 -2.398 19.231 5.717 24.649 c -2.939 -0.087 -5.813 -0.88 -8.381 -2.311 c 0 0.076 0 0.155 0 0.234 c 0.002 8.79 6.198 16.36 14.814 18.101 c -2.718 0.741 -5.571 0.85 -8.338 0.317 c 2.419 7.522 9.351 12.675 17.251 12.823 c -6.539 5.139 -14.616 7.928 -22.932 7.92 C 2.926 73.534 1.459 73.445 0 73.27 c 8.444 5.419 18.27 8.293 28.303 8.28"></path>
</svg>
</span>
</a>

// Email Link
<a
Expand Down
17 changes: 8 additions & 9 deletions src/routes/about.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ pub fn AboutPage() -> impl IntoView {
// Main Content
<main class="px-4 lg:pt-0 lg:px-0 grid gap-10 lg:gap-6 lg:grid-cols-3">
// Me Section
<div class="flex flex-col px-6 py-4 mx-auto text-left text-white leading-loose lg:text-left">
<div class="flex flex-col px-6 py-4 mx-auto max-w-xs text-left text-white leading-loose lg:text-left">
<h2 class="text-2xl lg:text-3xl text-[#f7931a] font-semibold">"About"</h2>
<p class="text-lg pt-2">
"I go by Bayer, I am a Bitcoiner who believes bitcoin is the most significant discovery of our time.
Expand All @@ -37,14 +37,14 @@ pub fn AboutPage() -> impl IntoView {
target="_blank"
rel="noopener noreferrer"
>
"download"
"Download"
</a>
</p>
<p class="text-lg pt-2">
<strong>"Find me on: "</strong>
<a
class="underline text-blue-400 hover:text-[#3c6594]"
href="https://nostr.com/npub1hxcjalw99u4m7vcalnrrgkdvyqftglydrt6tm2q9afnvec55guysrwkq9z"
href="https://primal.net/bayer"
target="_blank"
rel="noopener noreferrer"
>
Expand All @@ -65,7 +65,7 @@ pub fn AboutPage() -> impl IntoView {
</div>

// Donate Section
<div class="flex flex-col px-6 py-4 mx-auto text-left text-white leading-loose lg:text-left">
<div class="flex flex-col px-6 py-4 mx-auto max-w-xs ttext-left text-white leading-loose lg:text-left">
<h2 class="text-2xl lg:text-3xl text-[#f7931a] font-semibold">"Donate"</h2>
<p class="text-lg pt-2">
"Your contributions help keep the project running and are greatly appreciated. If you want to support me you can do so below. Thank you!"
Expand All @@ -76,12 +76,11 @@ pub fn AboutPage() -> impl IntoView {
<p class="text-lg">
<a
class="underline text-blue-400 hover:text-[#3c6594]"
// href="lightning:bayer@mutiny.plus"
href="lightning:bayer@getalby.com"
href="lightning:bayer@primal.net"
target="_blank"
rel="noopener noreferrer"
>
" bayer@getalby.com"
" bayer@primal.net"
</a>
</p>

Expand All @@ -107,7 +106,7 @@ pub fn AboutPage() -> impl IntoView {
target="_blank"
rel="noopener noreferrer"
>
" bc1pg3l4kqvurd3w350mgr4amcplj7\nar70gqyck9hzfu75w5ylrvl3rst84h3d"
" bc1pg3l4kqvurd3w350mgr4amcplj7ar70gqyck9hzfu75w5ylrvl3rst84h3d"
</a>
<img
class="h-auto w-[150px] pt-2"
Expand All @@ -118,7 +117,7 @@ pub fn AboutPage() -> impl IntoView {
</div>

// Contribute Section
<div class="flex flex-col px-6 py-4 mx-auto text-left text-white leading-loose lg:text-left">
<div class="flex flex-col px-6 py-4 mx-auto max-w-xs text-left text-white leading-loose lg:text-left">
<h2 class="text-2xl lg:text-3xl text-[#f7931a] font-semibold">"Contribute"</h2>
<p class="text-lg pt-2">
"This project was developed with the purpose of helping anyone learn about bitcoin self-custody, as well as a means for me to learn Rust and web development.
Expand Down
13 changes: 13 additions & 0 deletions style/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -782,6 +782,19 @@ p, h1, h2, h3{
max-width: 24rem;
}

.max-w-xl{
max-width: 36rem;
}

.max-w-min{
max-width: -moz-min-content;
max-width: min-content;
}

.max-w-xs{
max-width: 20rem;
}

.shrink-0{
flex-shrink: 0;
}
Expand Down

0 comments on commit 9984dc3

Please sign in to comment.