Skip to content

Commit 9438b01

Browse files
sPROFFEssPROFFEs
committed
open source
1 parent de09f2b commit 9438b01

2 files changed

Lines changed: 50 additions & 195 deletions

File tree

‎index.html‎

Lines changed: 48 additions & 194 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
<ul class="nav-links">
1818
<li><a href="#features">Features</a></li>
1919
<li><a href="#how-it-works">How It Works</a></li>
20-
<li><a href="#pricing">Pricing</a></li>
2120
<li><a href="#contact">Contact</a></li>
2221
</ul>
2322
</nav>
@@ -29,29 +28,24 @@ <h1>Automate Your Repetitive Tasks</h1>
2928
reduce effort.</p>
3029

3130
<div class="hero-buttons" style="margin-top: 1.5rem; display: flex; gap: 1rem;">
32-
<!-- Botón de download dropdown existente -->
3331
<div class="dropdown">
3432
<button class="btn btn-primary dropdown-btn">Download Now ▾</button>
3533
<div class="dropdown-content">
3634
<a
37-
href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Windows_installer.exe"><i
38-
class="fab fa-windows"></i> Windows Installer (Free)</a>
39-
<a href="https://github.com/CoreSecFrame/PyClicker/releases/download/pro/PyClicker-Pro.exe"><i
40-
class="fab fa-windows"></i> Windows Pro (License required) (depends on .NET framework)</a>
41-
<a href="https://github.com/CoreSecFrame/PyClicker/releases/download/pro/PyClickerPro-self.zip"><i
42-
class="fab fa-windows"></i> Windows Pro (License required) (.NET self-contained)</a>
43-
<a href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Linux_installer.sh"><i
44-
class="fab fa-linux"></i> Linux Installer (Free)</a>
45-
<a href="#"><i class="fab fa-linux"></i> Linux Pro (Coming Soon)</a>
46-
<a href="https://github.com/sPROFFEs/autoclicker"><i class="fab fa-github"></i> Source Code (Free)</a>
35+
href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Windows_installer.exe">
36+
<i class="fab fa-windows"></i> Windows Installer
37+
</a>
38+
<a href="https://github.com/sPROFFEs/autoclicker/releases/download/1.0/PyclickRecorder_Linux_installer.sh">
39+
<i class="fab fa-linux"></i> Linux Installer
40+
</a>
41+
<a href="https://github.com/sPROFFEs/autoclicker">
42+
<i class="fab fa-github"></i> Source Code
43+
</a>
4744
</div>
4845
</div>
49-
50-
<!-- Botón hacia pricing -->
51-
<a href="#pricing" class="btn btn-secondary">Pricing</a>
5246
</div>
53-
5447
</div>
48+
5549
<div class="hero-image">
5650
<div class="animation-container">
5751
<div class="gear gear-1"><i class="fas fa-cog"></i></div>
@@ -72,7 +66,7 @@ <h3>Automation</h3>
7266
<div class="card">
7367
<div class="card-icon">🎯</div>
7468
<h3>Precision</h3>
75-
<p>Utilize screen coordinates and keyboard combinations to capture all comands.</p>
69+
<p>Utilize screen coordinates and keyboard combinations to capture all commands.</p>
7670
</div>
7771
<div class="card">
7872
<div class="card-icon">✨</div>
@@ -82,6 +76,37 @@ <h3>Intuitive Interface</h3>
8276
</div>
8377
</section>
8478

