rtech-technologies.github.io/index.html at main · rtech-technologies/rtech-technologies.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
Understood. We're keeping the focus purely on the **RTECH** mission: hardware sovereignty, the right to mod, and the 2026 roadmap. I have removed the anti-corporate rhetoric to focus on the positive "Sovereign Industrial" identity and added the official contact point.

### RTECH | Sovereign Industrial Root (`index.html`)

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RTECH | Sovereign Industrial 2026</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
    <style>
        :root { --lime: #a3e635; --zinc-950: #09090b; }
        * { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace; }
        body { background: var(--zinc-950); color: #fff; line-height: 1.2; }

        .industrial-border { border: 2px solid #27272a; }
        .license-box { background: #000; border: 1px solid #3f3f46; position: relative; }

        .nav-link { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em; color: #71717a; transition: all 0.2s; }
        .nav-link:hover { color: #fff; border-bottom: 2px solid var(--lime); }

        .roadmap-card { border-left: 2px solid #3f3f46; transition: all 0.3s ease; }
        .roadmap-card:hover { border-left-color: var(--lime); background: #111113; }
    </style>
</head>
<body class="selection:bg-lime-500 selection:text-black">

    <nav class="border-b-2 border-white bg-black sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-6 flex justify-between h-20 items-center">
            <div class="flex items-center gap-12">
                <div class="font-black text-3xl tracking-tighter uppercase italic">RTECH<span class="text-lime-500">_</span></div>
                <div class="hidden lg:flex gap-10">
                    <a href="#modding" class="nav-link">/Modding</a>
                    <a href="#roadmap" class="nav-link">/Roadmap</a>
                    <a href="#license" class="nav-link">/License</a>
                </div>
            </div>
            <div class="flex items-center gap-6">
                <a href="os2.html" class="bg-lime-500 text-black px-8 py-2 text-xs font-black uppercase hover:bg-white transition-all">
                    GET_OS*2
                </a>
            </div>
        </div>
    </nav>

    <main>
        <section class="relative pt-32 pb-32 px-6 border-b border-zinc-900 overflow-hidden">
            <div class="max-w-7xl mx-auto relative z-10">
                <div class="bg-white text-black inline-block px-3 py-1 text-[10px] font-black uppercase mb-6 italic">Property Standards Verified</div>
                <h1 class="text-7xl md:text-9xl font-black uppercase italic mb-10 tracking-tighter leading-[0.8]">
                    Build.<br>Mod.<br><span class="text-lime-500 underline decoration-white">Own.</span>
                </h1>
                <p class="text-zinc-400 max-w-2xl text-xl font-bold uppercase mb-12 leading-relaxed">
                    RTECH provides the industrial backbone for a new era of user-owned hardware. From the silicon logic to the final mod, you are in control.
                </p>
                <div class="text-sm font-black text-white">
                    CONTACT: <a href="mailto:richardwojc@gmail.com" class="text-lime-500 hover:underline">richardwojc@gmail.com</a>
                </div>
            </div>
        </section>

        <section id="modding" class="max-w-7xl mx-auto px-6 py-32">
            <div class="grid lg:grid-cols-2 gap-20 items-center">
                <div>
                    <h2 class="text-xs font-black uppercase tracking-[0.5em] text-lime-500 mb-6 italic">// MODDING_PROTOCOL</h2>
                    <h3 class="text-5xl font-black uppercase italic mb-8 text-white">Sovereignty is a Right.</h3>
                    <p class="text-zinc-400 font-bold uppercase text-sm leading-loose mb-8">
                        We define **Modding** as any intentional change to your own property. RTECH hardware is built with accessible architecture, allowing you to optimize, decorate, and reconfigure your system without restriction.
                    </p>
                    <div class="border-l-4 border-white pl-8 py-2">
                        <p class="text-white font-black uppercase italic">"Respect people's property. Mod your own."</p>
                    </div>
                </div>
                <div class="industrial-border p-12 bg-zinc-900/50">
                    <h4 class="text-white font-black mb-6 uppercase tracking-widest italic">Hardware Identity</h4>
                    <p class="text-[10px] text-zinc-500 font-bold uppercase mb-8">RTECH is currently focused on core silicon and workstation nodes. Mobile form factors are currently in research.</p>
                    <div class="space-y-4 text-xs font-bold uppercase">
                        <div class="flex justify-between border-b border-zinc-800 pb-2"><span>Logic Style:</span> <span>One-Line_Step</span></div>
                        <div class="flex justify-between border-b border-zinc-800 pb-2"><span>User State:</span> <span class="text-lime-500 font-black">ROOT_SOVEREIGN</span></div>
                    </div>
                </div>
            </div>
        </section>

        <section id="roadmap" class="bg-zinc-900/30 border-y border-zinc-900 py-32 px-6">
            <div class="max-w-7xl mx-auto">
                <h2 class="text-xs font-black uppercase tracking-[0.5em] text-lime-500 mb-16 italic">// 2026_ROADMAP</h2>
                <div class="grid md:grid-cols-2 gap-8">
                    <div class="roadmap-card p-10">
                        <h4 class="text-xl font-black uppercase italic mb-4">The R1 Node</h4>
                        <p class="text-xs font-bold uppercase text-zinc-500 leading-relaxed">The primary desktop architecture. Designed for direct OS*2 integration and high-performance modding environments.</p>
                    </div>
                    <div class="roadmap-card p-10">
                        <h4 class="text-xl font-black uppercase italic mb-4">Sovereign Server Units</h4>
                        <p class="text-xs font-bold uppercase text-zinc-500 leading-relaxed">Scaling property rights to the rack. High-density compute nodes with zero remote management backdoors.</p>
                    </div>
                </div>
            </div>
        </section>

        <section id="license" class="bg-white text-black py-32 px-6">
            <div class="max-w-7xl mx-auto">
                <div class="flex justify-between items-end mb-16 border-b-4 border-black pb-4">
                    <h2 class="text-5xl font-black uppercase italic tracking-tighter">Full License: RSL-2026</h2>
                </div>

                <div class="grid lg:grid-cols-3 gap-12">
                    <div class="license-box p-8 bg-black text-white">
                        <h4 class="text-lime-500 font-black text-sm mb-4 uppercase">01. Modding Policy</h4>
                        <p class="text-[11px] font-bold uppercase leading-relaxed">
                            Do not commit vandalism unless it is your own property. If it belongs to you, it is officially classified as modding. Your OS license is "Respect People's Property."
                        </p>
                    </div>
                    <div class="license-box p-8 bg-black text-white">
                        <h4 class="text-lime-500 font-black text-sm mb-4 uppercase">02. Rule Persistence</h4>
                        <p class="text-[11px] font-bold uppercase leading-relaxed">
                            You may not remove previous rules. This license is immutable. RTECH protects its products, but no loopholes exist to bypass the sovereignty of the user.
                        </p>
                    </div>
                    <div class="license-box p-8 bg-black text-white">
                        <h4 class="text-lime-500 font-black text-sm mb-4 uppercase">03. Commercial Logic</h4>
                        <p class="text-[11px] font-bold uppercase leading-relaxed">
                            All changes must be marked in a readable place. If you monetize an RTECH-based product, you must share profit with RTECH. If the previous license was commercial, share with them.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="py-40 px-6 text-center">
            <h2 class="text-4xl font-black uppercase italic mb-8">Direct Technical Interface.</h2>
            <div class="mb-12">
                <p class="text-zinc-500 font-bold uppercase text-xs mb-4">Inquiries / Commercial Registration:</p>
                <a href="mailto:richardwojc@gmail.com" class="text-2xl font-black text-white hover:text-lime-500 transition-colors">richardwojc@gmail.com</a>
            </div>
            <a href="os2.html" class="inline-block border-2 border-white px-16 py-6 font-black text-xl uppercase hover:bg-lime-500 hover:text-black transition-all">
                DEPLOY_OS*2
            </a>
        </section>
    </main>

    <footer class="p-12 border-t-2 border-white bg-black flex justify-between items-center text-[10px] font-black uppercase tracking-[0.4em] text-zinc-600">
        <div>RTECH-TECHNOLOGIES // &copy; 2026</div>
        <div class="italic">Respect People's Property.</div>
    </footer>

</body>
</html>
```