Spaces:

privateuserh
/

dynrep1-0

Running

App Files Files Community

privateuserh commited on Apr 10

Commit

158ddf2

verified ·

1 Parent(s): 78ce844

Add 1 files

Browse files

Files changed (1) hide show

index.html +184 -11

index.html CHANGED Viewed

@@ -16,6 +16,10 @@
                         dark: '#1F2937',
                         light: '#F3F4F6',
                         accent: '#F59E0B',
                     }
                 }
             }
@@ -54,6 +58,18 @@
             border-color: #4F46E5;
             box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3);
         }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
@@ -98,11 +114,14 @@
                     <div class="relative w-64 h-64">
                         <svg class="w-full h-full" viewBox="0 0 160 160">
                             <circle cx="80" cy="80" r="70" stroke="#E5E7EB" stroke-width="10" fill="none"/>
-                            <circle id="score-ring" class="score-ring" cx="80" cy="80" r="70" stroke="#4F46E5" stroke-width="10" fill="none" stroke-dashoffset="220"/>
                         </svg>
                         <div class="absolute inset-0 flex flex-col items-center justify-center">
-                            <span id="main-score" class="text-5xl font-bold text-dark">0</span>
-                            <span class="text-gray-500">Reputation Score</span>
                         </div>
                     </div>
                 </div>
@@ -174,7 +193,91 @@
             </div>
         </section>
-        <!-- Licensing Activity Section (New Prominent Section) -->
         <section class="bg-white rounded-xl shadow-lg p-8 mb-12">
             <div class="flex items-center mb-6">
                 <div class="w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mr-4">
@@ -531,9 +634,25 @@
                 longevity: 0,
                 borrowing: 0,
                 licenseTier: null,
-                revenueStreams: []
             };
             // Social media connections
             const socialCards = document.querySelectorAll('.social-card');
             socialCards.forEach(card => {
@@ -577,6 +696,36 @@
                 });
             });
             // Community buttons
             const communityBtns = document.querySelectorAll('.community-btn');
             communityBtns.forEach(btn => {
@@ -686,23 +835,33 @@
                 if (scores.licenseTier === 'professional') licenseBonus = 30;
                 if (scores.licenseTier === 'enterprise') licenseBonus = 50;
                 // Revenue streams bonus
                 const revenueBonus = scores.revenueStreams.length * 5;
-                // Main score (weighted average with heavy emphasis on licensing)
                 scores.main = Math.min(100,
-                    (scores.content * 0.3) +
-                    (scores.engagement * 0.2) +
-                    (scores.longevity * 0.2) +
                     (licenseBonus * 1.5) + // 1.5x weight for licensing
                     revenueBonus
                 );
-                // Borrowing power (based on main score with multiplier for licensing)
                 let borrowingMultiplier = 1;
                 if (scores.licenseTier === 'professional') borrowingMultiplier = 1.5;
                 if (scores.licenseTier === 'enterprise') borrowingMultiplier = 2;
                 scores.borrowing = Math.floor(Math.pow(scores.main, 1.5) * 100 * borrowingMultiplier);
                 // Update UI
@@ -712,9 +871,17 @@
             // Update UI with scores
             function updateScoreUI() {
                 // Main score
-                document.getElementById('main-score').textContent = Math.round(scores.main);
                 document.getElementById('score-ring').style.strokeDashoffset = 440 - (440 * scores.main / 100);
                 // Sub-scores
                 document.getElementById('content-score').textContent = Math.round(scores.content);
                 document.getElementById('content-score-bar').style.width = `${scores.content}%`;
@@ -738,6 +905,12 @@
             if (professionalTier) {
                 professionalTier.click();
             }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/dynrep1-0" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

                         dark: '#1F2937',
                         light: '#F3F4F6',
                         accent: '#F59E0B',
+                        platinum: '#E5E4E2',
+                        gold: '#FFD700',
+                        silver: '#C0C0C0',
+                        bronze: '#CD7F32'
                     }
                 }
             }
             border-color: #4F46E5;
             box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3);
         }
