Skip to main content
Glama

Google Calendar and Meet MCP Server

by INSIDE-HAIR
OverviewInspectNewSchemaRelated ServersScore
JavaScript
Hybrid
1
  • Apple
  • Linux
index.htmlā€¢4.08 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>OAuth Code Extractor</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="styles.css"> </head> <body class="bg-gradient-to-br from-blue-50 to-indigo-100 min-h-screen flex items-center justify-center p-4"> <div class="bg-white rounded-2xl shadow-xl p-8 max-w-2xl w-full"> <div class="text-center mb-8"> <h1 class="text-3xl font-bold text-gray-800 mb-2">OAuth Code Extractor</h1> <p class="text-gray-600">Extract and copy your OAuth authorization code</p> </div> <div class="space-y-6"> <div> <label for="url-input" class="block text-sm font-medium text-gray-700 mb-2"> Paste the OAuth redirect URL here: </label> <input type="text" id="url-input" placeholder="http://localhost/?code=4/0AVMBsJgL38M-508l786..." class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors" > </div> <div> <label class="block text-sm font-medium text-gray-700 mb-2"> Extracted Authorization Code: </label> <div class="relative"> <input type="text" id="code-output" readonly placeholder="Code will appear here..." class="w-full px-4 py-3 pr-12 border border-gray-300 rounded-lg bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors" > <button id="copy-btn" class="absolute right-2 top-1/2 transform -translate-y-1/2 p-2 hover:bg-gray-200 rounded-md transition-colors disabled:opacity-50" disabled > <svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> </button> </div> </div> <div class="flex gap-4"> <button id="extract-btn" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg transition-colors focus:ring-4 focus:ring-blue-200" > Extract Code </button> <button id="clear-btn" class="px-6 py-3 border border-gray-300 text-gray-700 font-medium rounded-lg hover:bg-gray-50 transition-colors" > Clear </button> </div> <div id="status" class="text-sm text-center p-3 rounded-lg hidden"> <!-- Status messages will appear here --> </div> </div> <div class="mt-8 pt-6 border-t border-gray-200"> <div class="text-xs text-gray-500 text-center"> <p class="mb-2">How to use:</p> <ol class="text-left space-y-1 max-w-md mx-auto"> <li>1. Complete the OAuth flow in your browser</li> <li>2. Copy the entire redirect URL from the address bar</li> <li>3. Paste it above and click "Extract Code"</li> <li>4. Use the copy button to copy the authorization code</li> </ol> </div> </div> </div> <script src="script.js"></script> </body> </html>

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/INSIDE-HAIR/mcp-google-calendar-and-meet'

If you have feedback or need assistance with the MCP directory API, please join our Discord server