stephan/juchatz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alpha version

Browse Source
This commit is contained in:
Stephan
2025-05-20 17:06:58 -07:00
parent d6a4ef97ec
commit dfc7b346d1
29 changed files with 2552 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/pages/services.astro
View File

@@ -1,146 +1,115 @@
---
import '../styles/styles.css';
import Layout from '../components/Layout.astro';
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services - My Website</title>
</head>
<body>
<div class="container">
<header>
<nav>
<ul class="main-menu">
<li><a href="index.html">Home</a></li>
<li class="has-dropdown">
<a href="services.html">Services</a>
<ul class="dropdown">
<li class="has-submenu">
<a href="#networking">Networking</a>
<ul class="submenu">
<li><a href="#adblocker">Adblocker</a></li>
<li><a href="#openwrt">OpenWRT</a></li>
<li><a href="#opnsense">OPNsense</a></li>
<li><a href="#nas">NAS</a></li>
<li><a href="#proxmox">Proxmox</a></li>
<li><a href="#wireguard">Wireguard</a></li>
<li><a href="#vpn">VPN</a></li>
<li><a href="#vps">VPS</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#os">OS</a>
<ul class="submenu">
<li><a href="#remove-telemetry">Remove Windows Telemetry</a></li>
<li><a href="#linux-setup">Set Up Linux</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<Layout title="Services">
<h1>Our Services</h1>
<p>We offer a wide range of technical services to help you optimize your digital environment, organized around three core principles: Privacy, Security, and Anonymity. Below you'll find detailed information about each of our service categories.</p>
<!-- Privacy Section -->
<h2 id="privacy">Privacy Services</h2>
<p>Our privacy services help you regain control over your personal data and minimize digital tracking to protect your information from unwanted collection.</p>
<div class="service-card" id="adblocker">
<h3>Adblocker Setup</h3>
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
<a href="/services/adblocker" class="service-link">Learn More</a>
</div>
<div class="service-card" id="bitwarden">
<h3>Bitwarden Password Manager</h3>
<p>Take control of your online credentials with a self-hosted Bitwarden password manager. This open-source solution securely stores your passwords, generates strong new ones, and synchronizes across all your devices while keeping your data entirely under your control.</p>
<a href="/services/bitwarden" class="service-link">Learn More</a>
</div>
<div class="service-card" id="remove-telemetry">
<h3>Remove Windows Telemetry</h3>
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
<a href="/services/remove-telemetry" class="service-link">Learn More</a>
</div>
<!-- Security Section -->
<h2 id="security">Security Services</h2>
<p>Our security services focus on protecting your data and systems from unauthorized access, ensuring your digital assets remain safe.</p>
<div class="service-card" id="opnsense">
<h3>OPNsense Firewall</h3>
<p>Protect your network with a powerful, open-source firewall solution. OPNsense provides enterprise-grade security features including intrusion detection, VPN capabilities, and granular traffic control to defend your network from threats.</p>
<a href="/services/opnsense" class="service-link">Learn More</a>
</div>
<div class="service-card" id="wireguard">
<h3>Wireguard VPN</h3>
<p>Connect securely to your home network or between multiple sites with Wireguard, a modern VPN protocol known for its simplicity, speed, and strong security. We handle the complete setup and configuration for seamless remote access.</p>
<a href="/services/wireguard" class="service-link">Learn More</a>
</div>
<div class="service-card" id="vpn">
<h3>VPN Setup</h3>
<p>Establish secure connections and protect your internet traffic with a properly configured Virtual Private Network. Whether you need a commercial VPN solution or a self-hosted option, we'll implement the right setup for your needs.</p>
<a href="/services/vpn" class="service-link">Learn More</a>
</div>
<!-- Anonymity Section -->
<h2 id="anonymity">Anonymity Services</h2>
<p>Our anonymity services help you maintain a lower digital profile and operate online with greater freedom from tracking and surveillance.</p>
<div class="service-card" id="tor">
<h3>TOR Network Setup</h3>
<p>Access the internet with enhanced anonymity through the TOR network. We can set up dedicated TOR nodes, configure browsers for optimal privacy, or implement network-wide routing through TOR to help protect your identity online.</p>
<a href="/services/tor" class="service-link">Learn More</a>
</div>
<div class="service-card" id="linux-setup">
<h3>Set Up Linux</h3>
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right privacy-focused distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
<a href="/services/linux-setup" class="service-link">Learn More</a>
</div>
<!-- Infrastructure Section -->
<h2 id="infrastructure">Infrastructure Services</h2>
<p>Our infrastructure services provide the foundation for self-hosted solutions that give you complete control over your digital environment.</p>
<div class="service-card" id="openwrt">
<h3>OpenWRT Router</h3>
<p>Upgrade your network with OpenWRT, a powerful open-source router firmware that provides advanced features, improved security, and greater control over your home or small business network.</p>
<a href="/services/openwrt" class="service-link">Learn More</a>
</div>
<div class="service-card" id="nas">
<h3>Network Attached Storage</h3>
<p>Create your own secure data storage solution with a customized NAS setup. Access your files from anywhere while maintaining complete control over your data without relying on cloud services.</p>
<a href="/services/nas" class="service-link">Learn More</a>
</div>
<div class="service-card" id="proxmox">
<h3>Proxmox Virtualization</h3>
<p>Maximize your hardware resources with Proxmox, an enterprise-grade virtualization platform. Run multiple virtual machines and containers on a single server for efficient resource utilization and service isolation.</p>
<a href="/services/proxmox" class="service-link">Learn More</a>
</div>
<div class="service-card" id="vps">
<h3>Virtual Private Server</h3>
<p>Deploy and manage VPS instances for hosting your applications, websites, or services in the cloud. We handle everything from initial setup to ongoing management and security hardening.</p>
<a href="/services/vps" class="service-link">Learn More</a>
</div>
</Layout>
<aside class="sidebar">
<section class="sidebar-section news">
<h2>Latest News</h2>
<div class="news-item">
<div class="news-date">May 19, 2025</div>
<div class="news-title">Website Launch</div>
<p>Our new website is now live with an improved user experience.</p>
</div>
<div class="news-item">
<div class="news-date">May 15, 2025</div>
<div class="news-title">New Services Added</div>
<p>We've expanded our services to include specialized solutions.</p>
</div>
<div class="news-item">
<div class="news-date">May 10, 2025</div>
<div class="news-title">Community Event</div>
<p>Join us for our upcoming community event on June 1st.</p>
</div>
</section>
<section class="sidebar-section important-links">
<h2>Important Links</h2>
<ul>
<li><a href="#">Documentation</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
</ul>
</section>
</aside>
<main>
<section class="main-content">
<h1>Our Services</h1>
<p>We offer a wide range of technical services to help you optimize your digital environment. Below you'll find detailed information about each of our service categories.</p>
<!-- Networking Section -->
<h2 id="networking">Networking Services</h2>
<p>Our networking services help you build a secure, efficient, and reliable network infrastructure tailored to your specific needs.</p>
<div class="service-card" id="adblocker">
<h3>Adblocker Setup</h3>
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
</div>
<div class="service-card" id="openwrt">
<h3>OpenWRT Configuration</h3>
<p>Maximize your router's potential with OpenWRT, a powerful open-source firmware that provides enhanced control, security features, and performance improvements. Our experts will configure OpenWRT to optimize your network based on your specific requirements.</p>
</div>
<div class="service-card" id="opnsense">
<h3>OPNsense Implementation</h3>
<p>Secure your network with OPNsense, an enterprise-grade firewall and routing platform. We provide complete setup, configuration, and maintenance services to ensure your network remains protected against evolving threats.</p>
</div>
<div class="service-card" id="nas">
<h3>NAS Setup and Optimization</h3>
<p>Create a centralized storage solution with our Network Attached Storage (NAS) services. We'll help you select the right hardware, implement the appropriate software, and configure backup routines to keep your data safe and accessible.</p>
</div>
<div class="service-card" id="proxmox">
<h3>Proxmox Virtualization</h3>
<p>Leverage the power of Proxmox VE to create an efficient virtualization environment. Our services include installation, configuration, VM setup, and ongoing management to ensure optimal resource utilization and system performance.</p>
</div>
<div class="service-card" id="wireguard">
<h3>Wireguard VPN Setup</h3>
<p>Implement a modern, secure, and efficient VPN solution with Wireguard. We provide end-to-end setup and configuration services to ensure secure remote access to your network from anywhere in the world.</p>
</div>
<div class="service-card" id="vpn">
<h3>VPN Solutions</h3>
<p>Protect your online privacy and secure your data with our comprehensive VPN solutions. We offer setup, configuration, and troubleshooting services for various VPN protocols to meet your specific security requirements.</p>
</div>
<div class="service-card" id="vps">
<h3>VPS Management</h3>
<p>Let us handle the setup and management of your Virtual Private Server. From initial configuration to ongoing maintenance and security updates, we ensure your VPS runs smoothly and securely at all times.</p>
</div>
<!-- OS Section -->
<h2 id="os">Operating System Services</h2>
<p>Our OS services help you get the most out of your operating system while ensuring security, privacy, and optimal performance.</p>
<div class="service-card" id="remove-telemetry">
<h3>Remove Windows Telemetry</h3>
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
</div>
<div class="service-card" id="linux-setup">
<h3>Set Up Linux</h3>
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
</div>
</section>
</main>
</div>
</body>
</html>
<style>
.service-link {
display: inline-block;
margin-top: 0.75rem;
padding: 0.5rem 1rem;
background-color: var(--gruvbox-blue);
color: var(--gruvbox-fg);
border-radius: 4px;
font-size: 0.9rem;
transition: background-color 0.3s;
}
.service-link:hover {
background-color: var(--gruvbox-aqua);
color: var(--gruvbox-fg);
text-decoration: none;
}
</style>