79+
<section id="source-code" class="source-code">
80+
<h2>Source Code & Tools</h2>
81+
<p>Explore the open-source components that power PyClicker — from key generation to license management.</p>
82+
<div class="feature-grid">
83+
<div class="card">
84+
<div class="card-icon">🔑</div>
85+
<h3>Key Generator</h3>
86+
<p>Generate and validate license keys for PyClicker installations.</p>
87+
<a href="https://github.com/CoreSecFrame/PyClicker/tree/main/code/KeyGenerator" class="btn btn-primary" target="_blank">View Source</a>
88+
</div>
89+
<div class="card">
90+
<div class="card-icon">🐍</div>
91+
<h3>Python Version</h3>
92+
<p>The main PyClicker automation engine written in Python for flexibility and portability.</p>
93+
<a href="https://github.com/CoreSecFrame/PyClicker/tree/main/code/python_ver" class="btn btn-primary" target="_blank">View Source</a>
94+
</div>
95+
<div class="card">
96+
<div class="card-icon">💻</div>
97+
<h3>C Version</h3>
98+
<p>A lightweight version written in C for high-performance automation tasks.</p>
99+
<a href="https://github.com/CoreSecFrame/PyClicker/tree/main/code/pyclicker" class="btn btn-primary" target="_blank">View Source</a>
100+
</div>
101+
<div class="card">
102+
<div class="card-icon">🤖</div>
103+
<h3>Telegram Bot</h3>
104+
<p>Manage license verification and user activation directly through Telegram.</p>
105+
<a href="https://github.com/CoreSecFrame/PyClicker/tree/main/code/bot_license" class="btn btn-primary" target="_blank">View Source</a>
106+
</div>
107+
</div>
108+
</section>
109+
85110
<section id="how-it-works" class="how-it-works">
86111
<h2>How It Works in 3 Simple Steps</h2>
87112
<div class="steps-container">
@@ -101,39 +126,7 @@ <h3>Edit & Customize</h3>
101126
<div class="step">
102127
<div class="step-number">3</div>
103128
<h3>Enable & Execute</h3>
104-
<p>Assign a data and time to your macro and execute it daily or on demand.</p>
105-
</div>
106-
</div>
107-
</section>
108-
109-
<section id="pro-features" class="pro-features">
110-
<div class="collapsible-header">
111-
<h2>Pro Features</h2>
112-
<button class="btn collapsible-btn">View Details ▾</button>
113-
</div>
114-
<div class="collapsible-content">
115-
<div class="feature-demonstration">
116-
<div class="feature-item">
117-
<h3>Demonstration Videos</h3>
118-
<div class="video-placeholder">
119-
<video width="320" height="240" controls>
120-
<source src="assets/sample1.mp4" type="video/mp4">
121-
Your browser does not support the video tag.
122-
</video>
123-
<video width="320" height="240" controls>
124-
<source src="assets/sample2.mp4" type="video/mp4">
125-
Your browser does not support the video tag.
126-
</video>
127-
</div>
128-
</div>
129-
<div class="feature-item">
130-
<h3>Scheduling Workflow</h3>
131-
<div class="workflow-placeholder">
132-
<p>Step-by-step guide on how to schedule a task with PyClicker Pro. Click images to enlarge.</p>
133-
<a href="#" data-overlay="img1-overlay"><img src="assets/Flow Designer - TestFlow-Formular.png" alt="TestFlow-Formular" width="500" height="600"></a>
134-
<a href="#" data-overlay="img2-overlay"><img src="assets/Flow Designer - WindowDetection-Test.png" alt="WindowDetection-Test" width="500" height="600"></a>
135-
</div>
136-
</div>
129+
<p>Assign a date and time to your macro and execute it daily or on demand.</p>
137130
</div>
138131
</div>
139132
</section>
@@ -154,125 +147,13 @@ <h2>What Our Users Say</h2>
154147
</div>
155148
</section>
156149

