Merge pull request #153 from pyladies/add_schedule_2024

Add schedule

Author: Mariatta

content/_index.md

@@ -25,7 +25,7 @@ imagealt = "Website banner of PyLadiesCon 2024 Online. 6th-8th December | Multi-
           <a href="https://www.linkedin.com/company/pyladiescon"><i class="fab fa-linkedin fa-2x px-2" aria-hidden="true"></i></a>
         </div>
         <div class="w-100 mt-2 text-start" style="color: white;">
-          The Call for Proposal (CfP) is <span style="font-weight: 900; text-decoration-line: underline;">closed</span> thank you for the submissions.
+            Check the <a class="text-white" href="/schedule">Schedule!</a>
         </div>
       </div>
 

content/schedule/_index.md

@@ -0,0 +1,45 @@
++++
+title = 'Schedule'
+draft = false
+layout = 3
+description = "The dropdown next to the button will allow changing timezone from UTC to local timezone."
+image = "/img/about-photo-2.png"
+imagealt = "Three racially diverse women sitting on a sofa each with a laptop on their lap and smiling."
++++
+
+{{< pageheader
+  "Schedule"
+  "The dropdown next to the button will allow changing timezone from UTC to local timezone."
+  "/img/schedule-icon.png"
+  >}}
+
+# Preliminary version
+
+The current schedule is not final and it will probably change in the following days.
+Additionally, new activities might be added before the conference.
+
+{{< rawhtml >}}
+  <!-- begin pretalx -->
+    <script type="text/javascript" src="https://pretalx.com/pyladiescon-2024/schedule/widget/v2.en.js"></script>
+<pretalx-schedule event-url="https://pretalx.com/pyladiescon-2024/" locale="en" format="grid" style="--pretalx-clr-primary: #ee264d"></pretalx-schedule>
+<noscript>
+    <div class="pretalx-widget">
+        <div class="pretalx-widget-info-message">
+            JavaScript is disabled in your browser. To access our schedule without JavaScript,
+            please <a target="_blank" href="https://pretalx.com/pyladiescon-2024/schedule/">click here</a>.
+        </div>
+    </div>
+</noscript>
+
+<script>
+    // Because pretalx uses a shadow dom element, we need to inject the style tag programmatically
+    const style = document.createElement('style');
+    style.innerHTML = ".pretalx-schedule .settings { margin-left: 0; width: auto; }";
+    style.innerHTML += ".pretalx-schedule .settings .filter-tracks { margin-right: 20px; }";
+
+    const pretalxWrapper = document.querySelector('pretalx-schedule');
+    const pretalxRoot = pretalxWrapper.shadowRoot;
+    pretalxRoot.appendChild(style);
+</script>
+  <!-- end pretalx -->
+{{< /rawhtml >}}

hugo.toml

@@ -20,20 +20,15 @@ name = 'Code of Conduct'
 url = '/about/#code-of-conduct'
 weight = 30
 
-[[menus.main]]
-name = 'Speaking'
-url = 'https://pretalx.com/pyladiescon-2024/cfp'
-weight = 40
-
 #[[menus.main]]
 #name = 'Speakers'
 #pageRef = '/speakers'
 #weight = 30
 
-#[[menus.main]]
-#name = 'Schedule'
-#pageRef = '/schedule'
-#weight = 40
+[[menus.main]]
+name = 'Schedule'
+pageRef = '/schedule'
+weight = 40
 
 [[menus.main]]
 name = 'Sponsors'