diff --git a/static/plant_model.py b/static/plant_model.py index 7ae04dc1e9f06db3196cda8663f4270dfb37c833..753483ea649efbd7dd9c1a74be275a45a7a4c029 100644 --- a/static/plant_model.py +++ b/static/plant_model.py @@ -1,77 +1,3 @@ -# import dash -# from dash import dcc, html -# from dash.dependencies import Input, Output -# import plotly.graph_objs as go - -# # Create the Dash app -# app = dash.Dash(__name__) - -# area_of_cultivation_SB = np.linspace(0, 10, 100) - -# # Sample data for different types of plants -# plant_data = { -# 'Sugar Beet': { -# 'Number of crops': [1, 2, 3, 4, 5], -# 'growth': [10, 15, 20, 25, 30] -# }, -# 'Fern': { -# 'time': [1, 2, 3, 4, 5], -# 'growth': [5, 7, 9, 11, 13] -# }, -# 'Bamboo': { -# 'time': [1, 2, 3, 4, 5], -# 'growth': [20, 25, 35, 45, 50] -# } -# } - -# # Define the layout of the app -# app.layout = html.Div([ -# html.H1('Plant Growth Tracker'), - -# # Dropdown menu to select plant type -# dcc.Dropdown( -# id='plant-dropdown', -# options=[ -# {'label': 'Cactus', 'value': 'Cactus'}, -# {'label': 'Fern', 'value': 'Fern'}, -# {'label': 'Bamboo', 'value': 'Bamboo'} -# ], -# value='Cactus' # Default value -# ), - -# # Graph to display growth data -# dcc.Graph(id='growth-graph') -# ]) - -# # Callback to update the graph based on the selected plant -# @app.callback( -# Output('growth-graph', 'figure'), -# [Input('plant-dropdown', 'value')] -# ) -# def update_graph(selected_plant): -# # Get the data for the selected plant -# data = plant_data[selected_plant] - -# # Create the figure -# figure = { -# 'data': [go.Scatter( -# x=data['time'], -# y=data['growth'], -# mode='lines+markers', -# name=selected_plant -# )], -# 'layout': go.Layout( -# title=f'Growth of {selected_plant} Over Time', -# xaxis={'title': 'Time (months)'}, -# yaxis={'title': 'Growth (cm)'} -# ) -# } - -# return figure - -# # Run the app -# if __name__ == '__main__': -# app.run_server(debug=True) import dash from dash import dcc, html from dash.dependencies import Input, Output diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html index c5c0f0cd73cf1048891c21f73c94be49cba9208b..f2decf4e322dae357e259fdb0a7fc3c1a7b4671c 100644 --- a/wiki/pages/attributions.html +++ b/wiki/pages/attributions.html @@ -5,7 +5,7 @@ {% block page_content %} -<div class="row mt-4"> +<!-- <div class="row mt-4"> <div class="col"> <div> <p>Teams must use the standard Attributions form. To meet the attributions requirement, you must display the standard form on your Wiki by following the instructions here: <a href="https://competition.igem.org/deliverables/project-attribution">Project Attribution page</a>. </p> @@ -17,7 +17,7 @@ <p>If you use a different website framework, make sure to embed the right URL for your team's form.</p> </div> </div> -</div> +</div> --> <!-- ====================================================================== @@ -27,7 +27,32 @@ WILL BE DISPLAYED ON THIS PAGE. DO NOT REMOVE IT, OTHERWISE YOU RISK OF NOT MEETING BRONZE MEDAL CRITERION #2 --> -<div class="row mt-4"> + + <div class="roster-bg-image"></div> + <div style="margin-top:20vh;margin-left:min(100px,5vw);margin-right:min(100px,5vw);margin-bottom:min(80px,15vh);"></div> + <span style="font-family:SourceSansPro;font-size:9vw;font-weight:600;color:#185A4F;">Project Attributions Form</span> +</div> +<div class="attr-pagecontainer"> + <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 + 100}px`; + } + } + }); + </script> + <iframe + style='width: 100%' + id="igem-attribution-form" + src="https://teams.igem.org/wiki/5054/attributions"> +> +</iframe> +</div> +<!-- <div class="row mt-4"> <script type="text/javascript"> // Listen to size change and update form height window.addEventListener("message", function (e) { @@ -48,6 +73,6 @@ </iframe> <!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ --> -</div> +</div> --> {% endblock %}