init
This commit is contained in:
Xalir
61
flake.lock
generated
Normal file
61
flake.lock
generated
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
{
|
||||||
|
"nodes": {
|
||||||
|
"flake-utils": {
|
||||||
|
"inputs": {
|
||||||
|
"systems": "systems"
|
||||||
|
},
|
||||||
|
"locked": {
|
||||||
|
"lastModified": 1731533236,
|
||||||
|
"narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
|
||||||
|
"owner": "numtide",
|
||||||
|
"repo": "flake-utils",
|
||||||
|
"rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
|
||||||
|
"type": "github"
|
||||||
|
},
|
||||||
|
"original": {
|
||||||
|
"owner": "numtide",
|
||||||
|
"repo": "flake-utils",
|
||||||
|
"type": "github"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"nixpkgs": {
|
||||||
|
"locked": {
|
||||||
|
"lastModified": 1704290814,
|
||||||
|
"narHash": "sha256-LWvKHp7kGxk/GEtlrGYV68qIvPHkU9iToomNFGagixU=",
|
||||||
|
"owner": "nixos",
|
||||||
|
"repo": "nixpkgs",
|
||||||
|
"rev": "70bdadeb94ffc8806c0570eb5c2695ad29f0e421",
|
||||||
|
"type": "github"
|
||||||
|
},
|
||||||
|
"original": {
|
||||||
|
"owner": "nixos",
|
||||||
|
"ref": "nixos-23.05",
|
||||||
|
"repo": "nixpkgs",
|
||||||
|
"type": "github"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"root": {
|
||||||
|
"inputs": {
|
||||||
|
"flake-utils": "flake-utils",
|
||||||
|
"nixpkgs": "nixpkgs"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"systems": {
|
||||||
|
"locked": {
|
||||||
|
"lastModified": 1681028828,
|
||||||
|
"narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
|
||||||
|
"owner": "nix-systems",
|
||||||
|
"repo": "default",
|
||||||
|
"rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
|
||||||
|
"type": "github"
|
||||||
|
},
|
||||||
|
"original": {
|
||||||
|
"owner": "nix-systems",
|
||||||
|
"repo": "default",
|
||||||
|
"type": "github"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"root": "root",
|
||||||
|
"version": 7
|
||||||
|
}
|
||||||
38
flake.nix
Normal file
38
flake.nix
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
{
|
||||||
|
description = "Serve static website using Caddy";
|
||||||
|
|
||||||
|
inputs = {
|
||||||
|
# Use flake-utils for better structure
|
||||||
|
flake-utils.url = "github:numtide/flake-utils";
|
||||||
|
|
||||||
|
# Fetch nixpkgs flake to get the latest Caddy package
|
||||||
|
nixpkgs.url = "github:nixos/nixpkgs/nixos-23.05"; # Adjust for your desired version
|
||||||
|
};
|
||||||
|
|
||||||
|
outputs =
|
||||||
|
{
|
||||||
|
self,
|
||||||
|
nixpkgs,
|
||||||
|
flake-utils,
|
||||||
|
...
|
||||||
|
}:
|
||||||
|
flake-utils.lib.eachSystem [ "x86_64-linux" "aarch64-linux" ] (
|
||||||
|
system:
|
||||||
|
let
|
||||||
|
pkgs = import nixpkgs { inherit system; };
|
||||||
|
in
|
||||||
|
{
|
||||||
|
# This section defines a package to run Caddy and serve your website
|
||||||
|
packages.default = pkgs.stdenv.mkDerivation rec {
|
||||||
|
name = "static-website";
|
||||||
|
src = ./src;
|
||||||
|
buildPhase = ''
|
||||||
|
mkdir -p $out/var/www
|
||||||
|
cp -r ${src}/* $out/var/www/
|
||||||
|
'';
|
||||||
|
};
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
);
|
||||||
|
}
|
||||||
BIN
src/assets/flake.png
Normal file
BIN
src/assets/flake.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
6
src/css/bootstrap.min.css
vendored
Normal file
6
src/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
92
src/css/overwrites.css
Normal file
92
src/css/overwrites.css
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
.container {
|
||||||
|
margin-top: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-button {
|
||||||
|
width: 250px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-radius: 25px;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-button i {
|
||||||
|
margin-right: 8px; /* Adds space between icon and text */
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-button:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 30px;
|
||||||
|
background-color: #1e1e1e; /* Dark card background */
|
||||||
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lead {
|
||||||
|
color: #b0b0b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
color: #e0e0e0;
|
||||||
|
padding: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: #e0e0e0;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a:hover {
|
||||||
|
color: #3498db; /* Light blue hover effect */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Improved button styles */
|
||||||
|
.btn-custom {
|
||||||
|
background-color: #3498db;
|
||||||
|
border-color: #3498db;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-custom:hover {
|
||||||
|
background-color: #2980b9;
|
||||||
|
border-color: #2980b9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-custom {
|
||||||
|
color: #3498db;
|
||||||
|
border-color: #3498db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-custom:hover {
|
||||||
|
background-color: #3498db;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input and Textarea style improvements */
|
||||||
|
.form-control {
|
||||||
|
background-color: #2c2c2c;
|
||||||
|
border: 1px solid #444;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
background-color: #333;
|
||||||
|
border-color: #3498db;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-label {
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
151
src/index.html
Normal file
151
src/index.html
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en" data-bs-theme="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Xalir.net</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||||
|
<link rel="stylesheet" href="css/overwrites.css" />
|
||||||
|
|
||||||
|
<!-- Font Awesome Icons (for social buttons) -->
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Main Container -->
|
||||||
|
<div class="container text-center">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<!-- Card for Centered Content -->
|
||||||
|
<div class="card">
|
||||||
|
<h1 class="card-title">Xalir</h1>
|
||||||
|
<p class="lead">
|
||||||
|
NixOS enjoyer
|
||||||
|
<img
|
||||||
|
src="assets/flake.png"
|
||||||
|
alt="Flake"
|
||||||
|
style="width: 24px; height: 24px; vertical-align: middle"
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
<!-- Centered Social Links with Icons -->
|
||||||
|
<div class="d-flex flex-column align-items-center">
|
||||||
|
<a href="" class="btn btn-custom social-button mb-3"
|
||||||
|
><i class="fab fa-mastodon"></i>Mastodon</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="mailto:contact@xalir.net"
|
||||||
|
class="btn btn-outline-custom social-button mb-3"
|
||||||
|
><i class="fas fa-envelope"></i>Email</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="https://git.xalir.net/xalir"
|
||||||
|
class="btn btn-outline-custom social-button mb-3"
|
||||||
|
><i class="fab fa-github"></i>Git</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- About Me Section -->
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="card mt-5">
|
||||||
|
<h2 class="section-title">About Me</h2>
|
||||||
|
<p>
|
||||||
|
Hi, I'm Xalir. I'm passionate about software development,
|
||||||
|
open-source contributions, and sharing knowledge with the
|
||||||
|
community. I love learning new things and building cool projects.
|
||||||
|
I want to get into embedded stuff and start fun little
|
||||||
|
microcontroller projects.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Lost+Found Section -->
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="card mt-5">
|
||||||
|
<h2 class="section-title">Lost+Found</h2>
|
||||||
|
<p class="lead">
|
||||||
|
Found something that belongs to me? Please send me a message!
|
||||||
|
</p>
|
||||||
|
<form id="lostFoundForm">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="item" class="form-label">Item Found</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
id="item"
|
||||||
|
name="item"
|
||||||
|
placeholder="What did you find?"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="message" class="form-label">Your Message</label>
|
||||||
|
<textarea
|
||||||
|
class="form-control"
|
||||||
|
id="message"
|
||||||
|
name="message"
|
||||||
|
rows="4"
|
||||||
|
placeholder="Additional details..."
|
||||||
|
required
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-custom mt-3">
|
||||||
|
Send Message
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Handle form submission
|
||||||
|
document
|
||||||
|
.getElementById("lostFoundForm")
|
||||||
|
.addEventListener("submit", function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
var itemName = document.getElementById("item").value.trim();
|
||||||
|
var messageContent = document
|
||||||
|
.getElementById("message")
|
||||||
|
.value.trim();
|
||||||
|
|
||||||
|
if (itemName && messageContent) {
|
||||||
|
var subject = "Item found: " + itemName;
|
||||||
|
var body = messageContent;
|
||||||
|
|
||||||
|
var mailtoLink =
|
||||||
|
"mailto:gefunden@xalir.net?subject=" +
|
||||||
|
encodeURIComponent(subject) +
|
||||||
|
"&body=" +
|
||||||
|
encodeURIComponent(body);
|
||||||
|
|
||||||
|
window.location.href = mailtoLink;
|
||||||
|
} else {
|
||||||
|
alert("Please fill out both fields.");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer Section -->
|
||||||
|
<div class="footer">
|
||||||
|
<p>
|
||||||
|
© 2025 Xalir.net. All rights reserved. |
|
||||||
|
<a href="https://git.xalir.net/xalir" target="_blank">Git</a> |
|
||||||
|
<a href="mailto:contact@xalir.net">Email</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Local Bootstrap JS -->
|
||||||
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
7
src/js/bootstrap.bundle.min.js
vendored
Normal file
7
src/js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user