Skip to content

Commit aa0bca5

Browse files
RealSuperUserRealSuperUser
committed
add assets
1 parent 199c02b commit aa0bca5

File tree

12 files changed

+645
-0
lines changed

12 files changed

+645
-0
lines changed

‎assets/LICENSE‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
2+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
3+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
4+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
5+
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
6+
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
7+
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
8+
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
9+
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
10+
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
11+
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
12+
POSSIBILITY OF SUCH DAMAGE.
13+
14+
Copyright (c) 2023-2025 SyNdicate Foundation
15+
16+
this software is free of charge, and the access to the source code is gladly provided.
17+
forking this software, making private copies of this software, is completly acceptable, however
18+
making public copies, without authors permission & selling this software, is NOT acceptable.
19+
any damage caused by this software is ONLY a issue by USER! not OWNER!

‎assets/LibSSL.png‎

32.2 KB
Loading

‎assets/MohammadHossein.png‎

18.3 KB
Loading

‎assets/README.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Our site: our site, written in html.
2+
3+
## Overview
4+
5+
- we will add features and complete this readme.md file.
6+
7+
8+
### Key Features 🚀
9+
- soon
10+
11+
## Getting Started 🚧
12+
13+
- setting up:
14+
- this project doesn't require anything.
15+
16+
## TODO 📝
17+
- add more pages, designs.
18+
19+
## Contribution Guidelines 🤝
20+
21+
Feel free to contribute to the development of our site. we will notice it.

‎assets/ZShell.png‎

25.4 KB
Loading

‎assets/logo.png‎

36.9 KB
Loading

‎assets/templates/common.css‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
.gradient-bg {
2+
background: linear-gradient(135deg, #000000 0%, #5a5a5a 50%, #000000 100%);
3+
}
4+
5+
#projects-container {
6+
display: grid;
7+
grid-template-columns: repeat(3, 1fr);
8+
gap: 1.5rem;
9+
}
10+
.card-hover {
11+
transition: all 0.3s ease;
12+
}
13+
.card-hover:hover {
14+
transform: translateY(-5px);
15+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16+
}
17+
.nav-link::after {
18+
content: '';
19+
display: block;
20+
width: 0;
21+
height: 2px;
22+
background: #454545;
23+
transition: width .3s;
24+
}
25+
.nav-link:hover::after {
26+
width: 100%;
27+
}
28+
@keyframes pulse {
29+
0% {
30+
opacity: 0.7;
31+
}
32+
50% {
33+
opacity: 1;
34+
}
35+
100% {
36+
opacity: 0.7;
37+
}
38+
}