+        .greek-letter {
+            font-family: 'Times New Roman', Times, serif;
+            font-style: italic;
+        }
+        .boost-card {
+            transition: all 0.3s ease;
+            background: linear-gradient(135deg, rgba(79, 70, 229, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
+        }
+        .boost-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+        }
     </style>
 </head>
 <body class="bg-gray-50 font-sans">
                     <div class="relative w-64 h-64">
                         <svg class="w-full h-full" viewBox="0 0 160 160">
                             <circle cx="80" cy="80" r="70" stroke="#E5E7EB" stroke-width="10" fill="none"/>
+                            <circle id="score-ring" class="score-ring" cx="80" cy="80" r="70" stroke="#4F46E5" stroke-width="10" fill="none" stroke-dashoffset="440"/>
                         </svg>
                         <div class="absolute inset-0 flex flex-col items-center justify-center">
+                            <div class="flex items-end">
+                                <span id="main-score" class="text-5xl font-bold text-dark">0</span>
+                                <span id="greek-letter" class="greek-letter text-2xl ml-1 mb-1 text-primary"></span>
+                            </div>
+                            <span id="level-title" class="text-gray-500">Novice Creator</span>
                         </div>
                     </div>
                 </div>
             </div>
         </section>
+        <!-- Boost Section -->
+        <section class="bg-white rounded-xl shadow-lg p-8 mb-12">
+            <div class="flex items-center mb-6">
+                <div class="w-12 h-12 bg-purple-100 text-purple-600 rounded-full flex items-center justify-center mr-4">
+                    <i class="fas fa-bolt text-xl"></i>
+                </div>
+                <div>
+                    <h2 class="text-3xl font-bold text-dark">Boost Your Score</h2>
+                    <p class="text-gray-600">Annuitize your earnings for stable income verification with unspent.cash</p>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div class="boost-card border border-gray-200 rounded-xl p-6 cursor-pointer" data-boost="basic">
+                    <div class="flex justify-between items-start mb-4">
+                        <div>
+                            <h3 class="font-bold text-lg">Basic Stability</h3>
+                            <p class="text-gray-500 text-sm">3-month annuitization</p>
+                        </div>
+                        <div class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-xs font-bold">+5 pts</div>
+                    </div>
+                    <ul class="text-sm text-gray-600 space-y-2 mb-4">
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> 3-month income verification</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Basic unspent.cash integration</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Small boost to reputation</li>
+                    </ul>
+                    <div class="text-center">
+                        <button class="select-boost-btn w-full py-2 px-4 border border-gray-300 rounded-lg hover:bg-gray-50">
+                            Connect to unspent.app
+                        </button>
+                    </div>
+                </div>
+                <div class="boost-card border border-gray-200 rounded-xl p-6 cursor-pointer" data-boost="professional">
+                    <div class="flex justify-between items-start mb-4">
+                        <div>
+                            <h3 class="font-bold text-lg">Professional Stability</h3>
+                            <p class="text-gray-500 text-sm">6-month annuitization</p>
+                        </div>
+                        <div class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-xs font-bold">+15 pts</div>
+                    </div>
+                    <ul class="text-sm text-gray-600 space-y-2 mb-4">
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> 6-month income verification</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Full unspent.cash integration</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Medium boost to reputation</li>
+                    </ul>
+                    <div class="text-center">
+                        <button class="select-boost-btn w-full py-2 px-4 bg-purple-600 text-white rounded-lg hover:bg-purple-700">
+                            Connect to unspent.app
+                        </button>
+                    </div>
+                </div>
+                <div class="boost-card border border-gray-200 rounded-xl p-6 cursor-pointer" data-boost="enterprise">
+                    <div class="flex justify-between items-start mb-4">
+                        <div>
+                            <h3 class="font-bold text-lg">Enterprise Stability</h3>
+                            <p class="text-gray-500 text-sm">12-month annuitization</p>
+                        </div>
+                        <div class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-xs font-bold">+30 pts</div>
+                    </div>
+                    <ul class="text-sm text-gray-600 space-y-2 mb-4">
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> 12-month income verification</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Premium unspent.cash features</li>
+                        <li class="flex items-center"><i class="fas fa-check-circle text-purple-500 mr-2"></i> Large boost to reputation</li>
+                    </ul>
+                    <div class="text-center">
+                        <button class="select-boost-btn w-full py-2 px-4 border border-gray-300 rounded-lg hover:bg-gray-50">
+                            Connect to unspent.app
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-6 bg-purple-50 rounded-lg p-4">
+                <h3 class="font-bold text-purple-800 mb-2">How Annuitization Boosts Your Score</h3>
+                <p class="text-purple-700 text-sm">
+                    By connecting your unspent.cash account and annuitizing a portion of your earnings, you demonstrate
+                    stable income streams to lenders. This significantly improves your reputation score by verifying
+                    your ability to repay loans. The longer the annuitization period, the greater the boost to your score.
+                </p>
+            </div>
+        </section>
+        <!-- Licensing Activity Section -->
         <section class="bg-white rounded-xl shadow-lg p-8 mb-12">
             <div class="flex items-center mb-6">
                 <div class="w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center mr-4">
                 longevity: 0,
                 borrowing: 0,
                 licenseTier: null,
+                revenueStreams: [],
+                boostTier: null
             };
