-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (154 loc) · 7.42 KB
/
index.html
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Description example">
<meta name="keywords" content="">
<meta name="author" content="Zbigniew Malcherczyk">
<title>MZA</title>
<link rel="preload" as="style" media="screen" href="https://cdn.jsdelivr.net/gh/ferror/grave@gh-pages/3.3/grave.min.css">
<link rel="stylesheet" media="screen" href="https://cdn.jsdelivr.net/gh/ferror/grave@gh-pages/3.3/grave.min.css">
<link rel="icon" sizes="32x32" href="https://assets.malcherczyk.com/favicon/favicon-32x32.ico">
<link rel="icon" sizes="16x16" href="https://assets.malcherczyk.com/favicon/favicon-16x16.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://assets.malcherczyk.com/icons/180/icon_square_logo.png">
<link rel="manifest" href="manifest.json">
</head>
<body>
<nav>
<figure>
<a href="index">
<img
src="https://assets.malcherczyk.com/icons/512/icon_square_logo.svg"
alt="Ferror's logo and link to github account"
>
</a>
</figure>
<ul>
<li>
<a href="about">about</a>
</li>
<li>
<a href="ideas">product ideas</a>
</li>
</ul>
</nav>
<main>
<header style="margin-bottom: 4rem; text-align: center;">
<h1>Welcome to my personal website</h1>
<h2>Below are types of stuff you are able to read in here</h2>
</header>
<about>
<figure>
<img src="https://assets.malcherczyk.com/icons/512/icon_round_projects.svg" alt="Project's figure">
<figcaption>Zbigniew (Ferror) Malcherczyk</figcaption>
</figure>
<article>
<header>
<h3>Who am I?</h3>
<h4>The PHP programmer & Tech Leader</h4>
</header>
<p>
My adventure started in technical middle school where i started rebelling and learning how to write
simple websites and C++ programs just to be one day a better programmer.
</p>
<p>
Just after getting my degree i found a job at <a href="https://landingi.com">Landingi</a> as a Junior PHP
Developer.
</p>
<p>
I worked really hard and in just a year I got a promotion and they removed my junior prefix.
</p>
<p>In 2020 (The not very good year) I got promoted to Tech Leader and at the biggest pick I had
lead 6 developers - both frontend and backend. Mostly juniors and regulars.
</p>
</article>
</about>
<header style="text-align: center;">
<h1>What grinds my gears!</h1>
</header>
<temple>
<column>
<article>
<header>
<h2>Programming</h2>
</header>
<figure>
<img src="https://assets.malcherczyk.com/icons/512/icon_round_projects.svg" alt="Project's figure">
</figure>
<p>
I create applications in PHP (Symfony) at work and in Java for fun. Since I started working
with Symfony i was able to get through every version from 1.4 to current (5.1)
</p>
<p>
<a href="https://github.com/ferror">Learn more about my PHP projects</a>
</p>
<p>
<a href="https://github.com/ferror">Learn more about my Java projects</a>
</p>
</article>
</column>
<column>
<article>
<header>
<h2>Arduino</h2>
</header>
<figure>
<img src="https://assets.malcherczyk.com/icons/512/icon_round_projects.svg" alt="Project's figure">
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec sollicitudin arcu. Mauris semper ut est vitae mattis. Phasellus hendrerit cursus libero, ut lobortis orci pretium sit amet. Integer finibus, justo accumsan sagittis fermentum, magna ex pretium turpis, id imperdiet orci ligula sed quam. In vulputate, libero non suscipit aliquet, purus est aliquet risus, nec scelerisque nisl
</p>
<p>
<a href="https://github.com/ferror">Learn more about my arduino projects</a>
</p>
</article>
</column>
</temple>
<header style="text-align: center;">
<h1>The Hall of Fame</h1>
<h2>It's basically the projects i did ^^</h2>
</header>
<article>
<header>
<h3>Grave</h3>
</header>
<p>
CSS framework that don't have any class. It's based on structures and relations.
</p>
<p>
<a href="https://github.com/ferror/grave">Learn more about Grave</a>
</p>
</article>
<form method="post" action="">
<header>
<h4>Sign up for website updates</h4>
</header>
<label>
<input type="text" name="_gotcha">
</label>
<label>
Email
<input type="email" name="lead_email" placeholder="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required>
</label>
<label>
<input type="checkbox" name="lead_terms" value="I want to receive website updates email" required> I want to receive website updates email
</label>
<input type="hidden" name="_next" value="https://malcherczyk.com"/>
<input type="submit" disabled>
</form>
</main>
<footer>
Created By <img src="https://assets.malcherczyk.com/icons/copyright.svg" alt="copyright"> <a href="https://github.com/ferror">Zbigniew (Ferror) Malcherczyk</a>
</footer>
<script async src="main.js"></script>
<!-- Panelbear Analytics -->
<script async src="https://cdn.panelbear.com/analytics.js?site=BB2Bhh7dptm"></script>
<script>
window.panelbear = window.panelbear || function(){ window.panelbearQ = window.panelbearQ || []; panelbearQ.push(arguments); };
panelbear('config', { site: 'BB2Bhh7dptm' });
</script>
<!-- End Panelbear Analytics -->
</body>
</html>