‎assets/templates/index.html‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>SyNdicateFoundation</title>
7+
<meta name="description" content="The official website of SyNdicate Foundation. Powered by SyNdicate Foundation & Contributors">
8+
<script src="https://cdn.tailwindcss.com"></script>
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10+
<link rel="stylesheet" href="/assets/templates/common.css">
11+
</head>
12+
<body class="bg-gray-50 font-sans antialiased">
13+
<header class="bg-gray-800 text-gray-300 shadow-lg">
14+
<div class="container mx-auto px-4 py-6">
15+
<div class="flex flex-col md:flex-row justify-between items-center">
16+
<div class="flex items-center mb-4 md:mb-0">
17+
<img src="/assets/logo.png" alt="Logo" class="h-10 w-10 rounded-full mr-2">
18+
<h1 class="text-3xl font-bold">SyNdicate Foundation</h1>
19+
</div>
20+
<nav class="flex space-x-0 md:space-x-6">
21+
<a href="/assets/templates/projects.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Our Projects</a>
22+
<a href="/assets/templates/colleagues.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Colleagues</a>
23+
<a href="/assets/templates/members.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Members</a>
24+
<a href="/assets/templates/technologies.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Technologies</a>
25+
<a href="#end" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Contact Us</a>
26+
</nav>
27+
</div>
28+
</div>
29+
</header>
30+
31+
<section class="gradient-bg text-gray-300 py-16">
32+
<div class="container mx-auto px-4 text-center">
33+
<h2 class="text-4xl md:text-5xl font-bold mb-6">Welcome to <span class="text-gray-300">SyNdicate Foundation</span>!</h2>
34+
<div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-lg p-6 max-w-2xl mx-auto">
35+
<div class="flex justify-center items-center">
36+
<div class="text-left">
37+
<p class="text-2xl font-bold">
38+
Currently, we have <span class="text-5xl font-bold text-gray-300" id="repo-counter"></span> repositories available
39+
</p>
40+
</div>
41+
</div>
42+
</div>
43+
<a href="#advantages" class="mt-8 inline-block bg-gray-500 hover:bg-gray-600 text-gray-300 font-bold py-3 px-6 rounded-lg transition-colors shadow-lg">
44+
More Information <i class="fas fa-arrow-right ml-2"></i>
45+
</a>
46+
</div>
47+
</section>
48+
49+
<section id="advantages" class="py-16 gradient-bg">
50+
<div class="container mx-auto px-4 gradient-bg">
51+
<h2 class="text-3xl font-bold text-center mb-12 text-gray-300">Our advantages</h2>
52+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
53+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
54+
<div class="text-gray-300 mb-4">
55+
<i class="fas text-4xl">🌐</i>
56+
</div>
57+
<h3 class="text-xl font-bold mb-3 text-gray-300">About Us</h3>
58+
<p class="text-gray-300 mb-4">At this foundation, we are passionate about both open-source and closed-source projects. our diverse foundation brings developers and enthusiasts together from around the world, aiming to create impactful solutions and contribute to the tech landscape.</p>
59+
</div>
60+
61+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
62+
<div class="text-gray-300 mb-4">
63+
<i class="fas text-4xl">🤝</i>
64+
</div>
65+
<h3 class="text-xl font-bold mb-3 text-gray-300">Join Us</h3>
66+
<p class="text-gray-300 mb-4">Contributors are welcomed, whether you're into open-sourced or closed-source projects, we welcome contributors of all backgrounds and experience levels.</p>
67+
<a href="#end" class="text-gray-300 font-medium hover:text-gray-600 transition-colors">
68+
Contact Us <i class="fas fa-chevron-right ml-1"></i>
69+
</a>
70+
</div>
71+
72+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
73+
<div class="text-gray-300 mb-4">
74+
<i class="fas text-4xl">✨</i>
75+
</div>
76+
<h3 class="text-xl font-bold mb-3 text-gray-300">Our Values</h3>
77+
<p class="text-gray-300 mb-4">Our projects adhere to ethical standards, and we have zero tolerance for any actions that harm other communities. one of the major values for us is helping each other, we believe that without helping, we will never reach the next levels.</p>
78+
</div>
79+
80+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
81+
<div class="text-gray-300 mb-4">
82+
<i class="fas text-4xl">🚨</i>
83+
</div>
84+
<h3 class="text-xl font-bold mb-3 text-gray-300">Reporting Issues</h3>
85+
<p class="text-gray-300 mb-4">If you encounter any issues or have concerns about our foundation's impact, please reach out to us. We take all issues seriously and are committed to resolving them promptly.</p>
86+
</div>
87+
88+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
89+
<div class="text-gray-300 mb-4">
90+
<i class="fas text-4xl">📢</i>
91+
</div>
92+
<h3 class="text-xl font-bold mb-3 text-gray-300">Stay Connected</h3>
93+
<p class="text-gray-300 mb-4">Stay updated on our latest projects and foundation news, subscribe to one of our contact ways.</p>
94+
</div>
95+
96+
<div class="card-hover gradient-bg rounded-xl p-6 shadow-md transition-all duration-300 border border-gray-200">
97+
<div class="text-gray-300 mb-4">
98+
<i class="fas text-4xl">🙌</i>
99+
</div>
100+
<h3 class="text-xl font-bold mb-3 text-gray-300">Thank You</h3>
101+
<p class="text-gray-300 mb-4">Thank you for being a part of the SyNdicate foundation! together, let's build a future of innovation and collaboration.</p>
102+
</div>
103+
</div>
104+
</div>
105+
</section>
106+
107+
<footer id="end" class="bg-gray-800 text-gray-300 py-8">
108+
<div class="container mx-auto px-4">
109+
<div class="flex flex-col md:flex-row justify-between items-center">
110+
<div class="mb-4 md:mb-0">
111+
<p class="text-sm">
112+
Powered by <span class="font-bold">SyNdicate Foundation</span> & Contributors with <i class="fas fa-heart text-red-400"></i>
113+
</p>
114+
<p class="text-xs text-gray-400 mt-1">Happy coding! <i class="far fa-smile-wink"></i></p>
115+
</div>
116+
117+
<div class="flex space-x-4">
118+
<a href="https://github.com/SyNdicateFoundation" class="text-gray-400 hover:text-gray-300 transition">
119+
<i class="fab fa-github fa-lg"></i>
120+
</a>
121+
<a href="https://discord.gg/e7mn6uuCmy" class="text-gray-400 hover:text-gray-300 transition">
122+
<i class="fab fa-discord fa-lg"></i>
123+
</a>
124+
<a href="https://t.me/SyNdicateFoundation_IR" class="text-gray-400 hover:text-gray-300 transition">
125+
<i class="fab fa-telegram fa-lg"></i>
126+
</a>
127+
<a href="mailto:[email protected]" class="text-gray-400 hover:text-gray-300 transition">
128+
<i class="fas fa-envelope fa-lg"></i>
129+
</a>
130+
</div>
131+
132+
<div class="text-sm text-gray-400">
133+
<p>[12/31/2023 - 1402/11/10] 3:05 PM IRST (Asia/Tehran)</p>
134+
<p class="mt-1">Sourcecode licenses may apply</p>
135+
</div>
136+
</div>
137+
</div>
138+
</footer>
139+
140+
<script>
141+
let repos;
142+
fetch('https://api.github.com/orgs/SyNdicateFoundation/repos')
143+
.then(response => response.json())
144+
.then(data => {
145+
repos = data.length;
146+
});
147+
const frameDuration = 1000 / 60;
148+
const totalFrames = Math.round(2000 / frameDuration);
149+
const easeOutQuad = t => t * (2 - t);
150+
151+
let frame = 0;
152+
const counter = setInterval(() => {
153+
frame++;
154+
document.getElementById('repo-counter').textContent =
155+
Math.round(repos * easeOutQuad(frame / totalFrames));
156+
157+
if (frame === totalFrames) {
158+
clearInterval(counter);
159+
}
160+
}, frameDuration);
161+
162+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
163+
anchor.addEventListener('click', function (e) {
164+
e.preventDefault();
165+
document.querySelector(this.getAttribute('href')).scrollIntoView({
166+
behavior: 'smooth'
167+
});
168+
});
169+
});
170+
</script>
171+
</body>
172+
</html>