157-
<section id="license-tutorial" class="how-it-works">
158-
<h2>How to Activate Your License</h2>
159-
<div class="steps-container">
160-
<div class="step">
161-
<div class="step-number">1</div>
162-
<h3>Download and open the Software</h3>
163-
<p>Launch PyClicker Pro, copy the ID key that would be genereated by the software.</p>
164-
</div>
165-
<div class="step-arrow">→</div>
166-
<div class="step">
167-
<div class="step-number">2</div>
168-
<h3>Purchase a Pro License</h3>
169-
<p>Choose the Pro plan, write your email and the generated key by the software.</p>
170-
</div>
171-
<div class="step-arrow">→</div>
172-
<div class="step">
173-
<div class="step-number">3</div>
174-
<h3>Enter Your Key</h3>
175-
<p>Once the payment is completed an activation key would be sent to your email attached to the payment.
176-
Copy and paste the license key into the activation field and click 'Activate'.</p>
177-
</div>
178-
</div>
179-
<p class="license-note">
180-
<b>Important:</b> The license is valid for a single device. While the key remains valid if you format your
181-
computer, it will be invalidated if you change your hardware. Please contact support to transfer your license to a
182-
new device.
183-
</p>
184-
</section>
185-
186-
<section id="pricing" class="pricing">
187-
<h2>Choose Your Plan</h2>
188-
<div class="pricing-grid">
189-
<div class="pricing-card">
190-
<h3>Free</h3>
191-
<div class="price">0€</div>
192-
<ul>
193-
<li>✓ Multiplatform python version</li>
194-
<li>✓ Basic Macro Recording</li>
195-
<li>✓ Unlimited Executions</li>
196-
<li>✗ Macros management</li>
197-
<li>✗ Macros scheduling</li>
198-
<li>✗ Dark mode</li>
199-
<li>✗ Background execution</li>
200-
<li>✗ Shortcuts detection such as CTRL+C/CTRL+V</li>
201-
<li>✗ Windows startup viabile</li>
202-
</ul>
203-
<a href="#" class="btn btn-secondary">Download Free</a>
204-
</div>
205-
206-
<div class="pricing-card recommended">
207-
<h3>Pro</h3>
208-
<div class="price">1,99€</div>
209-
<ul>
210-
<li>✓ Windows C# version</li>
211-
<li>✓ Basic Macro Recording</li>
212-
<li>✓ Unlimited Executions</li>
213-
<li>✓ Macros management</li>
214-
<li>✓ Macros scheduling</li>
215-
<li>✓ Dark mode</li>
216-
<li>✓ Background execution</li>
217-
<li>✓ Shortcuts detection such as CTRL+C/CTRL+V</li>
218-
<li>✓ Windows startup viabile</li>
219-
</ul>
220-
221-
<!-- Botón Buy -->
222-
<button class="btn btn-secondary" id="buyBtn">Buy PyClicker Pro</button>
223-
224-
<!-- Overlay -->
225-
<div id="buyOverlay" class="overlay">
226-
<div class="overlay-content">
227-
<a href="#" class="close-btn">&times;</a>
228-
<h2>Complete Your Purchase</h2>
229-
<form id="paypalOverlayForm" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
230-
<input type="hidden" name="cmd" value="_s-xclick" />
231-
<input type="hidden" name="hosted_button_id" value="ZTVQM2TDD9V7U" />
232-
<input type="hidden" id="customFieldOverlay" name="custom" value="" />
233-
234-
<label class="pricing-field" for="overlayEmail">Your Email:</label>
235-
<input class="pricing-field" type="email" id="overlayEmail" name="os0" placeholder="your@email.com"
236-
required />
237-
238-
<label class="pricing-field" for="overlayKey">Software-Generated Key:</label>
239-
<input class="pricing-field" type="text" id="overlayKey" placeholder="ABC123-XYZ456" required />
240-
241-
<input type="hidden" name="currency_code" value="EUR" />
242-
<input type="submit" class="btn btn-secondary" value="Pay with PayPal" />
243-
</form>
244-
</div>
245-
</div>
246-
247-
248-
</div>
249-
</div>
250-
</section>
251-
252150
<section id="contact" class="contact">
253151
<h2>Contact Us</h2>
254152
<p>Have questions or feedback? Reach out to us.</p>
255153
<a href="https://mail.google.com/mail/?view=cm&to=pyclickermanager.material438@slmails.com" target="_blank"
256154
class="btn btn-primary">Email Us</a>
257155
</section>
258156

