PageRenderTime 41ms CodeModel.GetById 10ms RepoModel.GetById 0ms app.codeStats 0ms

/about/about-the-site.html

https://gitlab.com/gregtyka/khanacademy
HTML | 133 lines | 123 code | 10 blank | 0 comment | 0 complexity | af1a89a3069a0671c4ec36028b06e065 MD5 | raw file
  1. {% extends "about_template.html" %}
  2. {% block aboutcontent %}
  3. <div class="col1 forty-sixty" style="text-align: center; padding-top: 18px; min-width:160px; max-width:160px; margin-right: 2%;">
  4. <img id="about-vertical-logo" src="/images/khan-logo-vertical-transparent.png" height=250 width=178 />
  5. </div>
  6. <div class="col2 forty-sixty" style="max-width:81%; text-align: justify;">
  7. <h1 class="main-headline" style="white-space: pre;">A free world-class education for anyone anywhere.</h1>
  8. <p>
  9. The Khan Academy is an organization on a mission. We're a not-for-profit with the goal of changing education for the better by providing a free
  10. world-class education to anyone anywhere.
  11. </p>
  12. <p>
  13. All of the the site's resources are available to anyone. It doesn't matter if you are a student, teacher,
  14. home-schooler, principal, adult returning to the classroom after 20 years, or a friendly alien just trying to get a leg up in earthly biology. The Khan Academy's
  15. materials and resources are available to you completely free of charge.
  16. </p>
  17. </div>
  18. <div class="clear"></div>
  19. <hr style="margin-bottom: 36px;">
  20. <div class="col1 sixty-forty">
  21. {% youtube_player_embed "hw5k98GV7po" "99%" 400 %}
  22. </div>
  23. <div class="col2 sixty-forty" >
  24. <h2>How it works for students</h2>
  25. <p>Students can make use of our extensive video library, practice exercises, and assessments from any computer with access to the web.</p>
  26. <ol>
  27. <li>{% youtube_jump_link "Complete custom self-paced learning tool" 0 %}</li>
  28. <li>{% youtube_jump_link "A dynamic system for getting help" 130 %}</li>
  29. <li>{% youtube_jump_link "A custom profile, points, and badges to measure progress" 208 %} </li>
  30. </ol><br/>
  31. <h2>Coaches, parents, and teachers</h2>
  32. <p>Coaches, parents, and teachers have unprecedented visibility into what their students are learning and doing on the Khan Academy.</p>
  33. <ol>
  34. <li>{% youtube_jump_link "Ability to see any student in detail" 341 %}</li>
  35. <li>{% youtube_jump_link "A real-time class report for all students" 490 %}</li>
  36. <li>{% youtube_jump_link "Better intelligence for doing targeted interventions" 535 %}</li>
  37. </ol>
  38. </div>
  39. <div class="clear" style="margin-bottom:36px;"></div>
  40. <hr class="margin-bottom: 18px;">
  41. <div id="screenshot-tour">
  42. <div style="text-align:center;">
  43. <h1 class="main-headline" style="padding-top: 0; margin-bottom: 36px; background: url(/images/centered-header-bg.jpg) no-repeat center center;">Tour our features</h1>
  44. </div>
  45. <div class="col1 sixty-forty right">
  46. <h2>Over {{ approx_vid_count|escape }} videos</h2>
  47. <p class="justify">
  48. Our <a href="/#browse">library of videos</a> covers <strong>K-12 math</strong>, science topics such as <strong>biology, chemistry, and physics</strong>, and even reaches into the humanities with playlists on <strong>finance and history</strong>. Each video is a digestible chunk, approximately 10 minutes long, and especially purposed for viewing on the computer.<br/><br/>
  49. <em>"I teach the way that I wish I was taught. The lectures are coming from me, an actual human being who is fascinated by the world around him."</em><br/>
  50. &mdash;Sal
  51. </p>
  52. </div>
  53. <div class="col2 sixty-forty screenshot">
  54. <img class="rounded-background" src="/images/screenshot-tour/video.png" style="width:400px;" />
  55. </div>
  56. <div class="clear"></div>
  57. <br/><hr class="thin"/><br/>
  58. <div class="col1 forty-sixty screenshot">
  59. <img class="rounded-background" src="/images/screenshot-tour/problems.png" style="width:400px;" />
  60. </div>
  61. <div class="col2 forty-sixty left">
  62. <h2>A world of exercises, with help along the way</h2>
  63. <p class="justify">
  64. <a href="/exercisedashboard">Practice math at your own pace</a> with our adaptive assessment exercises. You can <strong>start at 1+1 and work your way into calculus</strong> or jump right into whatever topic needs some brushing up.<br/><br/>
  65. Each problem is randomly generated, so you never run out of practice material. <strong>If you need a hint, every single problem can be broken down, step-by-step, with one click.</strong> If you need more help, you can always watch a related video.
  66. </p>
  67. </div>
  68. <div class="clear"></div>
  69. <br/><hr class="thin"/><br/>
  70. <div class="col1 sixty-forty right">
  71. <h2>Your stats, instantly</h2>
  72. <p class="justify">
  73. Every time you work on a problem or watch a video, the Khan Academy remembers what you've learned and where you're spending your time. We keep all of this data private but expose powerful statistics to each user and their coaches. You get <strong>at-a-glance information about everything you've been learning</strong> and whether or not you've been hitting your goals.<br/><br/>
  74. You can drill all the way down from a bird's-eye view of your profile into each and every exercise problem that you've ever worked on. You'll see <strong>real, hard data about your increasing mastery</strong> of math.
  75. </p>
  76. </div>
  77. <div class="col2 sixty-forty screenshot">
  78. <img class="rounded-background" src="/images/screenshot-tour/stats-small.png" style="width:400px;" />
  79. </div>
  80. <div class="clear"></div>
  81. <br/><hr class="thin"/><br/>
  82. <div class="col1 forty-sixty screenshot">
  83. <img class="rounded-background" src="/images/screenshot-tour/map-small.png" style="width:400px;" />
  84. </div>
  85. <div class="col2 forty-sixty left">
  86. <h2>A map of knowledge</h2>
  87. <p class="justify">
  88. <img class="rounded-background" src="/images/screenshot-tour/challenges-small.png" style="float:right;margin-left:20px;"/>
  89. <a href="/exercisedashboard">The knowledge map</a> shows all of our exercise concepts. You can <strong>zoom in and out and pan around</strong> all the different exercises, just like on a normal map. You can start working anywhere on the map, and the Khan Academy will suggest the best exercises for you to work on. We'll even remind you when you need a review.<br/><br/>
  90. <strong>As you zoom out of the knowledge map, you'll find our challenges</strong>, which combine the concepts from multiple smaller exercises. Zooming all the way out of the map and completing all of our challenges is a sign of math mastery.<br/><br/>
  91. We're constantly adding new exercises to be discovered.
  92. </p>
  93. </div>
  94. <div class="clear"></div>
  95. <br/><hr class="thin"/><br/>
  96. <div class="col1 sixty-forty right">
  97. <h2>Your classroom data...finally</h2>
  98. <p class="justify">
  99. Teachers and coaches can access all of their students' data. You can <strong>get a summary of class performance as a whole or dive into a particular student's profile</strong> to figure out exactly which topics are problematic. <a href="/class_profile">The class profile</a> lets coaches glance at their dashboard and quickly figure out how to best spend their time teaching.<br/><br/>
  100. We've put a lot of energy into making sure that the Khan Academy empowers teachers by giving them access to the data they should've had for years. You'll <strong>know instantly if a student is struggling in multiplying fractions</strong>...or if she hit a streak and is now far ahead of the class.
  101. </p>
  102. </div>
  103. <div class="col2 sixty-forty screenshot">
  104. <img class="rounded-background" src="/images/screenshot-tour/class-small.png" style="width:400px;" />
  105. </div>
  106. <div class="clear"></div>
  107. <br/><hr class="thin"/><br/>
  108. <div class="col1 forty-sixty screenshot">
  109. <img class="rounded-background" src="/images/screenshot-tour/badges-small.png" style="width:400px;" />
  110. </div>
  111. <div class="col2 forty-sixty left">
  112. <h2>Badges worth bragging about</h2>
  113. <p class="justify">
  114. <img class="rounded-background" src="/images/screenshot-tour/badges-3.png" style="width:228px;float:right;margin-left:20px;"/>
  115. We're full of game mechanics. As soon as you login, you'll start earning badges and points for learning. The more you challenge yourself, the more bragging rights you'll get.<br/><br/>
  116. We've heard of students spending hour after hour watching physics videos and 5th graders relentlessly tackling college-level math to earn Khan Academy badges. Some of the smaller badges are very easy, but <a href="/badges/view">the most legendary badges</a> might require years of work.
  117. </p>
  118. </div>
  119. <div class="clear"></div>
  120. <br/><br/>
  121. </div>
  122. <script>VideoControls.initJumpLinks();</script>
  123. {% endblock aboutcontent %}