2020 schedule (#198)

* adding bold mono

* width condition

* nav links

* adding bold mono fontface

* remove redundant class

* style updates

* updated sessions

* program

* mobile fixes

* style update

* adding round table

* adding exhibit

* style fixes

* updated style

* fix blink

* hang

* fix hang

* disorientations update

_data/sessions.yml

@@ -1224,12 +1224,14 @@
     - talk
 
 - sessionID: 20023
-  title: "Disorientations Archive-a-thon"
+  title: "Disorientations"
   descriptionLink: "https://github.com/ournetworks/2020-submissions/issues/23"
   presenterID:
     - disorientations
   description: >
     [Disorientations](https://disorientations.org/) is an informal archive of 100+ disorientation publications by student activists, threading counter-narratives across institutions. These zines are vital examples of grassroots literature which subvert the glossy narratives put forth by universities. Though abundant, they are very disconnected — and like other activist ephemera, many don't make it online, are lost to time, or face deliberate erasure.
+
+      In this in presentation and structured conversation, participants will learn about diso guides as a form of decentralized resistance, workshop metaphors of "disorientation" as they apply to our own contexts, and collaboratively imagine archival technologies attuned to activist publishing.
   sessionType:
     - workshop
 
@@ -1279,6 +1281,7 @@
   description: >
     We consider the game [www.manyland.com](http://manyland.com/) as a collective and social space in which it is possible to iterate real life behaviors. The building permissions of the world are shared with every newcomer so that all participants find themselves equal in the construction, destruction and design of this common space.
   sessionType:
+    - exhibit
     - backstage
 
 - sessionID: 20029
@@ -1405,5 +1408,42 @@
   description: >
     24 volunteers/ participants from Divya's social network will hangout in groups of 3-5 till all have participated once. It is a curatorial attempt to involve people living in different timezones ( UTC-12 to UTC+12 ) to virtually hang out in their respective 5-6 pm slot. The session is divided in 2 parts- 30 mins to talk and 30 mins to browse. In one session, participants will be given a prompt to talk about, with regards to surveillance and privacy and in the other, they will archive, after browsing, 3 selected webpages which also address issues of surveillance. The prompts will be inspired from instances of privacy breaches in the 21st century.
   sessionType:
+    - hangout
     - backstage
 
+- sessionID: 20042
+  title: "Concious Networks: Core"
+  sessionType:
+    - workshop
+
+- sessionID: 20043
+  title: "Concious Networks: Access"
+  sessionType:
+    - workshop
+
+- sessionID: 20044
+  title: "Concious Networks: Agency"
+  sessionType:
+    - workshop
+
+- sessionID: 20045
+  title: "Concious Networks: Action"
+  sessionType:
+    - workshop
+
+- sessionID: 20047
+  title: "Concious Networks: Masterclass"
+  sessionType:
+    - workshop
+
+- sessionID: 20040
+  title: "Opening remarks"
+  sessionType: "orga"
+
+- sessionID: 20041
+  title: "Closing remarks"
+  sessionType: "orga"
+
+- sessionID: 20046
+  title: "Gather.town"
+  sessionType: "hangout"

_includes/session-details.html

@@ -48,7 +48,7 @@ <h4 class="session-presenter inline fw-normal">
     {%- endif -%}
     {%- if session.description -%}
     <div class="session-caption fs-medium">
-      {{- session.description | escape | newline_to_br | truncatewords: 100 | markdownify -}}
+      {{- session.description | escape | truncatewords: 100 | markdownify -}}
     </div>
     {%- endif -%}
     {%- if session.descriptionLink -%}
@@ -62,6 +62,10 @@ <h4 class="session-presenter inline fw-normal">
      {%- if session.instagram -%}<li class="bio-sm-list-item"><a href="https://instagram.com/{{ session.instagram }}" target="_blank" rel="noopener">{{ session.instagram }}</a></li>{%- endif -%}
     </ul>
     {%- endif -%}
+    <div class="session-jump none">
+      <a href="#{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}-schedule" class="mt-2 compact bg-black color-white button">Back to schedule</a>
+    </div>
+
   </div>
 </div>
 {%- endif -%}

_includes/session-exhibited-works.html

@@ -1,27 +1,28 @@
 <div class="session">
   <header>
-    <h5 class="session-title"><a href="#exhibited-works">Exhibited works</a></h5>
+    <h5 class="session-title mb-1 mt-0">Exhibited works</h5>
   </header>
-  <div>
   {% assign presenters = site.data.presenters[include.year] %}
-    <ul class="p-0 fw-bold ls-none">
-    {%- for session in site.data.sessions[include.year] -%}
-      {%- if session.sessionType == "exhibit" -%}
-      <li class="mt-05">
-        <a href="#{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}">{{ session.title }}</a>
+  <ul class="p-0 ls-none flex flex-wrap mb-0">
+    {% assign sortedSessions = site.data.sessions[include.year] | sort_natural: "title" %}
+    {%- for session in sortedSessions -%}
+      {%- if session.sessionType contains "exhibit" -%}
+      <li class="mt-05 w-50 pr-1">
+        <h5 class="m-0"><a id="{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}-schedule" href="#{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}">{{ session.title }}</a></h5>
         {% assign presenterCount = session.presenterID.size %}
+        <h6 class="fw-normal session-presenterID mono fs-small mt-05 mb-1">
         {%- for presenterID in session.presenterID -%}
           {%- for presenter in presenters -%}
             {%- if presenter.presenterID == presenterID -%}
               {% assign name = presenter.name %}
             {%- endif -%}
           {%- endfor -%}
           {% assign presenterCount = presenterCount | minus:1 %}
-          <h6>> {{ name }}</h6>{%- if presenterCount > 1 -%}{{ ', ' }}{%- elsif presenterCount > 0 -%}{{ ' and ' }}{%- endif -%}
+          {{ name }}{%- if presenterCount > 0 -%}, {%- endif -%}
         {%- endfor -%}
+        </h6>
       </li>
       {%- endif -%}
     {%- endfor -%}
-    </ul>
-  </div>
+  </ul>
 </div>

_includes/session.html

@@ -1,14 +1,22 @@
 {%- for session in site.data.sessions[include.year] -%}
   {%- if include.session-id == session.sessionID -%}
   <div class="session">
+    <a class="schedule-block-anchor" {% unless session.skipProgramID %}id="{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}-schedule"{% endunless %}></a>
     <header>
-      <h5 class="session-title">
-        {%- unless session.sessionType == "orga" or session.sessionType == "lightning"-%}<a href="#{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}">{%- endunless -%}
+      <h5 class="mt-0 session-title">
+        {%- unless session.sessionType == "orga" or session.sessionType == "hangout" -%}<a href="#{{ session.title | truncatewords: 6, '' | downcase | replace: ':', '' | replace: ' ', '-' }}" class="session-title-link">{%- endunless -%}
           {{ session.title }}
-        {%- unless session.sessionType == "orga" or session.sessionType == "lightning"-%}</a>{%- endunless -%}
+        {%- unless session.sessionType == "orga" or session.sessionType == "hangout"-%}</a>{%- endunless -%}
       </h5>
+      {%- unless session.sessionType contains "orga" -%}
+        <ul class="ls-none p-0 mt-05 mb-1 flex flex-wrap fs-small">
+        {% for item in session.sessionType %}
+          <li class="highlight p-05 mr-05 mono">{{ item | capitalize | replace: '-', ' ' }}</li>
+        {% endfor %}
+        </ul>
+      {%- endunless -%}
       {% if session.presenterID %}
-        <h6 class="session-presenterID mt-05">
+        <h6 class="fw-normal session-presenterID mono fs-medium mt-05">
           {% assign presenters = site.data.presenters[include.year] %}
           {% assign presenterCount = session.presenterID.size %}
           {%- for presenterID in session.presenterID -%}
@@ -17,12 +25,16 @@ <h6 class="session-presenterID mt-05">
                 {% assign name = presenter.name %}
               {%- endif -%}
             {%- endfor -%}
-            {% assign presenterCount = presenterCount | minus:1 %}> 
-            {{ name }}<br>
+            {% assign presenterCount = presenterCount | minus:1 %}
+            {{ name }}
+            {%- if presenterCount > 0 -%},{%- endif -%}
           {%- endfor -%}
         </h6>
       {% endif %}
     </header>
+    {%- if include.sessionCaption -%}
+      <p class="mt-1 mono fs-medium">{{include.sessionCaption}}</p>
+    {% endif %}
   </div>
   {%- endif -%}
 {%- endfor -%}

_layouts/default.html

@@ -20,7 +20,7 @@
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
   </head>
   <body>
-    <main class="bg-white w-main">
+    <main class="bg-white {% if page.fullWidth %}container-full-width{% else %}w-main{% endif%}">
 
     {% include nav.html %}
     {{ content }}
@@ -29,9 +29,9 @@
     <div class="bg-element fixed top-0 h-100 bg-accent right-0 overflow-hidden">
       <div class="absolute mono text-right bottom-0 right-0">
         <div class="container">
-          <h1 class="heading-2" id="clock-element">00:00:00</h1>
-          <h2 class="heading-3 mb-0">UTC-4</h2>
-          <h3 class="heading-3 mt-0">America/Toronto</h3>
+          <h1 class="fw-normal" id="clock-element">00:00:00</h1>
+          <h2 class="fs-medium fw-normal mb-0">UTC-4</h2>
+          <h3 class="fs-medium fw-normal mt-0">America/Toronto</h3>
         </div>
       </div>
     </div>

_layouts/page.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="container {% if page.fullWidth %}container-full-width{% endif%}">
+<div class="container">
   <article class="post">
     <header>
       <h1 class="post-title mt-0 heading-2 mb-025 metaflop {{ page.titleClasses }}">{{ page.title }}</h1>

_sass/_buttons.scss

@@ -6,13 +6,11 @@ button {
   align-items: baseline;
   justify-content: center;
   padding: 1em 2em 1em;
-  color: $black;
   text-align: center;
   font-family: $base-font-family;
   font-weight: bold;
   text-decoration: none;
   white-space: nowrap;
-  background-color: transparent;
   border: 0;
   border: 1px solid $black;
   cursor: pointer;

_sass/_layout.scss

@@ -68,7 +68,11 @@
 }
 
 .container-full-width {
-  max-width: unset;
+  max-width: calc(960px + 60px);
+
+  & + .bg-element {
+    left: calc(960px + 60px);
+  }
 }
 
 .none {
@@ -194,6 +198,10 @@
   padding-left: 1em;
 }
 
+.pr-1 {
+  padding-right: 1em;
+}
+
 .pb-s {
   padding-bottom: 1em;
 }