Generatore di link per progetti Scratch | Link non condivisi e API

Apri nell'Editor Video Pubblica il Tuo Codice

Consigliato

8 February 2025

Modulo di registrazione per l'accesso HTML CSS Autenticazione biometrica

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scratch Unshared Projects Generator</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f0f2f5;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .container {
            background-color: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);
            width: 100%;
            max-width: 450px;
            text-align: center;
        }
        h1 {
            color: #4d97ff;
            margin-bottom: 1.5rem;
            font-size: 1.5rem;
        }
        .input-group {
            margin-bottom: 1.5rem;
        }
        input {
            width: 100%;
            padding: 12px;
            border: 2px solid #e1e4e8;
            border-radius: 8px;
            box-sizing: border-box;
            font-size: 1rem;
            outline: none;
            transition: border-color 0.3s;
        }
        input:focus {
            border-color: #4d97ff;
        }
        button {
            background-color: #4d97ff;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            width: 100%;
            font-weight: bold;
            transition: background 0.3s;
        }
        button:hover {
            background-color: #357ae8;
        }
        .results {
            margin-top: 1.5rem;
            text-align: left;
            display: none;
            border-top: 1px solid #eee;
            padding-top: 1rem;
        }
        .result-item {
            margin-bottom: 10px;
        }
        .result-item label {
            display: block;
            font-size: 0.8rem;
            color: #666;
            margin-bottom: 4px;
        }
        .result-item a {
            color: #4d97ff;
            text-decoration: none;
            word-break: break-all;
            font-size: 0.9rem;
        }
        .result-item a:hover {
            text-decoration: underline;
        }
        .note {
            font-size: 0.75rem;
            color: #888;
            margin-top: 1rem;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Scratch Project Linker</h1>
    <div class="input-group">
        <input type="number" id="projectId" placeholder="Enter Project ID (e.g., 104502352)">
    </div>
    <button onclick="generateLinks()">Generate Links</button>

<div id="results" class="results">
        <div class="result-item">
            <label>Scratch Project Page:</label>
            <a id="scratchLink" target="_blank" href="#"></a>
        </div>
        <div class="result-item">
            <label>TurboWarp (View Unshared/Large Projects):</label>
            <a id="turbowarpLink" target="_blank" href="#"></a>
        </div>
        <div class="result-item">
            <label>Project API Data (JSON):</label>
            <a id="apiLink" target="_blank" href="#"></a>
        </div>
        <div class="result-item">
            <label>Project Token API:</label>
            <a id="tokenLink" target="_blank" href="#"></a>
        </div>
    </div>
    <p class="note">Note: If a project is strictly private/unshared, it may only be viewable via TurboWarp or API if the ID is valid and cached.</p>
</div>

document.getElementById('scratchLink').href = scratchUrl;
        document.getElementById('scratchLink').innerText = scratchUrl;

document.getElementById('turbowarpLink').href = turbowarpUrl;
        document.getElementById('turbowarpLink').innerText = turbowarpUrl;

document.getElementById('apiLink').href = apiUrl;
        document.getElementById('apiLink').innerText = apiUrl;

document.getElementById('tokenLink').href = tokenUrl;
        document.getElementById('tokenLink').innerText = tokenUrl;

resultsDiv.style.display = 'block';
    }
</script>

</body>
</html>

Generatore di link per progetti Scratch | Link non condivisi e API

Consigliato

Testo scorrevole

Metehan

Modulo di registrazione per l'accesso HTML CSS Autenticazione biometrica

HTML

CSS

JS

Consigliato

Testo scorrevole

Metehan

Modulo di registrazione per l'accesso HTML CSS Autenticazione biometrica

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS