Skip to content

Commit fbf3753

Browse files
authored
Merge pull request #5 from cd88/design-updates
Site soft-launch updates
2 parents 0e30b8d + abc1521 commit fbf3753

14 files changed

Lines changed: 494 additions & 109 deletions

_includes/head.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
<link rel="stylesheet" href="{{ sitedir }}css/html-defaults.css">
2323
<link rel="stylesheet" href="{{ sitedir }}css/about.css">
2424
<link rel="stylesheet" href="{{ sitedir }}css/posts.css">
25+
<link rel="stylesheet" href="{{ sitedir }}css/tags.css">
2526
<link rel="icon" type="image/ico" href="{{ favicon_location }}">
2627
<link rel="shortcut-icon" type="image/ico" href="{{ favicon_location }}">
2728

_includes/highlighted-post.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
{% for post in site.resources limit:20 %}
2+
{% if post.isHighlighted == true %}
3+
<div class="homepage-post highlighted-post">
4+
<div class="row">
5+
<div class="column">
6+
<a class="title" href="{{site.baseurl}}{{ post.url }}">
7+
<div class="post-header">
8+
{{ post.title }}
9+
</div>
10+
{% if post.subtitle and post.subtitle != '' %}
11+
<div class="subtitle">
12+
{{ post.highlight-promo }}
13+
</div>
14+
</a>
15+
{% endif %}
16+
{% if post.tagline and post.tagline != '' %}
17+
<div class="excerpt">
18+
{{ post.tagline }}
19+
</div>
20+
{% endif %}
21+
</div>
22+
<div class="column">
23+
24+
{% if post.image and post.image != '' %}
25+
<a href="{{site.baseurl}}{{ post.url }}">
26+
<div class="highlighted-post-image-container">
27+
28+
<img class="highlighted-post-image" src="{{ post.image }}" alt="{{ post.title }} image"
29+
onerror="this.style.display='none'" />
30+
{% endif %}
31+
</div>
32+
</a>
33+
</div>
34+
</div>
35+
</div>
36+
{% endif %}
37+
{% endfor %}

_includes/navbar.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
<a class="site-title" href="{{ site.url }}{{ site.baseurl}}/">{{ site.title }}</a>
99

10-
<ul class="pull-right">
10+
<ul class="nav-links">
1111
{% for x in site.navbar %}
1212
<li class="float-left">
1313
{% if x.absolute-link %}

_layouts/homepage.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,11 @@
66
<body>
77
<div class="container">
88
{% include navbar.html %}
9-
<div class="page-title" style="font-size:x-large">
9+
<div class="page-title">
1010
{{page.title}}
11-
</div>
12-
<div class="content">
13-
<div class="row">
14-
<div class="column column-header">Articles<hr /></div>
15-
<div class="column column-header">Resources<hr /></div>
16-
</div>
17-
{{ content }}
18-
</div>
11+
</div>
12+
{% include highlighted-post.html %}
13+
{{ content }}
1914
{% include footer.html %}
2015
</div>
2116
</body>

_resources/2025-09-14-committees.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Implementation Committees, A Workplace Organizing Demand around AI
4-
tags: resource
4+
tags: resources
55
author: Gary
66
date: 2025-09-14
77
---

_resources/2025-09-17-organize.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: How Do I Start Organizing around AI at my Workplace?
4-
tags: resource
4+
tags: resources
55
date: 2025-09-17
66
---
77

_resources/2025-09-18-bingo.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,14 @@
22
layout: post
33
title: AI Implementation Bingo
44
subtitle: A Group Exercise for 2-20 Players
5-
tags: resource
5+
tags: resources
66
excerpt_separator: <!--end_excerpt-->
77
date: 2025-09-18
88
image: /assets/bingo.png
99
homepageImageId: bingo-card-thumbnail
10+
isHighlighted: true
11+
highlight-promo: A Workers Decide original - unveiled at Circuit Breakers!
12+
tagline: Play online or print up to 30 randomized bingo cards and compete with your colleagues. This fun game should help keep you grounded while your managers and leadership parrot their coercive AI policies and talking points.
1013
---
1114

1215
[<img id="bingo-card" src="{{ "/assets/bingo.png" | relative_url }}" alt="Bingo Card" />](/assets/bingocard.pdf)

_resources/2025-09-19-inquiry.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: AI Workers Inquiry Toolkit
4-
tags: resource
4+
tags: resources
55
date: 2025-09-19
66
---
77

css/html-defaults.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
---
3-
$accent: #FF0F00;
3+
$accent: #4BAEA0;
44

