Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nymbo
Nymbo authored Oct 1, 2024
1 parent c829c24 commit 4320b2e
Showing 1 changed file with 23 additions and 46 deletions.
69 changes: 23 additions & 46 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,11 @@
<meta property="og:type" content="website">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style>
body {
background-color: #1a202c;
color: #e2e8f0;
}
.directory-checkbox + button:focus {
outline: none;
}
.directory-checkbox + button:hover {
color: #a0aec0;
color: #4a5568;
}
</style>
<script src="https://cdn.tailwindcss.com"></script>
Expand All @@ -37,77 +33,58 @@

gtag('config', 'G-CYF86LN5WM');
</script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
dark: {
100: '#e2e8f0',
200: '#a0aec0',
300: '#718096',
400: '#4a5568',
500: '#2d3748',
600: '#1a202c',
700: '#171923',
800: '#0d1117',
},
},
},
},
}
</script>
</head>
<body class="bg-dark-800 min-h-screen p-4 md:p-8 text-dark-100">
<div class="max-w-4xl mx-auto bg-dark-700 rounded-lg shadow-md p-6 relative">
<body class="bg-gray-900 min-h-screen p-4 md:p-8 text-gray-200">
<div class="max-w-4xl mx-auto bg-gray-800 rounded-lg shadow-md p-6 relative">
<a href="https://github.com/abinthomasonline/repo2txt" target="_blank" class="absolute top-2 right-2">
<i data-lucide="github" class="w-8 h-8 text-dark-200 hover:text-dark-100"></i>
<i data-lucide="github" class="w-8 h-8 text-gray-200 hover:text-gray-400"></i>
</a>
<h1 class="text-3xl font-bold mb-2 text-center text-dark-100">GitHub to Plain Text</h1>
<p class="text-lg text-center text-dark-200 mb-6">Convert Code in GitHub to a Single Formatted Text File</p>
<h1 class="text-3xl font-bold mb-2 text-center text-gray-200">GitHub to Plain Text</h1>
<p class="text-lg text-center text-gray-400 mb-6">Convert Code in GitHub to a Single Formatted Text File</p>
<form id="repoForm" class="space-y-4">
<div>
<label for="repoUrl" class="block text-sm font-medium text-dark-200">GitHub URL:</label>
<input type="text" id="repoUrl" name="repoUrl" required class="mt-1 block w-full rounded-md border border-dark-400 bg-dark-600 text-dark-100 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
<label for="repoUrl" class="block text-sm font-medium text-gray-200">GitHub URL:</label>
<input type="text" id="repoUrl" name="repoUrl" required class="mt-1 block w-full rounded-md border border-gray-700 shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-400 focus:ring-opacity-50 h-10 px-2 bg-gray-600 text-gray-200">
</div>
<div class="hidden">
<label for="ref" class="block text-sm font-medium text-dark-200">Ref (branch/tag/commit sha):</label>
<input type="text" id="ref" name="ref" class="mt-1 block w-full rounded-md border border-dark-400 bg-dark-600 text-dark-100 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
<label for="ref" class="block text-sm font-medium text-gray-200">Ref (branch/tag/commit sha):</label>
<input type="text" id="ref" name="ref" class="mt-1 block w-full rounded-md border border-gray-700 shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-400 focus:ring-opacity-50 h-10 px-2 bg-gray-600 text-gray-200">
</div>
<div class="hidden">
<label for="path" class="block text-sm font-medium text-dark-200">Path (subdirectory):</label>
<input type="text" id="path" name="path" class="mt-1 block w-full rounded-md border border-dark-400 bg-dark-600 text-dark-100 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
<label for="path" class="block text-sm font-medium text-gray-200">Path (subdirectory):</label>
<input type="text" id="path" name="path" class="mt-1 block w-full rounded-md border border-gray-700 shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-400 focus:ring-opacity-50 h-10 px-2 bg-gray-600 text-gray-200">
</div>
<div>
<label for="accessToken" class="block text-sm font-medium text-dark-200 flex items-center">
<label for="accessToken" class="block text-sm font-medium text-gray-200 flex items-center">
Personal Access Token (optional - for private repositories and higher rate limits):
<button type="button" id="showMoreInfo" class="ml-2 text-blue-400 hover:text-blue-300">
<button type="button" id="showMoreInfo" class="ml-2 text-blue-400 hover:text-blue-600">
<i data-lucide="info" class="w-4 h-4"></i>
</button>
</label>
<div id="tokenInfo" class="hidden mt-2">
<p class="text-sm text-dark-300">[This code runs in your browser. We don't use or store your token.]</p>
<p class="mt-1"><a href="https://github.com/settings/tokens/new?description=repo2file&scopes=repo" target="_blank" class="text-sm text-dark-300 hover:text-dark-200"><i data-lucide="external-link" class="w-5 h-5 inline-block"></i> Get your token</a></p>
<p class="text-sm text-gray-400">[This code runs in your browser. We don't use or store your token.]</p>
<p class="mt-1"><a href="https://github.com/settings/tokens/new?description=repo2file&scopes=repo" target="_blank" class="text-sm text-gray-400 hover:text-gray-600"><i data-lucide="external-link" class="w-5 h-5 inline-block"></i> Get your token</a></p>
</div>
<input type="text" id="accessToken" name="accessToken" class="mt-1 block w-full rounded-md border border-dark-400 bg-dark-600 text-dark-100 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
<input type="text" id="accessToken" name="accessToken" class="mt-1 block w-full rounded-md border border-gray-700 shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-400 focus:ring-opacity-50 h-10 px-2 bg-gray-600 text-gray-200">

</div>
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline flex items-center justify-center">
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-gray-200 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline flex items-center justify-center">
<i data-lucide="folder-search" class="w-5 h-5 mr-2"></i>
Fetch Directory Structure
</button>
</form>
<div id="directoryStructure" class="mt-6"></div>
<button id="generateTextButton" class="mt-4 bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<button id="generateTextButton" class="mt-4 bg-green-600 hover:bg-green-700 text-gray-200 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<i data-lucide="file-text" class="w-5 h-5 mr-2"></i>
Generate Text File
</button>
<textarea id="outputText" rows="20" class="mt-4 w-full p-2 border rounded-md font-mono bg-dark-600 text-dark-100 border-dark-400" readonly></textarea>
<textarea id="outputText" rows="20" class="mt-4 w-full p-2 border rounded-md font-mono bg-gray-600 text-gray-200" readonly></textarea>
<div class="mt-4 flex space-x-4">
<button id="copyButton" class="flex-1 bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<button id="copyButton" class="flex-1 bg-indigo-600 hover:bg-indigo-700 text-gray-200 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<i data-lucide="copy" class="w-5 h-5 mr-2"></i>
Copy to Clipboard
</button>
<button id="downloadButton" class="flex-1 bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<button id="downloadButton" class="flex-1 bg-purple-600 hover:bg-purple-700 text-gray-200 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
<i data-lucide="download" class="w-5 h-5 mr-2"></i>
Download
</button>
Expand Down

0 comments on commit 4320b2e

Please sign in to comment.