-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
127 lines (114 loc) · 7.88 KB
/
index.html
File metadata and controls
127 lines (114 loc) · 7.88 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Torin</title>
<link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" href="https://avatars.githubusercontent.com/u/176067683">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" </head>
<body class="dark:bg-slate-800">
<div class="container px-4">
<div class="grid grid-cols-2 flex">
<div class="flex items-center col-lg" style="min-width: 70%;">
<h3 class="text-slate-900 dark:text-white mt-5 text-base font-medium tracking-tight flex"
style="font-size: 160%;">Torin Projects
</h3>
<img src="https://avatars.githubusercontent.com/u/176067683" alt="icon"
style="max-width: 40px; max-height: 40px;margin-top: 3%; margin-left: 3%;" class="flex rounded-lg">
</div>
<div class="col-lg-2 py-4 float-end" style="margin-left: 40%;">
<div class="flex justify-between flex" style="text-align: right;">
<button class="bg-indigo-600 rounded shadow px-1 py-1 font-semibold flex"
style="float: right;">Download Now</button>
<button class="text-white focus:outline-none">
<a href="https://github.com/Torin-Project">Github</a>
</button>
<button class="text-white focus:outline-none">
<a href="">About</a>
</button>
<button class="text-white focus:outline-none">
<a href="./members.html">Members</a>
</button>
<div class="relative flex">
<button id="installersButton" class="focus:outline-none text-white" style="float: right;">
installers
</button>
<div id="installersDropDown"
class="absolute right-0 top-10 bg-white rounded shadow-lg hidden">
<ul class="py-1 px-2">
<li>
<a href="https://github.com/Torin-Project/Photoshop-Linux"
class="block text-gray-800 hover:text-gray-400">photoshop</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<br><br>
<div class="text-white">
</div>
<div class="text-white" style="margin-top: 10%;">
<div class="grid grid-cols-2 gap-4 px-3 justify-between items-center">
<div class="col-lg">
<h3 class="text-2xl font-semibold">Torin Organization</h3>
<p>Welcome to the Torin organization! We are a community of passionate developers focused on pushing
the limits of technology through custom and innovative projects. Our work revolves around
open-source principles, aiming to deliver high-quality tools and software solutions for
developers around the world.</p>
</div>
<div class="col-lg">
<h3 class="text-2xl font-semibold">Our Focus</h3>
<p>We specialize in creating custom solutions across various domains, including but not limited to:
<li>Custom Kernels: Designed for performance and security.</li>
<li>Programming Languages: Tailored for efficiency and scalability.</li>
<li>Linux Distributions: Optimized for specific use cases.</li>
</p>
</div>
<div class="col-lg">
<h3 class="text-2xl font-semibold">Static Badges</h3>
<p>Here are some static badges representing the languages and technologies we frequently use:</p>
<p class="flex">
<img class="flex px-1" src="https://camo.githubusercontent.com/20286c9d4dd0c69f33eb4135588ab5d55ab96721d6e11fbc208015ddcacfb03d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f507974686f6e2d332e392532422d626c7565" alt="python">
<img class="flex px-1" src="https://camo.githubusercontent.com/1c4c522098b8da9e8fe226d56611c419db0679374a8c417187ec7bfa69fe446e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f432b2b2d31372532422d627269676874677265656e" alt="c++">
<img class="flex px-1" src="https://camo.githubusercontent.com/12eb35af66260b597a36e6c430a13cd76330305a0758dae9f19d04c49e204a5b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f432d31312532422d6c6967687467726579" alt="c">
<img class="flex px-1" src="https://camo.githubusercontent.com/e20ece3cab8246f3dc2fe2033a2ee43e502a4ee36b8e373293a689fd8beeba5c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476f2d312e31362532422d6379616e" alt="go">
<img class="flex px-1" src="https://camo.githubusercontent.com/dadadcb8779df24f4a23937fe7dcfee2ab80f35af49c2488f7133c4a699c3054/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f426173682d352e302532422d79656c6c6f77" alt="bash">
<img class="flex px-1" src="https://camo.githubusercontent.com/469a114e6109e5ef4ddf7b55033cd4f1b07ffba03ae65b3b9d23f4baad232a7c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4a6176615363726970742d4553362532422d6f72616e6765" alt="js">
<img class="flex px-1" src="https://camo.githubusercontent.com/d87e093e3e71e680f70b1e71512a4601f893e3cf6ad0b49949aed0c87744eaab/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f527573742d312e352532422d726564" alt="rust">
<img class="flex px-1" src="https://camo.githubusercontent.com/b3bedd65c7471d0c5ff3d8197c22d915611113dafa9435c9a346c77fc6a8fe5d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f636b65722d32302e31302532422d626c756576696f6c6574" alt="docker">
</p>
</div>
<div class="col-lg">
<h3 class="text-2xl font-semibold">Contributing</h3>
<p>We are always open to contributions from developers of all backgrounds and experience levels. Whether you have an idea for a new feature or want to fix a bug, your contribution is welcome. Please check out our <a class="text-blue-600" href="https://github.com/Torin-Project/.github/blob/main/profile/CONTRIBUTING.md">Contributing Guidelines</a> for more details.</p>
</div>
<div class="col-lg">
<h3 class="text-2xl font-semibold">Contact</h3>
<p>For any questions, feedback, or support, feel free to <a href="mailto:torinproject.contact@gmail.com" class="text-blue-600">reach out to us</a>. We are always happy to hear from the community.</p>
</div>
</div>
</div>
</div>
<script src="./tailwind.js"></script>
<script>
const menuButton = document.getElementById('installersButton');
const menuDropdown = document.getElementById('installersDropDown');
menuButton.addEventListener('click', () => {
if (menuDropdown.classList.contains('hidden')) {
menuDropdown.classList.remove('hidden');
} else {
menuDropdown.classList.add('hidden');
}
});
document.addEventListener('click', (e) => {
if (!menuDropdown.contains(e.target) && !menuButton.contains(e.target)) {
menuDropdown.classList.add('hidden');
}
});
</script>
</body>
</html>