-
Notifications
You must be signed in to change notification settings - Fork 0
/
old.html
239 lines (237 loc) · 14 KB
/
old.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Leonard Goldstein</title>
<link rel="stylesheet" href="blocks/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="page">
<!-- htmllint attr-bans="false" -->
<a class="link-to" href="#">zum Start/go to start</a>
<a id="to-qr" class="link-to" href="#to-qr">zum QR code/go to the QR code</a>
<a id="to-projects" class="link-to" href="#to-projects">zur Projektseite/go to the project page</a>
<!-- htmllint attr-bans="$previous" -->
<div class="main-container main-container--initial">
<div class="card card--main main-card main-card--initial">
<header class="card__inner card--main__inner main-card__inner main-card--depth">
<a href="#" class="card--main__image main-card__image graphic"> </a>
<div class="card--main__right">
<a href="#" class="card--main__qr">
<div class="card--main__qr-img"></div>
</a>
<div class="card--main__info">
<div class="card--main__info-flex">
<h1 class="card__title card--main__title">
<span class="main-card__name main-card__name--surname">
Leonard Rodion
</span>
<span class="main-card__name main-card__name--name">
Goldstein
</span>
</h1>
<div class="card__title main-card__occupation">
Software dev <br>
CS student
</div>
<div class="card--main__social-links">
<a href="https://github.com/goldst" class="card--main__social-link card--main__social-link--github main-card__button main-card__button--github button button--s">
GitHub
</a>
<a href="javascript:toMail('𝕝𝕖𝕠𝕟𝕒𝕣𝕕-𝕘𝕠𝕝𝕕𝕤𝕥𝕖𝕚𝕟@𝕠𝕦𝕥𝕝𝕠𝕠𝕜.𝕕𝕖')" class="card--main__social-link card--main__social-link--mail main-card__button button button--s">
E-Mail
</a>
<a href="tel:0157-78218294" class="card--main__social-link card--main__social-link--tel main-card__button button button--s">
Tel
</a>
<a href="#to-qr" class="card--main__social-link card--main__social-link--qr main-card__button button button--s">
QR-Code
</a>
</div>
</div>
<a href="#to-projects" class="card--main__projects-button main-card__button--projects button">
Projects →
</a>
</div>
</div>
</header>
</div>
<main class="projects main-container__projects">
<div class="projects__title-bar main-container__projects-title-bar">
<h2 class="projects__title">Projekte/Projects</h2>
<ul class="projects__filter tags tags--right tags--color-inversed tags--hides-on-click"></ul>
</div>
<div class="projects__inner">
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--cyp"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
CM-CYP-FPV
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">Check Your Proof</li>
<li class="tags__tag">RegEx</li>
<li class="tags__tag">CodeMirror</li>
<li class="tags__tag">JavaScript</li>
</ul>
<p class="project-card__description">
Implements check your proof (cyp) syntax highlighting and indentation for CodeMirror
</p>
<p class="project-card__description">
Made for for TUM's chair for logic and verification's online cyp proof checker, available for participants of the functional programming and verification (Funktionale Programmierung und Verifikation, FPV) module
</p>
<div class="card--projects__links">
<a href="https://github.com/goldst/codemirror-cyp-fpv" class="card--main__social-link card--main__social-link--github main-card__button main-card__button--github button button--s">
GitHub
</a>
<a href="https://goldst.github.io/codemirror-cyp-fpv/" class="card--main__social-link card--main__social-link--web main-card__button main-card__button--web button button--s">
Demo
</a>
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--cosia"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
Cosia CK-10
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">CSS</li>
<li class="tags__tag">Web Audio API</li>
<li class="tags__tag">JavaScript</li>
</ul>
<p class="project-card__description">
Virtual online version of the Casio CK-10 keyboard
</p>
<div class="card--projects__links">
<a href="https://github.com/goldst/Cosia-CK-10" class="card--main__social-link card--main__social-link--github main-card__button main-card__button--github button button--s">
GitHub
</a>
<a href="/Cosia-CK-10" class="card--main__social-link card--main__social-link--web main-card__button main-card__button--web button button--s">
Demo
</a>
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--bemdoc-gen"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
bemdoc-gen
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">CSS</li>
<li class="tags__tag">BEM</li>
<li class="tags__tag">Documentation</li>
<li class="tags__tag">JavaScript</li>
</ul>
<p class="project-card__description">
Generates visual and interactive documentation for CSS components
</p>
<div class="card--projects__links">
<a href="https://github.com/goldst/bemdoc-gen" class="card--main__social-link card--main__social-link--github main-card__button main-card__button--github button button--s">
GitHub
</a>
<a href="https://www.npmjs.com/package/bemdoc-gen" class="card--main__social-link card--main__social-link--npm main-card__button main-card__button--npm button button--s">
npm
</a>
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--portfolio"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
Portfolio
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">HTML</li>
<li class="tags__tag">JavaScript</li>
<li class="tags__tag">CSS</li>
<li class="tags__tag">Node.js</li>
<li class="tags__tag">Travis CI</li>
</ul>
<p class="project-card__description">
This Website. Uses of CSS 3D transformations, vertical scrolling and only two colors
</p>
<div class="card--projects__links">
<a href="https://github.com/goldst/goldst.github.io" class="card--main__social-link card--main__social-link--github main-card__button main-card__button--github button button--s">
GitHub
</a>
<a href="https://goldst.github.io" class="card--main__social-link card--main__social-link--web main-card__button main-card__button--web button button--s">
Website
</a>
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--todograph"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
TodoGraph
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">JavaScript</li>
<li class="tags__tag">Node.js</li>
<li class="tags__tag">SFTP</li>
</ul>
<p class="project-card__description">
Coming soon: A scalable, extensible and powerful time and task management and tracking tool
</p>
<p class="project-card__description">
Instead of relying on simple todo lists, TodoGraph makes use of graphs to visualize dependencies. TodoGraph is made both for individual users and teams and can be accessed in many ways, for example from a terminal or from a browser.
</p>
<div class="card--projects__links">
coming soon.
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--bfs"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
BFS
</h3>
<ul class="project-card__data tags">
<li class="tags__tag">Scratch</li>
<li class="tags__tag">Brainfuck</li>
</ul>
<p class="project-card__description">
Interpreter for the esoteric programming language Brainfuck written in Scratch.
</p>
<p class="project-card__description">
Work in progress, supports most of the simple hello world programms though.
</p>
<div class="card--projects__links">
<a href="https://scratch.mit.edu/projects/354010317/" class="card--main__social-link card--main__social-link--scratch main-card__button main-card__button--scratch button button--s">
Scratch
</a>
</div>
</article>
</div>
<div class="card card--projects project-card projects__project-card">
<div class="card--projects__background card--projects__background--empty"></div>
<article class="card__inner project-card__inner">
<h3 class="card__title project-card__title">
The sky is the limit
</h3>
<p class="project-card__description">
More is coming soon!
</p>
</article>
</div>
</div>
</main>
</div>
<footer class="disclaimers">
<ul>
<li>Leonard Goldstein</li>
<li>Fork this on GitHub</li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</footer>
<script src="blocks/index.js" type="module"></script>
<script src="js/safety/safety.js"></script>
</body>
</html>