├── .gitignore
├── robots.txt
├── technical-writer
    ├── 1.png
    ├── 2.png
    ├── 3.png
    ├── 4.png
    ├── 5.png
    ├── 6.png
    └── index.html
├── sitemap.xml
├── .github
    └── workflows
    │   └── static.yml
├── style.css
└── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | 
2 | .DS_Store
3 | 


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: /
3 | Sitemap: https://0101011.github.io/sitemap.xml
4 | 


--------------------------------------------------------------------------------
/technical-writer/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/1.png


--------------------------------------------------------------------------------
/technical-writer/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/2.png


--------------------------------------------------------------------------------
/technical-writer/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/3.png


--------------------------------------------------------------------------------
/technical-writer/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/4.png


--------------------------------------------------------------------------------
/technical-writer/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/5.png


--------------------------------------------------------------------------------
/technical-writer/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/0101011/0101011.github.io/main/technical-writer/6.png


--------------------------------------------------------------------------------
/sitemap.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 3 |     <url>
 4 |         <loc>https://0101011.github.io/technical-writer</loc>
 5 |         <lastmod>2024-07-24</lastmod>
 6 |         <changefreq>weekly</changefreq>
 7 |         <priority>1.0</priority>
 8 |     </url>
 9 |     <url>
10 |         <loc>https://0101011.github.io/</loc>
11 |         <lastmod>2024-07-24</lastmod>
12 |         <changefreq>weekly</changefreq>
13 |         <priority>0.8</priority>
14 |     </url>
15 | </urlset>
16 | 


--------------------------------------------------------------------------------
/.github/workflows/static.yml:
--------------------------------------------------------------------------------
 1 | # Simple workflow for deploying static content to GitHub Pages
 2 | name: Deploy static content to Pages
 3 | 
 4 | on:
 5 |   # Runs on pushes targeting the default branch
 6 |   push:
 7 |     branches: ["main"]
 8 | 
 9 |   # Allows you to run this workflow manually from the Actions tab
10 |   workflow_dispatch:
11 | 
12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
13 | permissions:
14 |   contents: read
15 |   pages: write
16 |   id-token: write
17 | 
18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
20 | concurrency:
21 |   group: "pages"
22 |   cancel-in-progress: false
23 | 
24 | jobs:
25 |   # Single deploy job since we're just deploying
26 |   deploy:
27 |     environment:
28 |       name: github-pages
29 |       url: ${{ steps.deployment.outputs.page_url }}
30 |     runs-on: ubuntu-latest
31 |     steps:
32 |       - name: Checkout
33 |         uses: actions/checkout@v4
34 |       - name: Setup Pages
35 |         uses: actions/configure-pages@v4
36 |       - name: Upload artifact
37 |         uses: actions/upload-pages-artifact@v3
38 |         with:
39 |           # Upload entire repository
40 |           path: '.'
41 |       - name: Deploy to GitHub Pages
42 |         id: deployment
43 |         uses: actions/deploy-pages@v4
44 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | /* General Styles */
  2 | body {
  3 |    font-family: 'IBM Plex Sans', sans-serif;
  4 |    font-size: 16px;
  5 |    line-height: 1.5;
  6 |    color: #333333;
  7 |    background-color: #f7f7f7;
  8 |    margin: 0;
  9 |    padding: 0;
 10 | }
 11 | 
 12 | /* Header Styles */
 13 | header {
 14 |    background-color: #071b3c;
 15 |    color: #ffffff;
 16 |    padding: 20px;
 17 |    text-align: center;
 18 | }
 19 | 
 20 | header h1 {
 21 |    font-size: 36px;
 22 |    font-weight: bold;
 23 |    margin: 0;
 24 | }
 25 | 
 26 | header p {
 27 |    font-size: 18px;
 28 |    margin: 10px 0;
 29 | }
 30 | 
 31 | header a {
 32 |    color: #ffffff;
 33 |    text-decoration: none;
 34 | }
 35 | 
 36 | header a:hover {
 37 |    text-decoration: underline;
 38 | }
 39 | 
 40 | /* Main Content Styles */
 41 | main {
 42 |    max-width: 800px;
 43 |    margin: 0 auto;
 44 |    padding: 10px;
 45 | }
 46 | 
 47 | section {
 48 |    margin-bottom: 40px;
 49 | }
 50 | 
 51 | h2 {
 52 |    font-size: 24px;
 53 |    font-weight: bold;
 54 |    margin-bottom: 16px;
 55 |    color: #071b3c;
 56 | }
 57 | 
 58 | article {
 59 |    background-color: #ffffff;
 60 |    padding: 20px;
 61 |    border-radius: 5px;
 62 |    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 63 |    margin-bottom: 20px;
 64 | }
 65 | 
 66 | h3 {
 67 |    font-size: 20px;
 68 |    font-weight: bold;
 69 |    margin-bottom: 10px;
 70 |    color: #333333;
 71 | }
 72 | 
 73 | article p {
 74 |    margin-bottom: 10px;
 75 | }
 76 | 
 77 | article ul {
 78 |    margin: 0;
 79 |    padding: 0 0 0 20px;
 80 | }
 81 | 
 82 | article li {
 83 |    margin-bottom: 5px;
 84 | }
 85 | 
 86 | /* Education Styles */
 87 | section:last-child ul {
 88 |    list-style-type: none;
 89 |    padding: 0;
 90 | }
 91 | 
 92 | section:last-child li {
 93 |    margin-bottom: 10px;
 94 | }
 95 | 
 96 | section:last-child li strong {
 97 |    font-weight: bold;
 98 | }
 99 | 
