[Not Final] <#239> Add Contributor Calendar

Author: federicobucchi

README.md

@@ -15,6 +15,10 @@ See [website overview](/website) for more information about the Swift.org websit
 
 Swift.org uses [Jekyll](https://jekyllrb.com), a blog-aware, static site generator in Ruby.
 
+## Calendar Updates
+
+Update Calendar events in [calendar.yml](/_data/calendar.yml) (events are Pacific Time Zone)
+
 ### Running locally
 
 Requirements

_data/calendar.yml

@@ -0,0 +1,14 @@
+- date: 2023-3-22
+  entries:
+    - name: Test 1
+      description: Description 1
+      location: Location 1
+      url: https://www.swift.org
+      start: "08:30:00"
+      duration: 0H30M
+    - name: Test 2
+      description: Description 2
+      location: Location 2
+      url: https://www.swift.org
+      start: "18:00:00"
+      duration: 2H30M

_data/navigation.yml

@@ -8,6 +8,8 @@
           name: swiftorg-and-open-source
         - title: Platform Support
           name: platform-support
+    - title: Calendar
+      url: /calendar/
     - title: Blog
       url: /blog/
     - title: Getting Started

_layouts/base.html

@@ -74,6 +74,8 @@
 {% include navigation.html %}
 {{content}}
 <script src="/assets/javascripts/application.js"></script>
+<script type="module" src="/assets/javascripts/swift-web-components/swift-web-components-stencil.esm.js"></script>
+<script nomodule src="/assets/javascripts/swift-web-components/swift-web-components-stencil.js"></script>
 <!-- metrics -->
 <script>
     /* RSID: */

assets/javascripts/color-scheme-toggle.js

@@ -134,6 +134,12 @@ function getColorSchemeAttribute() {
 
 function updateColorSchemeAttribute(color) {
   document.body.setAttribute('data-color-scheme', color);
+
+  setTimeout(() => {
+    if (document.querySelector('swift-calendar')) {
+      document.querySelector('swift-calendar').setAttribute('theme', getColorSchemeAttribute());
+    }
+  })
 }
 
 function preferredColorSchemeSetting() {