55
/* HTML and Agent Defaults */
66
body {

css/main.scss

Lines changed: 104 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
---
33
/* Customization Variables */
44

5-
$accent: #FF0F00;
5+
$accent: #4BAEA0;
66

77
$max-width: 1100px;
88
$med-width: 600px;
@@ -27,7 +27,7 @@ $small-width: 480px;
2727

2828
.navbar {
2929
margin-top: 5px;
30-
padding-top: 30px 0 20px 0;
30+
padding: 10px 0;
3131
display: flex;
3232
align-items: center;
3333
gap: 1rem;
@@ -37,13 +37,22 @@ $small-width: 480px;
3737
display: flex;
3838
}
3939

40-
ul {
40+
.site-title {
41+
font-size: 32px;
42+
color: #272727;
43+
flex-grow: 1;
44+
width: auto;
45+
min-width: 0;
46+
}
47+
48+
ul.nav-links {
4149
display: flex;
4250
flex-direction: row;
43-
margin: 0;
51+
margin: 0 10px 0;
4452
padding: 5px 0 5px 0;
45-
margin-left: 20px;
4653
gap: 1rem;
54+
width: auto;
55+
flex-grow: 0;
4756
}
4857

4958
li {
@@ -54,13 +63,7 @@ $small-width: 480px;
5463
.nav-logo {
5564
height: 64px;
5665
width: auto;
57-
}
58-
59-
.site-title {
60-
font-size: 32px;
61-
color: #272727;
62-
display: inline-block;
63-
width: 100%;
66+
margin-left: 10px;
6467
}
6568
}
6669

@@ -109,7 +112,7 @@ $small-width: 480px;
109112
line-height: 1.65;
110113
}
111114

112-
.resource {
115+
&.articles {
113116
display: flex;
114117
justify-content: space-between;
115118

@@ -133,19 +136,17 @@ $small-width: 480px;
133136
}
134137
}
135138

136-
.no-post {
137-
text-align: center;
138-
margin-top: 10px;
139-
font-style: italic;
140-
}
141-
142139
.row {
143140
display: flex;
144141
}
145142

146143
.column {
147144
flex: 1 1 0;
148145
padding: 10px 30px;
146+
147+
&.articles.gt800 {
148+
display: block;
149+
}
149150
}
150151

151152
.column:first-child {
@@ -172,10 +173,10 @@ $small-width: 480px;
172173

173174
.page-title {
174175
text-align: center;
175-
font-size: xx-large;
176-
font-weight: bold;
177-
line-height: 2;
176+
font-size: 16px;
177+
line-height: 1.5;
178178
font-family: 'Inconsolata';
179+
padding: 0 30px;
179180
}
180181

181182
.page-subtitle {
@@ -186,50 +187,117 @@ $small-width: 480px;
186187
/* footer */
187188

188189
.footer {
189-
a {
190-
color: black;
191-
}
192-
193190
text-align: center;
194191
font-size: small;
195192
margin-top: 2em;
196193
margin-bottom: 1em;
194+
195+
a {
196+
color: black;
197+
}
197198
}
198199

199-
/* Mobile */
200+
.lt650, .lt800 {
201+
display: none;
202+
}
203+
.gt800 {
204+
display: flex;
205+
}
200206

207+
@media (max-width: 1100px) {
208+
.column {
209+
padding: 10px 20px;
210+
}
211+
212+
.homepage-post {
213+
&.articles {
214+
.title {
215+
font-size: calc(11px + 1.2vw);
216+
}
217+
}
218+
}
219+
220+
}
221+
222+
/* Tablet */
201223
@media (max-width: 800px) {
202224
.container {
203225
max-width: $med-width;
204226
transition: 0.3s ease all;
205227
}
228+
.navbar {
229+
.site-title {
230+
font-size: calc(14px + 1.1vw);
231+
}
232+
}
233+
234+
.homepage-post.articles .title {
235+
font-size: 18px;
236+
}
206237

238+
.column:first-child, .column:last-child {
239+
flex: 1 1 0;
240+
}
241+
242+
.content .column {
243+
padding: 10px 30px;
244+
245+
&.column-header {
246+
flex: 0 1 100%;
247+
width: 100%;
248+
}
249+
250+
&.resources {
251+
flex: 0 1 100%;
252+
width: 100%;
253+
}
254+
}
255+
256+
.lt800 {
257+
display: flex;
258+
}
259+
.gt800 {
260+
display: none !important;
261+
}
207262
}
208263

264+
/* Mobile */
209265
@media (max-width: 650px) {
210266
.container {
211-
max-width: 83%;
267+
max-width: 95%;
212268
}
213269

214270
.navbar {
215-
ul {
271+
ul.nav-links {
216272
margin-top: 5px;
273+
margin-left: 10px;
274+
width: auto;
275+
flex-direction: column;
217276
}
277+
278+
.site-title {
279+
font-size: calc(14px + 0.8vw);
280+
}
281+
}
282+
283+
.content .column {
284+
padding: 10px 0px;
285+
}
286+
287+
.lt650 {
288+
display: block;
218289
}
219290
}
220291

221292
@media (max-width: 500px) {
222293
.navbar {
223294
text-align: center;
224-
padding: 50px 0px 0px 0px;
295+
padding: 0;
225296

226-
ul {
297+
ul.nav-links {
227298
padding: 10px 0 10px 0;
228-
margin: 0;
229-
display: block;
230299
float: none;
231-
text-align: center;
232-
width: 100%;
300+
text-align: left;
233301
}
234302

235303
li {
@@ -334,7 +402,7 @@ $small-width: 480px;
334402
}
335403

336404
.color-red {
337-
color: #FF0F00;
405+
color: #4BAEA0;
338406
}
339407

340408
.color-orange {

0 commit comments

Comments
 (0)