+            // Greek letters for levels
+            const greekLetters = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ', 'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
+            // Level titles
+            const levelTitles = [
+                "Novice Creator",
+                "Emerging Creator",
+                "Established Creator",
+                "Professional Creator",
+                "Influential Creator",
+                "Premium Creator",
+                "Elite Creator",
+                "Top-Tier Creator"
+            ];
             // Social media connections
             const socialCards = document.querySelectorAll('.social-card');
             socialCards.forEach(card => {
                 });
             });
+            // Boost tiers
+            const boostCards = document.querySelectorAll('.boost-card');
+            const selectBoostBtns = document.querySelectorAll('.select-boost-btn');
+            boostCards.forEach(card => {
+                card.addEventListener('click', function() {
+                    // Remove active class from all boost cards
+                    boostCards.forEach(c => c.classList.remove('border-purple-500'));
+                    // Add active class to clicked card
+                    this.classList.add('border-purple-500');
+                    // Update selected boost tier
+                    scores.boostTier = this.dataset.boost;
+                    // Update button states
+                    selectBoostBtns.forEach(btn => {
+                        btn.classList.remove('bg-purple-600', 'text-white');
+                        btn.classList.add('border', 'border-gray-300');
+                    });
+                    // Highlight the selected button
+                    const btn = this.querySelector('.select-boost-btn');
+                    btn.classList.add('bg-purple-600', 'text-white');
+                    btn.classList.remove('border', 'border-gray-300');
+                    calculateScore();
+                });
+            });
             // Community buttons
             const communityBtns = document.querySelectorAll('.community-btn');
             communityBtns.forEach(btn => {
                 if (scores.licenseTier === 'professional') licenseBonus = 30;
                 if (scores.licenseTier === 'enterprise') licenseBonus = 50;
+                // Boost bonus (annuitization)
+                let boostBonus = 0;
+                if (scores.boostTier === 'basic') boostBonus = 5;
+                if (scores.boostTier === 'professional') boostBonus = 15;
+                if (scores.boostTier === 'enterprise') boostBonus = 30;
                 // Revenue streams bonus
                 const revenueBonus = scores.revenueStreams.length * 5;
+                // Main score (weighted average with heavy emphasis on licensing and boost)
                 scores.main = Math.min(100,
+                    (scores.content * 0.25) +
+                    (scores.engagement * 0.15) +
+                    (scores.longevity * 0.15) +
                     (licenseBonus * 1.5) + // 1.5x weight for licensing
+                    (boostBonus * 1.2) +   // 1.2x weight for boost
                     revenueBonus
                 );
+                // Borrowing power (based on main score with multiplier for licensing and boost)
                 let borrowingMultiplier = 1;
                 if (scores.licenseTier === 'professional') borrowingMultiplier = 1.5;
                 if (scores.licenseTier === 'enterprise') borrowingMultiplier = 2;
+                if (scores.boostTier === 'professional') borrowingMultiplier *= 1.2;
+                if (scores.boostTier === 'enterprise') borrowingMultiplier *= 1.5;
                 scores.borrowing = Math.floor(Math.pow(scores.main, 1.5) * 100 * borrowingMultiplier);
                 // Update UI
             // Update UI with scores
             function updateScoreUI() {
                 // Main score
+                const roundedScore = Math.round(scores.main);
+                document.getElementById('main-score').textContent = roundedScore;
                 document.getElementById('score-ring').style.strokeDashoffset = 440 - (440 * scores.main / 100);
+                // Determine Greek letter and level
+                const levelIndex = Math.min(Math.floor(roundedScore / 15), greekLetters.length - 1);
+                const titleIndex = Math.min(Math.floor(roundedScore / 15), levelTitles.length - 1);
+                document.getElementById('greek-letter').textContent = greekLetters[levelIndex];
+                document.getElementById('level-title').textContent = levelTitles[titleIndex];
                 // Sub-scores
                 document.getElementById('content-score').textContent = Math.round(scores.content);
                 document.getElementById('content-score-bar').style.width = `${scores.content}%`;
             if (professionalTier) {
                 professionalTier.click();
             }
+            // Auto-select professional boost by default
+            const professionalBoost = document.querySelector('.boost-card[data-boost="professional"]');
+            if (professionalBoost) {
+                professionalBoost.click();
+            }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/dynrep1-0" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>