<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/aaa.css">
    <title>Document</title>
</head>

<style>
    body {
        width: 1300px;
        margin: auto;
    }

    .clearfix::after {
        content: "";
        display: block;
        clear: both;
        text-align: center;
    }

    div object {
        float: left;
        margin-right: 20px;
    }

    a:hover {
        background-position: -100% 0;
        color: #fff;
    }

    /* ▼テーブル全体の装飾 */
    table.sample {
        border-collapse: collapse;
        /* テーブルの罫線を重ねて1本に見せる */
        border: 2px solid green;
        /* テーブルの外側の枠線(2pxで緑色の実線) */
    }

    /* ▼セル共通の装飾 */
    table.sample th,
    table.sample td {
        border: 1px solid green;
        /* テーブルの内側の罫線(1pxで緑色の実線) */
    }

    /* ▼見出しセルの装飾 */
    table.sample th {
        background-color: #ccffcc;
        /* 背景色(淡い緑色) */
        padding: 0.3em;
        /* 内側の余白(0.3文字分) */
    }

    /* ▼リンクの上にマウスが載った際の装飾(背景色だけ指定) */
    a:hover {
        background-color: #fcfcaa;
    }
</style>


<body>
    <a href="/top">科目選択画面に戻る<br></a>
    <div class="clearfix">
        <!-- シラバスのURLを貼る -->
        <object
            data="https://tpuwswebsv.pu-toyama.ac.jp/public/web/Syllabus/WebSyllabusSansho/UI/WSL_SyllabusSansho.aspx?P1=1013524&P2=2022&P3=20221001"
            width="900" height="1000">
        </object>

        <br>

        <!-- キーワードの個数に応じて作る -->
        <table class="sample">
            <tr>
                <th>キーワード</th>
            </tr>
            <tr>
                <td><a href="{{ url_for('IoTsystem1') }}">{{key_word1}}</a></td>
            </tr>
            <tr>
                <td><a href="{{ url_for('IoTsystem2') }}">{{key_word2}}</a></td>
            </tr>
            <tr>
                <td><a href="{{ url_for('IoTsystem3') }}">{{key_word3}}</a></td>
            </tr>
            <tr>
                <td><a href="{{ url_for('IoTsystem4') }}">{{key_word4}}</a></td>
            </tr>
        </table>
    </div>

</body>

</html>