UNPKG

mt-portfolio

Version:

A Portfolio maker for Angular with image, heading, caption, ability to add contact form and demo

github.com/masoudtahmasebi93/masoudtahmasebi-landscape

masoudtahmasebi93/masoudtahmasebi-landscape

76 lines • 8.69 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
// ========================= // Enum for referencing animations import { animation, style, animate, keyframes } from "@angular/animations"; // ========================= export var AnimationType; (function (AnimationType) { AnimationType["Scale"] = "scale"; AnimationType["Fade"] = "fade"; AnimationType["Flip"] = "flip"; AnimationType["JackInTheBox"] = "jackInTheBox"; })(AnimationType || (AnimationType = {})); // ========================= // Scale // ========================= export const scaleIn = animation([ style({ opacity: 0, transform: "scale(0.5)" }), animate("{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)", style({ opacity: 1, transform: "scale(1)" })) ]); export const scaleOut = animation([ animate("{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)", style({ opacity: 0, transform: "scale(0.5)" })) ]); // ========================= // Fade // ========================= export const fadeIn = animation([ style({ opacity: 0 }), animate("{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)", style({ opacity: 1 })) ]); export const fadeOut = animation([ animate("{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)", style({ opacity: 0 })) ]); // ========================= // Flip // ========================= export const flipIn = animation([ animate("{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)", keyframes([ style({ opacity: 1, transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)", offset: 0 }), style({ transform: "perspective(400px)", offset: 1 }) ])) ]); export const flipOut = animation([ // just hide it ]); // ========================= // Jack in the box // ========================= export const jackIn = animation([ animate("{{time}} ease-in", keyframes([ style({ animationFillMode: "forwards", transform: "scale(0.1) rotate(30deg)", transformOrigin: "center bottom", offset: 0 }), style({ transform: "rotate(-10deg)", offset: 0.5 }), style({ transform: "rotate(3deg)", offset: 0.7 }), style({ transform: "perspective(400px)", offset: 1 }) ])) ]); export const jackOut = animation([ // just hide it ]); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXQtc2xpZGVzaG93LmNvbXBvbmVudC5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9tdC1wb3J0Zm9saW8vc3JjL210L210LXNsaWRlc2hvdy5jb21wb25lbnQuYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLDRCQUE0QjtBQUM1QixrQ0FBa0M7QUFFbEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTNFLDRCQUE0QjtBQUM1QixNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3ZCLGdDQUFlLENBQUE7SUFDZiw4QkFBYSxDQUFBO0lBQ2IsOEJBQWEsQ0FBQTtJQUNiLDhDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFMVyxhQUFhLEtBQWIsYUFBYSxRQUt4QjtBQUVELDRCQUE0QjtBQUM1QixRQUFRO0FBQ1IsNEJBQTRCO0FBQzVCLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDL0IsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7SUFDOUMsT0FBTyxDQUNMLGlEQUFpRCxFQUNqRCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUM3QztDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxTQUFTLENBQUM7SUFDaEMsT0FBTyxDQUNMLGlEQUFpRCxFQUNqRCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUMvQztDQUNGLENBQUMsQ0FBQztBQUVILDRCQUE0QjtBQUM1QixPQUFPO0FBQ1AsNEJBQTRCO0FBQzVCLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUM7SUFDOUIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO0lBQ3JCLE9BQU8sQ0FDTCxpREFBaUQsRUFDakQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ3RCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUMvQixPQUFPLENBQ0wsaURBQWlELEVBQ2pELEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUN0QjtDQUNGLENBQUMsQ0FBQztBQUVILDRCQUE0QjtBQUM1QixPQUFPO0FBQ1AsNEJBQTRCO0FBQzVCLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUM7SUFDOUIsT0FBTyxDQUNMLGlEQUFpRCxFQUNqRCxTQUFTLENBQUM7UUFDUixLQUFLLENBQUM7WUFDSixPQUFPLEVBQUUsQ0FBQztZQUNWLFNBQVMsRUFBRSw2Q0FBNkM7WUFDeEQsTUFBTSxFQUFFLENBQUM7U0FDVixDQUFDO1FBQ0YsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztLQUN0RCxDQUFDLENBQ0g7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0FBQy9CLGVBQWU7Q0FDaEIsQ0FBQyxDQUFDO0FBRUgsNEJBQTRCO0FBQzVCLGtCQUFrQjtBQUNsQiw0QkFBNEI7QUFDNUIsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUM5QixPQUFPLENBQ0wsa0JBQWtCLEVBQ2xCLFNBQVMsQ0FBQztRQUNSLEtBQUssQ0FBQztZQUNKLGlCQUFpQixFQUFFLFVBQVU7WUFDN0IsU0FBUyxFQUFFLDBCQUEwQjtZQUNyQyxlQUFlLEVBQUUsZUFBZTtZQUNoQyxNQUFNLEVBQUUsQ0FBQztTQUNWLENBQUM7UUFDRixLQUFLLENBQUM7WUFDSixTQUFTLEVBQUUsZ0JBQWdCO1lBQzNCLE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQztRQUNGLEtBQUssQ0FBQztZQUNKLFNBQVMsRUFBRSxjQUFjO1lBQ3pCLE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQztRQUNGLEtBQUssQ0FBQztZQUNKLFNBQVMsRUFBRSxvQkFBb0I7WUFDL0IsTUFBTSxFQUFFLENBQUM7U0FDVixDQUFDO0tBQ0gsQ0FBQyxDQUNIO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztBQUMvQixlQUFlO0NBQ2hCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XHJcbi8vIEVudW0gZm9yIHJlZmVyZW5jaW5nIGFuaW1hdGlvbnNcclxuXHJcbmltcG9ydCB7IGFuaW1hdGlvbiwgc3R5bGUsIGFuaW1hdGUsIGtleWZyYW1lcyB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XHJcblxyXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XHJcbmV4cG9ydCBlbnVtIEFuaW1hdGlvblR5cGUge1xyXG4gIFNjYWxlID0gXCJzY2FsZVwiLFxyXG4gIEZhZGUgPSBcImZhZGVcIixcclxuICBGbGlwID0gXCJmbGlwXCIsXHJcbiAgSmFja0luVGhlQm94ID0gXCJqYWNrSW5UaGVCb3hcIlxyXG59XHJcblxyXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XHJcbi8vIFNjYWxlXHJcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT1cclxuZXhwb3J0IGNvbnN0IHNjYWxlSW4gPSBhbmltYXRpb24oW1xyXG4gIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiBcInNjYWxlKDAuNSlcIiB9KSwgLy8gc3RhcnQgc3RhdGVcclxuICBhbmltYXRlKFxyXG4gICAgXCJ7e3RpbWV9fSBjdWJpYy1iZXppZXIoMC43ODUsIDAuMTM1LCAwLjE1LCAwLjg2KVwiLFxyXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06IFwic2NhbGUoMSlcIiB9KVxyXG4gIClcclxuXSk7XHJcblxyXG5leHBvcnQgY29uc3Qgc2NhbGVPdXQgPSBhbmltYXRpb24oW1xyXG4gIGFuaW1hdGUoXHJcbiAgICBcInt7dGltZX19IGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpXCIsXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJzY2FsZSgwLjUpXCIgfSlcclxuICApXHJcbl0pO1xyXG5cclxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4vLyBGYWRlXHJcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT1cclxuZXhwb3J0IGNvbnN0IGZhZGVJbiA9IGFuaW1hdGlvbihbXHJcbiAgc3R5bGUoeyBvcGFjaXR5OiAwIH0pLCAvLyBzdGFydCBzdGF0ZVxyXG4gIGFuaW1hdGUoXHJcbiAgICBcInt7dGltZX19IGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpXCIsXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDEgfSlcclxuICApXHJcbl0pO1xyXG5cclxuZXhwb3J0IGNvbnN0IGZhZGVPdXQgPSBhbmltYXRpb24oW1xyXG4gIGFuaW1hdGUoXHJcbiAgICBcInt7dGltZX19IGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpXCIsXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAgfSlcclxuICApXHJcbl0pO1xyXG5cclxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4vLyBGbGlwXHJcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT1cclxuZXhwb3J0IGNvbnN0IGZsaXBJbiA9IGFuaW1hdGlvbihbXHJcbiAgYW5pbWF0ZShcclxuICAgIFwie3t0aW1lfX0gY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44NilcIixcclxuICAgIGtleWZyYW1lcyhbXHJcbiAgICAgIHN0eWxlKHtcclxuICAgICAgICBvcGFjaXR5OiAxLFxyXG4gICAgICAgIHRyYW5zZm9ybTogXCJwZXJzcGVjdGl2ZSg0MDBweCkgcm90YXRlM2QoMSwgMCwgMCwgOTBkZWcpXCIsXHJcbiAgICAgICAgb2Zmc2V0OiAwXHJcbiAgICAgIH0pLCAvLyBzdGFydCBzdGF0ZVxyXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogXCJwZXJzcGVjdGl2ZSg0MDBweClcIiwgb2Zmc2V0OiAxIH0pXHJcbiAgICBdKVxyXG4gIClcclxuXSk7XHJcblxyXG5leHBvcnQgY29uc3QgZmxpcE91dCA9IGFuaW1hdGlvbihbXHJcbiAgLy8ganVzdCBoaWRlIGl0XHJcbl0pO1xyXG5cclxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4vLyBKYWNrIGluIHRoZSBib3hcclxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxyXG5leHBvcnQgY29uc3QgamFja0luID0gYW5pbWF0aW9uKFtcclxuICBhbmltYXRlKFxyXG4gICAgXCJ7e3RpbWV9fSBlYXNlLWluXCIsXHJcbiAgICBrZXlmcmFtZXMoW1xyXG4gICAgICBzdHlsZSh7XHJcbiAgICAgICAgYW5pbWF0aW9uRmlsbE1vZGU6IFwiZm9yd2FyZHNcIixcclxuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMC4xKSByb3RhdGUoMzBkZWcpXCIsXHJcbiAgICAgICAgdHJhbnNmb3JtT3JpZ2luOiBcImNlbnRlciBib3R0b21cIixcclxuICAgICAgICBvZmZzZXQ6IDBcclxuICAgICAgfSksXHJcbiAgICAgIHN0eWxlKHtcclxuICAgICAgICB0cmFuc2Zvcm06IFwicm90YXRlKC0xMGRlZylcIixcclxuICAgICAgICBvZmZzZXQ6IDAuNVxyXG4gICAgICB9KSxcclxuICAgICAgc3R5bGUoe1xyXG4gICAgICAgIHRyYW5zZm9ybTogXCJyb3RhdGUoM2RlZylcIixcclxuICAgICAgICBvZmZzZXQ6IDAuN1xyXG4gICAgICB9KSxcclxuICAgICAgc3R5bGUoe1xyXG4gICAgICAgIHRyYW5zZm9ybTogXCJwZXJzcGVjdGl2ZSg0MDBweClcIixcclxuICAgICAgICBvZmZzZXQ6IDFcclxuICAgICAgfSlcclxuICAgIF0pXHJcbiAgKVxyXG5dKTtcclxuXHJcbmV4cG9ydCBjb25zdCBqYWNrT3V0ID0gYW5pbWF0aW9uKFtcclxuICAvLyBqdXN0IGhpZGUgaXRcclxuXSk7Il19