‎assets/templates/members.html‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Our Members - SyNdicateFoundation</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9+
<link rel="stylesheet" href="common.css">
10+
</head>
11+
<body class="min-h-screen flex flex-col gradient-bg">
12+
<header class="bg-gray-800 text-gray-300 shadow-lg">
13+
<div class="container mx-auto px-4 py-6">
14+
<div class="flex flex-col md:flex-row justify-between items-center">
15+
<div class="flex items-center mb-4 md:mb-0">
16+
<img src="/assets/logo.png" alt="Logo" class="h-10 w-10 rounded-full mr-2">
17+
<h1 class="text-3xl font-bold">SyNdicate Foundation</h1>
18+
</div>
19+
<nav class="flex space-x-1 md:space-x-6">
20+
<a href="/assets/templates/index.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Home</a>
21+
<a href="/assets/templates/projects.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Projects</a>
22+
<a href="/assets/templates/colleagues.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Colleagues</a>
23+
<a href="/assets/templates/technologies.html" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Technologies</a>
24+
<a href="#end" class="nav-link px-3 py-2 rounded-md text-sm font-medium transition-colors">Contact Us</a>
25+
</nav>
26+
</div>
27+
</div>
28+
</header>
29+
30+
<main class="flex-grow container mx-auto px-4 md:px-6 py-12">
31+
<div class="text-center mb-12">
32+
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text text-gray-300">Our Members</h1>
33+
<p class="text-lg text-gray-400 max-w-2xl mx-auto">Our team members</p>
34+
</div>
35+
36+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
37+
<div class="gradient-bg rounded-xl overflow-hidden border border-gray-700 card-hover">
38+
<div class="p-6">
39+
<div class="flex items-center space-x-4 mb-4">
40+
<div class="w-14 h-14 rounded-full gradient-bg from-blue-500 to-purple-600 flex items-center justify-center">
41+
<img src="/assets/ZShell.png" alt="" class="w-full h-full object-cover rounded-full" />
42+
</div>
43+
<div>
44+
<h3 class="text-xl font-bold text-gray-300">ZShell/RealSuperUser/Petro</h3>
45+
<p class="text-gray-400">Project Leader</p>
46+
</div>
47+
</div>
48+
</div>
49+
</div>
50+
<div class="gradient-bg rounded-xl overflow-hidden border border-gray-700 card-hover">
51+
<div class="p-6">
52+
<div class="flex items-center space-x-4 mb-4">
53+
<div class="w-14 h-14 rounded-full gradient-bg from-blue-500 to-purple-600 flex items-center justify-center">
54+
<img src="/assets/LibSSL.png" alt="" class="w-full h-full object-cover rounded-full" />
55+
</div>
56+
<div>
57+
<h3 class="text-xl font-bold text-gray-300">Kaizen/Libssl</h3>
58+
<p class="text-gray-400">Developer</p>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
<div class="gradient-bg rounded-xl overflow-hidden border border-gray-700 card-hover">
64+
<div class="p-6">
65+
<div class="flex items-center space-x-4 mb-4">
66+
<div class="w-14 h-14 rounded-full gradient-bg from-blue-500 to-purple-600 flex items-center justify-center">
67+
<img src="/assets/MohammadHossein.png" alt="" class="w-full h-full object-cover rounded-full" />
68+
</div>
69+
<div>
70+
<h3 class="text-xl font-bold text-gray-300">Mohammad Hossein/TheBigException</h3>
71+
<p class="text-gray-400">Developer</p>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
78+
<div class="mt-12 text-center">
79+
<p class="text-gray-400">Currently, we have 3 members.</p>
80+
</div>
81+
</main>
82+
83+
<footer id="end" class="bg-gray-800 text-gray-300 py-8">
84+
<div class="container mx-auto px-4">
85+
<div class="flex flex-col md:flex-row justify-between items-center">
86+
<div class="mb-4 md:mb-0">
87+
<p class="text-sm">
88+
Powered by <span class="font-bold">SyNdicate Foundation</span> & Contributors with <i class="fas fa-heart text-red-400"></i>
89+
</p>
90+
<p class="text-xs text-gray-400 mt-1">Happy coding! <i class="far fa-smile-wink"></i></p>
91+
</div>
92+
93+
<div class="flex space-x-4">
94+
<a href="https://github.com/SyNdicateFoundation" class="text-gray-400 hover:text-gray-300 transition">
95+
<i class="fab fa-github fa-lg"></i>
96+
</a>
97+
<a href="https://discord.gg/e7mn6uuCmy" class="text-gray-400 hover:text-gray-300 transition">
98+
<i class="fab fa-discord fa-lg"></i>
99+
</a>
100+
<a href="https://t.me/SyNdicateFoundation_IR" class="text-gray-400 hover:text-gray-300 transition">
101+
<i class="fab fa-telegram fa-lg"></i>
102+
</a>
103+
<a href="mailto:[email protected]" class="text-gray-400 hover:text-gray-300 transition">
104+
<i class="fas fa-envelope fa-lg"></i>
105+
</a>
106+
</div>
107+
108+
<div class="text-sm text-gray-400">
109+
<p>[12/31/2023 - 1402/11/10] 3:05 PM IRST (Asia/Tehran)</p>
110+
<p class="mt-1">Sourcecode licenses may apply</p>
111+
</div>
112+
</div>
113+
</div>
114+
</footer>
115+
116+
</body>
117+
</html>

‎assets/templates/not-found.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Our Colleagues - SyNdicateFoundation</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9+
<link rel="stylesheet" href="/assets/templates/common.css">
10+
</head>
11+
<body class="min-h-screen flex flex-col gradient-bg">
12+
<main class="flex-grow container mx-auto px-4 md:px-6 py-12">
13+
<div class="text-center mb-12">
14+
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text text-gray-300">Not found</h1>
15+
<p class="text-lg text-gray-400 max-w-2xl mx-auto">The page you're looking for doesn't exist.</p>
16+
</div>
17+
</main>
18+
</body>
19+
</html>

0 commit comments

Comments
 (0)