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

Add minor changes

Browse source
This commit is contained in:
Schmelczer András 2020-01-02 15:37:34 +01:00
parent 7f18e75647
commit 41d4665e49
14 changed files with 37 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

13
.idea/workspace.xml generated
View file

@ -5,12 +5,16 @@
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/framework/helper.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/framework/helper.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/framework/page.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/framework/page.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/about/about.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/about/about.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/background/background.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.html.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/background/background.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/model/content.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/model/content.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/model/portfolio.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/model/portfolio.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/background/background.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/background/blob.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/blob.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/footer/footer.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/footer/footer.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.html.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/page/timeline/timeline.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/portfolio.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/portfolio.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/styles.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/styles.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/webpack.config.js" beforeDir="false" afterPath="$PROJECT_DIR$/webpack.config.js" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
@ -112,6 +116,7 @@
<workItem from="1577639259221" duration="3798000" />
<workItem from="1577662869335" duration="6536000" />
<workItem from="1577702567470" duration="3227000" />
<workItem from="1577786195424" duration="4310000" />
</task>
<servers />
</component>

9
package.json
View file

@ -28,10 +28,7 @@
}
},
"browserslist": [
"last 2 version",
"not dead",
"iOS >= 9",
"> 0.2%"
"defaults"
],
"homepage": "https://github.com/schmelczerandras/timeline#readme",
"devDependencies": {
@ -39,6 +36,7 @@
"clean-webpack-plugin": "^3.0.0",
"css-loader": "^3.4.0",
"file-loader": "^5.0.2",
"html-webpack-inline-source-plugin": "0.0.10",
"html-webpack-plugin": "^3.2.0",
"image-webpack-loader": "^6.0.0",
"mini-css-extract-plugin": "^0.9.0",
@ -57,6 +55,7 @@
"typescript": "^3.7.3",
"webpack": "^4.41.4",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.1"
"webpack-dev-server": "^3.10.1",
"workbox-webpack-plugin": "^4.3.1"
}
}

5
src/framework/helper.ts
View file

@ -92,4 +92,7 @@ export const range = ({
export const last = <T>(list: Array<T>): T =>
list.length > 0 ? list[list.length - 1] : undefined;
export const isChrome = (): boolean => !!navigator.appVersion.match(/chrome/i);
export const isChrome = (): boolean =>
!!navigator.appVersion.match(/chrome/i) &&
// @ts-ignore
window.webkitRequestFileSystem !== undefined;

5
src/framework/page.ts
View file

@ -16,7 +16,10 @@ export class Page extends PageElement {
);
}
rootElement.append(...children.map(e => e.getElement()).filter(e => e));
children
.map(e => e.getElement())
.filter(e => e)
.forEach(e => rootElement.appendChild(e));
if (isRootPage) {
this.broadcastEvent({ type: PageEventType.onLoad }, this);

2
src/index.html
View file

@ -11,7 +11,7 @@
<meta property="og:image" content="https://schmelczer.dev/og-image.jpg">
<meta name="description" content="You can view my projects on a timeline.">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
<meta name="theme-color" content="#AA4465" />
<title>Portfolio - András Schmelczer</title>

4
src/model/content.ts
View file

@ -1,10 +1,10 @@
import { ResponsiveImage, url } from "./misc";
interface Anchor {
export type Anchor = {
type: "a";
href: url;
text: string;
}
};
export type Video = {
type: "video";

4
src/model/portfolio.ts
View file

@ -1,5 +1,5 @@
import { url } from "./misc";
import { Content, Image, Video } from "./content";
import { Anchor, Content, Image, Video } from "./content";
export interface Portfolio {
config: Config;
@ -25,7 +25,7 @@ export interface TimelineElement {
figure: Image | Video;
description: string;
more?: Content;
link?: url;
link?: Anchor;
}
export interface Footer {

1
src/page/background/background.ts
View file

@ -32,7 +32,6 @@ export class PageBackground extends PageElement {
protected handleEvent(event: PageEvent, parent: PageElement) {
if (event.type === PageEventType.onLoad) {
this.bindListeners(parent);
this.resize(parent);
} else if (event.type === PageEventType.onBodyDimensionsChanged) {
this.resize(parent, event.data?.deltaHeight);
}

2
src/page/footer/footer.scss
View file

@ -43,7 +43,7 @@ footer#page-footer {
h6 {
@include insignificant-font();
opacity: 0.6;
opacity: 0.75;
}
}
}

7
src/page/timeline/timeline-element/timeline-element.html.ts
View file

@ -28,12 +28,7 @@ export const generate = (
`
: ""
}
${
link
? `
<a href="${link}" target="_blank">${link}</a>`
: ""
}
${link ? PageContent.parseTypedContent(link) : ""}
</div>
</section>
`;

2
src/page/timeline/timeline.ts
View file

@ -14,7 +14,7 @@ export class PageTimeline extends PageElement {
const elements = timeline.map(
e => new PageTimelineElement(e, showMore, showLess)
);
root.append(...elements.map(e => e.getElement()));
elements.map(e => e.getElement()).forEach(e => root.appendChild(e));
super(elements);
this.setElement(root);
}

4
src/portfolio.ts
View file

@ -177,7 +177,7 @@ export const portfolio: Portfolio = {
alt: `a picture of the website`
},
description: `A simple web page where you can view my photos.`,
link: `schmelczer.dev/photos`
link: { type: `a`, href: `photos`, text: `schmelczer.dev/photos` }
},
{
date: `2016 spring`,
@ -203,7 +203,7 @@ export const portfolio: Portfolio = {
footer: {
title: `Learn more`,
cv,
email: `andras@schmelczer.dev`,
email: `schmelczerandras@gmail.com`,
cvName: `Curriculum vitae`,
lastEditName: `Last modified on `,
lastEdit: new Date(2019, 11, 29) // months are 0 indexed

2
src/styles.scss
View file

@ -27,6 +27,8 @@ html {
body {
@include main-font();
height: 100%;
padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px)
env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
& > main {
height: 100%;

6
webpack.config.js
View file

@ -4,6 +4,7 @@ const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const TerserJSPlugin = require("terser-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin");
const isProduction = process.env.NODE_ENV === "production";
@ -20,11 +21,12 @@ module.exports = {
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
hash: true,
xhtml: true,
minify: true,
template: "./src/index.html"
template: "./src/index.html",
inlineSource: ".(js|css)$"
}),
new HtmlWebpackInlineSourcePlugin(),
new MiniCssExtractPlugin({
filename: "[name].[contenthash].css",
chunkFilename: "[id].[contenthash].css"