259-
<script>
260-
// Antes de enviar el formulario, generamos un ID único y combinamos todo en el campo custom
261-
document.getElementById("paypalForm").addEventListener("submit", function (e) {
262-
const email = document.getElementById("buyerEmail").value.trim();
263-
const userKey = document.getElementById("userKey").value.trim();
264-
if (!email || !userKey) {
265-
e.preventDefault(); // Evitar envío si faltan datos
266-
alert("Please enter both your email and software key.");
267-
return;
268-
}
269-
const uniqueId = "pyc-" + Date.now(); // ID de compra único basado en timestamp
270-
// Combinamos: CompraID | Email | SoftwareKey
271-
document.getElementById("customField").value = `${uniqueId}|${email}|${userKey}`;
272-
});
273-
</script>
274-
275-
276157
<footer class="footer">
277158
<div class="footer-content">
278159
<div class="footer-logo">PyClicker</div>
@@ -285,57 +166,30 @@ <h2>Contact Us</h2>
285166
<a href="https://github.com/sPROFFEs/autoclicker">GitHub</a>
286167
</div>
287168
</div>
288-
<p>© 2025 PyClicker | All rights reserved</p>
169+
<p>© 2025 PyClicker | Open Source Project</p>
289170
</footer>
290171

291172
<script src="script.js"></script>
292173

293-
<!-- Image Overlays -->
294-
<div id="img1-overlay" class="overlay image-overlay">
295-
<div class="overlay-content">
296-
<a href="#" class="close-btn">&times;</a>
297-
<img src="assets/Flow Designer - TestFlow-Formular.png" alt="TestFlow-Formular">
298-
</div>
299-
</div>
300-
<div id="img2-overlay" class="overlay image-overlay">
301-
<div class="overlay-content">
302-
<a href="#" class="close-btn">&times;</a>
303-
<img src="assets/Flow Designer - WindowDetection-Test.png" alt="WindowDetection-Test">
304-
</div>
305-
</div>
306-
307174
<!-- Overlays -->
308175
<div id="privacy-overlay" class="overlay">
309176
<div class="overlay-content">
310177
<a href="#" class="close-btn">&times;</a>
311178
<h2>Privacy Policy</h2>
312179
<p>Your privacy is important to us. It is PyClicker's policy to respect your privacy regarding any information we
313180
may collect from you across our website.</p>
314-
<p>We only ask for personal information when we truly need it to provide a service to you. We collect it by fair
315-
and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will
316-
be used.</p>
317-
<p>We only retain collected information for as long as necessary to provide you with your requested service. What
318-
data we store, we’ll protect within commercially acceptable means to prevent loss and theft, as well as
319-
unauthorized access, disclosure, copying, use or modification.</p>
320-
<p>We don’t share any personally identifying information publicly or with third-parties, except when required to
321-
by law.</p>
322181
</div>
323182
</div>
324183

325184
<div id="terms-overlay" class="overlay">
326185
<div class="overlay-content">
327186
<a href="#" class="close-btn">&times;</a>
328187
<h2>Terms of Use</h2>
329-
<p>By accessing the website at pyclicker.com, you are agreeing to be bound by these terms of service, all
330-
applicable laws and regulations, and agree that you are responsible for compliance with any applicable local
331-
laws.</p>
332-
<p>Permission is granted to temporarily download one copy of the materials (information or software) on
333-
PyClicker's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a
334-
transfer of title.</p>
335-
<p>This license shall automatically terminate if you violate any of these restrictions and may be terminated by
336-
PyClicker at any time.</p>
188+
<p>This open-source project is provided "as is" without warranty of any kind. You are free to use, modify, and
189+
distribute
190+
it under the terms of its license.</p>
337191
</div>
338192
</div>
339193
</body>
340194

341-
</html>
195+
</html>

‎styles.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
* { margin: 0; padding: 0; box-sizing: border-box; }
1+
* { margin: 1; padding: 0; box-sizing: border-box; }
22
body {
33
font-family: 'Inter', sans-serif;
44
color: #334155; /* Darker gray for better readability */
@@ -603,3 +603,4 @@ section.visible {
603603
max-height: 100%;
604604
object-fit: contain;
605605
}
606+

0 commit comments

Comments
 (0)