attributions

static/plant_model.py

-# 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

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 %}