-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* update * update * screen * attr * dividers * footer * role * fix overflow
- Loading branch information
Showing
36 changed files
with
752 additions
and
414 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,20 @@ | ||
| <footer class="footer mt-2 mb-2 pb-s pt-s w-main"> | ||
| <footer class="footer mt-2 pt-4"> | ||
| <div class="container flex"> | ||
| <div class="w-50"> | ||
| <div class="w-100"> | ||
| <p><a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener">@{{ site.twitter_username }}</a></p> | ||
|
|
||
| <p><a href="{% link code-of-conduct.md %}">Code of Conduct</a>, email <a href="mailto:[email protected]">[email protected]</a></p> | ||
| <p></p> | ||
|
|
||
| <p><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></p> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| <pre role="img" aria-label="ASCII mountains separated by water at night with the moon and stars" class="font-display-mono aliased text-10 mt-0 max-w-prose overflow-hidden inline-flex mb- w-100"> | ||
| _ . , . . | ||
| * / \_ * / \_ _ * * /\'__ * | ||
| / \ / \, (( . _/ / \ *'. | ||
| . /\/\ /\/ :' __ \_ ` _^/ ^/ `--. | ||
| / \/ \ _/ \-'\ * /.' ^_ \_ .'\ * | ||
| /\ .- `. \/ \ /==~=-=~=-==~=-=~=-=-;. _/ \ -. `_/ \ | ||
| / `-.__ ^ / .-'.--\ =-=~_-=~_=_=~_-=~=-=~=^/ _ `--./ .-' `- | ||
| /jgs `. / / `.~-^=--^-^=-^=--^=-=~=^=.-' '-._ `._</pre> |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,40 +1,21 @@ | ||
| {% assign currentTitle = page.title %} | ||
| {% assign current = page.url %} | ||
| {% assign sorted_pages = site.pages | sort: "order" %} | ||
| {% assign sub_pages = '' | split: '' %} | ||
|
|
||
| <header class="header w-100 top-0 mb-2"> | ||
| <div class="container flex relative m-0 w-100 flex-align-center flex-justify-space-between"> | ||
| <div class="container relative w-100"> | ||
| <a class="logo" href="{{ "/" | relative_url }}" rel="home" title="{{ site.title }}"> | ||
| {% include logo/soon-logo.svg %} | ||
| </a> | ||
| <input class="menu-btn none" type="checkbox" id="menu-btn" /> | ||
| <label class="menu-icon none color-white bg-black" for="menu-btn"><span>Menu</span></label> | ||
| <label class="menu-icon none text-white bg-black rounded font-mono antialiased p-1 no-underline outlined" for="menu-btn"><span>Menu</span></label> | ||
| <nav class="nav w-100" aria-label="Primary Menu"> | ||
| <ul class="menu flex w-100 text-center ls-none"> | ||
| {% assign currentTitle = page.title %} | ||
| {% assign current = page.url %} | ||
| {% assign sorted_pages = site.pages | sort: "order" %} | ||
| {% for page in sorted_pages %} | ||
| {% if page.order > 0 and page.parent == nil %} | ||
| <li> | ||
| <a class="nav-item {% if current != '/' %}{% if page.url == current %}active{% endif %}{% endif %}" | ||
| href="{% if page.content.size > 1 %}{{ page.url | relative_url }}{% else %}#{% endif %}" aria-label="{{ page.title }}"> | ||
| {% if page.titleDisplay %}{{ page.titleDisplay }}{% else %}{{ page.title }}{% endif %} | ||
| </a> | ||
| {% assign sorted2_pages = site.pages | sort: "order" %} | ||
| <ul class="nav-item-sub" aria-hidden="true"> | ||
| {% if page.title == "Previous years" %} | ||
| {%- for year in site.data.previous-years -%} | ||
| <li><a href="{{ year.redirect_to }}" aria-label="{{ year.titleDisplay }}" target="_blank">{{ year.titleDisplay }}</a></li> | ||
| {%- endfor -%} | ||
| {% else %} | ||
| {%- for page2 in sorted2_pages -%} | ||
| {% if page.title == page2.parent %} | ||
| <li><a class="{% if current != '/' %}{% if page2.url == current %}active{% endif %}{% endif %}" href="{% if page2.redirect_to %}{{ page2.redirect_to }}{% else %}{{ page2.url }}{% endif %}" aria-label="{% if page2.titleDisplay %}{{ page2.titleDisplay }}{% else %}{{ page2.title }}{% endif %}">{% if page2.titleDisplay %}{{ page2.titleDisplay }}{% else %}{{ page2.title }}{% endif %}</a></li> | ||
| {% endif %} | ||
| {%- endfor -%} | ||
| {% endif %} | ||
| </ul> | ||
| </li> | ||
| {% endif %} | ||
| {% endfor %} | ||
| </ul> <!-- .nav --> | ||
| <pre class="leading-normal"><ul class="menu w-100 gap-4 list-none"><a class="hover-ornament {% if current == '/' %}active{% endif %}" href="{{ "/" | relative_url }}" rel="home" title="{{ site.title }}">ournetworks.ca</a>{% for page in sorted_pages %}{% if page.order > 0 and page.parent == nil %}<li>{% if forloop.last %}└── {% else %}├── {% endif %}<a class="hover-ornament {% if current != '/' %}{% if page.url == current %}active{% endif %}{% endif %}" | ||
| href="{% if page.content.size > 1 %}{{ page.url | relative_url }}{% else %}#{% endif %}" aria-label="{{ page.title }}">{% if page.titleDisplay %}{{ page.titleDisplay }}{% else %}{{ page.title }}{% endif %}</a>{% assign sorted2_pages = site.pages | sort: "order" %}<ul class="nav-item-sub">{% if page.title == "Previous years" %}{%- for year in site.data.previous-years -%}<li>│ {% if forloop.last %}└── {% else %}├── {% endif %}<a class="hover-ornament" href="{{ year.redirect_to }}" aria-label="{{ year.titleDisplay }}" target="_blank">{{ year.titleDisplay }}</a></li> | ||
| {%- endfor -%}{% else %}{%- for page2 in sorted2_pages -%}{% if page.title == page2.parent %}{% assign sub_pages = sub_pages | push: page2 %} | ||
| {%- for page in sub_pages -%} | ||
| <li>│ {% if forloop.last %}└── {% else %}├── {% endif %}<a class="hover-ornament {% if current != '/' %}{% if page.url == current %}active{% endif %}{% endif %}" href="{% if page.redirect_to %}{{ page.redirect_to }}{% else %}{{ page.url }}{% endif %}" aria-label="{% if page.titleDisplay %}{{ page.titleDisplay }}{% else %}{{ page.title }}{% endif %}">{% if page.titleDisplay %}{{ page.titleDisplay }}{% else %}{{ page.title }}{% endif %}</a></li>{% endfor %}{% endif %}{%- endfor -%}{% endif %}</ul></li>{% endif %}{% endfor %}</ul></pre><!-- .nav --> | ||
| </nav> | ||
| </div> | ||
| </header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,30 +1,61 @@ | ||
| <!doctype html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| {% capture sitedescription %}{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}{% endcapture %} | ||
| <meta name="description" content="{{ sitedescription }}"> | ||
| <meta name="twitter:title" content="{{ site.title }}"> | ||
| <meta name="twitter:site" content="@_ournetworks"> | ||
| <meta name="twitter:card" content="summary"> | ||
| <meta name="twitter:description" content="{{ sitedescription }}"> | ||
| <meta name="twitter:image" content="{{ site.social_image | prepend: site.url }}"> | ||
| <meta property="og:title" content="{{ site.title }}"> | ||
| <meta property="og:type" content="website"> | ||
| <meta property="og:url" content="{{ site.url }}"> | ||
| <meta property="og:description" content="{{ sitedescription }}"> | ||
| <meta property="og:image" content="{{ site.social_image | prepend: site.url }}"> | ||
| <link rel="stylesheet" href="{{ '/css/main.css' | relative_url }}?{{ site.time | date: '%s%N' }}"> | ||
| <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}"> | ||
| <meta charset="utf-8" /> | ||
| <title> | ||
| {% if page.title %}{{ page.title }} | {% endif %}{{ site.title }} | ||
| </title> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1, shrink-to-fit=no" | ||
| /> | ||
| {% capture sitedescription %}{% if page.excerpt %}{{ page.excerpt | | ||
| strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | ||
| }}{% endif %}{% endcapture %} | ||
| <meta name="description" content="{{ sitedescription }}" /> | ||
| <meta name="twitter:title" content="{{ site.title }}" /> | ||
| <meta name="twitter:site" content="@_ournetworks" /> | ||
| <meta name="twitter:card" content="summary_large_image" /> | ||
| <meta name="twitter:url" content="{{ site.url }}" /> | ||
| <meta name="twitter:description" content="{{ sitedescription }}" /> | ||
| <meta | ||
| property="twitter:image" | ||
| content="{{ site.social_image | prepend: site. | ||
| url }}" | ||
| /> | ||
| <meta | ||
| name="twitter:image" | ||
| content="{{ site.social_image | prepend: site.url }}" | ||
| /> | ||
| <meta property="og:title" content="{{ site.title }}" /> | ||
| <meta property="og:type" content="website" /> | ||
| <meta property="og:url" content="{{ site.url }}" /> | ||
| <meta property="og:description" content="{{ sitedescription }}" /> | ||
| <meta | ||
| property="og:image:alt" | ||
| content="ASCII mountains and clouds in the background with a laptop in the foreground and DOES NOT COMPUTE on the screen" | ||
| /> | ||
| <meta | ||
| property="og:image" | ||
| content="{{ site.social_image | prepend: site.url }}" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="{{ '/css/main.css' | relative_url }}?{{ site.time | date: '%s%N' }}" | ||
| /> | ||
| <link | ||
| rel="canonical" | ||
| href="{{ page.url | replace:'index.html','' | prepend: site.url }}" | ||
| /> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| {% include nav.html %} | ||
| {{ content }} | ||
| {% include footer.html %} | ||
| <body class="bg-beige"> | ||
| <main class="max-w-prose mx-auto"> | ||
| {% include nav.html %} {{ content }} {% include footer.html %} | ||
| </main> | ||
| <script async src="{{ '/js/main.js' | relative_url }}?{{ site.time | date: '%s%N' }}"></script> | ||
| <script src="{{ '/js/vendor/asciiMorph.js' | relative_url }}"></script> | ||
| <script | ||
| async | ||
| src="{{ '/js/main.js' | relative_url }}?{{ site.time | date: '%s%N' }}" | ||
| ></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,13 @@ | ||
| --- | ||
| layout: default | ||
| --- | ||
|
|
||
| <div class="container"> | ||
| <article class="post w-main"> | ||
| <div class="max-w-prose"> | ||
| <header> | ||
| <h1 class="{{ page.titleClasses }}">{{ page.title }}</h1> | ||
| <h1 class="{{ page.titleClasses }} font-display">{{ page.title }}</h1> | ||
| </header> | ||
|
|
||
| <div class="post-content"> | ||
| {{ content }} | ||
| </div> | ||
|
|
||
| </article> | ||
| <section>{{ content }}</section> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,33 @@ | ||
| --- | ||
| layout: default | ||
| --- | ||
|
|
||
| <div class="container"> | ||
| <header> | ||
| <h1 class="heading-display fw-normal">Our Networks 2024</h1> | ||
| <header> | ||
| <h1 class="font-display text-sm">Our Networks 2024</h1> | ||
| <h2 class="font-display text-4xl mt-0">Does not (cloud) compute</h2> | ||
| <h3 class="font-display text-2xl">July 27, 2024</h3> | ||
| <h4 class="font-display text-2xl mb-0"> | ||
| <a href="https://312main.ca/" target="_blank">312 Main</a> | ||
| </h4> | ||
| <h5 class="font-display text-2xl mt-0 mb-0">Vancouver, BC</h5> | ||
| </header> | ||
| {{ content }} | ||
| <div> | ||
| <pre role="img" aria-label="ASCII mountains and clouds in the background with a laptop in the foreground with NETWORK IS OPTIONAL and DOES NOT COMPUTE text on the screen" class="font-display-mono aliased text-10 max-w-prose overflow-hidden"> | ||
| .--..-. .--. _.-. | ||
| ( ) ) ☼ ( )' ) | ||
| .-' `-. ☼ .-'. `-. | ||
| _ ( _.-~-._)-' __ ( ) ) ) | ||
| -~ ~-._ _.-~ ~-._..--~~--._.-~ ~~--..__-----' `-' | ||
| _.-~ ~-._ _.-~ ~~--..__ ___.. | ||
| _.-~ · _____________ . ~-._. | ||
| |░░░░░░░░░░░░<span class="text-accent">×</span>| ·. ~-._ . . ·· . . | ||
| <span class="screen"></span> | ||
| |░░░░░░░░░░░░░| | ||
| \\###########\\ | ||
| \ ___ \ | ||
| \_____\__\____\</pre> | ||
| </div> | ||
| <div class="max-w-prose">{{ content }}</div> | ||
| </div> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,30 @@ | ||
| // Base Styling | ||
| // Images | ||
|
|
||
| a { | ||
| color: inherit; | ||
| text-underline-offset: 0.2rem; | ||
|
|
||
| body { | ||
| font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| &:active { | ||
| color: var(--accent); | ||
| } | ||
| } | ||
|
|
||
| // Images | ||
| p { | ||
| @extend .leading-relaxed; | ||
| @extend .text-base; | ||
| } | ||
|
|
||
| ul { | ||
| @extend .leading-relaxed; | ||
| } | ||
|
|
||
| img { | ||
| max-width: 100%; | ||
| height: auto; | ||
| } | ||
|
|
||
| // Links | ||
|
|
||
| a { | ||
| color: var(--black); | ||
|
|
||
| &:hover, | ||
| &:focus, | ||
| &.active { | ||
| text-decoration: none; | ||
| } | ||
| hr { | ||
| border: 0; | ||
| background-color: var(--black); | ||
| height: 1px; | ||
| } |
Oops, something went wrong.