andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Add avoid

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-26 17:44:36 +02:00
parent d3927cc13c
commit f41bab1156
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
5 changed files with 38 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/data/media/avoid.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 136 KiB

2
src/data/portfolio.ts
View file

@ -10,6 +10,7 @@ import { UpArrowButton } from '../page/up-arrow-button/up-arrow-button';
import cvEnglish from './media/cv-andras-schmelczer.pdf';
import me from './media/me.jpg';
import { adAstra } from './projects/ad-astra';
import { avoid } from './projects/avoid';
import { citySimulation } from './projects/city-simulation';
import { declared } from './projects/declared';
import { forex } from './projects/forex';
@ -53,6 +54,7 @@ const main = new Main(
nuclear,
nuclearEditor,
citySimulation,
avoid,
platformGame,
photos,
leds,

18
src/data/projects/avoid.ts Normal file
View file

@ -0,0 +1,18 @@
import { Preview } from '../../page/preview/preview';
import { TimelineElementParameters } from '../../page/timeline-element/timeline-element-parameters';
import avoidPoster from '../media/avoid.png';
import { Open } from '../shared';
export const avoid: TimelineElementParameters = {
title: 'Avoid',
date: '2018 January',
figure: new Preview(
avoidPoster,
'https://schmelczer.dev/avoid',
'A webpage showcasing the SDF-2D project.'
),
description:
"I recently found my first-ever web game. It's incredibly simple but I killed some time with it, so feel free to try it out but don't judge too harshly.",
links: [Open('https://schmelczer.dev/avoid')],
};

2
src/page/timeline-element/timeline-element-parameters.ts
View file

@ -7,6 +7,6 @@ export interface TimelineElementParameters {
figure: html | Video | Preview;
title: string;
description: string;
more: Array<string>;
more?: Array<html>;
links: Array<html>;
}

19
src/page/timeline-element/timeline-element.ts
View file

@ -5,7 +5,7 @@ import { generate } from './timeline-element.html';
export class TimelineElement extends PageElement {
private isOpen = false;
private more: HTMLElement;
private readonly more?: HTMLElement;
public constructor(
private timelineElement: TimelineElementParameters,
@ -14,9 +14,12 @@ export class TimelineElement extends PageElement {
) {
super(generate(timelineElement, showMore));
this.more = this.query('.more');
addEventListener('resize', this.handleResize.bind(this));
this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
if (this.more) {
this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
}
this.attachElementByReplacing(
'.figure',
@ -43,6 +46,10 @@ export class TimelineElement extends PageElement {
}
private openMore() {
if (!this.more) {
return;
}
this.isOpen = true;
this.query('.info-button > p').innerText = this.showLess;
@ -52,6 +59,10 @@ export class TimelineElement extends PageElement {
}
private closeMore() {
if (!this.more) {
return;
}
this.isOpen = false;
this.query('.info-button > p').innerText = this.showMore;
@ -60,6 +71,10 @@ export class TimelineElement extends PageElement {
}
private handleResize() {
if (!this.more) {
return;
}
if (this.isOpen) {
this.more.style.height = 'auto';
setTimeout(this.openMore.bind(this), 100);