Skip to content

Commit 65d8dfc

Browse files
author
Fabian Morón Zirfas
committed
feat(splash images and featured images):
1 parent 8196bfa commit 65d8dfc

File tree

24 files changed

+102
-90
lines changed

24 files changed

+102
-90
lines changed

_source/assets/js/main.bundle.js

Lines changed: 45 additions & 41 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_source/assets/js/main.bundle.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_source/assets/js/src/decoration-nojq.js renamed to _source/assets/js/src/decoration.js

Lines changed: 32 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,21 @@
11

22
export function specialChars() {
33

4-
let elements = document.querySelectorAll('a.textgrow');
4+
let elements = document.querySelectorAll('a.textgrow, .textgrow');
55
[...elements].forEach(element => {
6-
const chars = element.innerText.split('');
7-
element.innerHTML = null;
8-
chars.forEach((char, i) => {
9-
const fontSize = 30 - (2 * i);
10-
const style = `border-bottom-width: ${(i + 1)}px; font-size: ${fontSize}px; top: -${(i + (2 * i))}px;`;
11-
const node = document.createElement('span');
12-
node.style.cssText = style;
13-
const content = document.createTextNode(char);
14-
node.appendChild(content);
15-
element.appendChild(node);
16-
});
6+
if (element.classList.contains('dont-decorate') !== true) {
7+
const chars = element.innerText.split('');
8+
element.innerHTML = null;
9+
chars.forEach((char, i) => {
10+
const fontSize = 30 - (2 * i);
11+
const style = `border-bottom-width: ${(i + 1)}px; font-size: ${fontSize}px; top: -${(i + (2 * i))}px;`;
12+
const node = document.createElement('span');
13+
node.style.cssText = style;
14+
const content = document.createTextNode(char);
15+
node.appendChild(content);
16+
element.appendChild(node);
17+
});
18+
}
1719
});
1820

1921
/**
@@ -24,22 +26,24 @@ export function specialChars() {
2426
let elementsShrink = document.querySelectorAll('.textshrink, h1, h2, h3, h4, h5, h6');
2527

2628
[...elementsShrink].forEach(element => {
27-
const chars = element.innerText.split('');
28-
const style = window.getComputedStyle(element, null).getPropertyValue('font-size');
29-
let fs = parseFloat(style);
30-
element.innerHTML = null;
31-
const minfs = 16;
32-
const decr = (fs - minfs) / chars.length;
33-
chars.forEach((char, i) => {
34-
fs -=decr;
35-
const style = `border-bottom-width: ${(2 / i)}px; font-size: ${fs}px; top: -${i}px;`;
36-
const node = document.createElement('span');
37-
node.className = 'textshrink-item';
38-
node.style.cssText = style;
39-
const content = document.createTextNode(char);
40-
node.appendChild(content);
41-
element.appendChild(node);
42-
});
29+
if (element.classList.contains('dont-decorate') !== true) {
30+
const chars = element.innerText.split('');
31+
const style = window.getComputedStyle(element, null).getPropertyValue('font-size');
32+
let fs = parseFloat(style);
33+
element.innerHTML = null;
34+
const minfs = 16;
35+
const decr = (fs - minfs) / chars.length;
36+
chars.forEach((char, i) => {
37+
fs -= decr;
38+
const style = `border-bottom-width: ${(2 / i)}px; font-size: ${fs}px; top: -${i}px;`;
39+
const node = document.createElement('span');
40+
node.className = 'textshrink-item';
41+
node.style.cssText = style;
42+
const content = document.createTextNode(char);
43+
node.appendChild(content);
44+
element.appendChild(node);
45+
});
46+
}
4347
});
4448
}
4549
}

_source/assets/js/src/main.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import p5 from 'p5/lib/p5.min';
22
import sketch from './p5sketch.js';
3-
import mobileNav from './mobile-nav-nojq.js';
3+
import mobileNav from './mobile-nav.js';
44
import tweets from './tweets.js';
5-
import {specialChars, createGuideLines} from './decoration-nojq.js';
5+
import {specialChars, createGuideLines} from './decoration.js';
66
import {shuffleGalleryItems} from './shuffle-gallery-items';
77
let p5sketch;
88
document.addEventListener('DOMContentLoaded',() =>{
505 KB
Loading
140 KB
Loading
242 KB
Loading
1.29 MB
Loading
791 KB
Loading

0 commit comments

Comments
 (0)