Bytemalte/malxte_de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better Bytemalte.de connection + some new links

Browse Source
This commit is contained in:
Bytemalte
2026-01-21 12:00:42 +01:00
parent 194e85a870
commit 1e95b1210d
7 changed files with 195 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
dist/index.html vendored
View File

@@ -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;

BIN
dist/malxte_de-a1fcba309c628f85_bg.wasm vendored
View File

Binary file not shown.

26
dist/malxte_de-a1fcba309c628f85.js → dist/malxte_de-f10b011d077b7c01.js vendored
View File

@@ -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() {

BIN
dist/malxte_de-f10b011d077b7c01_bg.wasm vendored Normal file
View File

Binary file not shown.

73
dist/style-de1163fb8e7f1e9f.css → dist/style-fb9089de5a4908ea.css vendored
View File

@@ -1,18 +1,22 @@
/* Define CSS Variables for a Dark Mode theme */
:root {
--bg-color: #0f172a; /* Dark blue background */
--card-bg: #1e293b; /* Slightly lighter dark blue for cards */
--text-primary: #f8fafc; /* Bright white for main text */
--text-secondary: #94a3b8; /* Grayish-blue for secondary text */
--accent: #3b82f6; /* A pleasant blue for accents */
--hover-accent: #60a5fa; /* Lighter blue for hover effects */
--bg-color: #0f172a; /* Dark blue background */
--card-bg: #1e293b; /* Slightly lighter dark blue for cards */
--text-primary: #f8fafc; /* Bright white for main text */
--text-secondary: #94a3b8; /* Grayish-blue for secondary text */
--accent: #3b82f6; /* A pleasant blue for accents */
--hover-accent: #60a5fa; /* Lighter blue for hover effects */
}
/* Base styles for the document body */
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;
}
@@ -33,7 +37,7 @@ body {
display: flex;
flex-direction: column;
justify-content: center; /* Center content vertically */
align-items: center; /* Center content horizontally */
align-items: center; /* Center content horizontally */
text-align: center;
}
@@ -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;

39
src/home.rs
View File

@@ -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>

73
style.css
View File

@@ -1,18 +1,22 @@
/* Define CSS Variables for a Dark Mode theme */
:root {
--bg-color: #0f172a; /* Dark blue background */
--card-bg: #1e293b; /* Slightly lighter dark blue for cards */
--text-primary: #f8fafc; /* Bright white for main text */
--text-secondary: #94a3b8; /* Grayish-blue for secondary text */
--accent: #3b82f6; /* A pleasant blue for accents */
--hover-accent: #60a5fa; /* Lighter blue for hover effects */
--bg-color: #0f172a; /* Dark blue background */
--card-bg: #1e293b; /* Slightly lighter dark blue for cards */
--text-primary: #f8fafc; /* Bright white for main text */
--text-secondary: #94a3b8; /* Grayish-blue for secondary text */
--accent: #3b82f6; /* A pleasant blue for accents */
--hover-accent: #60a5fa; /* Lighter blue for hover effects */
}
/* Base styles for the document body */
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;
}
@@ -33,7 +37,7 @@ body {
display: flex;
flex-direction: column;
justify-content: center; /* Center content vertically */
align-items: center; /* Center content horizontally */
align-items: center; /* Center content horizontally */
text-align: center;
}
@@ -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;