Get started with oppia CDN
Apache-2.0 licensed
Interactive learning library, self-paced, user-driven exploration: Opplia builds educational activities.
Tags:- education
- interactive
- oppia
- tutor
Stable version
Copied!
How to start using oppia CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with oppia CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>
<script src="https://cdn.cdnhub.io/oppia/0.0.3/oppia-player.min.js"></script>
<style>
#oppia-player { width: 100%; height: 500px; }
</style>
</head>
<body>
<div id="oppia-player"></div>
<script type="text/json">
{
"type": "Lesson",
"title": "Simple Oppia Lesson",
"description": "A simple Oppia lesson.",
"content": [
{
"type": "Text",
"text": "What is the capital city of France?"
},
{
"type": "Question",
"question": {
"text": "What is the capital city of France?"
},
"answers": [
{
"text": "London",
"is_correct": false
},
{
"text": "Paris",
"is_correct": true
},
{
"text": "Madrid",
"is_correct": false
}
]
},
{
"type": "Text",
"text": "Correct answer: Paris"
}
]
}
</script>
<script>
OPPIA.load(document.getElementById('oppia-player'), JSON.parse(document.querySelector('script[type="text/json"]').textContent));
</script>
}
</body>
</html>
Copied!
Copied!