-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (132 loc) · 8.88 KB
/
index.html
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
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SignIt</title>
<link rel="icon" type="image/png" sizes="192x192" href="/ico/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/ico/android-chrome-512x512.png">
<link rel="apple-touch-icon" href="/ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png">
<link rel="icon" href="/ico/favicon.ico">
<link rel="manifest" href="/ico/site.webmanifest">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/7eb79cf2e3.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Fullscreen Intro Section -->
<div class="intro-container">
<div class="center-wrapper">
<h1 class="intxt"style="font-size: 2.5rem;"> <span style="color: #aaa; font-weight: 100; margin: 0;">
This is </span>SignIt<span style="color: #aaa; font-weight: 100; margin: 0;">.</span>
</h1>
<img class="logo2" src="src/whitelogo.png" alt="SignIt Logo">
</div>
<div class="down-arrow-wrapper">
<!-- Down Arrow Button -->
<button class="down-arrow-button" onclick="scrollToMain()">
<i class="fa-solid fa-angles-down"></i>
</button>
</div>
</div>
<!-- Main Section with Content -->
<main id="main-content" style="margin-top: 0px;">
<!-- About Section -->
<section style="margin-top: 0px; margin-bottom: 0px;">
<h2 style="margin-top: 0px; margin-bottom: 15px;">About SignIt <i class="fa-solid fa-circle-chevron-down"></i></h2>
<hr style="width: 10%; margin: 0 auto;">
<p style="margin-bottom: 0px;">SignIt is a streamlined iOS IPA signer crafted by <a href="https://voxxdevv.github.io/lmdesigns" target="_blank">Loud Monkey Designs™ <i class="fa-solid fa-link"></i></a> that allows you to sign and install IPA files directly on your device. <i class="fas fa-file-signature"></i></p>
</section>
<hr style="margin-top: 15px;margin-bottom: 0px;">
<!-- Features Section -->
<section>
<h2 style="margin-top: 15px; margin-bottom: 15px;">Features <i class="fa-solid fa-circle-chevron-down"></i></h2>
<hr style="width: 10%; margin: 0 auto;">
<p><b>Quick & Easy IPA Signing</b> • SignIt allows you to quickly sign and install IPA files directly on your iOS device, without a computer being required. <i class="fa-solid fa-file-export"></i></p>
<p><b>User-Friendly Interface</b> • SignIt contains a sleek, intuitive UI designed for quick and hassle-free signing. <i class="fa-solid fa-mobile-screen-button"></i></p>
<p><b>Secure Signing</b> • SignIt uses the <a href="https://cococloud-signing.online" target="_blank">CocoCloud API <i class="fa-solid fa-link"></i></a>, a secure signing API, allowing you to securely sign your IPA files. <i class="fa-solid fa-lock"></i></p>
<p><b>Various Usage Options</b> • Use SignIt by installing the iOS app through a configuration profile or by visiting directly through the web. <i class="fa-solid fa-arrow-right-arrow-left"></i></p>
</section>
<hr style="margin-top: 0px;margin-bottom: 0px;">
<!-- Use Section -->
<section>
<h2 style="margin-top: 15px; margin-bottom: 15px;">Use SignIt <i class="fa-solid fa-circle-chevron-down"></i></h2>
<hr style="width: 10%; margin: 0 auto;">
<button id="installButton" style="margin-top: 15px; margin-bottom:15px;">Install iOS App (Via Configuration Profile) <i class="fa-solid fa-download"></i>
<p id="warningMessage" class="info" style="display: none; margin-bottom: 0px;">Your device does not support this option, as it is not running iOS. <i class="fa-regular fa-circle-xmark"></i></p>
</button>
<span id="instructions" class="info" style="display: none;margin-top:0px; margin-bottom: 15px;">
<b><p style="margin-top:0px; margin-bottom: 15px;">Instructions for Installing iOS App (Via Configuration Profile) <i class="fa-solid fa-angle-down"></i></p></b>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> A prompt will appear asking if you want to allow the download. Tap “Allow".</p>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> After downloading, go to your device’s Settings app. You’ll see a notification at the top saying “Profile Downloaded".</p>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> In Settings, tap “Profile Downloaded” to view the downloaded profile.</p>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> The configuration profile details will display. Tap “Install” in the top-right corner.</p>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> If prompted, enter your device passcode to confirm.</p>
<p style="margin-top:0px; margin-bottom: 15px;"><i class="fa-solid fa-angle-right"></i> A warning may appear regarding the configuration profile’s authenticity. Tap “Install” again to proceed.</p>
<p style="margin-top:0px; margin-bottom: 0px;"><i class="fa-solid fa-angle-right"></i> Once installed, tap “Done” to finish.</p>
</span>
<form action="/webdisplay" target="_blank">
<button style="margin-top: 0px; margin-bottom: 0px;">Visit Directly (Via Web) <i class="fa-solid fa-arrow-up-right-from-square"></i>
<p class="info">This option is less stable. <i class="fa-solid fa-triangle-exclamation"></i></p>
</button>
</form>
</section>
</main>
<!-- Footer Section -->
<footer>
<p class="foottxt" style="margin-bottom: 0px;">Report a problem by clicking <a href="http://forms.gle/yk6g9SmfjwzvSPpN8" target="_blank">here <i class="fa-solid fa-link"></i></a>.</p>
<p class="foottxt" style="margin-top: 15px;">Copyright © <script>document.write(new Date().getFullYear());</script>, <b>SignIt</b>. All rights reserved.</p>
</footer>
<script>
// Smooth scroll function
function scrollToMain() {
document.getElementById("main-content").scrollIntoView({ behavior: "smooth" });
}
// Track scroll direction
let lastScrollY = window.scrollY;
// Add transition effect when scrolling
window.addEventListener("scroll", function() {
const downArrowButton = document.querySelector('.down-arrow-button');
const scrollY = window.scrollY;
// Calculate opacity based on scroll position
const opacity = Math.max(1 - scrollY / 500, 0); // Decrease opacity as you scroll down
// Apply the calculated opacity
downArrowButton.style.opacity = opacity;
// If scrolling up, increase opacity and restart pulsating animation
if (scrollY < lastScrollY) {
downArrowButton.style.opacity = Math.min(opacity + 0.2, 1); // Gradually increase opacity when scrolling up
downArrowButton.style.animation = "pulse 2s infinite ease"; // Restart pulsating animation
}
// Update last scroll position
lastScrollY = scrollY;
});
// Stop pulsating and reset opacity once clicked
document.querySelector('.down-arrow-button').addEventListener('click', function() {
this.style.animation = "none"; // Stop pulsating
this.style.opacity = 0; // Fade out the button after click
this.removeEventListener('click', arguments.callee); // Remove click listener after clicking
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Detect if the device is iOS by checking the user agent
const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
const installButton = document.getElementById("installButton");
const warningMessage = document.getElementById("warningMessage");
// If the device is NOT iOS, disable the button and show the warning
if (!isIOS) {
installButton.disabled = true; // Disable the install button
installButton.style.cursor = "not-allowed"; // Change cursor to indicate disabled state
warningMessage.style.display = "block"; // Show the warning message
} else {
installButton.disabled = false; // Enable the install button for iOS devices
installButton.style.cursor = "pointer"; // Set cursor to pointer for enabled button
warningMessage.style.display = "none"; // Hide the warning message for iOS devices
}
});
</script>
<script src="installapp.js"></script>
<script src="https://cdn.jsdelivr.net/gh/voxxdevv/lmdesigns-watermark@main/watermarkme.min.js"></script>
</body>
</html>