|
1 | | -<!DOCTYPE html> |
2 | | -<html> |
3 | | - <head> |
4 | | - <title>Marco Pisco</title> |
5 | | - <meta name="description" content="marcopisco.com"> |
6 | | - <meta name="url" content="https://marcopisco.com/"> |
7 | | - <meta property="og:title" content="marcopisco.com" /> |
8 | | - <meta property="og:type" content="website" /> |
9 | | - <meta property="og:url" content="https://www.marcopisco.com" /> |
10 | | - <meta property="og:description" content="Marco Pisco" /> |
11 | | - <meta name="theme-color" content="#0f172a"> |
12 | | - <meta charset="UTF-8"> |
13 | | - <meta name="viewport" content="width=device-width, initial-scale=1"> |
14 | | - <meta name="url" content="https://www.marcopisco.com"> |
15 | | - <link rel="stylesheet" href="/assets/main.css"> |
16 | | - <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> |
17 | | - </head> |
18 | | - <body> |
19 | | - <div id="particles-js"></div> |
20 | | - <div class="site" style="position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);"> |
21 | | - <p class="sitetext rainbow bold">marco pisco</p> |
22 | | - <p class="sitetext">it student, developer in multiple languages</p> |
23 | | - <p class="sitetext email">let's talk, <a href="mailto:hello@marcopisco.com">hello@marcopisco.com</a></p> |
24 | | - <hr style="width:10lh"> |
25 | | - <!-- <p class="sitetext sitelink rainbow"><a href="/assets/portfolio.pdf">portfolio and testimonies</a> <span class="sitetext sitelink">|</span> <a onclick="alert('Writeups coming soon.');">writeups</a></p> --> |
26 | | - </div> |
27 | | - <script> |
28 | | - particlesJS("particles-js", { |
29 | | - "particles": { |
30 | | - "number": { |
31 | | - "value": 100, |
32 | | - "density": { |
33 | | - "enable": true, |
34 | | - "value_area": 800 |
35 | | - } |
36 | | - }, |
37 | | - "color": { |
38 | | - "value": ["#6666ff", "#0099ff", "#00ff00", "#ff3399"] |
39 | | - }, |
40 | | - "shape": { |
41 | | - "type": "circle", |
42 | | - "stroke": { |
43 | | - "width": 0, |
44 | | - "color": "#000000" |
45 | | - } |
46 | | - }, |
47 | | - "opacity": { |
48 | | - "value": 0.4, |
49 | | - "random": true, |
50 | | - "anim": { |
51 | | - "enable": true, |
52 | | - "speed": 1, |
53 | | - "opacity_min": 0.1, |
54 | | - "sync": false |
55 | | - } |
56 | | - }, |
57 | | - "size": { |
58 | | - "value": 3, |
59 | | - "random": true, |
60 | | - "anim": { |
61 | | - "enable": true, |
62 | | - "speed": 4, |
63 | | - "size_min": 0.3, |
64 | | - "sync": false |
65 | | - } |
66 | | - }, |
67 | | - "line_linked": { |
68 | | - "enable": true, |
69 | | - "distance": 150, |
70 | | - "color": "#ffffff", |
71 | | - "opacity": 0.2, |
72 | | - "width": 1 |
73 | | - }, |
74 | | - "move": { |
75 | | - "enable": true, |
76 | | - "speed": 2, |
77 | | - "direction": "none", |
78 | | - "random": false, |
79 | | - "straight": false, |
80 | | - "out_mode": "out", |
81 | | - "bounce": false, |
82 | | - "attract": { |
83 | | - "enable": false, |
84 | | - "rotateX": 600, |
85 | | - "rotateY": 1200 |
86 | | - } |
87 | | - } |
88 | | - }, |
89 | | - "interactivity": { |
90 | | - "detect_on": "canvas", |
91 | | - "events": { |
92 | | - "onhover": { |
93 | | - "enable": true, |
94 | | - "mode": "grab" |
95 | | - }, |
96 | | - "onclick": { |
97 | | - "enable": true, |
98 | | - "mode": "push" |
99 | | - }, |
100 | | - "resize": true |
101 | | - }, |
102 | | - "modes": { |
103 | | - "grab": { |
104 | | - "distance": 140, |
105 | | - "line_linked": { |
106 | | - "opacity": 0.5 |
107 | | - } |
108 | | - }, |
109 | | - "push": { |
110 | | - "particles_nb": 4 |
111 | | - } |
112 | | - } |
113 | | - }, |
114 | | - "retina_detect": true |
115 | | - }); |
116 | | - </script> |
117 | | - </body> |
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 6 | + <title>Portfolio</title> |
| 7 | + <meta name="description" content="Systems-focused software engineer portfolio" /> |
| 8 | + <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| 9 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| 10 | + <link |
| 11 | + href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@400;500;700;800&display=swap" |
| 12 | + rel="stylesheet" |
| 13 | + /> |
| 14 | + <script type="module" src="/src/main.ts"></script> |
| 15 | + </head> |
| 16 | + <body> |
| 17 | + <div id="app"></div> |
| 18 | + </body> |
118 | 19 | </html> |
119 | | - |
120 | | - |
121 | | - |
122 | | - |
123 | | - |
0 commit comments