Converted 'article' nomenclature to 'interview'
This commit is contained in:
@ -4,7 +4,7 @@
|
||||
}
|
||||
|
||||
.wompum-container .wompum-grid,
|
||||
.wompum-container .wompum-article-grid {
|
||||
.wompum-container .wompum-interview-grid {
|
||||
gap: 2px;
|
||||
height: 100%;
|
||||
min-height: 2px;
|
||||
@ -12,17 +12,17 @@
|
||||
}
|
||||
|
||||
.wompum-container--wide-gap .wompum-grid,
|
||||
.wompum-container--wide-gap .wompum-article-grid {
|
||||
.wompum-container--wide-gap .wompum-interview-grid {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.wompum-container--no-gap .wompum-grid,
|
||||
.wompum-container--no-gap .wompum-article-grid {
|
||||
.wompum-container--no-gap .wompum-interview-grid {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.wompum-grid,
|
||||
.wompum-article-grid {
|
||||
.wompum-interview-grid {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -4,23 +4,23 @@
|
||||
margin-left: -1rem;
|
||||
}
|
||||
|
||||
.article-title--single .article-title__narrator {
|
||||
.interview-title--single .interview-title__narrator {
|
||||
@apply mb-2 block font-light;
|
||||
}
|
||||
|
||||
.article-title--single .article-title__subject {
|
||||
.interview-title--single .interview-title__subject {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.article-title--list {
|
||||
.interview-title--list {
|
||||
@apply text-2xl font-bold text-gray-900 group-hover:text-pine-900 underline underline-offset-5 decoration-sand-500 hover:decoration-pine-900
|
||||
dark:text-sand-100 dark:group-hover:text-sand-500 dark:decoration-sand-900 dark:hover:decoration-sand-500;
|
||||
}
|
||||
.article-title--list .article-title__narrator::after {
|
||||
.interview-title--list .interview-title__narrator::after {
|
||||
content: ":";
|
||||
}
|
||||
|
||||
.article-title--list .article-title__subject {
|
||||
.interview-title--list .interview-title__subject {
|
||||
@apply font-light;
|
||||
}
|
||||
|
@ -50,4 +50,4 @@ body {
|
||||
@import "components/wompum.css";
|
||||
@import "fonts.css";
|
||||
@import "main.css";
|
||||
@import "article.css";
|
||||
@import "interview.css";
|
||||
|
@ -98,7 +98,7 @@ class WompumGrid {
|
||||
}
|
||||
}
|
||||
|
||||
class ArticleGrid extends WompumGrid {
|
||||
class InterviewGrid extends WompumGrid {
|
||||
constructor(element, metadata) {
|
||||
super(element);
|
||||
this.metadata = metadata;
|
||||
@ -249,16 +249,16 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
grid.init();
|
||||
});
|
||||
|
||||
// Initialize article grids
|
||||
document.querySelectorAll('.wompum-article-grid').forEach(element => {
|
||||
// Initialize interview grids
|
||||
document.querySelectorAll('.wompum-interview-grid').forEach(element => {
|
||||
let metadata = {};
|
||||
try {
|
||||
metadata = JSON.parse(element.dataset.metadata || '{}');
|
||||
} catch (e) {
|
||||
console.error('Error parsing metadata for article grid:', e);
|
||||
console.error('Error parsing metadata for interview grid:', e);
|
||||
}
|
||||
|
||||
const grid = new ArticleGrid(element, metadata);
|
||||
const grid = new InterviewGrid(element, metadata);
|
||||
grid.init();
|
||||
});
|
||||
|
||||
|
Reference in New Issue
Block a user