Fix lagging

This commit is contained in:
Schmelczer András 2020-01-04 10:25:10 +01:00
commit f054546aa6
35 changed files with 497 additions and 494 deletions

View file

@ -1,39 +1,39 @@
import { Portfolio } from "./model/portfolio";
import { Portfolio } from './model/portfolio';
import me from "./static/media/me.jpg";
import forexMP4 from "./static/media/forex.mp4";
import forexWEBM from "./static/media/forex.webm";
import myNotes from "./static/media/my-notes.jpg";
import processSimulator from "./static/media/process-simulator.jpg";
import processSimulatorInput from "./static/media/process-simulator-input.jpg";
import citySimulation from "./static/media/simulation.jpg";
import color from "./static/media/color.jpg";
import platform from "./static/media/platform.png";
import photos from "./static/media/photos.jpg";
import led from "./static/media/led.jpg";
import cv from "./static/cv/andras_schmelczer_cv_2020_01.pdf";
import ledMP4 from "./static/media/led.mp4";
import ledWEBM from "./static/media/led.webm";
import me from './static/media/me.jpg';
import forexMP4 from './static/media/forex.mp4';
import forexWEBM from './static/media/forex.webm';
import myNotes from './static/media/my-notes.jpg';
import processSimulator from './static/media/process-simulator.jpg';
import processSimulatorInput from './static/media/process-simulator-input.jpg';
import citySimulation from './static/media/simulation.jpg';
import color from './static/media/color.jpg';
import platform from './static/media/platform.png';
import photos from './static/media/photos.jpg';
import led from './static/media/led.jpg';
import cv from './static/cv/andras_schmelczer_cv_2020_01.pdf';
import ledMP4 from './static/media/led.mp4';
import ledWEBM from './static/media/led.webm';
export const portfolio: Portfolio = {
config: {
showMore: `Show details`,
showLess: `Show less`
showLess: `Show less`,
},
header: {
name: `András Schmelczer`,
picture: {
type: `img`,
image: me,
alt: `a picture of me`
alt: `a picture of me`,
},
about: [
`I have always been fascinated by the engineering feats that surround us.
When I realized that someday I might be able to contribute to these achievements,
I knew that is what I need to aim for. As I am finishing my fifth semester at the
Budapest University of Technology and Economics, I feel I am getting closer to it every day.`,
`You can see some of the more interesting projects I have worked on below.`
]
`You can see some of the more interesting projects I have worked on below.`,
],
},
timeline: [
{
@ -43,7 +43,7 @@ export const portfolio: Portfolio = {
type: `video`,
options: `autoplay loop muted playsinline`,
webm: forexWEBM,
mp4: forexMP4
mp4: forexMP4,
},
description: `From the animation we can see that my algorithm does a somewhat acceptable job at
predicting (blue graph) the EUR/USD rates (green graph).`,
@ -53,8 +53,8 @@ export const portfolio: Portfolio = {
differentiating, applying a short-time Fourier-transformation with overlapped (and Hanning-windowed) windows,
extrapolating and then applying the inverse of these transformations to the extrapolated values.`,
`Of course, there is still plenty of room for improvement, but even with this simple algorithm
a mostly profitable trading strategy is viable. In my free time I may put more work into it.`
]
a mostly profitable trading strategy is viable. In my free time I may put more work into it.`,
],
},
{
date: `2019 November`,
@ -62,19 +62,19 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: myNotes,
alt: `two screenshots of the application`
alt: `two screenshots of the application`,
},
description: `A minimalist note organizer and editor powered by Markwon.`,
more: [
{
type: `a`,
href: `https://github.com/schmelczerandras/my-notes`,
text: `MyNotes on GitHub`
text: `MyNotes on GitHub`,
},
`A basic android app for creating and filtering notes written in markdown.`,
`It was my homework for BME's Android and web development course.
It was also my first experience with Android development.`
]
It was also my first experience with Android development.`,
],
},
{
date: `2018 October - November`,
@ -82,7 +82,7 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: processSimulator,
alt: `a screenshot of the simulator`
alt: `a screenshot of the simulator`,
},
description: `Dynamically calculating the temperatures and flow velocities
in a fluid based cooling system based on a simple model.`,
@ -91,8 +91,8 @@ export const portfolio: Portfolio = {
drains sources, and of course, pipes.`,
`The algorithm takes advantages of graphs and matrices to get to a next time frame.`,
`Python is used for the backend along with Flask and NumPy. A REST API facilitates
the communication between the layers. For drawing the frontend HTML5 canvas is utilized.`
]
the communication between the layers. For drawing the frontend HTML5 canvas is utilized.`,
],
},
{
date: `2018 October - November`,
@ -100,15 +100,15 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: processSimulatorInput,
alt: `a picture of the simulator's UI`
alt: `a picture of the simulator's UI`,
},
description: `An intuitive editor to create and edit input files for the nuclear facility simulator.`,
more: [
`Nodes can be moved with drag&drop gestures. Editing the parameters of elements
can be done on the right panel.`,
`The UI is built with JavaFX. The output can be exported as JSON or
directly uploaded to the simulation backend.`
]
directly uploaded to the simulation backend.`,
],
},
{
date: `2018 July - August`,
@ -116,7 +116,7 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: citySimulation,
alt: `a picture of a low-poly city`
alt: `a picture of a low-poly city`,
},
description: `Simulating a city where car crashes are more frequent than usual.`,
more: [
@ -129,8 +129,8 @@ export const portfolio: Portfolio = {
The decisions of the agents is calculated server-side. The real challenge was broadcasting
these decisions in a fault-tolerant way using minimal bandwidth.`,
`The program is made with Unity using C# as the scripting language. The models and animations
were also made by me using Blender.`
]
were also made by me using Blender.`,
],
},
{
date: `2018 June`,
@ -138,7 +138,7 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: color,
alt: `a picture of the app`
alt: `a picture of the app`,
},
description: `An innovative (at least I thought so) color grader web application.`,
more: [
@ -149,8 +149,8 @@ export const portfolio: Portfolio = {
function of their distance to the selected color.`,
`By clicking on a colored circle you can change its settings.
New circles can be created by clicking in the large circle (and they can also be moved by drag&drop).`,
{ type: `a`, href: `color`, text: `schmelczer.dev/color` }
]
{ type: `a`, href: `color`, text: `schmelczer.dev/color` },
],
},
{
date: `2017 autumn`,
@ -159,14 +159,14 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: platform,
alt: `a picture of the app`
alt: `a picture of the app`,
},
description: `A 3D game written in C with the help of SDL 1.2 (I haven't heard of GPU programming at the time).`,
more: [
`The maps are randomly generated and fully destroyable.
The player is getting chased by flying enemies. Overall, I find it a really enjoyable game.`,
`I did this as a homework for my Basics of Programming course.`
]
`I did this as a homework for my Basics of Programming course.`,
],
},
{
date: `2016 summer`,
@ -174,10 +174,10 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: photos,
alt: `a picture of the website`
alt: `a picture of the website`,
},
description: `A simple web page where you can view my photos.`,
link: { type: `a`, href: `photos`, text: `schmelczer.dev/photos` }
link: { type: `a`, href: `photos`, text: `schmelczer.dev/photos` },
},
{
date: `2016 spring`,
@ -185,7 +185,7 @@ export const portfolio: Portfolio = {
figure: {
type: `img`,
image: led,
alt: `a picture from the video`
alt: `a picture from the video`,
},
description: `A full stack application with a built-in
music player which music controls the color of some RGB LED strips.`,
@ -196,9 +196,9 @@ export const portfolio: Portfolio = {
A quite simple frontend for accessing the music player and changing
the settings also got built using vanilla web development technologies.`,
`Below is a video showing the system in work.`,
{ type: `video`, mp4: ledMP4, webm: ledWEBM, options: "controls" }
]
}
{ type: `video`, mp4: ledMP4, webm: ledWEBM, options: 'controls' },
],
},
],
footer: {
title: `Learn more`,
@ -206,6 +206,6 @@ export const portfolio: Portfolio = {
email: `schmelczerandras@gmail.com`,
cvName: `Curriculum vitae`,
lastEditName: `Last modified on `,
lastEdit: new Date(2020, 0, 2) // months are 0 indexed
}
lastEdit: new Date(2020, 0, 2), // months are 0 indexed
},
};