webiopiについて質問です。複数のボタンでgpio出力したい

前提・実現したいこと

webiopiを使って、ブラウザに複数のボタンを表示させ、ラズベリーパイの複数のGPIOをon,offしたいのですが、うまくいきません。
具体的にはGPIO12,13をそれぞれブラウザのボタンでON,OFFしたい

発生している問題・エラーメッセージ

ブラウザで「このサイトにアクセスできません」と表示されます。

該当のソースコード

python
1script.py
2
3#! /usr/bin/env /usr/bin/python3
4#_*_ cording:utf-8 _*_
5import webiopi
6GPIO = webiopi.GPIO
7LIGHT = 12 
8LIGHT2 = 13
9def setup():
10    GPIO.setFunction(LIGHT, GPIO.OUT)
11    GPIO.setFunction(LIGHT2, GPIO.OUT)
12def destroy():
13    GPIO.digitalWrite(LIGHT, GPIO.LOW)
14    GPIO.digitalWrite(LIGHT2, GPIO.LOW)

html
1index.html
2
3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4<html>
5<head>
6    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7    <title>WebIOPi | Light Control</title>
8    <script type="text/javascript" src="/webiopi.js"></script>
9    <script type="text/javascript">
10    webiopi().ready(function() {
11		var content,button;
12        content=$("#content");
13        button = webiopi().createGPIOButton(12, "ranp1");
14        $("#controls").append(button);
15        button = webiopi().createGPIOButton(13, "Light2");
16        content.append(button);
17        webiopi().refreshGPIO(true);
18    });
19 
20    </script>
21 
22<style type="text/css">
23        button {
24            display: block;
25            margin: 5px 5px 5px 5px;
26            width: 160px;
27            height: 45px;
28            font-size: 24pt;
29            font-weight: bold;
30            color: white;
31        }
32 
33        #gpio12.LOW {
34            background-color: Black;
35        }
36 
37        #gpio12.HIGH {
38            background-color: Blue;
39        }
40		
41	#gpio13.LOW {
42            background-color: Black;
43        }
44 
45        #gpio13.HIGH {
46            background-color: Blue;
47        }
48    </style>
49 
50</head>
51<body>