Webnet/cmf-radar-scanner
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>CMF Radar Scanner</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11</head>12<body class="bg-gray-900 text-gray-100 min-h-screen">13 <custom-navbar></custom-navbar>14 15 <main class="container mx-auto px-4 py-8">16 <div class="max-w-4xl mx-auto">17 <div class="text-center mb-12">18 <h1 class="text-4xl md:text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-600">19 CMF Radar Scanner20 </h1>21 <p class="text-xl text-gray-300 max-w-2xl mx-auto">22 Real-time CMF analysis with zero-lag indicators for precise market confirmation23 </p>24 </div>25 26 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">27 <div class="bg-gray-800 rounded-xl p-6 shadow-lg border border-gray-700">28 <div class="flex items-center mb-4">29 <div class="p-3 rounded-full bg-blue-500/20 mr-4">30 <i data-feather="activity" class="text-blue-400"></i>31 </div>32 <h3 class="text-xl font-semibold">Recommended Indicators</h3>33 </div>34 <ul class="space-y-3">35 <li class="flex items-center">36 <i data-feather="check-circle" class="text-green-400 mr-2"></i>37 <span>Zero-Lag EMA</span>38 </li>39 <li class="flex items-center">40 <i data-feather="check-circle" class="text-green-400 mr-2"></i>41 <span>Hull Moving Average</span>42 </li>43 <li class="flex items-center">44 <i data-feather="check-circle" class="text-green-400 mr-2"></i>45 <span>Volume-Weighted MA</span>46 </li>47 <li class="flex items-center">48 <i data-feather="check-circle" class="text-green-400 mr-2"></i>49 <span>Supertrend</span>50 </li>51 </ul>52 </div>53 54 <div class="bg-gray-800 rounded-xl p-6 shadow-lg border border-gray-700">55 <div class="flex items-center mb-4">56 <div class="p-3 rounded-full bg-purple-500/20 mr-4">57 <i data-feather="zap" class="text-purple-400"></i>58 </div>59 <h3 class="text-xl font-semibold">CMF Integration</h3>60 </div>61 <p class="text-gray-300 mb-4">62 Our scanner works seamlessly with Chaikin Money Flow (CMF) to confirm:63 </p>64 <ul class="space-y-2">65 <li class="flex items-start">66 <i data-feather="chevron-right" class="text-purple-400 mr-2 mt-1"></i>67 <span>Money flow direction</span>68 </li>69 <li class="flex items-start">70 <i data-feather="chevron-right" class="text-purple-400 mr-2 mt-1"></i>71 <span>Volume confirmation</span>72 </li>73 <li class="flex items-start">74 <i data-feather="chevron-right" class="text-purple-400 mr-2 mt-1"></i>75 <span>Trend strength validation</span>76 </li>77 </ul>78 </div>79 </div>80 81 <div class="bg-gray-800 rounded-xl p-6 shadow-lg border border-gray-700 mb-12">82 <h2 class="text-2xl font-semibold mb-6">Scanner Configuration</h2>83 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">84 <div>85 <label class="block text-gray-300 mb-2">Indicator Sensitivity</label>86 <input type="range" min="1" max="10" value="5" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">87 </div>88 <div>89 <label class="block text-gray-300 mb-2">CMF Threshold</label>90 <input type="range" min="-1" max="1" step="0.1" value="0" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">91 </div>92 <div>93 <label class="block text-gray-300 mb-2">Timeframe</label>94 <select class="w-full bg-gray-700 border border-gray-600 text-gray-100 rounded-lg px-4 py-2">95 <option>1 Minute</option>96 <option>5 Minutes</option>97 <option selected>15 Minutes</option>98 <option>1 Hour</option>99 <option>4 Hours</option>100 <option>1 Day</option>101 </select>102 </div>103 <div>104 <label class="block text-gray-300 mb-2">Alert Type</label>105 <select class="w-full bg-gray-700 border border-gray-600 text-gray-100 rounded-lg px-4 py-2">106 <option>Visual</option>107 <option selected>Sound</option>108 <option>Push Notification</option>109 <option>Email</option>110 </select>111 </div>112 </div>113 </div>114 115 <div class="text-center">116 <button class="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105">117 Start Scanning118 <i data-feather="arrow-right" class="inline ml-2"></i>119 </button>120 </div>121 </div>122 </main>123 124 <custom-footer></custom-footer>125 126 <script src="components/navbar.js"></script>127 <script src="components/footer.js"></script>128 <script src="script.js"></script>129 <script>130 feather.replace();131 </script>132<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>133</body>134</html>