Academic-Oracle-AI-Chatbot-Model/index.html at main · Henrycoding-design/Academic-Oracle-AI-Chatbot-Model · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Universal Academic Oracle | Guided Learning Platform</title>
    <meta name="description" content="Universal Academic Oracle is a guided learning platform focused on reasoning, feedback, clarity, and progressive support instead of simple answer dumping." />
    <meta name="keywords" content="academic oracle, ai tutor, ai learning, universal academic oracle, academic oracle, universal academic oracle ai tutor, universal academic oracle ai learning, academic oracle guided learning, academic ai tutor, academic ai learning, guided learning platform, reasoning tutor, study support, educational ai" />
    <meta name="author" content="Vo Tan Binh" />

    <link rel="canonical" href="https://academicoracle.onrender.com">

    <meta name="google-site-verification" content="r5UrTMJ41N3sZjNpGHpCMY4Q1sSldr8VoTOxar3kU10" />

    <!-- Open Graph (for Discord, Facebook, LinkedIn) -->
    <meta property="og:title" content="Universal Academic Oracle - Guided Learning Platform" />
    <meta property="og:description" content="A guided learning experience built around reasoning, feedback, and progressive support." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/bg_img.png" />
    <meta property="og:url" content="https://academicoracle.onrender.com" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Universal Academic Oracle - Guided Learning Platform" />
    <meta name="twitter:description" content="Learn with reasoning, feedback, and progressive guidance designed for real understanding." />
    <meta name="twitter:image" content="/bg_img.png" />

    <script type="importmap">
    {
      "imports": {
        "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
        "@google/genai": "https://aistudiocdn.com/@google/genai@^1.22.0",
        "react/": "https://aistudiocdn.com/react@^19.2.0/",
        "react": "https://aistudiocdn.com/react@^19.2.0"
      }
    }
    </script>

    <style>
      @keyframes fade-in-up {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
      }
      .animate-fade-in-up {
        animation: fade-in-up 0.3s ease-out forwards;
      }
      #seo-fallback {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        left: -9999px;
      }

      noscript #seo-fallback {
        opacity: 1;
        position: static;
      }
    </style>
    <link id="hljs-theme" rel="stylesheet" />
  </head>

  <body class="bg-slate-50 dark:bg-slate-950 transition-colors duration-300">
    <div id="root">
      <div id="seo-fallback">
        <h1>Universal Academic Oracle | Guided Learning Platform</h1>

        <p>
          Universal Academic Oracle is a guided learning platform designed to help
          students, self-learners, and curious thinkers build understanding through
          reasoning, feedback, and progressive support.
        </p>

        <p>
          The experience emphasizes clarity, structure, and educational flow. Rather
          than centering instant answer dumping, it aims to support real learning
          through guided explanation, reflection, and reinforcement.
        </p>

        <h2>Learning Focus</h2>

        <p>
          Universal Academic Oracle is designed for learners who want more than
          quick outputs. It is intended for people who value:
        </p>

        <ul>
          <li>Guided reasoning instead of shallow answer delivery</li>
          <li>Clear explanations with room for reflection and follow-up</li>
          <li>Calm, readable interfaces that support focused study</li>
          <li>Learning experiences that reinforce understanding over memorization</li>
        </ul>

        <h2>Public Repository and Product Boundaries</h2>

        <p>
          The public repository includes open materials made available under
          Apache-2.0, while selected files, branding, and product identity are
          subject to additional restrictions and reserved-rights notices.
        </p>

        <p>
          Public-facing pages describe the product at a high level. They are meant
          to inform users and contributors clearly without disclosing unnecessary
          internal implementation details.
        </p>

        <h2>Learning Philosophy</h2>

        <p>
          Universal Academic Oracle encourages active learning. It is built around
          the idea that feedback, pacing, and guided support often teach more
          effectively than immediate final answers alone.
        </p>

        <p>
          The goal is not only to help users complete tasks, but to help them think
          more clearly, reason more carefully, and build confidence over time.
        </p>

        <h2>Who It Is For</h2>

        <p>
          Universal Academic Oracle is suitable for:
        </p>

        <ul>
          <li>Students who want structured support while learning</li>
          <li>Independent learners seeking clarity and reinforcement</li>
          <li>People who prefer guided understanding over surface-level answers</li>
          <li>Contributors reviewing the public repository and documentation boundaries</li>
        </ul>

        <p>
          The platform continues to evolve with an emphasis on clarity, educational
          quality, and responsible public communication.
        </p>

      </div>
    </div>
    <!-- <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="VoTanBinh" data-description="Support me on Buy me a coffee!" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script> -->
    <script type="module" src="/src/index.tsx"></script>
  </body>
</html>