├── rsync-exclude ├── .gitignore ├── headshot.avif ├── headshot.jpg ├── BrettTerpstraCoverLetter.txt ├── coverletter.html ├── BrettTerpstraResume.txt ├── index.html └── Resume.css /rsync-exclude: -------------------------------------------------------------------------------- 1 | .git 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | Brett Terpstra Cover Letter.md 2 | -------------------------------------------------------------------------------- /headshot.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ttscoff/brettterpstra.info/main/headshot.avif -------------------------------------------------------------------------------- /headshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ttscoff/brettterpstra.info/main/headshot.jpg -------------------------------------------------------------------------------- /BrettTerpstraCoverLetter.txt: -------------------------------------------------------------------------------- 1 | style: Resume 2 | css: Resume.css 3 | 4 |

5 | 6 | # Brett Terpstra 7 | 8 | 16 | 17 |

18 | 19 |

20 | 21 | My name is Brett Terpstra, and I'm applying for the job of Staff Technical Writer. I believe I'm an excellent candidate as I've been writing developer documentation for over 20 years, working with Git/GitHub for 10 years, and have experience at two major corporations (Aol and Oracle) as a team leader, as well as working in my own small business as an independent developer (who writes all his own documentation). 22 | 23 | I've been using Jekyll for 10 years, developing blogs, websites, and documentation based on Markdown, as well as developing plugins. I have dozens of personal projects, all carefully documented, and I have 4 years of experience at Oracle working as a technical writer on the developer relations team, writing original content and documenting Oracle Cloud Infrastructure developments. 24 | 25 | I have excellent writing skills, am highly proficient in Markdown, and have extensive experience working with Git and GitHub. I have natural leadership capabilities, work well with both reports and upper management, and have seen multiple high-pressure projects through to completion, including taking a key role in the relaunch of Engadget.com (as senior front end developer) and a supporting role in the launch of the new developer.oracle.com. 26 | 27 | I have developed dozens of automations and processes for technical documentation, ranging from personal projects (I've published multiple applications, commercial and open source) to the entire publishing pipeline for the DevRel team of Oracle. 28 | 29 | I've been in charge of hiring for Aol when looking for new front-end engineers, and screened/interviewed applicants for technical writing positions at Oracle, where I was responsible for making the final hiring decisions. I've built teams that work well together and accomplish great goals. 30 | 31 | I have outstanding communication skills, both written and in-person, and am known for having a sense of humor while still able to focus on achieving goals. I'm adept at handling and providing feedback, both critical and adulatory. 32 | 33 |

34 | -------------------------------------------------------------------------------- /coverletter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |

11 | 12 |

Brett Terpstra

13 | 14 | 21 | 22 |

23 | 24 |

25 | 26 |

My name is Brett Terpstra, and I’m applying for the job of Senior Documentation Manager. I believe I’m an excellent candidate as I’ve been writing technical documents for over 20 years, working with Git/GitHub for 10 years, and have experience at two major corporations (Aol and Oracle) as a team leader.

27 | 28 |

I currently work as a Principal Software Developer, formerly Principal Technical Writer, at Oracle. I work on the Developer Relations team, advocating for users and providing content and documentation for Oracle Cloud products.

29 | 30 |

I have excellent writing skills, am highly proficient in Markdown, and have extensive experience working with Git and GitHub. I have natural leadership capabilities, work well with both reports and upper management, and have seen multiple high-pressure projects through to completion, including taking a key role in the relaunch of Engadget.com and a supporting role in the launch of the new developer.oracle.com.

31 | 32 |

I have developed dozens of automations and processes for technical documentation, ranging from personal projects (I’ve published multiple applications, commercial and open source) to the entire publishing pipeline for the DevRel team of Oracle.

33 | 34 |

I’ve been in charge of hiring for Aol when looking for new front-end engineers, and screened/interviewed applicants for technical writing positions at Oracle. I’ve built teams that work well together and accomplish great goals.

35 | 36 |

I have outstanding communcation skills, both written and in-person, and am known for having a sense of humor while still able to focus on acheiving goals. I’m adept at handling and providing feedback, both critical and adulatory.

37 | 38 |

39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /BrettTerpstraResume.txt: -------------------------------------------------------------------------------- 1 | style: Resume 2 | css: Resume.css 3 | 4 |

5 | 6 | # Brett Terpstra 7 | 8 | 16 | 17 |

18 | 19 | [headshot]: headshot.avif class="headshot" width=100px height=100px 20 | 21 |

22 | 23 | ### Profile 24 | 25 | I'm a writer, podcaster, and software developer with over 25 years of experience in writing, documenting, and marketing software. I've worked in HTML/CSS, JavaScript (vanilla, jQuery, Angular, React, Vue), C/C++, Ruby, Objective-C, Swift, Python, and more. I have extensive experience writing documentation using Markdown with Git version management and publishing pipelines. 26 | 27 | I graduated from the Minneapolis College of Art and Design in 2000, with a BA in Interactive Multimedia (Web Design). After working as Art Director and webmaster for a fashion company and subsequently founding my own advertising firm, I went full-time into web development. I began working for Aol Tech (Engadget, TUAW, Joystiq, Massively) in 2011 and rose to Senior Front-End developer and tech lead for the content division. I left that position after five years to be an independent software developer for seven years before taking on a Developer Relations role at Oracle in 2021. 28 | 29 | I am currently working as a Principal Software Developer for Oracle on the Developer Relations team, with a technical writing focus. I maintain my personal projects, including multiple applications and their documentation and support, as well as writing, blogging, and podcasting. 30 | 31 |

32 | 33 |

34 | 35 | ### Experience 36 | 37 | Oracle 38 | : _Principal Technical Writer • May 2021 -- January 2022_
39 | _Principal Software Developer • January 2022 -- Present_ 40 | 41 | : I started at Oracle as a technical writer. My work creating a GitHub->OCM (Oracle Content Management) pipeline using [Jekyll](https://jekyllrb.com/) as a conduit earned me a promotion to Principal Software Developer. The pipeline allows Oracle writers to compose in Markdown and use GitHub Pull Requests for the editing process, leveraging code comments, suggested edits, and providing an audit trail. I serve as the primary editor for my team and am always the last approval in the process (though I've built it such that another writer can easily step in if I'm unavailable). Once a PR process is complete, the Jekyll site is published, and the OCM automation (which runs as a Jekyll plugin) pushes new and updated content to the CMS. 42 | 43 | : I manage the [Oracle DevRel GitHub](https://github.com/oracle-devrel) organization for the company, responsible for creation and maintenance of over 200 repositories, including their automation pipelines. I've developed tools for repo generation from templates, and for batch updating files and Actions across any/all repos using the GitHub API. 44 | 45 | : In my role as Principal Technical Writer, I managed projects and goals for my team, and took on the role of editor and facilitator for the work of my co-workers, though not officially in a management role. Under my leadership with a team of three, we published over 100 pieces of technical content that were surfaced as part of developer.oracle.com and blogs.oracle.com in the course of one year. 46 | 47 | : In the last year I've been responsible for creating screencasts and demo videos for the AI Hub at Oracle. I do screencasts, video editing, animations, and voiceovers, all geared toward piquing developer interest in Oracle's AI offerings. 48 | 49 | Independent 50 | : _January 2014 -- May 2021_ 51 | 52 | : For seven years I developed several commercial Mac applications, including [Marked 2](https://marked2app.com) and the upcoming [nvUltra](https://nvultra.com), and maintained multiple web properties. I contracted for web development, productivity consultation, and --- in addition to blogging and creating documentation for my own projects --- contributed to several online publications including [MacStories](https://www.macstories.net/) and [Lifehacker](https://lifehacker.com/) (and previously [Macworld](https://www.macworld.com) and TUAW), as well as continuing my own blog at [brettterpstra.com](https://brettterpstra.com). 53 | 54 | Aol Tech 55 | : _Contract developer • July 2009 -- March 2011_.
56 | _Senior Front End Developer • March 2011 -- January 2014_ 57 | 58 | : I worked remotely on the front end of Aol Tech web properties as the lead developer for Engadget, TUAW, Joystiq and Massively. I handled the implementation of all JavaScript, HTML and CSS technologies on these blogs, and built new functionality for the core Blogsmith platform through PHP extensions. I managed a team of four people to bring major projects like the relaunch of Engadget to fruition. 59 | : I worked closely with designers and had an active role in the development of several high-traffic properties. 60 | : This is where I developed my skills as a remote employee. I learned to manage time, work and meet across time zones, and provide accountability without being in an office setting. I implemented the use of Asana to track projects and progress for my team, as well as the use of Basecamp for communication. 61 | 62 | Agilebits 63 | : _Chief Media Producer • October 2010 -- February 2011_ 64 | 65 | : Hired as a polymath. Built and maintained company sites in both PHP and Ruby on Rails, as well as handling PR, blogging, and support tasks. 66 | 67 | The Unofficial Apple Weblog 68 | : _Author/Blogger • 2007 – 2011_ 69 | 70 | : While blogging at TUAW, I developed the Blogsmith Blogging Bundle for TextMate. The CMS hacks that I pulled off while at TUAW led to my employment as a developer for Aol Tech. 71 | 72 | Circle Six Design 73 | : _Owner • January 2006 -- February 2009_ 74 | 75 | : Web design/development, print design, audio/video production, and client management. 76 | 77 | Knitcraft/St. Croix 78 | : _Art Director/Web Developer • July 2001 -- December 2005_ 79 | 80 | : Handled international e-commerce and web branding, and created all artwork for the national chain of boutique shops. 81 | 82 | Other 83 | : As a member of the Mac "power user" community, I've spoken at [ALTConf](http://altconf.com/), [Macworld](https://www.macworld.com/article/224350/remembering-macworld-expo.html), and [Macstock](https://macstockconferenceandexpo.com/), organized meet-ups at [WWDC](https://developer.apple.com/wwdc/), and have published two titles on iBooks. 84 | 85 |

86 | 87 |

88 | 89 | ### Education 90 | 91 | Minneapolis College of Art And Design, Minneapolis, MN 92 | : BA Interactive Multimedia, 2000 93 | 94 |

95 | 96 |

97 | 98 | ### Skills 99 | 100 | Summary 101 | : 102 | 103 | - HTML, CSS, and responsive web design 104 | - JavaScript, React, jQuery with some experience with other frameworks (Angular, Vue) 105 | - PHP, Ruby, and Python scripting 106 | - Mac and Unix platforms and command line proficiency 107 | - Objective-C, Swift, and Mac development 108 | - Excellent prose and technical writing skills 109 | - Expert on Markdown 110 | - Leadership/team management 111 | - Git/GitHub proficiency 112 | 113 | Programming 114 | : I have a core set of languages in which I consider myself proficient (Ruby, Objective-C, Swift), and myriad languages I'm comfortable working in and always learning more about. I'm capable of picking up new languages quickly as needs arise. 115 | 116 | Writing 117 | : I have strong English language skills, spoken and written, bridging both grammar and style. My writing is both technical and approachable in nature, and I've been credited by many new programmers with having provided them an accessible entry point to a concept. I internalize any style guide I'm given and can easily write for the target publication. 118 | 119 | Markdown 120 | : I'm extremely proficient in Markdown. I can tell you every difference between MultiMarkdown, Discount, Maruku, Kramdown, PHP Markdown Extra, GitHub Flavored Markdown, and any other flavor of Markdown. I know how to write Markdown that will translate across platforms and processors, and how to leverage the specific strengths of any Markdown processor. 121 | 122 | Leadership 123 | : I work well with others, and naturally take a leadership role. In times when that leadership role has led to a management position, I've done an excellent job of hearing the needs of my reports, guiding them in their projects, and acting as a conduit between upper management and my team to accomplish large goals on time. I have experience with Agile workflows. 124 | 125 | : I communicate well, whether in email, one-on-one, or in meeting settings. I accept criticism, understand goals, and convey my feelings and opinions easily. 126 | 127 | : I will say what's on my mind, but am careful not to hurt others, and am very aware of differing needs within a team. I have often been told after meetings, "Thank you for saying that, I didn't have the nerve." I wear this as a badge of honor. 128 | 129 | : Over the years I've developed help documents for projects like Marked 2 ([documentation](https://marked2app.com/help/)), Bunch ([documentation](https://bunchapp.co/docs/)), and all of my [various projects](https://brettterpstra.com/projects/), ranging from detailed README files to full websites. I've also developed documentation for other applications, including [Fantastical by Flexibits](https://flexibits.com/fantastical/help). 130 | 131 | : I've contributed to several major publications, including [O'Reilly's Mac Hacks](https://www.oreilly.com/library/view/mac-hacks/9781449343453/), and co-authored the interactive books [60 Mac Tips Volumes 1 and 2](http://60tips.com/) for Apple's iBookstore and Vimeo release. 132 | 133 | : I blog regularly and have developed an audience (30k+/week) with whom I enjoy interacting. I've also published work on The Unofficial Apple Weblog, Macworld (print and web), MacStories, and LifeHacker, as well as contributed to the upcoming Terminus project for Warp. 134 | 135 | Git/GitHub 136 | : I use Git for version control on all of my projects, and GitHub hosting for [all of my open source work](https://github.com/ttscoff) (and some private repositories). I'm well-versed in command line Git, apps like Tower and GitKraken, and have experience using GitHub Pull Requests, Issues, and Discussions. I also have experience developing GitHub Actions as pipelines for CI/CD and automation. 137 | 138 | 139 |

140 | 141 |

142 | 143 | ### Activities 144 | 145 | Coding 146 | : I develop the Mac application [Marked](https://marked2app.com), a tool for authors and bloggers with Markdown preview and text analysis features. 147 | : I created and maintain [Bunch](https://bunchapp.co), an automation tool for Mac, the [documentation of which](https://bunchapp.co/docs) I am particularly proud. 148 | : I authored the [nvALT](https://brettterpstra.com/projects/nvalt/) fork of Notational Velocity and am currently working on its successor, [nvUltra](https://nvultra.com/). 149 | : I spend my free time coding automation and productivity [apps and scripts](https://brettterpstra.com/projects). I have myriad open source tools I've authored and supported, including [Doing](https://github.com/ttscoff/doing) (command line project/time tracking), [mdless](https://github.com/ttscoff/mdless) (a command line Markdown pager), the [MarkdownEditing](https://github.com/ttscoff/MarkdownEditing) package for Sublime Text, and [NA](https://github.com/ttscoff/na_gem) (command line interaction with TaskPaper files). 150 | : In the process of documenting my projects, I've built helpful tools like [NiftyMenu](https://www.youtube.com/watch?v=mMRke8K6VOU) and a Keyboard Maestro macro for [cross-linking Markdown documents](https://brettterpstra.com/2021/09/01/keyboard-maestro-markdown-linking/). 151 | : I love problem solving, and find complex regular expressions a relaxing endeavor. 152 | 153 | Music 154 | : I enjoy blending music and technology, and do a lot of home recording. My punk rock tour days are behind me (videos available upon request), but I continue to enjoy the process of composing and the technical details of production. 155 | 156 |

157 | 158 |

159 | 160 | ### References 161 | 162 | Professional and personal references are available and will be furnished upon request. 163 | 164 |

165 | 166 |

167 | 168 | ### Elsewhere 169 | 170 | | ---: | :--- | 171 | | **GitHub** | [github.com/ttscoff](https://github.com/ttscoff) | 172 | | **Mastodon** | [hachyderm.io/ttscoff](https://hachyderm.io/@ttscoff/) | 173 | | **Blog** | [brettterpstra.com](https://brettterpstra.com) | 174 | | **Contact** | [brettterpstra.com/contact](https://brettterpstra.com/contact/) | 175 | 176 |

177 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |

11 | 12 |

Brett Terpstra

13 | 14 | 24 | 25 |

26 | 27 |

28 | 29 |

Profile

30 | 31 |

I’m a writer, podcaster, and software developer with over 25 years of experience in writing, documenting, and marketing software. I’ve worked in HTML/CSS, JavaScript (vanilla, jQuery, Angular, React, Vue), C/C++, Ruby, Objective-C, Swift, Python, and more. I have extensive experience writing documentation using Markdown with Git version management and publishing pipelines.

32 | 33 |

I graduated from the Minneapolis College of Art and Design in 2000, with a BA in Interactive Multimedia (Web Design). After working as Art Director and webmaster for a fashion company and subsequently founding my own advertising firm, I went full-time into web development. I began working for Aol Tech (Engadget, TUAW, Joystiq, Massively) in 2011 and rose to Senior Front-End developer and tech lead for the content division. I left that position after five years to be an independent software developer for seven years before taking on a Developer Relations role at Oracle in 2021.

34 | 35 |

I am currently working as a Principal Software Developer for Oracle on the Developer Relations team, with a technical writing focus. I maintain my personal projects, including multiple applications and their documentation and support, as well as writing, blogging, and podcasting.

36 | 37 |

38 | 39 |

40 | 41 |

Experience

42 | 43 |

Oracle: Principal Technical Writer • May 2021 – January 2022
46 | Principal Software Developer • January 2022 – Present; I started at Oracle as a technical writer. My work creating a GitHub->OCM (Oracle Content Management) pipeline using Jekyll as a conduit earned me a promotion to Principal Software Developer. The pipeline allows Oracle writers to compose in Markdown and use GitHub Pull Requests for the editing process, leveraging code comments, suggested edits, and providing an audit trail. I serve as the primary editor for my team and am always the last approval in the process (though I’ve built it such that another writer can easily step in if I’m unavailable). Once a PR process is complete, the Jekyll site is published, and the OCM automation (which runs as a Jekyll plugin) pushes new and updated content to the CMS.; I manage the Oracle DevRel GitHub organization for the company, responsible for creation and maintenance of over 200 repositories, including their automation pipelines. I’ve developed tools for repo generation from templates, and for batch updating files and Actions across any/all repos using the GitHub API.; In my role as Principal Technical Writer, I managed projects and goals for my team, and took on the role of editor and facilitator for the work of my co-workers, though not officially in a management role. Under my leadership with a team of three, we published over 100 pieces of technical content that were surfaced as part of developer.oracle.com and blogs.oracle.com in the course of one year.; In the last year I’ve been responsible for creating screencasts and demo videos for the AI Hub at Oracle. I do screencasts, video editing, animations, and voiceovers, all geared toward piquing developer interest in Oracle’s AI offerings.
Independent: January 2014 – May 2021; For seven years I developed several commercial Mac applications, including Marked 2 and the upcoming nvUltra, and maintained multiple web properties. I contracted for web development, productivity consultation, and — in addition to blogging and creating documentation for my own projects — contributed to several online publications including MacStories and Lifehacker (and previously Macworld and TUAW), as well as continuing my own blog at brettterpstra.com.
Aol Tech: Contract developer • July 2009 – March 2011.
63 | Senior Front End Developer • March 2011 – January 2014; I worked remotely on the front end of Aol Tech web properties as the lead developer for Engadget, TUAW, Joystiq and Massively. I handled the implementation of all JavaScript, HTML and CSS technologies on these blogs, and built new functionality for the core Blogsmith platform through PHP extensions. I managed a team of four people to bring major projects like the relaunch of Engadget to fruition.; I worked closely with designers and had an active role in the development of several high-traffic properties.; This is where I developed my skills as a remote employee. I learned to manage time, work and meet across time zones, and provide accountability without being in an office setting. I implemented the use of Asana to track projects and progress for my team, as well as the use of Basecamp for communication.
Agilebits: Chief Media Producer • October 2010 – February 2011; Hired as a polymath. Built and maintained company sites in both PHP and Ruby on Rails, as well as handling PR, blogging, and support tasks.
The Unofficial Apple Weblog: Author/Blogger • 2007 – 2011; While blogging at TUAW, I developed the Blogsmith Blogging Bundle for TextMate. The CMS hacks that I pulled off while at TUAW led to my employment as a developer for Aol Tech.
Circle Six Design: Owner • January 2006 – February 2009; Web design/development, print design, audio/video production, and client management.
Knitcraft/St. Croix: Art Director/Web Developer • July 2001 – December 2005; Handled international e-commerce and web branding, and created all artwork for the national chain of boutique shops.
Other: As a member of the Mac “power user” community, I’ve spoken at ALTConf, Macworld, and Macstock, organized meet-ups at WWDC, and have published two titles on iBooks.

94 | 95 |

96 | 97 |

98 | 99 |

Education

100 | 101 |

Minneapolis College of Art And Design, Minneapolis, MN: BA Interactive Multimedia, 2000

105 | 106 |

107 | 108 |

109 | 110 |

Skills

111 | 112 |

Summary 113 | :

114 | 115 |

HTML, CSS, and responsive web design
JavaScript, React, jQuery with some experience with other frameworks (Angular, Vue)
PHP, Ruby, and Python scripting
Mac and Unix platforms and command line proficiency
Objective-C, Swift, and Mac development
Excellent prose and technical writing skills
Expert on Markdown
Leadership/team management
Git/GitHub proficiency

126 | 127 |

Programming: I have a core set of languages in which I consider myself proficient (Ruby, Objective-C, Swift), and myriad languages I’m comfortable working in and always learning more about. I’m capable of picking up new languages quickly as needs arise.
Writing: I have strong English language skills, spoken and written, bridging both grammar and style. My writing is both technical and approachable in nature, and I’ve been credited by many new programmers with having provided them an accessible entry point to a concept. I internalize any style guide I’m given and can easily write for the target publication.
Markdown: I’m extremely proficient in Markdown. I can tell you every difference between MultiMarkdown, Discount, Maruku, Kramdown, PHP Markdown Extra, GitHub Flavored Markdown, and any other flavor of Markdown. I know how to write Markdown that will translate across platforms and processors, and how to leverage the specific strengths of any Markdown processor.
Leadership: I work well with others, and naturally take a leadership role. In times when that leadership role has led to a management position, I’ve done an excellent job of hearing the needs of my reports, guiding them in their projects, and acting as a conduit between upper management and my team to accomplish large goals on time. I have experience with Agile workflows.; I communicate well, whether in email, one-on-one, or in meeting settings. I accept criticism, understand goals, and convey my feelings and opinions easily.; I will say what’s on my mind, but am careful not to hurt others, and am very aware of differing needs within a team. I have often been told after meetings, “Thank you for saying that, I didn’t have the nerve.” I wear this as a badge of honor.; Over the years I’ve developed help documents for projects like Marked 2 (documentation), Bunch (documentation), and all of my various projects, ranging from detailed README files to full websites. I’ve also developed documentation for other applications, including Fantastical by Flexibits.; I’ve contributed to several major publications, including O’Reilly’s Mac Hacks, and co-authored the interactive books 60 Mac Tips Volumes 1 and 2 for Apple’s iBookstore and Vimeo release.; I blog regularly and have developed an audience (30k+/week) with whom I enjoy interacting. I’ve also published work on The Unofficial Apple Weblog, Macworld (print and web), MacStories, and LifeHacker, as well as contributed to the upcoming Terminus project for Warp.
Git/GitHub: I use Git for version control on all of my projects, and GitHub hosting for all of my open source work (and some private repositories). I’m well-versed in command line Git, apps like Tower and GitKraken, and have experience using GitHub Pull Requests, Issues, and Discussions. I also have experience developing GitHub Actions as pipelines for CI/CD and automation.

153 | 154 |

155 | 156 |

157 | 158 |

Activities

159 | 160 |

Coding: I develop the Mac application Marked, a tool for authors and bloggers with Markdown preview and text analysis features.; I created and maintain Bunch, an automation tool for Mac, the documentation of which I am particularly proud.; I authored the nvALT fork of Notational Velocity and am currently working on its successor, nvUltra.; I spend my free time coding automation and productivity apps and scripts. I have myriad open source tools I’ve authored and supported, including Doing (command line project/time tracking), mdless (a command line Markdown pager), the MarkdownEditing package for Sublime Text, and NA (command line interaction with TaskPaper files).; In the process of documenting my projects, I’ve built helpful tools like NiftyMenu and a Keyboard Maestro macro for cross-linking Markdown documents.; I love problem solving, and find complex regular expressions a relaxing endeavor.
Music: I enjoy blending music and technology, and do a lot of home recording. My punk rock tour days are behind me (videos available upon request), but I continue to enjoy the process of composing and the technical details of production.

177 | 178 |

179 | 180 |

181 | 182 |

References

183 | 184 |

Professional and personal references are available and will be furnished upon request.

185 | 186 |

187 | 188 |

189 | 190 |

Elsewhere

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 |

GitHub	github.com/ttscoff
Mastodon	hachyderm.io/ttscoff
Blog	brettterpstra.com
Contact	brettterpstra.com/contact

220 | 221 |

222 | 223 | 224 | 225 | 226 | 227 | -------------------------------------------------------------------------------- /Resume.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* 3 | This document has been created with Marked 2 4 | Please leave this notice in place, along with any additional credits below. 5 | --------------------------------------------------------------- 6 | Title: Emma 7 | Author: Brett Terpstra 8 | Description: A sweet little pit bull of a sans serif theme 9 | */ 10 | @import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i|Work+Sans:600&display=swap"); 11 | html { 12 | font-family: sans-serif; 13 | -ms-text-size-adjust: 100%; 14 | -webkit-text-size-adjust: 100%; 15 | font-size: 21px; 16 | } 17 | 18 | body { 19 | width: 1024px; 20 | margin: 0 auto; 21 | max-width: 100vw; 22 | } 23 | 24 | #wrapper { 25 | margin-left: 0; 26 | max-width: 1200px; 27 | hyphens: auto; 28 | -webkit-hyphens: auto; 29 | overflow-wrap: break-word; 30 | } 31 | 32 | header { 33 | max-width: 950px; 34 | } 35 | 36 | #contact { 37 | float: right; 38 | margin: 1em 1em 0 0; 39 | text-align: right; 40 | } 41 | 42 | section { 43 | position: relative; 44 | border-left: solid 1px #ccc; 45 | padding-left: 0.5em; 46 | padding-bottom: 0; 47 | clear: both; 48 | width: 70vw; 49 | float: left; 50 | margin: 1em 0 1em 8em; 51 | max-width: 800px; 52 | } 53 | 54 | article, 55 | aside, 56 | details, 57 | figcaption, 58 | figure, 59 | footer, 60 | header, 61 | main, 62 | menu, 63 | nav, 64 | section, 65 | summary { 66 | display: block; 67 | } 68 | 69 | audio, 70 | canvas, 71 | progress, 72 | video { 73 | display: inline-block; 74 | } 75 | 76 | audio:not([controls]) { 77 | display: none; 78 | height: 0; 79 | } 80 | 81 | progress { 82 | vertical-align: baseline; 83 | } 84 | 85 | [hidden], 86 | template { 87 | display: none; 88 | } 89 | 90 | a { 91 | background-color: transparent; 92 | -webkit-text-decoration-skip: objects; 93 | } 94 | 95 | a:active, 96 | a:hover { 97 | outline-width: 0; 98 | } 99 | 100 | abbr[title] { 101 | border-bottom: none; 102 | text-decoration: underline; 103 | text-decoration: underline dotted; 104 | } 105 | 106 | b, 107 | strong { 108 | font-weight: inherit; 109 | font-weight: bolder; 110 | } 111 | 112 | dfn { 113 | font-style: italic; 114 | } 115 | 116 | mark { 117 | background-color: #ff0; 118 | color: #000; 119 | } 120 | 121 | small { 122 | font-size: 80%; 123 | } 124 | 125 | sub, 126 | sup { 127 | font-size: 75%; 128 | line-height: 0; 129 | position: relative; 130 | vertical-align: baseline; 131 | } 132 | 133 | sub { 134 | bottom: -0.25em; 135 | } 136 | 137 | sup { 138 | top: -0.5em; 139 | } 140 | 141 | img { 142 | border-style: none; 143 | } 144 | 145 | svg:not(:root) { 146 | overflow: hidden; 147 | } 148 | 149 | code, 150 | kbd, 151 | pre, 152 | samp { 153 | font-family: monospace, monospace; 154 | font-size: 1em; 155 | } 156 | 157 | figure { 158 | /* margin: 1em 40px; */ 159 | display: none; 160 | } 161 | 162 | hr { 163 | box-sizing: content-box; 164 | height: 0; 165 | overflow: visible; 166 | } 167 | 168 | button, 169 | input, 170 | optgroup, 171 | select, 172 | textarea { 173 | font: inherit; 174 | margin: 0; 175 | } 176 | 177 | optgroup { 178 | font-weight: 700; 179 | } 180 | 181 | button, 182 | input { 183 | overflow: visible; 184 | } 185 | 186 | button, 187 | select { 188 | text-transform: none; 189 | } 190 | 191 | [type="reset"], 192 | [type="submit"], 193 | button, 194 | html [type="button"] { 195 | -webkit-appearance: button; 196 | } 197 | 198 | [type="button"]::-moz-focus-inner, 199 | [type="reset"]::-moz-focus-inner, 200 | [type="submit"]::-moz-focus-inner, 201 | button::-moz-focus-inner { 202 | border-style: none; 203 | padding: 0; 204 | } 205 | 206 | [type="button"]:-moz-focusring, 207 | [type="reset"]:-moz-focusring, 208 | [type="submit"]:-moz-focusring, 209 | button:-moz-focusring { 210 | outline: 1px dotted ButtonText; 211 | } 212 | 213 | fieldset { 214 | border: 1px solid silver; 215 | margin: 0 2px; 216 | padding: 0.35em 0.625em 0.75em; 217 | } 218 | 219 | legend { 220 | box-sizing: border-box; 221 | color: inherit; 222 | display: table; 223 | max-width: 100%; 224 | padding: 0; 225 | white-space: normal; 226 | } 227 | 228 | textarea { 229 | overflow: auto; 230 | } 231 | 232 | [type="checkbox"], 233 | [type="radio"] { 234 | box-sizing: border-box; 235 | padding: 0; 236 | } 237 | 238 | [type="number"]::-webkit-inner-spin-button, 239 | [type="number"]::-webkit-outer-spin-button { 240 | height: auto; 241 | } 242 | 243 | [type="search"] { 244 | -webkit-appearance: textfield; 245 | outline-offset: -2px; 246 | } 247 | 248 | [type="search"]::-webkit-search-cancel-button, 249 | [type="search"]::-webkit-search-decoration { 250 | -webkit-appearance: none; 251 | } 252 | 253 | ::-webkit-input-placeholder { 254 | color: inherit; 255 | opacity: 0.54; 256 | } 257 | 258 | ::-webkit-file-upload-button { 259 | -webkit-appearance: button; 260 | font: inherit; 261 | } 262 | 263 | html { 264 | font: 125%/1.45 "Quattrocento Sans", sans-serif; 265 | box-sizing: border-box; 266 | overflow-y: scroll; 267 | } 268 | 269 | * { 270 | box-sizing: inherit; 271 | } 272 | 273 | *:before { 274 | box-sizing: inherit; 275 | } 276 | 277 | *:after { 278 | box-sizing: inherit; 279 | } 280 | 281 | body { 282 | color: rgba(0, 0, 0, 0.8); 283 | font-family: "Quattrocento Sans", sans-serif; 284 | font-weight: 400; 285 | word-wrap: break-word; 286 | font-kerning: normal; 287 | -moz-font-feature-settings: "kern", "liga", "clig", "calt"; 288 | -ms-font-feature-settings: "kern", "liga", "clig", "calt"; 289 | -webkit-font-feature-settings: "kern", "liga", "clig", "calt"; 290 | font-feature-settings: "kern", "liga", "clig", "calt"; 291 | } 292 | 293 | img { 294 | max-width: 100%; 295 | margin-left: 0; 296 | margin-right: 0; 297 | margin-top: 0; 298 | padding-bottom: 0; 299 | padding-left: 0; 300 | padding-right: 0; 301 | padding-top: 0; 302 | margin-bottom: 1.45rem; 303 | } 304 | 305 | h1 { 306 | margin-left: 0; 307 | margin-right: 0; 308 | margin-top: 0; 309 | padding-bottom: 3rem; 310 | padding-left: 0; 311 | padding-right: 0; 312 | padding-top: 0; 313 | margin-bottom: 3rem; 314 | color: rgba(0, 0, 0, 0.9); 315 | font-family: "Work Sans", sans-serif; 316 | font-weight: 600; 317 | text-rendering: optimizeLegibility; 318 | font-size: 6rem; 319 | line-height: 0.8; 320 | display: block; 321 | margin-left: 0; 322 | width: 25rem; 323 | float: left; 324 | color: #a7036d; 325 | } 326 | 327 | h2 { 328 | margin-left: 0; 329 | margin-right: 0; 330 | margin-top: 0; 331 | padding-bottom: 0; 332 | padding-left: 0; 333 | padding-right: 0; 334 | padding-top: 0; 335 | margin-bottom: 1.45rem; 336 | color: rgba(0, 0, 0, 0.9); 337 | font-family: "Work Sans", sans-serif; 338 | font-weight: 600; 339 | text-rendering: optimizeLegibility; 340 | font-size: 1.51572rem; 341 | line-height: 1.1; 342 | } 343 | 344 | h3 { 345 | position: absolute; 346 | left: -300px; 347 | top: 0; 348 | width: 280px; 349 | text-align: right; 350 | margin-right: 0; 351 | margin-top: 0 !important; 352 | padding-bottom: 0; 353 | padding-left: 0; 354 | padding-right: 0; 355 | padding-top: 0; 356 | margin-bottom: 1.45rem; 357 | color: rgba(0, 0, 0, 0.9); 358 | font-family: "Work Sans", sans-serif; 359 | font-weight: 600; 360 | text-rendering: optimizeLegibility; 361 | font-size: 1em; 362 | line-height: 1.4; 363 | text-transform: uppercase; 364 | color: #a7036d; 365 | } 366 | 367 | h4 { 368 | margin-left: 0; 369 | margin-right: 0; 370 | margin-top: 0; 371 | padding-bottom: 0; 372 | padding-left: 0; 373 | padding-right: 0; 374 | padding-top: 0; 375 | margin-bottom: 1.45rem; 376 | color: rgba(0, 0, 0, 0.9); 377 | font-family: "Work Sans", sans-serif; 378 | font-weight: 600; 379 | text-rendering: optimizeLegibility; 380 | font-size: 1rem; 381 | line-height: 1.1; 382 | } 383 | 384 | h5 { 385 | margin-left: 0; 386 | margin-right: 0; 387 | margin-top: 0; 388 | padding-bottom: 0; 389 | padding-left: 0; 390 | padding-right: 0; 391 | padding-top: 0; 392 | margin-bottom: 1.45rem; 393 | color: rgba(0, 0, 0, 0.9); 394 | font-family: "Work Sans", sans-serif; 395 | font-weight: 600; 396 | text-rendering: optimizeLegibility; 397 | font-size: 0.87055rem; 398 | line-height: 1.1; 399 | } 400 | 401 | h6 { 402 | margin-left: 0; 403 | margin-right: 0; 404 | margin-top: 0; 405 | padding-bottom: 0; 406 | padding-left: 0; 407 | padding-right: 0; 408 | padding-top: 0; 409 | margin-bottom: 1.45rem; 410 | color: rgba(0, 0, 0, 0.9); 411 | font-family: "Work Sans", sans-serif; 412 | font-weight: 600; 413 | text-rendering: optimizeLegibility; 414 | font-size: 0.81225rem; 415 | line-height: 1.1; 416 | } 417 | 418 | hgroup { 419 | margin-left: 0; 420 | margin-right: 0; 421 | margin-top: 0; 422 | padding-bottom: 0; 423 | padding-left: 0; 424 | padding-right: 0; 425 | padding-top: 0; 426 | margin-bottom: 1.45rem; 427 | } 428 | 429 | ul { 430 | margin-left: 5px; 431 | margin-right: 0; 432 | margin-top: 0; 433 | padding-bottom: 0; 434 | padding-left: 0; 435 | padding-right: 0; 436 | padding-top: 0; 437 | margin-bottom: 1.45rem; 438 | list-style-position: outside; 439 | list-style-image: none; 440 | list-style-type: none; 441 | } 442 | 443 | li { 444 | position: relative; 445 | } 446 | 447 | li::before { 448 | content: ""; 449 | display: block; 450 | width: 5px; 451 | height: 5px; 452 | border-radius: 0 5px 5px 0; 453 | background: #ccc; 454 | position: absolute; 455 | left: -0.8em; 456 | top: 0.54em; 457 | } 458 | 459 | ol { 460 | margin-left: 1.45rem; 461 | margin-right: 0; 462 | margin-top: 0; 463 | padding-bottom: 0; 464 | padding-left: 0; 465 | padding-right: 0; 466 | padding-top: 0; 467 | margin-bottom: 1.45rem; 468 | list-style-position: outside; 469 | list-style-image: none; 470 | } 471 | 472 | dl { 473 | margin-left: 0; 474 | margin-right: 0; 475 | margin-top: 0; 476 | padding-bottom: 0; 477 | padding-left: 0; 478 | padding-right: 0; 479 | padding-top: 0; 480 | margin-bottom: 0; 481 | } 482 | 483 | p:last-of-type, 484 | dd:last-of-type { 485 | margin-bottom: 0; 486 | } 487 | 488 | dd { 489 | margin-left: 0; 490 | margin-right: 0; 491 | margin-top: 0; 492 | padding-bottom: 0; 493 | padding-left: 0; 494 | padding-right: 0; 495 | padding-top: 0; 496 | margin-bottom: 1.45rem; 497 | } 498 | 499 | p { 500 | margin-left: 0; 501 | margin-right: 0; 502 | margin-top: 0; 503 | padding-bottom: 0; 504 | padding-left: 0; 505 | padding-right: 0; 506 | padding-top: 0; 507 | margin-bottom: 1.45rem; 508 | } 509 | 510 | figure { 511 | margin-left: 0; 512 | margin-right: 0; 513 | margin-top: 0; 514 | padding-bottom: 0; 515 | padding-left: 0; 516 | padding-right: 0; 517 | padding-top: 0; 518 | margin-bottom: 1.45rem; 519 | } 520 | 521 | pre { 522 | margin-left: 0; 523 | margin-right: 0; 524 | margin-top: 0; 525 | padding-bottom: 0; 526 | padding-left: 0; 527 | padding-right: 0; 528 | padding-top: 0; 529 | margin-bottom: 1.45rem; 530 | font-size: 0.85rem; 531 | line-height: 1.45rem; 532 | } 533 | 534 | table { 535 | margin-left: 0; 536 | margin-right: 0; 537 | margin-top: 0; 538 | padding-bottom: 0; 539 | padding-left: 0; 540 | padding-right: 0; 541 | padding-top: 0; 542 | margin-bottom: 1.45rem; 543 | font-size: 1rem; 544 | line-height: 1.45rem; 545 | border-collapse: collapse; 546 | width: auto; 547 | } 548 | 549 | fieldset { 550 | margin-left: 0; 551 | margin-right: 0; 552 | margin-top: 0; 553 | padding-bottom: 0; 554 | padding-left: 0; 555 | padding-right: 0; 556 | padding-top: 0; 557 | margin-bottom: 1.45rem; 558 | } 559 | 560 | blockquote { 561 | margin-left: 0; 562 | margin-right: 0; 563 | margin-top: 0; 564 | padding-bottom: 0; 565 | padding-left: 0.90625rem; 566 | padding-right: 0; 567 | padding-top: 0; 568 | margin-bottom: 1.45rem; 569 | font-size: 1.1487rem; 570 | line-height: 1.45rem; 571 | border-left: 0.54375rem solid #cd76ae; 572 | color: rgba(0, 0, 0, 0.65); 573 | font-style: italic; 574 | } 575 | 576 | form { 577 | margin-left: 0; 578 | margin-right: 0; 579 | margin-top: 0; 580 | padding-bottom: 0; 581 | padding-left: 0; 582 | padding-right: 0; 583 | padding-top: 0; 584 | margin-bottom: 1.45rem; 585 | } 586 | 587 | noscript { 588 | margin-left: 0; 589 | margin-right: 0; 590 | margin-top: 0; 591 | padding-bottom: 0; 592 | padding-left: 0; 593 | padding-right: 0; 594 | padding-top: 0; 595 | margin-bottom: 1.45rem; 596 | } 597 | 598 | iframe { 599 | margin-left: 0; 600 | margin-right: 0; 601 | margin-top: 0; 602 | padding-bottom: 0; 603 | padding-left: 0; 604 | padding-right: 0; 605 | padding-top: 0; 606 | margin-bottom: 1.45rem; 607 | } 608 | 609 | hr { 610 | margin-left: 0; 611 | margin-right: 0; 612 | margin-top: 0; 613 | padding-bottom: 0; 614 | padding-left: 0; 615 | padding-right: 0; 616 | padding-top: 0; 617 | margin-bottom: calc(1.45rem - 1px); 618 | background: rgba(0, 0, 0, 0.2); 619 | border: none; 620 | height: 1px; 621 | } 622 | 623 | address { 624 | margin-left: 0; 625 | margin-right: 0; 626 | margin-top: 0; 627 | padding-bottom: 0; 628 | padding-left: 0; 629 | padding-right: 0; 630 | padding-top: 0; 631 | margin-bottom: 1.45rem; 632 | } 633 | 634 | b { 635 | font-weight: 700; 636 | } 637 | 638 | strong { 639 | font-weight: 700; 640 | } 641 | 642 | dt { 643 | font-weight: 700; 644 | border-left: solid 4px #aaa; 645 | margin-left: -13px; 646 | padding-left: 9px; 647 | } 648 | 649 | dt em { 650 | font-weight: 300; 651 | font-style: normal; 652 | } 653 | 654 | th { 655 | font-weight: 700; 656 | } 657 | 658 | li { 659 | margin-bottom: calc(1.45rem / 2); 660 | } 661 | 662 | ol li { 663 | padding-left: 0; 664 | } 665 | 666 | ul li { 667 | padding-left: 0; 668 | } 669 | 670 | li > ol { 671 | margin-left: 1.45rem; 672 | margin-bottom: calc(1.45rem / 2); 673 | margin-top: calc(1.45rem / 2); 674 | } 675 | 676 | li > ul { 677 | margin-left: 1.45rem; 678 | margin-bottom: calc(1.45rem / 2); 679 | margin-top: calc(1.45rem / 2); 680 | } 681 | 682 | blockquote *:last-child { 683 | margin-bottom: 0; 684 | } 685 | 686 | li *:last-child { 687 | margin-bottom: 0; 688 | } 689 | 690 | p *:last-child { 691 | margin-bottom: 0; 692 | } 693 | 694 | li > p { 695 | margin-bottom: calc(1.45rem / 2); 696 | } 697 | 698 | code { 699 | font-size: 0.85rem; 700 | line-height: 1.45rem; 701 | } 702 | 703 | kbd { 704 | font-size: 0.85rem; 705 | line-height: 1.45rem; 706 | } 707 | 708 | samp { 709 | font-size: 0.85rem; 710 | line-height: 1.45rem; 711 | } 712 | 713 | acronym { 714 | border-bottom: 1px dotted rgba(0, 0, 0, 0.5); 715 | cursor: help; 716 | } 717 | 718 | thead { 719 | text-align: left; 720 | } 721 | 722 | td, 723 | th { 724 | text-align: left; 725 | border-bottom: 1px transparent rgba(0, 0, 0, 0.12); 726 | font-feature-settings: "tnum"; 727 | -moz-font-feature-settings: "tnum"; 728 | -ms-font-feature-settings: "tnum"; 729 | -webkit-font-feature-settings: "tnum"; 730 | padding-left: 0.96667rem; 731 | padding-right: 0.96667rem; 732 | padding-top: 0.725rem; 733 | padding-bottom: calc(0.725rem - 1px); 734 | } 735 | 736 | th:first-child, 737 | td:first-child { 738 | padding-left: 0; 739 | } 740 | 741 | th:last-child, 742 | td:last-child { 743 | padding-right: 0; 744 | } 745 | 746 | a:hover, 747 | a:active { 748 | text-shadow: none; 749 | background-image: none; 750 | } 751 | 752 | h1, 753 | h2, 754 | h3, 755 | h4, 756 | h5, 757 | h6 { 758 | margin-top: 2.175rem; 759 | margin-bottom: 0.725rem; 760 | } 761 | 762 | blockquote > :last-child { 763 | margin-bottom: 0; 764 | } 765 | 766 | blockquote cite { 767 | font-size: 1rem; 768 | line-height: 1.45rem; 769 | color: rgba(0, 0, 0, 0.8); 770 | font-style: normal; 771 | font-weight: 400; 772 | } 773 | 774 | blockquote cite:before { 775 | content: "— "; 776 | } 777 | 778 | @media only screen and (max-width: 480px) { 779 | html { 780 | font-size: 106.25%; 781 | line-height: 24.65px; 782 | } 783 | 784 | blockquote { 785 | border-left: 0.27187rem solid #1ca086; 786 | color: rgba(0, 0, 0, 0.59); 787 | padding-left: 0.81563rem; 788 | font-style: italic; 789 | margin-left: -1.0875rem; 790 | margin-right: 0; 791 | } 792 | } 793 | a:link { 794 | color: #a7036d; 795 | font-weight: 700; 796 | text-decoration: none; 797 | } 798 | a:visited { 799 | color: #5c023c; 800 | } 801 | a:hover { 802 | color: #e47191; 803 | } 804 | a:focus { 805 | outline: 0.125rem solid; 806 | } 807 | .inverted a { 808 | color: #f2049e; 809 | } 810 | .inverted a:visited { 811 | color: #d9048e; 812 | } 813 | .inverted a:hover { 814 | color: #f0b1c3; 815 | } 816 | 817 | th { 818 | border-bottom: 0.125rem solid rgba(0, 0, 0, 0.3); 819 | background-color: rgba(255, 255, 255, 0.7); 820 | padding: 0.25rem 0.75rem; 821 | } 822 | .inverted th { 823 | background-color: #888; 824 | } 825 | 826 | td { 827 | padding: 0.25rem 0.75rem; 828 | } 829 | 830 | tbody tr:nth-child(even) { 831 | background-color: rgba(255, 255, 255, 0.5); 832 | } 833 | .inverted tbody tr:nth-child(even) { 834 | background-color: #555; 835 | } 836 | 837 | code { 838 | font-family: "Menlo", "Courier New", "Courier", monospace; 839 | font-size: 0.85rem; 840 | border: 0.0625rem solid rgba(255, 255, 255, 0.7); 841 | background-color: rgba(255, 255, 255, 0.5); 842 | border-radius: 2px; 843 | color: #588068; 844 | text-shadow: none; 845 | } 846 | .inverted code { 847 | background-color: #111; 848 | border-color: #666; 849 | } 850 | 851 | figure { 852 | margin: 1.5rem 0; 853 | } 854 | figure img { 855 | max-width: 100%; 856 | height: auto; 857 | } 858 | 859 | li img { 860 | max-width: 100%; 861 | height: auto; 862 | } 863 | 864 | hr { 865 | clear: none; 866 | height: 2px; 867 | border: none; 868 | margin: 1.5rem auto; 869 | width: 14rem; 870 | color: rgba(0, 0, 0, 0.6); 871 | background-color: rgba(0, 0, 0, 0.6); 872 | } 873 | 874 | sup, 875 | sub, 876 | a.footnote { 877 | font-size: 1.4ex; 878 | height: 0; 879 | line-height: 1; 880 | position: relative; 881 | } 882 | 883 | sup, 884 | a.footnote { 885 | vertical-align: super; 886 | } 887 | 888 | sub { 889 | vertical-align: sub; 890 | top: -1px; 891 | } 892 | 893 | a.footnote { 894 | font-size: 0.75rem; 895 | } 896 | 897 | ::selection, 898 | ::-moz-selection { 899 | background-color: #fbfb48; 900 | } 901 | 902 | @media print { 903 | /* * { 904 | background: transparent !important; 905 | color: #000 !important; 906 | text-shadow: none !important; 907 | } 908 | 909 | @page { 910 | margin: 1cm; 911 | } 912 | html { 913 | font-size: 15px; 914 | } 915 | 916 | #wrapper { 917 | max-width: none; 918 | margin: 1rem !important; 919 | } 920 | 921 | h1, h2, h3, h4, h5, h6, p { 922 | orphans: 3; 923 | widows: 3; 924 | page-break-after: avoid; 925 | } 926 | 927 | ul, ol { 928 | list-style-position: inside !important; 929 | padding-right: 0 !important; 930 | margin-left: 0 !important; 931 | } 932 | 933 | ul ul, ul ol { 934 | margin-left: 2rem !important; 935 | } 936 | 937 | ol ul, ol ol { 938 | margin-left: 2rem !important; 939 | } 940 | 941 | ul p:not(:first-child), ol p:not(:first-child) { 942 | margin-left: 2rem !important; 943 | } 944 | 945 | th { 946 | background-color: rgba(0, 0, 0, 0.2) !important; 947 | border-bottom: none !important; 948 | } 949 | 950 | tr { 951 | page-break-inside: avoid; 952 | } 953 | 954 | tbody tr:nth-child(even) { 955 | background-color: rgba(0, 0, 0, 0.1) !important; 956 | } 957 | 958 | pre { 959 | border: 1px solid rgba(0, 0, 0, 0.2); 960 | page-break-inside: avoid; 961 | } 962 | 963 | img { 964 | max-width: 100% !important; 965 | page-break-inside: avoid; 966 | } 967 | 968 | pre { 969 | border: 1px solid #999; 970 | page-break-inside: avoid; 971 | } 972 | 973 | #wrapper #generated-toc ul, #wrapper #generated-toc ol { 974 | list-style-type: decimal; 975 | } 976 | #wrapper #generated-toc ul li, #wrapper #generated-toc ol li { 977 | margin: 1rem 0; 978 | } 979 | #wrapper #generated-toc ul { 980 | list-style-position: inside; 981 | } 982 | #wrapper #generated-toc ul > li:before { 983 | content: none; 984 | }*/ 985 | } 986 | .inverted { 987 | color: #eee; 988 | background-color: #444; 989 | } 990 | .inverted h1, 991 | .inverted h2, 992 | .inverted h3, 993 | .inverted h4, 994 | .inverted h5, 995 | .inverted h6, 996 | .inverted blockquote { 997 | color: #eee; 998 | } 999 | .inverted pre, 1000 | .inverted code { 1001 | background: #e9e9e9; 1002 | border: 0; 1003 | } 1004 | .inverted pre { 1005 | border-radius: 8px; 1006 | padding: 4px; 1007 | } 1008 | 1009 | .inverted a { 1010 | color: #e47191; 1011 | } 1012 | 1013 | #headshot { 1014 | float: right; 1015 | width: 100px; 1016 | height: 100px; 1017 | border-radius: 100px; 1018 | } 1019 | 1020 | @media only screen and (max-width: 720px) { 1021 | h1 { 1022 | font-size: 3rem; 1023 | line-height: 0.8; 1024 | width: 100%; 1025 | float: none; 1026 | margin-bottom: 1rem; 1027 | } 1028 | 1029 | section { 1030 | padding-right: 1em; 1031 | } 1032 | 1033 | #contact { 1034 | float: none; 1035 | text-align: left; 1036 | padding: 1em; 1037 | } 1038 | 1039 | figure { 1040 | padding: 0; 1041 | margin: 0; 1042 | } 1043 | 1044 | h1 { 1045 | padding: 0 0.2em; 1046 | } 1047 | 1048 | #headshot { 1049 | margin: 0; 1050 | } 1051 | 1052 | /* Inline #3 | https://brettterpstra.info/ */ 1053 | 1054 | #headshot { 1055 | float: none; 1056 | } 1057 | } 1058 | --------------------------------------------------------------------------------