100 | /* Responsive Styles */
101 | @media (max-width: 767px) {
102 |    header {
103 |        padding: 15px;
104 |    }
105 | 
106 |    header h1 {
107 |        font-size: 28px;
108 |    }
109 | 
110 |    header p {
111 |        font-size: 16px;
112 |    }
113 | 
114 |    main {
115 |        padding: 15px;
116 |    }
117 | 
118 |    article {
119 |        padding: 15px;
120 |    }
121 | 
122 |    h2 {
123 |        font-size: 20px;
124 |    }
125 | 
126 |    h3 {
127 |        font-size: 18px;
128 |    }
129 | }
130 | 
131 | @media (max-width: 480px) {
132 |    header h1 {
133 |        font-size: 24px;
134 |    }
135 | 
136 |    header p {
137 |        font-size: 14px;
138 |    }
139 | 
140 |    main {
141 |        padding: 10px;
142 |    }
143 | 
144 |    article {
145 |        padding: 10px;
146 |    }
147 | 
148 |    h2 {
149 |        font-size: 18px;
150 |    }
151 | 
152 |    h3 {
153 |        font-size: 16px;
154 |    }
155 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  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 |    <meta name="description" content="Andrew Stepin is a technical writer, AI/ML software engineer, author, and a Google Developer Expert (GDE) 2019 in Machine Learning. Interests are deep learning and NLP, with occasional leaps and bounds into adjacent topics.">
  7 |    <meta name="keywords" content="Andrew Stepin, Machine Learning, Python, JavaScript, TensorFlow, Technical Writer">
  8 |    <meta name="twitter:card" content="summary_large_image">
  9 |    <meta name="twitter:site" content="@anstepin">
 10 |    <meta name="twitter:creator" content="@anstepin">
 11 |    <meta name="twitter:title" content="Andrew Stepin, Technical Writer, AI/ML Machine Learning Software Engineer">
 12 |    <meta name="twitter:description" content="Andrew Stepin is a technical writer, AI/ML software engineer, author, and a Google Developer Expert (GDE) 2019 in Machine Learning. ">
 13 |    <meta name="twitter:image" content="https://avatars.githubusercontent.com/u/34945393">
 14 |    <link rel="stylesheet" href="style.css">
 15 |    <link rel="preconnect" href="https://fonts.googleapis.com">
 16 |    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 17 |    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
 18 |    <title>Andrew Stepin, Technical Writer and Machine Learning Software Engineer</title>
 19 |    <script type="application/ld+json">
 20 |     {
 21 |       "@context": "https://schema.org/",
 22 |       "@type": "Person",
 23 |       "name": "Andrew Stepin",
 24 |       "url": "https://0101011.github.io",
 25 |       "jobTitle": "Software Engineer, Technical Writer",
 26 |       "worksFor": {
 27 |         "@type": "Organization",
 28 |         "name": "Yomly"
 29 |       },
 30 |       "alumniOf": [
 31 |         {
 32 |           "@type": "CollegeOrUniversity",
 33 |           "name": "Tver State University"
 34 |         }
 35 |       ],
 36 |       "sameAs": [
 37 |         "https://linkedin.com/in/astepin",
 38 |         "https://github.com/0101011",
 39 |         "https://twitter.com/anstepin",
 40 |         "https://www.youtube.com/@andrew.stepin",
 41 |         "https://scholar.google.com/citations?user=8sKda8wAAAAJ&hl=en",
 42 |         "https://hashnode.com/@astepin"
 43 |       ]
 44 |     }
 45 |     </script>
 46 | </head>
 47 | <script async src="https://www.googletagmanager.com/gtag/js?id=G-FTN4EZPK4J"></script>
 48 | <script>
 49 |   window.dataLayer = window.dataLayer || [];
 50 |   function gtag(){dataLayer.push(arguments);}
 51 |   gtag('js', new Date());
 52 |   gtag('config', 'G-FTN4EZPK4J');
 53 | </script>
 54 | <body>
 55 |    <header>
 56 |        <h1>Andrew Stepin</h1>
 57 |        <p>andrew.stepin {at} gmail.com • <a href="https://linkedin.com/in/astepin">linkedin.com/in/astepin</a> • <a href="https://github.com/0101011">github.com/0101011</a></p>
 58 |        <!-- <ul> --> 
 59 |            <!-- <li>I read research papers for breakfast.</li> -->
 60 |        <!-- </ul> -->
 61 |    </header>
 62 |    <main>
 63 |         <section>
 64 |             <h2>Current Stack</h2>
 65 |             <ul>
 66 |                 <li><strong>Python</strong> (TensorFlow, Pytorch, Django, Flask, JAX, scikit-learn, Numpy, Pandas, Jupyter, Colab)</li>
 67 |                 <li><strong>Javascript</strong> (Node.js, React, Angular)</li>
 68 |                 <li><strong>SQL</strong> (MySQL), <strong>NoSQL</strong> (MongoDB), GraphQL</li>
 69 |                 <li>AWS, GCP, Azure, Databricks, Snowflake, Docker, Kubernetes, Git, HTML, CSS, REST API</li>
 70 |                 <li>Previously C++, PHP, Lua and some others</li>
 71 |             </ul>
 72 |         </section>
 73 |        <section>
 74 |            <h2>Experience</h2>
 75 |            <article>
 76 |                <h3>Technical PM</h3>
 77 |                <p><strong>Yomly</strong> • 02/2022 – Present</p>
 78 |                <ul>
 79 |                    <li>Own client/internal content for B2B HR tech enterprise SaaS for HRIS HRMS &amp; payroll automation.</li>
 80 |                    <li>Delivered 10+ features and visually-engaging product decks, tech specs enabling sales to 120+ demos.</li>
 81 |                    <li>Raised product satisfaction scores by 40% as measured by post-demo surveys (800+ responses NPS), created templatized content in Zendesk, guiding finance stakeholders in time-restricted runway (we're backed).</li>
 82 |                    <li>Slashed release cycle by 2x from 4 to 2 weeks per deploy working cross-functionally with engineering, UI/UX design and professional services in Agile Scrum sprints to build workflows in data pipelines, pensions, end-of-service, payslips, report integrations, writing Jira user stories, product roadmap, Figma mockups and A/B tests.</li>
 83 |                    <li>Achieved 70% automation of support requests (200+ tickets weekly) resulting in a 60% reduction in manual workload hours by building AngularJS dashboards interfacing with MySQL, Flask, and GraphQL APIs.</li>
 84 |                </ul>
 85 |            </article>
 86 | 
 87 |            <article>
 88 |                <h3>Technical Documentation Group Lead</h3>
 89 |                <p><strong>Google</strong> • 03/2019 - 02/2020</p>
 90 |                <ul>
 91 |                    <li>Invited by Paige Bailey, Billy Lamberta, mentored machine learning devs with tutorials, pull requests review.</li>
 92 |                    <li>Responsible for moderation, maillist &amp; events on TensorFlow Documentation Group in Russian-speaking countries.</li>
 93 |                    <li>Attracted 10+ developers who became regular contributors to docs in Portugal, Turkey, Germany, Russia, US.</li>
 94 |                </ul>
 95 |            </article>
 96 | 
 97 |            <article>
 98 |                <h3>Senior Product Manager</h3>
 99 |                <p><strong>AGNA</strong> • 01/2019 - 02/2022</p>
100 |                <ul>
101 |                    <li>Y2Y revenue +80% increase by defining market strategy, planning &amp; product launch roadmap with Lean (MVPs, feedback loops), wrote over 20+ detailed actionable PRDs for new features.</li>
102 |                    <li>Launched 8 channels on Amazon, Ebay, Etsy, Ozon, Yandex and WB for best-performing products in 14 categories.</li>
103 |                    <li>Established OKRs and KPIs with competitive analysis tools &amp; strategies of e-commerce ad campaigns (Power BI).</li>
104 |                    <li>Implemented methods for product portfolio management, supply chain planning, demand forecasting, expedited Excel to CRM transition.</li>
105 |                </ul>
106 |            </article>
107 | 
108 |            <article>
109 |                <h3>Machine Learning Engineer</h3>
110 |                <p><strong>Graffiti AI</strong> • 08/2018 - 09/2019</p>
111 |                <ul>
112 |                    <li>Published Gen AI project to research applications of generative adversarial networks in artwork/creative.</li>
113 |                    <li>Tailored deep learning GAN architecture in TensorFlow for generating novel art on image datasets on GCP.</li>
114 |                    <li>Maintain 14 datasets of human-created art for training, 72 GB (Nvidia CUDA, Jekyll, Markdown, Pandas, Numpy).</li>
115 |                    <li>Built 6 scripts toolset to auto render animated videos, gif animations and iterations.</li>
116 |                </ul>
117 |            </article>
118 | 
119 |            <article>
120 |                <h3>Backend Software Engineer</h3>
121 |                <p><strong>AGNA</strong> • 03/2019 - 02/2020</p>
122 |                <ul>
123 |                    <li>Architected automotive search for best price/speed in 60+ car parts suppliers (Python, QT, REST API, JSON).</li>
124 |                    <li>Implemented price matching algorithms, revenue boost 25% for competitive analysis.</li>
125 |                    <li>Built Instagram and Facebook automated marketing bots with Selenium.</li>
126 |                    <li>Slashed product listing time by 4x using meta/attributes generation and photo editing automation.</li>
127 |                </ul>
128 |            </article>
129 | 
130 |            <article>
131 |                <h3>Product Manager</h3>
132 |                <p><strong>AGNA</strong> • 03/2014 - 02/2018</p>
133 |                <ul>
134 |                    <li>Led product team of 3 expanding on new marketplaces using data-driven approach, resulting in 5x revenue.</li>
135 |                    <li>Planned and conducted thorough A/B testing to identify best practices before making product feature choices.</li>
136 |                    <li>Automated data summarization for KPI and OKR tracking, slashed time-to-decision to a single day/meeting.</li>
137 |                </ul>
138 |            </article>
139 | 
140 |            <article>
141 |                <h3>Technical Writer</h3>
142 |                <p><strong>Google</strong> • 10/2018 - 09/2020</p>
143 |                <ul>
144 |                    <li>Contributed to TF, Keras docs in Russian, English, coordinated translations in 4 new languages on GitHub, Jupyter.</li>
145 |                    <li>Collaborated with TensorFlow repository maintainers and docs writers on new tutorials, proofread existing docs.</li>
146 |                    <li>Style, tone rewrite, bug fixes, refactored code, and improved structure of tutorials and documentation.</li>
147 |                </ul>
148 |            </article>
149 | 
150 |            <article>
151 |                <h3>Product Marketing Manager</h3>
152 |                <p><strong>LEGO</strong> • 03/2014 - 02/2016</p>
153 |                <ul>
154 |                    <li>Launched over 20 marketing campaigns within Waterfall commercialization process for new products in the EU region.</li>
155 |                    <li>Achieved +18% positive feedback post-sales increase from existing and cold customers with omni-channel.</li>
156 |                    <li>Tracked relevant KPIs metrics and analyzed market trends to develop new product marketing strategies for better launches.</li>
157 |                </ul>
158 |            </article>
159 | 
160 |            <article>
161 |                <h3>Business Intelligence Developer</h3>
162 |                <p><strong>AGNA</strong> • 03/2012 - 02/2013</p>
163 |                <ul>
164 |                    <li>Analyzed clickstream data, proposed methods to improve UI/UX (Yandex, Google Analytics, XML).</li>
165 |                    <li>Responsible for new markets research, supply chain optimization, competitive analysis and pricing (Tableau).</li>
166 |                </ul>
167 |            </article>
168 | 
169 |            <article>
170 |                <h3>Data Analyst Intern</h3>
171 |                <p><strong>AGNA</strong> • 06/2012 - 09/2012</p>
172 |                <ul>
173 |                    <li>Improved online ad performance by 20% with social media marketing (SMM) and SEO best practices.</li>
174 |                </ul>
175 |            </article>
176 | 
177 |            <article>
178 |                <h3>Software Engineer</h3>
179 |                <p><strong>SRP Team</strong> • 03/2004 - 02/2007</p>
180 |                <ul>
181 |                    <li>Core team member, contributed to major releases of SRP Mod (C++, Lua, XML).</li>
182 |                    <li>Introduced new items, artifacts and weapons, programmed gameplay, AI and NPC behavior.</li>
183 |                    <li>Graphics overhaul with my own photography for textures and Adobe Photoshop.</li>
184 |                </ul>
185 |            </article>
186 | 
187 |            <article>
188 |                <h3>Frontend Software Engineer</h3>
189 |                <p><strong>MC Studio</strong> • 03/2004 - 02/2007</p>
190 |                <ul>
191 |                    <li>Started a web studio developing websites with Macromedia Flash, HTML, PHP, graphics, animation in school.</li>
192 |                    <li>Developed 8 websites and 3 commercial projects, some still running.</li>
193 |                </ul>
194 |            </article>
195 |        </section>
196 | 
197 |        <section>
198 |            <h2>Education</h2>
199 |            <ul>
200 |                <li><strong>Bachelor of Science, Linguistics</strong>. Tver State University, 2016</li>
201 |                <li><strong>Certification, Machine Learning by Andrew Ng</strong>. Stanford University, 2018</li>
202 |                <li><strong>Associate's Degree, Computer Science</strong>. International Higher Education Academy of Sciences (IHEAS), 2011</li>
203 |                <li><strong>Tver Lyceum Gifted School</strong>, 2011</li>
204 |                <li><strong>Scrum Advanced (PMI)</strong>. Project Management Institute, June 2022</li>
205 |                <li><strong>Cambridge English Advanced Proficiency CAE C1 Certification</strong>. Cambrdige University, 2014</li>
206 |                <li><strong>ACM Member</strong>. Association for Computing Machinery (ACM), 2023</li>
207 |            </ul>
208 |        </section>
209 |    </main>
210 | </body>
211 | </html>
212 | 


--------------------------------------------------------------------------------
/technical-writer/index.html:
--------------------------------------------------------------------------------
  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>Andrew Stepin - Technical Writer | API Documentation, UX Writing, DocOps</title>
  7 |     <meta name="description" content="Professional technical writer specializing in API documentation, UX writing, and DocOps. Expertise in creating clear, concise, and user-friendly technical content.">
  8 |     <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
  9 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.3.0/alpine.js" defer></script>
 10 |     <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
 11 |     <style>
 12 |         body {
 13 |             font-family: 'IBM Plex Sans', sans-serif;
 14 |         }
 15 |     </style>
 16 | </head>
 17 | <body class="bg-gray-100 text-gray-800">
 18 |     <header class="text-white p-4 sticky top-0 z-50" style="background-color: #071b3c;" x-data="{ isOpen: false }">
 19 |         <div class="container mx-auto flex justify-between items-center">
 20 |             <h1 class="text-2xl font-bold">Andrew Stepin</h1>
 21 |             <button @click="isOpen = !isOpen" class="md:hidden">
 22 |                 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 23 |                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
 24 |                 </svg>
 25 |             </button>
 26 |             <nav class="hidden md:flex space-x-4">
 27 |                 <a href="#contact" class="hover:underline">Contact</a>
 28 |                 <a href="#portfolio" class="hover:underline">Portfolio</a>
 29 |                 <a href="#skills" class="hover:underline">Tech Stack</a>
 30 |             </nav>
 31 |         </div>
 32 |         <nav class="md:hidden" x-show="isOpen" @click.away="isOpen = false">
 33 |             <a href="#contact" class="block py-2 px-4 hover:bg-blue-700">Contact</a>
 34 |             <a href="#portfolio" class="block py-2 px-4 hover:bg-blue-700">Portfolio</a>
 35 |             <a href="#skills" class="block py-2 px-4 hover:bg-blue-700" >Tech Stack</a>
 36 |         </nav>
 37 |     </header>
 38 |     <main class="container mx-auto p-4">
 39 |         <section id="contact" class="mb-5">
 40 |             <h2 class="text-2xl font-bold mb-3">Contacts</h2>
 41 |             <div class="flex flex-wrap">
 42 |                 <div class="w-full md:w-1/2 mb-3 md:mb-0">
 43 |                     <p class="mb-2"><strong>Email:</strong> <a href="mailto:astepin@pm.me" class="text-blue-600 hover:underline">astepin@pm.me</a></p>
 44 |                     <p class="mb-2"><strong>Location:</strong> London, UK | Dubai, UAE</p>
 45 |                 </div>
 46 |                 <div class="w-full md:w-1/2">
 47 |                     <p class="mb-2"><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/astepin" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">linkedin.com/in/astepin</a></p>
 48 |                     <p class="mb-2"><strong>GitHub:</strong> <a href="https://github.com/0101011" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">github.com/0101011</a></p>
 49 |                     <p class="mb-2"><strong>CV:</strong>  <a href="https://0101011.github.io/" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">0101011.github.io</a></p>
 50 |                 </div>
 51 |             </div>
 52 |         </section>
 53 |         <section id="portfolio" class="mb-12">
 54 |             <h2 class="text-3xl font-bold mb-4">Portfolio</h2>
 55 |             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
 56 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
 57 |                     <img src="2.png" alt="TensorFlow Machine Learning Docs" class="w-full h-48 object-cover">
 58 |                     <div class="p-4 flex flex-wrap gap-2">
 59 |                         <h3 class="text-xl font-bold mb-2"><a href="https://www.tensorflow.org/tutorials" target="_blank" style="text-decoration: underline; color: rgb(79, 102, 231);">Google TensorFlow Docs</a></h3>
 60 |                         <p class="text-gray-600 mb-2">TensorFlow documentation for machine learning use cases, prerequisites and linear algebra.</p>
 61 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Technical Writing</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">Developer Docs</span>
 62 |                         <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Developers</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Product</span>
 63 |                     </div>
 64 |                 </div>
 65 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
 66 |                     <img src="1.png" alt="Keras API Interactive Tutorials" class="w-full h-48 object-cover">
 67 |                     <div class="p-4 flex flex-wrap gap-2">
 68 |                         <h3 class="text-xl font-bold mb-2"><a href="https://www.tensorflow.org/tutorials/keras/classification" target="_blank" style="text-decoration: underline; color: rgb(79, 102, 231);">Keras API Interactive Tutorials</a></h3>
 69 |                         <p class="text-gray-600 mb-2">Runnable Jupyter Notebooks and Colab tutorial on use cases for machine learning with Keras API.</p>
 70 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Tutorials</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">API Documentation</span>
 71 |                         <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Developers</span>
 72 |                     </div>
 73 |                 </div>
 74 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
 75 |                     <img src="3.png" alt="Yomly SaaS" class="w-full h-48 object-cover">
 76 |                     <div class="p-4 flex flex-wrap gap-2">
 77 |                         <h3 class="text-xl font-bold mb-2">Yomly User Documentation</h3>
 78 |                         <p class="text-gray-600 mb-2">Implemented a CI/CD pipeline for documentation, automating build, test, and deployment processes.</p>
 79 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">User Documentation</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">Zendesk</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">FAQ</span>
 80 |                             <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">End Users</span>
 81 |                     </div>
 82 |                 </div>
 83 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
 84 |                     <img src="4.png" alt="EHR" class="w-full h-48 object-cover">
 85 |                     <div class="p-4 flex flex-wrap gap-2">
 86 |                         <h3 class="text-xl font-bold mb-2">EmiratesHR Developer Docs</h3>
 87 |                         <p class="text-gray-600 mb-2">Implemented a CI/CD pipeline for documentation, automating build, test, and deployment processes.</p>
 88 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Documentation</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">Code Snippets</span>
 89 |                             <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Internal Developers</span>
 90 |                     </div>
 91 |                 </div>
 92 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
 93 |                     <img src="5.png" alt="EHR" class="w-full h-48 object-cover">
 94 |                     <div class="p-4 flex flex-wrap gap-2">
 95 |                         <h3 class="text-xl font-bold mb-2"><a href="https://github.com/0101011/bootstrap-ml" target="_blank" style="text-decoration: underline; color: rgb(79, 102, 231);">Bootstrap ML</a></h3>
 96 |                         <p class="text-gray-600 mb-2">A comprehensive collection of pre-written code for machine learning and deep learning use cases.</p>
 97 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">User Documentation</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">Zendesk</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">FAQ</span>
 98 |                             <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Developers</span>
 99 |                     </div>
100 |                 </div>
101 |                 <div class="bg-white rounded-lg shadow-md overflow-hidden">
102 |                     <img src="6.png" alt="EHR" class="w-full h-48 object-cover">
103 |                     <div class="p-4 flex flex-wrap gap-2">
104 |                         <h3 class="text-xl font-bold mb-2"><a href="https://www.linkedin.com/company/srp-team/about/" target="_blank" style="text-decoration: underline; color: rgb(79, 102, 231);">S.T.A.L.K.E.R. SRP</a></h3>
105 |                         <p class="text-gray-600 mb-2">Story writing, UX and item descriptions, dialogues, gameplay mechanics.</p>
106 |                         <p><span class="font-semibold">Type:</span> <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Story</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">Release Notes</span> </span><span class="bg-green-100 text-green-800 px-2 py-1 rounded">UX Writing</span>
107 |                             <p><span class="font-semibold">Audience:</span> <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">End Users</span>
108 |                     </div>
109 |                 </div>
110 |             </div>
111 |         </section>
112 |         <section id="skills" class="mb-5">
113 |             <div class="mb-4">
114 |                 <h3 class="text-2xl font-bold mb-3">Tech Stack</h3>
115 |                 <div class="flex flex-wrap gap-2">
116 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">MLOps</span>
117 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">PyTorch</span>
118 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">TensorFlow</span>
119 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Jupyter</span>
120 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Git</span>
121 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">GitHub</span>
122 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Jekyll</span>
123 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Hugo</span>
124 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Markdown</span>
125 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">YAML</span>
126 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">JSON</span>
127 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">HTML/CSS</span>
128 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Tailwind CSS</span>
129 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">OpenAPI (Swagger)</span>
130 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Paligo</span>
131 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">MS Visio</span>
132 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Postman</span>
133 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">XML</span>
134 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Oxygen</span>
135 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Notion</span>
136 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">AsciiDoc</span>
137 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Confluence</span>
138 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">MadCap Flare</span>
139 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Snagit</span>
140 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">GitBook</span>
141 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Terraform</span>
142 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Wikitext</span>
143 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">WordPress</span>
144 |                     <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">Zendesk</span>
145 |                 </div>
146 |             </div>
147 |             <div>
148 |                 <div class="flex flex-wrap gap-2">
149 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">API Documentation</span>
150 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Knowledge Systems Deploy</span>
151 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">UX Writing</span>
152 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">DocOps</span>
153 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">MediaWiki</span>
154 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Docs-as-Code</span>
155 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">CI/CD</span>
156 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Technical Writing</span>
157 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Content Strategy</span>
158 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Information Architecture</span>
159 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Knowledge Management Systems (KMS)</span>
160 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">DITA</span>
161 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Diataxis</span>
162 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Tutorials</span>
163 |                     <span class="bg-green-100 text-green-800 px-2 py-1 rounded">Style Guides</span>
164 |                 </div>
165 |             </div>
166 |         </section>
167 |     </main>
168 |     <footer class="text-white py-8" style="background-color: #071b3c;">
169 |         <div class="container mx-auto px-4">
170 |             <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
171 |                 <div>
172 |                     <h3 class="text-xl font-bold mb-4">Andrew Stepin</h3>
173 |                     <p>London, UK | Dubai, UAE</p>
174 |                 </div>
175 |                 <div>
176 |                     <h3 class="text-xl font-bold mb-4">Quick Links</h3>
177 |                     <ul>
178 |                         <li class="mb-2"><a href="#" class="hover:text-blue-300">Home</a></li>
179 |                         <li class="mb-2"><a href="#about" class="hover:text-blue-300">About</a></li>
180 |                         <li class="mb-2"><a href="#portfolio" class="hover:text-blue-300">Portfolio</a></li>
181 |                         <li class="mb-2"><a href="#tech-stack" class="hover:text-blue-300">Tech Stack</a></li>
182 |                     </ul>
183 |                 </div>
184 |                 <div>
185 |                     <h3 class="text-xl font-bold mb-4">Connect</h3>
186 |                     <ul>
187 |                         <li class="mb-2"><a href="https://linkedin.com/in/astepin" class="hover:text-blue-300">LinkedIn</a></li>
188 |                         <li class="mb-2"><a href="https://github.com/0101011" class="hover:text-blue-300">GitHub</a></li>
189 |                         <li class="mb-2"><a href="mailto:astepin@pm.me" class="hover:text-blue-300">Email</a></li>
190 |                         <li class="mb-2"><a href="https://0101011.github.io" class="hover:text-blue-300">CV</a></li>
191 |                     </ul>
192 |                 </div>
193 |             </div>
194 |             <div class="mt-8 pt-8 border-t border-gray-700">
195 |                 <p class="text-center">&copy; 2017-2024 Andrew Stepin.</p>
196 |             </div>
197 |         </div>
198 |     </footer>
199 | </body>
200 | </html>
201 | 


--------------------------------------------------------------------------------