Skip to content
Snippets Groups Projects
attributions.html 1.97 KiB
Newer Older
<!DOCTYPE html>
<html lang="en">
Zhefu Li's avatar
Zhefu Li committed

HouTeng Chan's avatar
HouTeng Chan committed
<head>
Zhefu Li's avatar
Zhefu Li committed
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="https://static.igem.wiki/teams/5187/art/icon.png">
    <title>Attributions | Tsinghua - IGEM 2024</title>
    <style>
        body {
            font-family: Calibri, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
        }

        .content {
            padding: 20px;
            max-width: 1500px;
            margin: 0 auto;
        }

        h2 {
            scroll-margin-top: 60px;
        }

        .row.mt-4 {
            margin-right: 130px;
            margin-left: 110px;
        }
    </style>
HouTeng Chan's avatar
HouTeng Chan committed
</head>
Zhefu Li's avatar
Zhefu Li committed

<body>
Zhefu Li's avatar
Zhefu Li committed
    {% extends "layout.html" %}

    {% block title %}Attributions{% endblock %}

    {% block page_content %}

    <div class="progress-container">
        <svg class="progress-bar-circle" width="60" height="60">
            <circle class="progress-circle" cx="30" cy="30" r="25" stroke-width="5" fill="transparent"></circle>
        </svg>
        <div class="progress-text">0%</div>
    </div>

    <div class="row mt-4">
        <div class="col-lg-12">
Zhefu Li's avatar
Zhefu Li committed
            <iframe style="width: 100%;" id="igem-attribution-form"
                src="https://teams.igem.org/wiki/5187/attributions"></iframe>
Zhefu Li's avatar
Zhefu Li committed
            </iframe>
        </div>
Zhefu Li's avatar
Zhefu Li committed
        <script type="text/javascript">
            // Listen to size change and update form height
            window.addEventListener("message", function (e) {
                if (e.origin === "https://teams.igem.org") {
                    const { type, data } = JSON.parse(e.data);
                    if (type === "igem-attribution-form") {
                        const element = document.getElementById("igem-attribution-form");
                        element.style.height = `${data + 50}px`;
                    }
                }
            });
        </script>

    </div>
</body>
Zhefu Li's avatar
Zhefu Li committed

</html>
{% endblock %}