Better Bytemalte.de connection + some new links

2026-01-21 12:00:42 +01:00
parent 194e85a870
commit 1e95b1210d
7 changed files with 195 additions and 58 deletions
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,15 +5,15 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>malxte.de</title>
    
-    <link rel="stylesheet" href="/style-de1163fb8e7f1e9f.css" integrity="sha384-Qk0Sx6+TQ+0t0kImWcag8nFP0A+5ZfcbEmg/0RIdI7Nxf1ukyBgfugbvt7soTCdV"/> 
+    <link rel="stylesheet" href="/style-fb9089de5a4908ea.css" integrity="sha384-TbnRZQhX48pOkoTfZnziB6kb9QANwFYWl3oUoNX4ZDcs5zF3984vuwvjzYhbDHBu"/> 
    
-<link rel="modulepreload" href="/malxte_de-a1fcba309c628f85.js" crossorigin="anonymous" integrity="sha384-06AF+lVyho7SjFO19hlTN6L77f6QblEYN/dxuVySyGHOtnddtKWQGlKOtXqFNem7"><link rel="preload" href="/malxte_de-a1fcba309c628f85_bg.wasm" crossorigin="anonymous" integrity="sha384-S4Qh2qvnZ1zdwWPrC7kCmJYbYkGDRxdIPMoCrfwspBoMMOYu+bAPdLVYJa5+TV4K" as="fetch" type="application/wasm"></head>
+<link rel="modulepreload" href="/malxte_de-f10b011d077b7c01.js" crossorigin="anonymous" integrity="sha384-jlPUmz6rTFP1mUjzBnSE/83zqqGc9X7TQVeOunNUztwmMXgA0ywjEZHn3IuIG30D"><link rel="preload" href="/malxte_de-f10b011d077b7c01_bg.wasm" crossorigin="anonymous" integrity="sha384-jRP1oMCuvVBSpOoXGauCKxSOoJsux8NW6RIvfpOISuROVUc1q86AUHzBl72C+yxH" as="fetch" type="application/wasm"></head>
 <body>
    <main id="app"></main> 

 <script type="module">
-import init, * as bindings from '/malxte_de-a1fcba309c628f85.js';
-const wasm = await init({ module_or_path: '/malxte_de-a1fcba309c628f85_bg.wasm' });
+import init, * as bindings from '/malxte_de-f10b011d077b7c01.js';
+const wasm = await init({ module_or_path: '/malxte_de-f10b011d077b7c01_bg.wasm' });


 window.wasmBindings = bindings;
