diff --git a/content/_index.md b/content/_index.md index 8423f41..3efe1dc 100644 --- a/content/_index.md +++ b/content/_index.md @@ -77,8 +77,14 @@ and managed by [Sigma2](https://www.sigma2.no/). {{ div(attributes='class="uk-card uk-card-secondary uk-card-body uk-margin-large-top"') }} ## Office hours: Every Wednesday 10:30 - 12:00 +{{ div(attributes='class="events-container"') }} +{{ div(attributes='class="calendar"') }} + +{{ enddiv()}} Need help with anything high-performance computing or NRIS related? Or do need more computing power than your laptop can provide? Then visit us during our office hours. Every Wednesday 10:30 - 12:00 in [room A209 in Modulbygget](https://use.mazemap.com/#v=1&zlevel=2¢er=18.972617,69.683509&zoom=16.3&campusid=5&sharepoitype=poi&sharepoi=174370). + +{{ enddiv()}} {{ enddiv() }} diff --git a/sass/style.scss b/sass/style.scss index 285cba0..4b99470 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -173,4 +173,29 @@ $heading-color: #404040; /* Adjust the size of the lights as needed */ margin-right: 3px; /* Set the size of the gap between the lights */ +} +.events-container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 20px; + justify-content: normal; + margin: auto; +} + +.calendar { + position: relative; + padding-bottom: 75%; + /* This ratio determines the aspect ratio of the calendar, which is height / width. Adjust as needed. */ + height: 0; + overflow: hidden; +} + +.calendar iframe { + position: absolute; + top: 0; + left: 0; + width: 100% !important; + /* Overriding inline styles */ + height: 100% !important; + /* Overriding inline styles */ } \ No newline at end of file