1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ </ meta >
7
+ < link rel ="stylesheet " type ="text/css "
8
+ href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css ">
9
+ < link rel ="stylesheet " type ="text/css " href ="/assets/css/resume.css ">
10
+ < title > theodore brockman - resume</ title >
11
+ {% seo %}
12
+ </ head >
13
+
14
+ < body >
15
+ < div class ="resume-container ">
16
+ {% for hash in site.data.resume %}
17
+ {% assign key = hash[0] %}
18
+ {% unless key == "data" %}
19
+ < div class ="{{key}} section ">
20
+ < div class ="section-icon-container ">
21
+ < span class ="pink "> theo</ span >
22
+ < span class ="pink "> :</ span >
23
+ < span class ="pink "> ~/resume</ span >
24
+ < span class ="pink "> $ </ span >
25
+ < span class ="white "> {{ site.data.resume.data.section-title-map["web"][key] }}</ span >
26
+ </ div >
27
+ {% if key == "alternative_formats" %}
28
+ < div class ="resume-alternatives ">
29
+ < ul >
30
+ {% for format in site.data.resume.alternative_formats %}
31
+ < li id ="{{format.text}} ">
32
+ < a class ="gold " href ="{{format.url}} "> {{ format.icon }} {{ format.text }}</ a >
33
+ </ li >
34
+ {% endfor %}
35
+ </ ul >
36
+ </ div >
37
+ {% elsif key == "about" %}
38
+ < div class ="resume-header-body ">
39
+ < div >
40
+ < div class ='main-banner floating-block '>
41
+ < img class ='banner-image ' src ="{{ site.data.resume.about.picture }} "> </ img >
42
+ < div class ='about-body '>
43
+ < pre class ="blue "> {{ site.data.resume.about.name }}</ pre >
44
+ < pre style ="overflow: auto; "> {{ site.data.resume.about.description }}</ pre >
45
+ </ div >
46
+ < div class ="contact-link-section ">
47
+ {% for contact in site.data.resume.about.contacts %}
48
+ < div >
49
+ < a class ="contact-section-link " title ="{{ contact.label }} "
50
+ href ="{{ contact.url }} "> < span class ='green '> {{
51
+ contact.label }}</ span > < span class ="gold "> {{
52
+ contact.icon }} {{ contact.text }}</ span > </ a >
53
+ </ div >
54
+ {% endfor %}
55
+ </ div >
56
+ </ div >
57
+ </ div >
58
+
59
+ < div class ="description ">
60
+ < div style ='margin-top:0; ' class ="floating-block ">
61
+ < p >
62
+ < span class ="green "> who is theo?</ span >
63
+ </ p >
64
+ {{ site.data.resume.about.whois | markdownify }}
65
+ </ div >
66
+ < div class ="floating-block ">
67
+ < p >
68
+ < span class ="green "> what does he want to do?</ span >
69
+ </ p >
70
+ {{ site.data.resume.about.mission | markdownify }}
71
+ </ div >
72
+ </ div >
73
+ </ div >
74
+ {% elsif key == "skills" %}
75
+ < div class ="skills floating-block ">
76
+ {% for skill in site.data.resume[key] %}
77
+ {% assign name = skill[0] %}
78
+ {% assign values = skill[1] %}
79
+ < p class ="comment-grey "> // {{ site.data.resume.data.comments[key][name] }}</ p >
80
+ < p >
81
+ < span class ="blue "> {{ name }}</ span > < span class ="white ">  = </ span > < span
82
+ class ="white "> [</ span >
83
+ {%- for value in values -%}
84
+ < span class ="green "> "{{ value }}"{% unless forloop.last %}< span class ='white '> ,</ span > {%
85
+ endunless %}</ span >
86
+ {%- endfor -%}
87
+ < span class ="white "> ]</ span >
88
+ </ p >
89
+ {% unless forloop.last %}< p > </ p > {% endunless %}
90
+ {% endfor %}
91
+ </ div >
92
+ {% elsif key == "projects" %}
93
+ < div class ="column-container ">
94
+ < div class ="column ">
95
+ {% for project_name in site.data.resume.data.section-item-ordering.web.projects %}
96
+ {% for project in site.data.resume[key] %}
97
+ {% if project.name == project_name %}
98
+ < div class ="project floating-block ">
99
+ < div class ="projects-header ">
100
+ < span class ="green "> {{ project.icon }} {{ project.name }}</ span >
101
+ </ div >
102
+ < div class ="projects-body ">
103
+ {% for line in project.description %}
104
+ {{ line | markdownify }}
105
+ {% endfor %}
106
+ < ul >
107
+ {% for link in project.links %}
108
+ < li > < a class ="gold " href ="{{ link.url }} "> {{ link.icon }} {{ link.text }}</ a > </ li >
109
+ {% endfor %}
110
+ </ ul >
111
+ </ div >
112
+ </ div >
113
+ {% endif %}
114
+ {% endfor %}
115
+ {% endfor %}
116
+ </ div >
117
+ </ div >
118
+ {% elsif key == "work" %}
119
+ < div class ="work-experience-container ">
120
+ {%- for job in site.data.resume[key] -%}
121
+ < div class ="work-experience-entry floating-block ">
122
+ < div class ="work-experience-header ">
123
+ < span class ="green "> {{- job.position -}}</ span > < span class ="white "> , </ span > < span > < a
124
+ href ="{{ job.url }} " class ="gold "> {{- job.organization -}}</ a > </ span > < span
125
+ class ="comment-grey "> // {{ job.start | date: "%b %Y" }} - {% if job.end %} {{ job.end
126
+ |
127
+ date: "%b, %Y" }} {% else %} present {% endif %}</ span >
128
+ </ div >
129
+ < div class ="work-experience-body ">
130
+ {%- for highlight in job.highlights -%}
131
+ < p class ="gold "> {{ highlight.icon | append: " " | append: highlight.label }}</ p >
132
+ {{ highlight.text | markdownify }}
133
+ {%- endfor -%}
134
+ </ div >
135
+ </ div >
136
+ {%- endfor -%}
137
+ </ div >
138
+ {% elsif key == "volunteer" %}
139
+ < div class ="volunteer-container floating-block ">
140
+ < span class ="comment-grey "> // usually contributing fixes to small issues I encounter</ span >
141
+ < ul >
142
+ {%- for contribution in site.data.resume[key] -%}
143
+ < li > < a class ="gold " href ="{{ contribution.links[0].url }} "> {{ contribution.icon }} {{ contribution.name }}</ a > </ li >
144
+ {%- endfor -%}
145
+ </ ul >
146
+ </ div >
147
+ <!-- <div class="column-container">
148
+ <div class="column">
149
+ {% for contribution in site.data.resume[key] %}
150
+ <div class="open-source-item floating-block">
151
+ <div class="open-source-header">
152
+ <span class="green">{{ contribution.icon }} {{ contribution.name }}</span>
153
+ </div>
154
+ <div class="open-source-body">
155
+ {% for line in contribution.description %}
156
+ {{ line | markdownify }}
157
+ {% endfor %}
158
+ <p>
159
+ {% for link in contribution.links %}
160
+ <span><a class="gold" href="{{ link.url }}">{{ link.icon }} {{ link.text }}</a></span>
161
+ {% endfor %}
162
+ </p>
163
+ </div>
164
+ </div>
165
+ {% endfor %}
166
+ </div>
167
+ </div> -->
168
+ {% endif %}
169
+ < div class ="section-separator comment-grey ">
170
+ < span > /* </ span >
171
+ < span
172
+ class ="section-separator-lines "> -------------------------------------------------------------------------------</ span >
173
+ < span > */</ span >
174
+ </ div >
175
+ {% endunless %}
176
+ {% endfor %}
177
+ </ div >
178
+ </ div >
179
+ <!-- Cloudflare Web Analytics -->
180
+ < script defer src ='https://static.cloudflareinsights.com/beacon.min.js '
181
+ data-cf-beacon ='{"token": "5be6f51b79624ee984b67f5bd09f6f30"} '> </ script >
182
+ <!-- End Cloudflare Web Analytics -->
183
+
184
+ < script >
185
+
186
+ function handleURLSearchParams ( ) {
187
+
188
+ var query = window . location . search ;
189
+ let format = "resume.html"
190
+
191
+ if ( query ) {
192
+ const params = new URLSearchParams ( query ) ;
193
+ format = params . get ( 'format' ) ;
194
+ }
195
+
196
+ var element = document . getElementById ( format ) ;
197
+ if ( element ) {
198
+ element . remove ( ) ;
199
+ }
200
+ }
201
+
202
+ window . addEventListener ( 'load' , handleURLSearchParams ) ;
203
+ </ script >
204
+ </ body >
205
+
206
+ </ html >
0 commit comments