Table of Contents

• How to Install Drafter
  • Thonny
  • Command Line
• Drafter Quick Start Guide
  • 0. Overview
  • 1. Another Route
  • 2. Taking Input
  • 3. More Interactivity
  • 4. Testing
  • 5. Moving On
• Workbook
  • Cookie Clicker
  • Bank Account
  • Simple Adventure Game
  • Store
• Longer Examples
• Drafter Documentation for Students
  • Basic Routing
    • route()
  • Pages
    • Page()
  • Server Control
    • start_server()
  • Components
    • Image()
    • Link()
    • TextBox()
    • TextArea()
    • SelectBox()
    • CheckBox()
    • LineBreak()
    • HorizontalRule()
    • Button()
    • NumberedList()
    • BulletedList()
    • Header()
    • Table()
    • Span()
    • Argument()
    • MatPlotLibPlot()
    • Download()
    • Div()
    • Row()
    • PreformattedText()
    • FileUpload()
  • Debug Information
    • show_debug_information()
    • hide_debug_information()
• HTML
• Styling
  • A Full Styling Example
  • Styling Functions
    • float_left()
    • float_right()
    • bold()
    • italic()
    • underline()
    • strikethrough()
    • monospace()
    • small_font()
    • large_font()
    • change_color()
    • change_background_color()
    • change_text_size()
    • change_text_font()
    • change_text_align()
    • change_text_decoration()
    • change_text_transform()
    • change_margin()
    • change_border()
    • change_padding()
    • change_width()
    • change_height()
  • Keyword Parameters
  • CSS Style Tags
  • CSS Classes
  • Adding Website CSS
    • add_website_css()
  • Changing Themes
    • set_website_style()
• Testing Drafter Applications
  • Automatically Generated Tests
  • Testing Parts of Routes
• Deployment
  • Create the Repository
  • Enable Github Pages
  • Upload Your Website Code
  • Record a Video
  • Upload the Planning Document
  • Edit the Readme
  • View the Deployment
  • View the Readme
  • Deployment Dashboard
  • Submit on Canvas
  • Appendix: Uploading Files
  • Common Errors
• Reference Lists
  • HTML Colors
  • Components Cheatsheet
  • HTML Fonts
• More Help
  • Actions After Start
  • Circular Reference Errors
• Full API Documentation
  • get_main_server()
  • get_server_setting()
  • set_main_server()
  • start_server()
  • BakeryTestCase
  • assert_equal()
  • diff_tests()
  • route()
  • Page
    • Page.make_reset_button()
    • Page.render_content()
    • Page.verify_content()
  • ConversionRecord
  • UnchangedRecord
  • VisitedPage
  • add_website_css()
  • add_website_header()
  • default_index()
  • deploy_site()
  • hide_debug_information()
  • set_website_framed()
  • set_website_style()
  • set_website_title()
  • show_debug_information()
  • DebugInformation
  • ServerConfiguration
  • Argument
  • Box
  • BulletedList
  • Button
  • CheckBox
  • Div
  • Division
  • Download
  • FileUpload
  • Header
  • HorizontalRule
  • Image
  • LineBreak
  • Link
  • MatPlotLibPlot
  • NumberedList
  • PageContent
  • Picture
  • Pre
  • PreformattedText
  • Row
  • SelectBox
  • Span
  • SubmitButton
  • Table
  • Text
  • TextArea
  • TextBox
  • float_left()
  • float_right()
  • update_attr()
  • update_style()