riskontech.github.io/index.html at main · RiskonTech/riskontech.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RISKON - Credit Risk Assessment</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body class="antialiased">

    <div id="landing-page">
        <header class="fixed top-0 left-0 right-0 z-20 p-4">
            <div class="container mx-auto flex justify-between items-center">
                <h1 class="text-2xl font-bold text-white">RISKON</h1>
            </div>
        </header>

        <main>
            <section id="hero-section" class="h-[300vh] relative">
                <div class="sticky top-0 h-screen flex items-center justify-center text-center overflow-hidden">
                    <div class="absolute inset-0 z-0" id="hero-animation"></div>
                    <div id="hero-text" class="relative z-10 p-4 opacity-0">
                        <h2 class="text-5xl md:text-7xl font-bold text-white mb-4">The Future of Credit Intelligence</h2>
                        <p class="text-xl text-slate-300 mb-8 max-w-3xl mx-auto">Bringing clarity and fairness to the complex world of credit risk assessment through dynamic, data-driven insights.</p>
                    </div>
                </div>
            </section>

            <section class="relative bg-black text-white container mx-auto px-4">
                <div id="solution-section-container">
                    <div id="solution-steps" class="pl-8">
                        </div>
                    <div id="solution-viz-sticky-container">
                        <div id="solution-viz"></div>
                    </div>
                </div>
            </section>

            <section class="text-center py-20 bg-black">
                <button id="demo-btn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 transform hover:scale-105">
                    Try the Live Demo
                </button>
            </section>

        </main>
    </div>

    <div id="monitoring-page" class="hidden min-h-screen p-4 sm:p-6 lg:p-8 bg-gray-900">
        <div class="container mx-auto">
            <button id="back-to-landing-btn" class="mb-6 text-blue-400 hover:text-blue-300">&larr; Back to Home</button>
            <h2 class="text-3xl font-bold text-white mb-6">Risk Monitoring Dashboard</h2>
            <div id="applicant-list" class="space-y-3">
                </div>
        </div>
    </div>

    <div id="report-page" class="hidden min-h-screen p-4 sm:p-6 lg:p-8 bg-gray-900">
         <div class="container mx-auto">
            <button id="back-to-monitoring-btn" class="mb-6 text-blue-400 hover:text-blue-300 font-bold">&larr; Back to Dashboard</button>
            <div id="report-content-wrapper">
                </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/loaders/FontLoader.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/geometries/TextGeometry.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/utils/BufferGeometryUtils.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/math/MeshSurfaceSampler.js"></script>

    <script src="data.js"></script>
    <script src="script.js"></script>

</body>
</html>