python bottleでcssを読み込ませたい - 社内SEがベルマーレ好きすぎて

python,djangoでは2つくらいwebアプリケーションを作ったのですがもっと軽量なフレームワークであるbottleでは特に何も作ったことがありませんでした。

bottleをインストールしていろいろやっていたのですが、

cssの読み込みどうするの？？？

cssはこう読み込む

というわけでネットの海をポチポチ探っていると見つかりました。

まだいちばんやさしいpython教本から少しづつ改造している途中なのですが、とりあえず.py部分はこのように書きました。

from bottle import route, run, template, request, static_file
import os
from pybot import pybot

BASE_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_DIR = os.path.join(BASE_DIR, 'static')



@route('/douinyosoku/1/')
def hello():
    return template('template', input_text='', output_text='')


@route('/douinyosoku/1/', method='POST')
def do_hello():
    input_text = request.forms.input_text
    output_text = pybot(input_text)
    return template('template', input_text=input_text, output_text=output_text)


@route('/static/css/<filename:path>')
def send_static(filename):
    """静的ファイルを返す
    """
    return static_file(filename, root=f'{STATIC_DIR}/css')


run(host='localhost', port=8080, debug=True)

cssに関連するのはこの部分

from bottle import  static_file
import os
from pybot import pybot

BASE_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_DIR = os.path.join(BASE_DIR, 'static')


@route('/static/css/<filename:path>')
def send_static(filename):
    """静的ファイルを返す
    """
    return static_file(filename, root=f'{STATIC_DIR}/css')


run(host='localhost', port=8080, debug=True)

html部分(僕はtemplate.tplと書きましたが）にはこのように書き込みます。

  <head>
      <meta charset="UTF-8">
    <title>観客動員予測１号さん</title>
    <link rel="stylesheet" href="/static/css/style.css" type="text/css" />
</head>


<div class="balloon1">
  <p>こんにちは。これは例です。</p>
</div>

CSSで作る！吹き出しデザインのサンプル19選

css部分はここを参考(悪く言えばコピペｗ）

これで