Android Back Up I was attempting to backup files from my Android Pixel 7 to an external hard drive via Windows UI and it was just taking too long. I figured I’d just use the command prompt. The only problem is that I couldn’t change directories to get to the phone storage. Searching on how to accomplish this I found an old but still valid post on android.stackexchange.com suggesting to use Android ADB command prompt to copy files.

Android Back Up I was attempting to backup files from my Android Pixel 7 to an external hard drive via Windows UI and it was just taking too long. I figured I’d just use the command prompt. The only problem is that I couldn’t change directories to get to the phone storage. Searching on how to accomplish this I found an old but still valid post on android.stackexchange.com suggesting to use Android ADB command prompt to copy files.

Android Back Up I was attempting to backup files from my Android Pixel 7 to an external hard drive via Windows UI and it was just taking too long. I figured I’d just use the command prompt. The only problem is that I couldn’t change directories to get to the phone storage. Searching on how to accomplish this I found an old but still valid post on android.stackexchange.com suggesting to use Android ADB command prompt to copy files.

Google Analytics in my Hugo website I initially was using the following code to track my google analytics however it wasn’t working: <script type="application/javascript"> var doNotTrack = false; if (!doNotTrack) { window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'G-3VXD2H9YHW', 'auto'); ga('send', 'pageview'); } </script> <script async="" src="https://www.google-analytics.com/analytics.js"></script> I’m using a Hugo theme which happens to be using a Hugo internal template. I basically entered my tag manager measurement id into the yml config file and it constructed the javascript above.

Google Analytics in my Hugo website I initially was using the following code to track my google analytics however it wasn’t working: <script type="application/javascript"> var doNotTrack = false; if (!doNotTrack) { window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'G-3VXD2H9YHW', 'auto'); ga('send', 'pageview'); } </script> <script async="" src="https://www.google-analytics.com/analytics.js"></script> I’m using a Hugo theme which happens to be using a Hugo internal template. I basically entered my tag manager measurement id into the yml config file and it constructed the javascript above.

Google Analytics in my Hugo website I initially was using the following code to track my google analytics however it wasn’t working: <script type="application/javascript"> var doNotTrack = false; if (!doNotTrack) { window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'G-3VXD2H9YHW', 'auto'); ga('send', 'pageview'); } </script> <script async="" src="https://www.google-analytics.com/analytics.js"></script> I’m using a Hugo theme which happens to be using a Hugo internal template. I basically entered my tag manager measurement id into the yml config file and it constructed the javascript above.

The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

Formspree is a form backend, API and email service for HTML & Javascript forms. It’s a simple way to embed custom “contact us” forms on a static website, like Hugo. I’d like to add a reCAPTCHA to the form so I don’t recieve too much spam mail. It’s a simple process, but I’ll go through the steps in how I set it up for this Hugo website. And you can see my contact form in action right on this site.

Installing Early Release of Hugo Working on a new project that uses Hugo static site generator, I initially installed hugo via homebrew with the following command brew install hugo Attempting to launch a website built with Hugo 0.79.0 after the installing the current version (at the time of this post Hugo version 0.88.1) on the my machine resulted in the following: Terminal Hugo Server command warning 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 bworks@BWorkss-iMac % hugo server WARN 2021/10/19 14:19:31 markup.

The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

The benefit of using Gulp is to automate the creation and manage redundant tasks and workflows. These tasks and workflows may include running a local server, minifying code, optimizing images, preprocessing CSS and more. I’m going to go through setting up a project with gulp and some common gulp tasks. Prerequisites and Assumptions Node and npm is already installed in Mac environment Assuming a project has an src/ file folder with html, css and js files in it Initializing Gulp in a project Project Moving to my project folder named gulpjs4, a package.

The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

New Temporary Job I’ve recently got a new temporary position working at a different office. My supervisor mentioned that the office used Mac machines. To try and get ahead of the game, I decided that I should start doing some work on a mac. The only problem is, I don’t have one. And I’m not sure I’m ready to fork out the money for one (if this temporary position turns out to be a permanent one, maybe we can talk).

New Temporary Job I’ve recently got a new temporary position working at a different office. My supervisor mentioned that the office used Mac machines. To try and get ahead of the game, I decided that I should start doing some work on a mac. The only problem is, I don’t have one. And I’m not sure I’m ready to fork out the money for one (if this temporary position turns out to be a permanent one, maybe we can talk).

New Temporary Job I’ve recently got a new temporary position working at a different office. My supervisor mentioned that the office used Mac machines. To try and get ahead of the game, I decided that I should start doing some work on a mac. The only problem is, I don’t have one. And I’m not sure I’m ready to fork out the money for one (if this temporary position turns out to be a permanent one, maybe we can talk).

Formspree is a form backend, API and email service for HTML & Javascript forms. It’s a simple way to embed custom “contact us” forms on a static website, like Hugo. I’d like to add a reCAPTCHA to the form so I don’t recieve too much spam mail. It’s a simple process, but I’ll go through the steps in how I set it up for this Hugo website. And you can see my contact form in action right on this site.

Formspree is a form backend, API and email service for HTML & Javascript forms. It’s a simple way to embed custom “contact us” forms on a static website, like Hugo. I’d like to add a reCAPTCHA to the form so I don’t recieve too much spam mail. It’s a simple process, but I’ll go through the steps in how I set it up for this Hugo website. And you can see my contact form in action right on this site.

Formspree is a form backend, API and email service for HTML & Javascript forms. It’s a simple way to embed custom “contact us” forms on a static website, like Hugo. I’d like to add a reCAPTCHA to the form so I don’t recieve too much spam mail. It’s a simple process, but I’ll go through the steps in how I set it up for this Hugo website. And you can see my contact form in action right on this site.

Travis CI for continuous integration A common term in software development is CICD or continuous integration, continuous delivery or deployment. Travis CI is a tool that makes automated testing and deployment easy. It provides free continuous integration to open source projects hosted on GitHub and BitBucket. I’m going to use it to build and deploy this website as I update the GitHub for bogdanworks.com. Set Up Account on Travis-CI with GitHub account In order to configure a project using Travis CI you need a GitHub account and to sync your GitHub project with Travis CI.

Travis CI for continuous integration A common term in software development is CICD or continuous integration, continuous delivery or deployment. Travis CI is a tool that makes automated testing and deployment easy. It provides free continuous integration to open source projects hosted on GitHub and BitBucket. I’m going to use it to build and deploy this website as I update the GitHub for bogdanworks.com. Set Up Account on Travis-CI with GitHub account In order to configure a project using Travis CI you need a GitHub account and to sync your GitHub project with Travis CI.

Git Cheatsheet Git is a repository very convient for coding but can be used for storing any sort of files. Long are the days of Visual SourceSafe. Whew! Below is a list of commands used for using git repository from initialization to pushing and pulling into Github. Create a new local repository git init Checking Status of git repository git status Removing a file git rm NAME Commit git commit -amend

Git Cheatsheet Git is a repository very convient for coding but can be used for storing any sort of files. Long are the days of Visual SourceSafe. Whew! Below is a list of commands used for using git repository from initialization to pushing and pulling into Github. Create a new local repository git init Checking Status of git repository git status Removing a file git rm NAME Commit git commit -amend

Git Cheatsheet Git is a repository very convient for coding but can be used for storing any sort of files. Long are the days of Visual SourceSafe. Whew! Below is a list of commands used for using git repository from initialization to pushing and pulling into Github. Create a new local repository git init Checking Status of git repository git status Removing a file git rm NAME Commit git commit -amend