--- a/dist/malxte_de-a1fcba309c628f85_bg.wasm
+++ b/dist/malxte_de-a1fcba309c628f85_bg.wasm
--- a/dist/malxte_de-f10b011d077b7c01.js
+++ b/dist/malxte_de-f10b011d077b7c01.js
@@ -239,16 +239,16 @@ if (!('encodeInto' in cachedTextEncoder)) {

 let WASM_VECTOR_LEN = 0;

-function wasm_bindgen__convert__closures________invoke__hb54cc54debfd07fa(arg0, arg1, arg2) {
-    wasm.wasm_bindgen__convert__closures________invoke__hb54cc54debfd07fa(arg0, arg1, arg2);
+function wasm_bindgen__convert__closures_____invoke__hd74c78cc6d010620(arg0, arg1, arg2) {
+    wasm.wasm_bindgen__convert__closures_____invoke__hd74c78cc6d010620(arg0, arg1, arg2);
 }

-function wasm_bindgen__convert__closures_____invoke__h41150144d570379a(arg0, arg1, arg2) {
-    wasm.wasm_bindgen__convert__closures_____invoke__h41150144d570379a(arg0, arg1, arg2);
+function wasm_bindgen__convert__closures________invoke__h23c2baf6581a4bc2(arg0, arg1, arg2) {
+    wasm.wasm_bindgen__convert__closures________invoke__h23c2baf6581a4bc2(arg0, arg1, arg2);
 }

-function wasm_bindgen__convert__closures_____invoke__h1f2eaa716dfe757f(arg0, arg1) {
-    const ret = wasm.wasm_bindgen__convert__closures_____invoke__h1f2eaa716dfe757f(arg0, arg1);
+function wasm_bindgen__convert__closures_____invoke__h2cf11297fc3d3acb(arg0, arg1) {
+    const ret = wasm.wasm_bindgen__convert__closures_____invoke__h2cf11297fc3d3acb(arg0, arg1);
    return ret !== 0;
 }

@@ -511,7 +511,7 @@ function __wbg_get_imports() {
                const a = state0.a;
                state0.a = 0;
                try {
-                    return wasm_bindgen__convert__closures_____invoke__h1f2eaa716dfe757f(a, state0.b, );
+                    return wasm_bindgen__convert__closures_____invoke__h2cf11297fc3d3acb(a, state0.b, );
                } finally {
                    state0.a = a;
                }
@@ -619,14 +619,14 @@ function __wbg_get_imports() {
        const ret = getStringFromWasm0(arg0, arg1);
        return ret;
    };
-    imports.wbg.__wbindgen_cast_295febe9c636652e = function(arg0, arg1) {
-        // Cast intrinsic for `Closure(Closure { dtor_idx: 78, function: Function { arguments: [Ref(NamedExternref("Event"))], shim_idx: 79, ret: Unit, inner_ret: Some(Unit) }, mutable: false }) -> Externref`.
-        const ret = makeClosure(arg0, arg1, wasm.wasm_bindgen__closure__destroy__hb6274a26455260b0, wasm_bindgen__convert__closures________invoke__hb54cc54debfd07fa);
+    imports.wbg.__wbindgen_cast_e49fe2d752991888 = function(arg0, arg1) {
+        // Cast intrinsic for `Closure(Closure { dtor_idx: 83, function: Function { arguments: [Ref(NamedExternref("Event"))], shim_idx: 84, ret: Unit, inner_ret: Some(Unit) }, mutable: false }) -> Externref`.
+        const ret = makeClosure(arg0, arg1, wasm.wasm_bindgen__closure__destroy__hf7301791a73ed9f8, wasm_bindgen__convert__closures________invoke__h23c2baf6581a4bc2);
        return ret;
    };
-    imports.wbg.__wbindgen_cast_3334ea73b4b28ba3 = function(arg0, arg1) {
-        // Cast intrinsic for `Closure(Closure { dtor_idx: 244, function: Function { arguments: [Externref], shim_idx: 245, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
-        const ret = makeMutClosure(arg0, arg1, wasm.wasm_bindgen__closure__destroy__ha835f51ef6e3f0cc, wasm_bindgen__convert__closures_____invoke__h41150144d570379a);
+    imports.wbg.__wbindgen_cast_e8894838d0f79395 = function(arg0, arg1) {
+        // Cast intrinsic for `Closure(Closure { dtor_idx: 243, function: Function { arguments: [Externref], shim_idx: 244, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
+        const ret = makeMutClosure(arg0, arg1, wasm.wasm_bindgen__closure__destroy__hb1e09a0000e4c67e, wasm_bindgen__convert__closures_____invoke__hd74c78cc6d010620);
        return ret;
    };
    imports.wbg.__wbindgen_init_externref_table = function() {
--- a/dist/malxte_de-f10b011d077b7c01_bg.wasm
+++ b/dist/malxte_de-f10b011d077b7c01_bg.wasm
--- a/dist/style-fb9089de5a4908ea.css
+++ b/dist/style-fb9089de5a4908ea.css
@@ -12,7 +12,11 @@
 body {
    background-color: var(--bg-color);
    color: var(--text-primary);
-    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    font-family:
+        "Inter",
+        system-ui,
+        -apple-system,
+        sans-serif;
    margin: 0;
    line-height: 1.6;
 }
@@ -44,6 +48,7 @@ body {
    /* Creates a gradient text effect */
    background: linear-gradient(to right, #fff, var(--accent));
    -webkit-background-clip: text;
+    background-clip: text;
    -webkit-text-fill-color: transparent;
 }

@@ -71,6 +76,58 @@ h2 {
    display: inline-block; /* Makes the underline only cover the text */
 }

+/* Project Links Section Styling */
+.project-links-section {
+    text-align: center;
+}
+
+.call-to-action-container {
+    background: linear-gradient(145deg, var(--card-bg), #1a2232);
+    padding: 4rem 2rem;
+    border-radius: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2rem;
+    border: 1px solid rgba(59, 130, 246, 0.2);
+    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5);
+    position: relative;
+    overflow: hidden;
+}
+
+.call-to-action-container::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(90deg, transparent, var(--accent), transparent);
+}
+
+.call-to-action-container p {
+    font-size: 1.2rem;
+    color: var(--text-secondary);
+    margin: 0;
+}
+
+.cta-button {
+    background-color: var(--accent);
+    color: white;
+    padding: 1rem 2rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.39);
+}
+
+.cta-button:hover {
+    background-color: var(--hover-accent);
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.23);
+}
+
 /* Grid for the Social Links */
 .grid-links {
    display: grid;
--- a/src/home.rs
+++ b/src/home.rs
@@ -25,11 +25,21 @@ pub fn home() -> Html {
                        { "Hi, I am a young highly motivated Rust 🦀 programmer and Nostr Lover ❤️. I Like to share my Projects, Tech News and Tips." }
                    </p>
                    <p>
-                        { "When I'm not coding, I create content or work on my own projects, such as bytemalte.de a community website or my socialmedia app maltemedia." }
+                        { "When I'm not coding, I create content or work on my own projects. My main interests are in Bitcoin, Rust, AI, Nostr and Nym" }
                    </p>
                </div>
            </section>

+            <section class="project-links-section scroll-reveal">
+                <h2>{ "Projects" }</h2>
+                <div class="call-to-action-container">
+                    <p>{ "Check out my Projects at Bytemalte.de" }</p>
+                    <a href="https://bytemalte.de" target="_blank" class="cta-button" rel="noopener noreferrer">
+                        { "Visit my Projects on Bytemalte.de" }
+                    </a>
+                </div>
+            </section>
+
            // 3. Social Media Links section (Links that animate on hover).
            <section class="links-section scroll-reveal">
                <h2>{ "Connect" }</h2>
@@ -43,6 +53,20 @@ pub fn home() -> Html {
                        <p>{ "Meine Website" }</p>
                    </a>

+                    // Link to Gitea
+                    <a href="https://gitea.malxte.de/Bytemalte" target="_blank" class="social-card">
+                        <span class="icon">{ "💻" }</span>
+                        <h3>{ "My Gitea" }</h3>
+                        <p>{ "Mein Code" }</p>
+                    </a>
+
+                    <a href="https://yakihonne.com/nprofile1qqsywy5nkmx30t2lpthan9dz8aan20afs60fftxdmejp7m8e6836tnqpzemhxue69uhhyetvv9ujuvrcvd5xzapwvdhk6qg4waehxw309aex2mrp0yhx6ctv0p6x2tnyv5q3vamnwvaz7tmjv4kxz7fwwpexjmtpdshxuet5qy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsz9nhwden5te0wfjkccte9ehx7um5wghxyctwvsq3camnwvaz7tmwdaehgu3dxqcju7tpdd5ksmmwdejjucm0d52nstq2" target="_blank" class="social-card">
+                        <span class="icon">{ "🌐" }</span>
+                        <h3>{ "Nostr (Yakihonne)" }</h3>
+                        <p>{ "Posts, Articles & Updates" }</p>
+                        <p>{ "NIP-05: malxte@bytemalte.de" }</p>
+                    </a>
+
                    // Link to YouTube
                    <a href="https://www.youtube.com/@bytemalte" target="_blank" class="social-card">
                        <span class="icon">{ "▶️" }</span>
@@ -50,6 +74,12 @@ pub fn home() -> Html {
                        <p>{ "Tutorials & Content" }</p>
                    </a>

+                    <a href="https://tiktok.com/@bytemalte" target="_blank" class="social-card">
+                        <span class="icon">{ "▶️" }</span>
+                        <h3>{ "Tiktok" }</h3>
+                        <p>{ "Short facts & News" }</p>
+                    </a>
+
                    // Link to X (Twitter)
                    <a href="https://x.com/@malxte" target="_blank" class="social-card">
                        <span class="icon">{ "✖️" }</span>
@@ -57,13 +87,6 @@ pub fn home() -> Html {
                        <p>{ "Gedanken & Updates" }</p>
                    </a>

-                    // Link to Gitea
-                    <a href="https://gitea.malxte.de/Bytemalte" target="_blank" class="social-card">
-                        <span class="icon">{ "💻" }</span>
-                        <h3>{ "My Gitea" }</h3>
-                        <p>{ "Mein Code" }</p>
-                    </a>
-
                    // Link to Reddit
                    <a href="https://reddit.com/user/ByteMalxte" target="_blank" class="social-card">
                        <span class="icon">{ "💬" }</span>
--- a/style.css
+++ b/style.css
@@ -12,7 +12,11 @@
 body {
    background-color: var(--bg-color);
    color: var(--text-primary);
-    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    font-family:
+        "Inter",
+        system-ui,
+        -apple-system,
+        sans-serif;
    margin: 0;
    line-height: 1.6;
 }
@@ -44,6 +48,7 @@ body {
    /* Creates a gradient text effect */
    background: linear-gradient(to right, #fff, var(--accent));
    -webkit-background-clip: text;
+    background-clip: text;
    -webkit-text-fill-color: transparent;
 }

@@ -71,6 +76,58 @@ h2 {
    display: inline-block; /* Makes the underline only cover the text */
 }

+/* Project Links Section Styling */
+.project-links-section {
+    text-align: center;
+}
+
+.call-to-action-container {
+    background: linear-gradient(145deg, var(--card-bg), #1a2232);
+    padding: 4rem 2rem;
+    border-radius: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2rem;
+    border: 1px solid rgba(59, 130, 246, 0.2);
+    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5);
+    position: relative;
+    overflow: hidden;
+}
+
+.call-to-action-container::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(90deg, transparent, var(--accent), transparent);
+}
+
+.call-to-action-container p {
+    font-size: 1.2rem;
+    color: var(--text-secondary);
+    margin: 0;
+}
+
+.cta-button {
+    background-color: var(--accent);
+    color: white;
+    padding: 1rem 2rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.39);
+}
+
+.cta-button:hover {
+    background-color: var(--hover-accent);
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.23);
+}
+
 /* Grid for the Social Links */
 .grid-links {
    display: grid;