sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New Color Scheme and Personal Page Additions

Browse Source 
- Remove bootstrap class from h1 blocks
- Put all paragraphs on one-line
- Add color scheme to documentation
- Add exclamation marks to Welcome page
- Add VS Code and extensions to personal page
- Re-order list of software
- Add Windows Terminal to personal page
- Add AI Podcast to personal page
- Remove superfluous abbreviations from all pages
- Add UWP companion to paragraph on myTube
- Update Microsoft Edge links and paragraph with full release info
- Change background color, navbar, and headings to use new color scheme
This commit is contained in:
Sravan Balaji
2020-02-14 23:59:48 -05:00
parent 05d8c11e7b
commit 64ccdc842e
10 changed files with 189 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Assets/Branding/color_palette.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
Assets/Podcasts/artificial-intelligence.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
Assets/Programming/visual_studio_code.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
Assets/Software/logo-windows-terminal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

25
Web Pages/about.html
View File

@@ -25,7 +25,7 @@
<div class="bio">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="bio">Bio</a></h1></div>
<h1><a name="bio">Bio</a></h1>
</div>
</div>
<div class="row align-items-center">
@@ -34,23 +34,17 @@
</div>
<div class="col-md-9">
<p>
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual <abbr title="Bachelor of Science in Engineering">B.S.E.</abbr>.'s in
<a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and
<a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both
Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E.'s in <a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and <a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics. <br><br>
My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I am currently
looking for robotics related internships for the Summer (May - August) of 2020.<br><br>
My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can
check out some of my favorite <a href="personal.html#video_games">video games</a>, <a href="personal.html#podcasts">podcasts</a>,
<a href="personal.html#music">music</a>, and <a href="personal.html#software">software</a> on the <a href="personal.html">Personal</a> page.<br><br>
My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I am currently looking for robotics related internships for the Summer (May - August) of 2020. <br><br>
My personal interests include video games, podcasts, music, cooking, football, soccer, and personal / project management software. You can check out some of my favorite <a href="personal.html#video_games">video games</a>, <a href="personal.html#podcasts">podcasts</a>, <a href="personal.html#music">music</a>, and <a href="personal.html#software">software</a> on the <a href="personal.html">Personal</a> page. <br><br>
My favorite sports teams, in ranked order, are:
<ol>
<li>University of Michigan Sports</li>
<li>Arsenal F.C. (Premier League)</li>
<li>New England Patriots (<abbr title="National Football League">NFL</abbr>)</li>
<li>New England Patriots (NFL)</li>
<li>Detroit Sports Teams</li>
</ol>
</p>
@@ -58,16 +52,13 @@
</div>
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="contact_me">Contact Me</a></h1></div>
<h1><a name="contact_me">Contact Me</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<p>
Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else.
If you have suggestions for the website or would like to see the source files, check out my <a href="https://github.com/balajsra/balajsra.github.io" target="_blank">
GitHub repository</a>. If you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication
in a timely manner.
Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else. If you have suggestions for the website or would like to see the source files, check out my <a href="https://github.com/balajsra/balajsra.github.io" target="_blank"> GitHub repository</a>. If you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication in a timely manner.
</p>
</div>
</div>

82
Web Pages/documentation.html
View File

@@ -26,25 +26,15 @@
<div class="introduction">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="introduction">Introduction</a></h1></div>
<h1><a name="introduction">Introduction</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<p>
My idea for this website started simply as a way for me to present my professional portfolio. As I started learning
<abbr title="Hypertext Markup Language">HTML</abbr> and looking at other websites for inspiration, I decided to make
it my own and add in the personal page with some of my recommendations and favorite things. Additionally, I noticed
that very few people had any documentation on how/where they learned web design. While git repos were generally made
public, it was hard for someone to understand what was going on if they weren't already familiar with the framework
or language being used. Thus, I decided to create a documentation page which will hopefully help others who are interested
in making their own website do so using what I have learned from friends I have talked to. It also helps me save
some useful links in a way that others can see and understand the use case for.<br><br>
My idea for this website started simply as a way for me to present my professional portfolio. As I started learning HTML and looking at other websites for inspiration, I decided to make it my own and add in the personal page with some of my recommendations and favorite things. Additionally, I noticed that very few people had any documentation on how/where they learned web design. While git repos were generally made public, it was hard for someone to understand what was going on if they weren't already familiar with the framework or language being used. Thus, I decided to create a documentation page which will hopefully help others who are interested in making their own website do so using what I have learned from friends I have talked to. It also helps me save some useful links in a way that others can see and understand the use case for.<br><br>
This website was originally designed in <abbr title="Hypertext Markup Language">HTML</abbr> with some
<abbr title="Cascading Style Sheets">CSS</abbr> for styling. However, I ran into issues with scalability and mobile
browser support. See <a href="#web_design">Web Design</a> below for my current implementation method
and some other cool things that I have discovered through my learning process that you may find interesting.
This website was originally designed in HTML with some CSS for styling. However, I ran into issues with scalability and mobile browser support. See <a href="#web_design">Web Design</a> below for my current implementation method and some other cool things that I have discovered through my learning process that you may find interesting.
</p>
</div>
</div>
@@ -56,16 +46,14 @@
<div class="website_hosting">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="website_hosting">Website Hosting</a></h1></div>
<h1><a name="website_hosting">Website Hosting</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Purchasing a Domain Name</h2>
<p>
Per <a href="https://vesikar.com/" target="_blank">Yash Vesikar</a>'s recommendation, I used
<a href="https://domains.google.com/" target="_blank">Google Domains</a> to purchase the
<a href="https://sravanbalaji.com/">sravanbalaji.com</a> domain for $12 per year.
Per <a href="https://vesikar.com/" target="_blank">Yash Vesikar</a>'s recommendation, I used <a href="https://domains.google.com/" target="_blank">Google Domains</a> to purchase the <a href="https://sravanbalaji.com/">sravanbalaji.com</a> domain for $12 per year.
</p>
</div>
</div>
@@ -73,19 +61,7 @@
<div class="col-md-12">
<h2>Hosting Website</h2>
<p>
There are a couple of options I have found for hosting my website (for free). As a U of M student, I am able to create my own UM Web Page hosted on U of M Servers
or create a personal site hosted by Google through the <a href="http://google.umich.edu/" target="_blank">U-M Google collaboration</a>. I have not looked into
the Google Sites option, but there is <a href="https://support.google.com/sites/" target="_blank">documentation</a> available if you are interested.
I originally opted to create my own site and host it on U of M Servers. Information on how to do this can be found on the
<a href="http://www.umich.edu/~umweb/how-to/homepage.html" target="_blank">UMICH Information and Technology Services website</a>. Some limitations I found
with this were that I would have to manually upload my website files to the afs directory as the SFTP process described did not work for me. Additionally,
the domain name for U of M hosted websites take the form <b>http://www-personal.umich.edu/~youruniqname/</b> which is clearly not ideal. You can sort of
get around this by enabling <a href="https://support.google.com/domains/answer/4522141?hl=en" target="_blank">web forwarding</a> on Google Domains.
All this does is redirect traffic from your custom domain to the U of M domain. This might be ok for you, but I would prefer to have my website show
up at the domain I purchased. Per <a href="https://vesikar.com/" target="_blank">Yash Vesikar</a>'s recommendation, I looked into <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>
to host my website directly from a GitHub repository. This comes with the added benefit that changes are live as soon as you push them to the <b>master</b> branch
of your &lt;username&gt;.github.io repository. I found <a href="https://trentyang.com/how-to-setup-google-domain-for-github-pages/" target="_blank">Trent Yang's post</a>
about setting up Google Domains for GitHub pages very useful.
There are a couple of options I have found for hosting my website (for free). As a U of M student, I am able to create my own UM Web Page hosted on U of M Servers or create a personal site hosted by Google through the <a href="http://google.umich.edu/" target="_blank">U-M Google collaboration</a>. I have not looked into the Google Sites option, but there is <a href="https://support.google.com/sites/" target="_blank">documentation</a> available if you are interested. I originally opted to create my own site and host it on U of M Servers. Information on how to do this can be found on the <a href="http://www.umich.edu/~umweb/how-to/homepage.html" target="_blank">UMICH Information and Technology Services website</a>. Some limitations I found with this were that I would have to manually upload my website files to the afs directory as the SFTP process described did not work for me. Additionally, the domain name for U of M hosted websites take the form <b>http://www-personal.umich.edu/~youruniqname/</b> which is clearly not ideal. You can sort of get around this by enabling <a href="https://support.google.com/domains/answer/4522141?hl=en" target="_blank">web forwarding</a> on Google Domains. All this does is redirect traffic from your custom domain to the U of M domain. This might be ok for you, but I would prefer to have my website show up at the domain I purchased. Per <a href="https://vesikar.com/" target="_blank">Yash Vesikar</a>'s recommendation, I looked into <a href="https://pages.github.com/" target="_blank">GitHub Pages</a> to host my website directly from a GitHub repository. This comes with the added benefit that changes are live as soon as you push them to the <b>master</b> branch of your <b>&lt;username&gt;.github.io</b> repository. I found <a href="https://trentyang.com/how-to-setup-google-domain-for-github-pages/" target="_blank">Trent Yang's post</a> about setting up Google Domains for GitHub pages very useful.
</p>
</div>
</div>
@@ -97,43 +73,30 @@
<div class="web_design">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="web_design">Web Design</a></h1></div>
<h1><a name="web_design">Web Design</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Bootstrap Framework</h2>
<p>
When I first made this website, it was implemented in <abbr title="Hypertext Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> without the use of a framework. This gave me a lot of custom control over every
aspect, but it made some things unnecessarily tedious and difficult. One example of this is the navigation bar. Trying to implement that without
a framework is more difficult than it needs to be. Another issue I ran into was compatibility with mobile browsers. Per
<a href="https://www.linkedin.com/in/tianhongwen/" target="_blank">Tianhong (Sam) Wen</a>'s recommendation, I looked into
<a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>. This has built-in "responsive" classes that can auto adjust
the size and placement of elements based on the screen size. It also provides an easy way to implement some cool features
like the navbar, accordion-like cards, and a grid layout to easily place images and text around your website's viewport.
When I first made this website, it was implemented in HTML and CSS without the use of a framework. This gave me a lot of custom control over every aspect, but it made some things unnecessarily tedious and difficult. One example of this is the navigation bar. Trying to implement that without a framework is more difficult than it needs to be. Another issue I ran into was compatibility with mobile browsers. Per <a href="https://www.linkedin.com/in/tianhongwen/" target="_blank">Tianhong (Sam) Wen</a>'s recommendation, I looked into <a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>. This has built-in <i>responsive</i> classes that can auto adjust the size and placement of elements based on the screen size. It also provides an easy way to implement some cool features like the navbar, accordion-like cards, and a grid layout to easily place images and text around your website's viewport.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Reusing <abbr title="Hypertext Markup Language">HTML</abbr></h2>
<h2>Reusing HTML</h2>
<p>
The easiest way I found to reuse <abbr title="Hypertext Markup Language">HTML</abbr> code is via JavaScript as described in
<a href="https://www.uvm.edu/~bnelson/computer/javascript/pageheadersandfooters.html" target="_blank">Page Headers And Footers</a>. This is by no
means the most elegant or automated, but it was the only method I could get to actually work. If you don't want to go through the hassle of manually
removing line breaks, you can use this handy online text converter from <a href="https://www.textfixer.com/tools/remove-line-breaks.php" target="_blank">Text Fixer</a>.
The easiest way I found to reuse HTML code is via JavaScript as described in <a href="https://www.uvm.edu/~bnelson/computer/javascript/pageheadersandfooters.html" target="_blank">Page Headers And Footers</a>. This is by no means the most elegant or automated, but it was the only method I could get to actually work. If you don't want to go through the hassle of manually removing line breaks, you can use this handy online text converter from <a href="https://www.textfixer.com/tools/remove-line-breaks.php" target="_blank">Text Fixer</a>.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Display Resume <abbr title="Portable Document Format">PDF</abbr> in Website using GitHub</h2>
<h2>Display Resume PDF in Website using GitHub</h2>
<p>
I have the latest version of my <a href="portfolio.html#resume">resume</a> stored in a public <a href="https://github.com/balajsra/resume" target="_blank">
GitHub repository</a>, but I wanted an easy way to share it directly on my website. This led me to look for ways to embed a <abbr title="Portable Document Format">PDF</abbr> in <abbr title="Hypertext Markup Language">HTML</abbr>.
This works great for local files, but not so great for PDFs stored in a repository. The trick is to get the link to the raw <abbr title="Portable Document Format">PDF</abbr> file
from GitHub and to use Google Drive <abbr title="Portable Document Format">PDF</abbr> Viewer. This is outlined in
<a href="https://medium.com/@kekayan/display-your-resume-cv-pdf-in-website-using-github-73a088ac961d" target="_blank">Kekayan's Medium post</a>.
I have the latest version of my <a href="portfolio.html#resume">resume</a> stored in a public <a href="https://github.com/balajsra/resume" target="_blank"> GitHub repository</a>, but I wanted an easy way to share it directly on my website. This led me to look for ways to embed a PDF in HTML. This works great for local files, but not so great for PDFs stored in a repository. The trick is to get the link to the raw PDF file from GitHub and to use Google Drive PDF Viewer. This is outlined in <a href="https://medium.com/@kekayan/display-your-resume-cv-pdf-in-website-using-github-73a088ac961d" target="_blank">Kekayan's Medium post</a>.
</p>
</div>
</div>
@@ -145,15 +108,21 @@
<div class="aesthetics">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="aesthetics">Aesthetics</a></h1></div>
<h1><a name="aesthetics">Aesthetics</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Color Scheme</h2>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-4">
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/color_palette.png">
</div>
<div class="col-md-8">
<p>
I used the color scheme outlined in <a href="https://vpcomm.umich.edu/brand/style-guide/design-principles/colors" target="_blank">University of Michigan - Style Guide: Colors</a>
when choosing colors for the various elements of my website such as the background and text color.
I used the primary palette colors from <a href="https://brand.umich.edu/design-resources/colors/" target="_blank">University of Michigan Design Resources</a> and generated a cool color scheme using <a href="https://coolors.co/00274c-ffcb05-30c5ff-e8eef2-343434" target="_blank">coolors</a>.
</p>
</div>
</div>
@@ -164,15 +133,14 @@
</div>
<div class="row align-items-center">
<div class="col-md-2">
<img class="img-fluid mx-auto d-block" src="../Assets/logo_with_name.png">
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/logo_with_name.png">
</div>
<div class="col-md-2">
<img class="img-fluid mx-auto d-block" src="../Assets/logo.png">
<img class="img-fluid mx-auto d-block" src="../Assets/Branding/logo.png">
</div>
<div class="col-md-8">
<p>
I designed my logo for free on <a href="https://hatchful.shopify.com/" target="_blank">hatchful</a>. My main purpose for this was to have a nice looking
favicon for my website on browsers as well as for the home page icon in the navbar.
I designed my logo for free on <a href="https://hatchful.shopify.com/" target="_blank">hatchful</a>. My main purpose for this was to have a nice looking favicon for my website on browsers as well as for the home page icon in the navbar.
</p>
</div>
</div>
@@ -184,7 +152,7 @@
<div class="inspiration">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="inspiration">Inspiration</a></h1></div>
<h1><a name="inspiration">Inspiration</a></h1>
</div>
</div>
<div class="row align-items-center">

8
Web Pages/index.html
View File

@@ -11,13 +11,11 @@
<div class="container-fluid px-md-6">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1>Welcome</h1></div>
<h1>Welcome!</h1>
<p>
Welcome to my personal website! For information on how this website was created and hosted,
please see the <a href="documentation.html">documentation</a> page.<br><br>
Welcome to my personal website! For information on how this website was created and hosted, please see the <a href="documentation.html">documentation</a> page.<br><br>
This website is currently a work in progress and updates will be made as I find time.
You can follow development and make suggestions on <a href="https://github.com/balajsra/balajsra.github.io" target="_blank">GitHub</a>.
This website is currently a work in progress and updates will be made as I find time. You can follow development and make suggestions on <a href="https://github.com/balajsra/balajsra.github.io" target="_blank">GitHub</a>.
</p>
</div>
</div>

305
Web Pages/personal.html
View File

@@ -33,70 +33,33 @@
<div class="software">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="software">Software</a></h1></div>
<h1><a name="software">Software</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.stardock.com/products/fences/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-fences.png">
<a href="https://code.visualstudio.com/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Programming/visual_studio_code.jpg">
</a>
</div>
<div class="col-md-10">
<h2><a name="Fences" href="https://www.stardock.com/products/fences/" target="_blank">Fences</a></h2>
<h3>Platform: Windows</h3>
<h2><a name="Visual Studio Code" href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a></h2>
<h3>Platform: Windows, Linux, Mac</h3>
<p>
Fences is a desktop management software that allows you to group your desktop icons into "fences".
These fences can be rolled up so they are tucked away neatly into a corner, allowing you to view
your desktop wallpaper while still being able to access your shortcuts when you need to.
I really like Fences because it keeps my desktop clutter-free and I get to look at my amazing
wallpaper (see <a href="#Wallpaper Engine">Wallpaper Engine</a>). I purchased Fences on
<a href="https://store.steampowered.com/app/607380/Fences/" target="_blank">Steam</a>, but you
can also get it directly from <a href="https://www.stardock.com/products/fences/" target="_blank">Stardock's website</a>.
Would definitely recommend getting it if you have a cluttered desktop.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.stardock.com/products/start10/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-start10.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Start10" href="https://www.stardock.com/products/start10/" target="_blank">Start10</a></h2>
<h3>Platform: Windows</h3>
<p>
I wasn't actually interested in Start10 when I first got it. I got it in a bundle with <a href="#Fences">Fences</a>.
The gist of Start10 is that it allows you to customize the way your taskbar looks and the style of start menu
you would like. The options are Windows 7, Windows 10, or Modern. Windows 7 has the classic
searchbar and list of applications. Windows 10 has the list of programs and start menu "tiles"
introduced in Windows 10. Modern style is a bit of a hybrid. It has the application list from
Windows 7, but the theme looks more like Windows 10. I personally prefer Windows 10 style because
of the "tiles" that easily let you launch your favorite apps. I wouldn't necessarily recommend
getting Start10 on its own as I don't see much value in it, but it is a nice addition if you have
ever wanted to change the look of your taskbar or start menu.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.wallpaperengine.io/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-wallpaper-engine.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Wallpaper Engine" href="https://www.wallpaperengine.io/" target="_blank">Wallpaper Engine</a></h2>
<h3>Platform: Windows</h3>
<p>
Wallpaper Engine is amongst my favorite programs on this list. If you have ever seen live wallpapers on phones
and thought "can I get that on my <abbr title="Personal Computer">PC</abbr>?", this is the program for you. At a regular price of $3.99, I
cannot recommend this enough. Fair warning, this will drain your battery and <abbr title="Random Access Memory">RAM</abbr> if you plan on running
it at its highest settings with animations and other compute heavy settings. I usually run this on my laptop
so the wallpaper is static when unplugged, but animated and reactive when plugged in. There are some memory
saving options that can pause the program when another program is in full-screen and in-focus to improve
battery life and performance.
Visual Studio Code is currently my favorite editor for most programming applications I work on. I have previously tried <a href="https://www.sublimetext.com/" target="_blank">Sublime Text</a>, <a href="https://notepad-plus-plus.org/" target="_blank">Notepad++</a>, and <a href="https://www.vim.org/" target="_blank">Vim</a> as my primary text editors, but I was never fully satisfied with their functionality. When I first started using VS Code, I wasn't convinced by it either. It looked like just another text editor with no special features. Over time, Microsoft has done a great job of improving stability, speed, and functionality. The feature that finally made the decision for me was the community support for extensions. If you are a die hard Vim user for example, there's a Vim emulation extension that should ease the transition. I just love the overall aesthetic, auto-completion, and sheer number of features available. It runs on every platform you could conceivably develop on and it looks great! Don't plan on switching editors any time soon! Check out some of my favorite extensions below.
</p>
<ul>
<li><a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments" target="_blank">Better Comments</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2" target="_blank">Bracket Pair Colorizer 2</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker" target="_blank">Code Spell Checker</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" target="_blank">GitLens</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_blank">Live Server</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare" target="_blank">Live Share</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl" target="_blank">Night Owl</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync" target="_blank">Settings Sync</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree" target="_blank">Todo Tree</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons" target="_blank">vscode-icons</a></li>
</ul>
</div>
</div>
<div class="row align-items-center">
@@ -109,14 +72,7 @@
<h2><a name="Notion" href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">Notion</a></h2>
<h3>Platform: Web App, Mac, Windows, iOS, Android</h3>
<p>
This is my current favorite productivity app. I use it to keep track of things like homework, personal tasks,
gift ideas, shopping lists, personal wish lists, upcoming video games, etc. I previously used
<a href="https://trello.com/en-US" target="_blank">Trello</a> and <a href="https://keep.google.com/" target="_blank">Google Keep</a>
to track tasks and random bits of information, but Notion has been a game changer. While the
full experience is locked behind a paywall, you can get the paid tier for free if you have a university (.edu) email.
If you haven't already, I would suggest giving it a try. Use this
<a href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">referral link</a> to get
some free credit on your account to use if you decide to use any of the paid tiers.
This is my current favorite productivity app. I use it to keep track of things like homework, personal tasks, gift ideas, shopping lists, personal wish lists, upcoming video games, etc. I previously used <a href="https://trello.com/en-US" target="_blank">Trello</a> and <a href="https://keep.google.com/" target="_blank">Google Keep</a> to track tasks and random bits of information, but Notion has been a game changer. While the full experience is locked behind a paywall, you can get the paid tier for free if you have a university (.edu) email. If you haven't already, I would suggest giving it a try. Use this <a href="https://www.notion.so/?r=542c7e5df78d4ff0bf5417dd397f26b8" target="_blank">referral link</a> to get some free credit on your account to use if you decide to use any of the paid tiers.
</p>
</div>
</div>
@@ -130,10 +86,21 @@
<h2><a name="Clatter" href="https://www.microsoft.com/en-us/p/clatter/9nps35br12q8" target="_blank">Clatter</a></h2>
<h3>Platform: Windows</h3>
<p>
Have you ever wondered if there was an app to combine all of your messaging apps into 1? Well, Clatter
is the answer. I used to keep multiple tabs and programs open so I could see all of my messaging services
at once, but with Clatter, they are all neatly packaged in one application. Any messaging service with a web
app can be accessed through Clatter. Give it a try, I'm sure you will enjoy it as much as I do.
Have you ever wondered if there was an app to combine all of your messaging apps into 1? Well, Clatter is the answer. I used to keep multiple tabs and programs open so I could see all of my messaging services at once, but with Clatter, they are all neatly packaged in one application. Any messaging service with a web app can be accessed through Clatter. Give it a try, I'm sure you will enjoy it as much as I do.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://github.com/microsoft/terminal" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-windows-terminal.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Windows Terminal" href="https://github.com/microsoft/terminal" target="_blank">Windows Terminal</a></h2>
<h3>Platform: Windows</h3>
<p>
If you have ever felt that the default windows terminal could use a refresh, you are in luck! Microsoft has been working on an updated version of Windows Terminal that provides tabs for Command Prompt, PowerShell, and WSL. It also offers a faster, better looking, windows terminal experience. At the time of writing, Windows Terminal is still in preview, but hopefully the full version will be released to everyone soon.
</p>
</div>
</div>
@@ -147,10 +114,50 @@
<h2><a name="Chocolatey" href="https://chocolatey.org/" target="_blank">Chocolatey</a></h2>
<h3>Platform: Windows</h3>
<p>
Chocolatey is Windows's answer to Homebrew. It is essentially a package manager that allows you to easily track
and upgrade/install/uninstall programs on Windows. My process when installing apps is to check if there is a
Windows app on the Microsoft Store. If not, I check Chocolatey. More times than not, it's available there.
You can easily install any programs you need via command prompt and avoid the tedious installation wizard.
Chocolatey is Windows's answer to <a href="https://brew.sh/" target="_blank">Homebrew</a>. It is essentially a package manager that allows you to easily track and upgrade/install/uninstall programs on Windows. You can easily install any programs you need via command prompt and avoid the tedious installation wizard. Just search chocolatey's list of packages, run terminal <b>as Administrator</b>, and run <code>choco install <i>package_name</i></code>.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.wallpaperengine.io/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-wallpaper-engine.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Wallpaper Engine" href="https://www.wallpaperengine.io/" target="_blank">Wallpaper Engine</a></h2>
<h3>Platform: Windows</h3>
<p>
Wallpaper Engine is amongst my favorite programs on this list. If you have ever seen live wallpapers on phones and thought <i>can I get that on my PC?</i>, this is the program for you. At a regular price of $3.99, I cannot recommend this enough. Fair warning, this will drain your battery and RAM if you plan on running it at its highest settings with animations and other compute heavy settings. I usually run this on my laptop so the wallpaper is static when unplugged, but animated and reactive when plugged in. There are some memory saving options that can pause the program when another program is in full-screen and in-focus to improve battery life and performance.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.stardock.com/products/fences/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-fences.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Fences" href="https://www.stardock.com/products/fences/" target="_blank">Fences</a></h2>
<h3>Platform: Windows</h3>
<p>
Fences is a desktop management software that allows you to group your desktop icons into <i>fences</i>. These fences can be rolled up so they are tucked away neatly into a corner, allowing you to view your desktop wallpaper while still being able to access your shortcuts when you need to. I really like Fences because it keeps my desktop clutter-free and I get to look at my amazing wallpaper (see <a href="#Wallpaper Engine">Wallpaper Engine</a>). I purchased Fences on <a href="https://store.steampowered.com/app/607380/Fences/" target="_blank">Steam</a>, but you can also get it directly from <a href="https://www.stardock.com/products/fences/" target="_blank">Stardock's website</a>. Would definitely recommend getting it if you have a cluttered desktop.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.stardock.com/products/start10/" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-start10.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Start10" href="https://www.stardock.com/products/start10/" target="_blank">Start10</a></h2>
<h3>Platform: Windows</h3>
<p>
I wasn't actually interested in Start10 when I first got it. I got it in a bundle with <a href="#Fences">Fences</a>. The gist of Start10 is that it allows you to customize the way your taskbar looks and the style of start menu you would like. The options are Windows 7, Windows 10, or Modern. Windows 7 has the classic
search bar and list of applications. Windows 10 has the list of programs and start menu <i>tiles</i> introduced in Windows 10. Modern style is a bit of a hybrid. It has the application list from Windows 7, but the theme looks more like Windows 10. I personally prefer Windows 10 style because of the <i>tiles</i> that easily let you launch your favorite apps. I wouldn't necessarily recommend getting Start10 on its own as I don't see much value in it, but it is a nice addition if you have ever wanted to change the look of your taskbar or start menu.
</p>
</div>
</div>
@@ -164,10 +171,7 @@
<h2><a name="Pocket Casts" href="https://www.pocketcasts.com/" target="_blank">Pocket Casts</a></h2>
<h3>Platform: Web App, iOS, Android</h3>
<p>
This is my preferred Podcast app. I have it on my Android phone and I use the Windows app on my desktop
and laptop. I purchased the web app and android app prior to the new "subscription" model that Pocket Casts
has implemented. While I don't agree with this new pay structure, I appreciate that they have implemented a
free tier that has the majority of features that most people will need.
This is my preferred Podcast app. I have it on my Android phone and I use the Windows app on my desktop and laptop. I purchased the web app and android app prior to the new<i>subscription</i> model that Pocket Casts has implemented. While I don't agree with this new pay structure, I appreciate that they have implemented a free tier that has the majority of features that most people will need.
</p>
</div>
</div>
@@ -181,11 +185,7 @@
<h2><a name="YouTube Vanced" href="https://vanced.app/" target="_blank">YouTube Vanced</a></h2>
<h3>Platform: Android</h3>
<p>
I discovered this on a MEGA PRO TIPS post on
<a href="https://www.reddit.com/r/galaxys10/comments/bg2bb2/mega_pro_tips_make_the_most_of_your_s10_settings/?utm_source=share&utm_medium=web2x">r/galaxys10</a>
(tip 29). All relevant information on what apps to download and a fix for a login issue can be found in the
reddit post. The gist of the app is that it removes ads from YouTube on your android phone and you can play
music while your screen is off for free.
I discovered this on a MEGA PRO TIPS post on <a href="https://www.reddit.com/r/galaxys10/comments/bg2bb2/mega_pro_tips_make_the_most_of_your_s10_settings/?utm_source=share&utm_medium=web2x">r/galaxys10</a> (tip 29). All relevant information on what apps to download and a fix for a login issue can be found in the reddit post. The gist of the app is that it removes ads from YouTube on your android phone and you can play music while your screen is off for free.
</p>
</div>
</div>
@@ -199,8 +199,7 @@
<h2><a name="Xodo" href="https://xodo.com/" target="_blank">Xodo</a></h2>
<h3>Platform: Web App, iOS, Android, Windows</h3>
<p>
This is the best <abbr title="Portable Document Format">PDF</abbr> editor/reader I have found that doesn't require a paid subscription (unlike Adobe) for
all of its features. You can easily write/edit, fill out forms, and add digital signatures. All for free.
This is the best PDF editor/reader I have found that doesn't require a paid subscription (unlike Adobe) for all of its features. You can easily write/edit, fill out forms, and add digital signatures. All for free.
</p>
</div>
</div>
@@ -214,30 +213,21 @@
<h2><a name="myTube!" href="https://www.microsoft.com/en-us/p/mytube/9wzdncrcwf3l" target="_blank">myTube!</a></h2>
<h3>Platform: Windows</h3>
<p>
Similar to <a href="#YouTube Vanced">YouTube Vanced</a>, this app removes ads from YouTube. The main difference
here is that myTube! is a Windows app rather than an Android app.
Similar to <a href="#YouTube Vanced">YouTube Vanced</a>, this app removes ads from YouTube. The main difference here is that myTube! is a Windows app rather than an Android app. You should also check out <a href="https://github.com/UWPCommunity/UWP-Companion" target="_blank">UWP Companion</a> so you can redirect YouTube links from your web browser to myTube.
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://www.microsoftedgeinsider.com/en-us/download" target="_blank">
<a href="https://www.microsoft.com/en-us/edge" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Software/logo-edge.png">
</a>
</div>
<div class="col-md-10">
<h2><a name="Microsoft Edge" href="https://www.microsoftedgeinsider.com/en-us/download" target="_blank">Microsoft Edge (Chromium)</a></h2>
<h2><a name="Microsoft Edge" href="https://www.microsoft.com/en-us/edge" target="_blank">Microsoft Edge</a></h2>
<h3>Platform: Windows, macOS, iOS, Android</h3>
<p>
At the time of writing, Microsoft Edge (Chromium) doesn't have an official release yet. Latest reports suggest January 15th, 2020 as the official release
date. You can still download a Beta, Development, or Canary build of the new web browser from the <a href="https://www.microsoftedgeinsider.com/en-us/" target="_blank">Edge Insider site</a>.
I have been using the development build of the new Microsoft Edge since around June 2019 and have generally enjoyed it.
It will be very familiar for those coming from Chrome since it is also based on <a href="https://www.chromium.org/" target="_blank">Chromium</a>.
The main reason I like it is for its speed and reduced <abbr title="Random Access Memory">RAM</abbr> usage. I haven't done any official tests comparing performance, but it
subjectively seems more responsive. Additionally, most if not all Chrome extensions can be used on the new Edge, so that
should help ease the transition for those who can't live without them. One of Microsoft's main selling points for
the new Edge is privacy features. Overall, there are still a few issues I have encountered like links in google searches
not opening properly, but I'm sure these will be ironed out by the official release date.
I have been using the development build of the new Microsoft Edge since around June 2019 and have generally enjoyed it. It will be very familiar for those coming from Chrome since it is also based on <a href="https://www.chromium.org/" target="_blank">Chromium</a>. The main reason I like it is for its speed and reduced RAM usage. I haven't done any official tests comparing performance, but it subjectively seems more responsive. Additionally, most if not all Chrome extensions can be used on the new Edge, so that should help ease the transition for those who can't live without them. One of Microsoft's main selling points for the new Edge is privacy features. Overall, there are still a few issues I have encountered like links in google searches not opening properly, but I can put up with that for the performance improvement. Finally, you will want to change the default search engine to google unless you plan on using Bing for those <a href="https://www.microsoft.com/en-us/rewards" target="_blank">Microsoft Rewards</a> points.
</p>
</div>
</div>
@@ -251,14 +241,7 @@
<h2><a name="Your Phone" href="https://support.microsoft.com/en-us/help/4531293/your-phone-system-requirements-and-set-up" target="_blank">Your Phone</a></h2>
<h3>Platform: Windows, Android</h3>
<p>
Your Phone from Microsoft is the answer to my long-term need for a way to interact with my phone from my <abbr title="Personal Computer">PC</abbr> (not you
<a href="https://www.samsung.com/global/galaxy/apps/samsung-dex/" target="_blank">Samsung DeX</a>). At the time of writing, this isn't
supported on all android devices, but it works with my Samsung Galaxy S10+. The main feature I use is viewing my
phone's notifications on my <abbr title="Personal Computer">PC</abbr>, but they have also implemented Phone Screen which let's you interact with you
phone via mouse and keyboard (or touch screen if you have it). If you have a supported <abbr title="Personal Computer">PC</abbr> and phone, you will
need to download the <a href="https://play.google.com/store/apps/details?id=com.microsoft.appmanager&hl=en_US" target="_blank">Android App</a>
and the <a href="https://www.microsoft.com/en-us/p/your-phone/9nmpj99vjbwv" target="_blank">Windows App</a>. If you have
ever wanted a better way to integrate your desktop/laptop and phone experience, this is it.
Your Phone from Microsoft is the answer to my long-term need for a way to interact with my phone from my PC (not you <a href="https://www.samsung.com/global/galaxy/apps/samsung-dex/" target="_blank">Samsung DeX</a>). At the time of writing, this isn't supported on all android devices, but it works with my Samsung Galaxy S10+. The main feature I use is viewing my phone's notifications on my PC, but they have also implemented Phone Screen which let's you interact with you phone via mouse and keyboard (or touch screen if you have it). If you have a supported PC and phone, you will need to download the <a href="https://play.google.com/store/apps/details?id=com.microsoft.appmanager&hl=en_US" target="_blank">Android App</a> and the <a href="https://www.microsoft.com/en-us/p/your-phone/9nmpj99vjbwv" target="_blank">Windows App</a>. If you have ever wanted a better way to integrate your desktop/laptop and phone experience, this is it.
</p>
</div>
</div>
@@ -272,13 +255,7 @@
<h2><a name="Remote Fingerprint Unlock" href="https://play.google.com/store/apps/details?id=ro.andreimircius.remotefingerauth&hl=en_US" target="_blank">Remote Fingerprint Unlock</a></h2>
<h3>Platform: Windows, Android</h3>
<p>
I discovered Remote Fingerprint Unlock recently, but in my short time with it, I absolutely love it. When Google announced the
<a href="https://store.google.com/us/product/google_pixelbook" target="_blank">Pixelbook</a> back in 2017, needless to say I was
very disappointed to hear that the great hardware would be paired with Chrome <abbr title="Operating System">OS</abbr>. One feature I wished I had on Windows + Android
was the ability to unlock the Pixelbook with an Android Phone. With this app, you can do just that. You'll need the
<a href="https://play.google.com/store/apps/details?id=ro.andreimircius.remotefingerauth&hl=en_US" target="_blank">Android App</a>
and the <a href="http://bit.ly/2Q4YoUP" target="_blank">Windows Program</a>. If you get the Pro version, you can even use the
Wake-on-<abbr title="Local-Area Network">LAN</abbr> feature.
I discovered Remote Fingerprint Unlock recently, but in my short time with it, I absolutely love it. When Google announced the <a href="https://store.google.com/us/product/google_pixelbook" target="_blank">Pixelbook</a> back in 2017, needless to say I was very disappointed to hear that the great hardware would be paired with Chrome OS. One feature I wished I had on Windows + Android was the ability to unlock the Pixelbook with an Android Phone. With this app, you can do just that. You'll need the <a href="https://play.google.com/store/apps/details?id=ro.andreimircius.remotefingerauth&hl=en_US" target="_blank">Android App</a> and the <a href="http://bit.ly/2Q4YoUP" target="_blank">Windows Program</a>. If you get the Pro version, you can even use the Wake-on-<abbr title="Local-Area Network">LAN</abbr> feature.
</p>
</div>
</div>
@@ -290,7 +267,7 @@
<div class="hardware">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="hardware">Hardware</a></h1></div>
<h1><a name="hardware">Hardware</a></h1>
</div>
</div>
<div class="row align-items-center">
@@ -298,11 +275,9 @@
<img class="img-fluid mx-auto d-block" src="../Assets/Hardware/desktop-case.png">
</div>
<div class="col-md-9">
<h2><a name="Remote Fingerprint Unlock" href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">Desktop <abbr title="Personal Computer">PC</abbr>: Custom</a></h2>
<h2><a name="Remote Fingerprint Unlock" href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">Desktop PC: Custom</a></h2>
<p>
A full list of my desktop <abbr title="Personal Computer">PC</abbr> build components can be found on <a href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">PCPartPicker</a>.
My current build has stayed largely the same from when I first built it, with the exception of the peripherals and monitors.
I have upgraded my keyboard, mouse, and speakers over the past couple of years as I found deals.
A full list of my desktop PC build components can be found on <a href="https://pcpartpicker.com/user/sr98vn/saved/#view=dv8LJx" target="_blank">PCPartPicker</a>. My current build has stayed largely the same from when I first built it, with the exception of the peripherals and monitors. I have upgraded my keyboard, mouse, and speakers over the past couple of years as I found deals.
</p>
</div>
</div>
@@ -313,17 +288,7 @@
<div class="col-md-9">
<h2>Laptop: HP Spectre x360 15"</h2>
<p>
My laptop is mainly used for school. I wanted a touchscreen so I could take digital written notes in class and
I needed a good processor and dedicated graphics card for <abbr title="Computer Aided Design">CAD</abbr> software and for general programming applications.
I landed on the HP Spectre x360 because it had a great balance of specs, amazing display, touch screen, and very
nice typing experience for a reasonable price. I was initially leaning towards a Razer Blade or Microsoft's Surface
Book. The former would be great for school and for gaming, but it isn't great for taking handwritten digital notes.
The latter is similar to the Spectre in regards to specs, but has a favorable display ratio. The main reason I chose
against it in the end was the high price relative to the Spectre. I was able to get very comparable specs for a much
lower price with the Spectre. My laptop is the 2016 model with Intel i7-7500U <abbr title="Central Processing Unit">CPU</abbr>, NVIDIA GeForce 940MX <abbr title="Graphics Processing Unit">GPU</abbr>, and
16 <abbr title="Gigabyte">GB</abbr> <abbr title="Random Access Memory">RAM</abbr>. The newer models have thinner bezels, diamond-cut corners, updated specs, and better trackpad drivers.
I got around this issue by <a href="https://www.windowscentral.com/how-enable-precision-touchpad-drivers" target="_blank">
installing Microsoft's Precision Trackpad drivers</a> myself as the pre-installed Synaptics drivers are trash.
My laptop is mainly used for school. I wanted a touchscreen so I could take digital written notes in class and I needed a good processor and dedicated graphics card for <abbr title="Computer Aided Design">CAD</abbr> software and for general programming applications. I landed on the HP Spectre x360 because it had a great balance of specs, amazing display, touch screen, and very nice typing experience for a reasonable price. I was initially leaning towards a Razer Blade or Microsoft's Surface Book. The former would be great for school and for gaming, but it isn't great for taking handwritten digital notes. The latter is similar to the Spectre in regards to specs, but has a favorable display ratio. The main reason I chose against it in the end was the high price relative to the Spectre. I was able to get very comparable specs for a much lower price with the Spectre. My laptop is the 2016 model with Intel i7-7500U CPU, NVIDIA GeForce 940MX GPU, and 16 GB RAM. The newer models have thinner bezels, diamond-cut corners, updated specs, and better trackpad drivers. I got around this issue by <a href="https://www.windowscentral.com/how-enable-precision-touchpad-drivers" target="_blank"> installing Microsoft's Precision Trackpad drivers</a> myself as the pre-installed Synaptics drivers are not great.
</p>
</div>
</div>
@@ -334,13 +299,7 @@
<div class="col-md-9">
<h2>Tablet: Microsoft Surface Go</h2>
<p>
The Surface Go is primarily used as a secondary-device and tablet. I use it for media consumption and occasional e-book
reading. It is by no means powerful enough to act as my primary device, but I like it as a secondary device that
I will occasionally use. If you do end up going with the Surface Go, make sure you
<a href="https://www.windowscentral.com/surface-go-how-unlock-windows-10-s-mode" target="_blank">turn off S mode</a>
to be able to install apps that aren't on the Microsoft Store. If you are a Costco member, I would recommend
looking at the <a href="https://www.costco.com/microsoft-surface-go-bundle---intel-pentium---1800-x-1200-display---windows-10-in-s-mode---surface-type-cover.product.100428070.html" target="_blank">Surface Type Cover bundle</a>.
This bundle has a 128 <abbr title="Gigabyte">GB</abbr> SSD, 4GB <abbr title="Random Access Memory">RAM</abbr>, Intel Pentium Gold 4415Y <abbr title="Central Processing Unit">CPU</abbr>, and includes the type cover.
The Surface Go is primarily used as a secondary-device and tablet. I use it for media consumption and occasional e-book reading. It is by no means powerful enough to act as my primary device, but I like it as a secondary device that I will occasionally use. If you do end up going with the Surface Go, make sure you <a href="https://www.windowscentral.com/surface-go-how-unlock-windows-10-s-mode" target="_blank">turn off S mode</a> to be able to install apps that aren't on the Microsoft Store. If you are a Costco member, I would recommend looking at the <a href="https://www.costco.com/microsoft-surface-go-bundle---intel-pentium---1800-x-1200-display---windows-10-in-s-mode---surface-type-cover.product.100428070.html" target="_blank">Surface Type Cover bundle</a>. This bundle has a 128 GB SSD, 4GB RAM, Intel Pentium Gold 4415Y CPU, and includes the type cover.
</p>
</div>
</div>
@@ -351,11 +310,7 @@
<div class="col-md-9">
<h2>Phone: Samsung Galaxy S10+</h2>
<p>
Got the Galaxy S10+ on sale on Amazon's Prime Day. My previous phone was a Pixel 2XL which I really liked, but I decided
to switch to a Galaxy after the Pixel 3 was a bit of a disappointment and the Pixel 4 wouldn't come out until later in the year.
Other phones I considered, but ultimately decided against were the OnePlus 7 Pro and Samsung Galaxy Note 9. In retrospect,
I would have waited to replace my Pixel 2XL until the Galaxy Note 10+ came out and the price dropped down to something reasonable.
However, I am happy with my decision as is.
Got the Galaxy S10+ on sale on Amazon's Prime Day. My previous phone was a Pixel 2XL which I really liked, but I decided to switch to a Galaxy after the Pixel 3 was a bit of a disappointment and the Pixel 4 wouldn't come out until later in the year. Other phones I considered, but ultimately decided against were the OnePlus 7 Pro and Samsung Galaxy Note 9. In retrospect, I would have waited to replace my Pixel 2XL until the Galaxy Note 10+ came out and the price dropped down to something reasonable. However, I am happy with my decision as is.
</p>
</div>
</div>
@@ -366,13 +321,7 @@
<div class="col-md-9">
<h2>Watch: Samsung Galaxy Watch</h2>
<p>
I previously had a Moto 360 Sport smartwatch, but the performance was extremely disappointing. After looking at other
Android wear devices, I didn't feel that another compelling watch on the level of the Apple Watch for iPhones existed.
Thus, I decided to switch to the Galaxy watch. My primary impressions of Tizen <abbr title="Operating System">OS</abbr> vs Android Wear is the lack of
supported apps. I have found that this really isn't that big of a deal as it has great media controls for your phone
and the amazing rotating bezel interface. This is by far the superior input method for watches and I feel that
all watches should have some variant of this. Overall, the performance is great and I have come to appreciate
Samsung's brand of apps for my phone and watch.
I previously had a Moto 360 Sport smartwatch, but the performance was extremely disappointing. After looking at other Android wear devices, I didn't feel that another compelling watch on the level of the Apple Watch for iPhones existed. Thus, I decided to switch to the Galaxy watch. My primary impressions of Tizen OS vs Android Wear is the lack of supported apps. I have found that this really isn't that big of a deal as it has great media controls for your phone and the amazing rotating bezel interface. This is by far the superior input method for watches and I feel that all watches should have some variant of this. Overall, the performance is great and I have come to appreciate Samsung's brand of apps for my phone and watch.
</p>
</div>
</div>
@@ -383,11 +332,7 @@
<div class="col-md-9">
<h2>Wireless Earbuds: Samsung Galaxy Buds</h2>
<p>
I found these on sale at Costco and heard that the audio quality was among the best for the price. I love that they also have
audio passthrough so you can hear your environment when necessary, or keep noise cancelling on. They fit nice in my ears
and don't fall out. My only grip is that the mic isn't that great for taking phone calls. Integrates well with my Galaxy
Watch and Galaxy S10+. My one grip is the battery life. Samsum reports 6 hours of charge in the earbuds and 7 hours
in the case. In my experience, this is pretty accurate. Don't expect long, continuous music sessions.
I found these on sale at Costco and heard that the audio quality was among the best for the price. I love that they also have audio passthrough so you can hear your environment when necessary, or keep noise cancelling on. They fit nice in my ears and don't fall out. My only grip is that the mic isn't that great for taking phone calls. Integrates well with my Galaxy Watch and Galaxy S10+. My one grip is the battery life. Samsung reports 6 hours of charge in the earbuds and 7 hours in the case. In my experience, this is pretty accurate. Don't expect long, continuous music sessions.
</p>
</div>
</div>
@@ -398,17 +343,11 @@
<div class="col-md-9">
<h2>Wireless Headphones: Sony WH-1000XM3</h2>
<p>
I actually purchased the WH-1000XM2's before the XM3's came out, but the XM3's are an improvement in every way and
well worth the price. Sound quality is amazing, noise cancelling is excellent, and it has audio passthrough in case
you need to hear your environment. If you need wireless bluetooth headphones, this is it. You can get these headphones
for around $290 on <a href="https://drop.com/buy/sony-wh-1000xm3-wireless-noise-canceling-headphones/" target="_blank">Drop</a>.
My favorite feature is definitely the battery life. Sony reports 30 hours of charge. If you will be away from
an outlet for an extended period of time and plan on using your headphones a lot, these are great.
I actually purchased the WH-1000XM2's myself before the XM3's came out, but the XM3's are an improvement in every way and well worth the price. Sound quality is amazing, noise cancelling is excellent, and it has audio passthrough in case you need to hear your environment. If you need wireless bluetooth headphones, this is it. You can get these headphones for around $290 on <a href="https://drop.com/buy/sony-wh-1000xm3-wireless-noise-canceling-headphones/" target="_blank">Drop</a>. My favorite feature is definitely the battery life. Sony reports 30 hours of charge. If you will be away from an outlet for an extended period of time and plan on using your headphones a lot, these are great.
</p>
</div>
</div>
</div>
<!---------------------------------
VIDEO GAMES
@@ -416,7 +355,7 @@
<div class="video_games">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="video_games">Video Games</a></h1></div>
<h1><a name="video_games">Video Games</a></h1>
</div>
</div>
<div class="row align-items-center">
@@ -492,7 +431,20 @@
<div class="podcasts">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="podcasts">Podcasts</a></h1></div>
<h1><a name="podcasts">Podcasts</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-2">
<a href="https://pca.st/E3n6" target="_blank">
<img class="img-fluid mx-auto d-block" src="../Assets/Podcasts/artificial-intelligence.jpg">
</a>
</div>
<div class="col-md-10">
<h2><a href="https://pca.st/E3n6" target="_blank">AI Podcast (Lex Fridman)</a></h2>
<p>
As an aspiring roboticist, I'm very interested in the state of the art in artificial intelligence, machine learning, and robotics. The AI podcast, hosted by Lex Fridman, is a series of conversations with prominent members in the field of AI, science, and technology at MIT and in industry.
</p>
</div>
</div>
<div class="row align-items-center">
@@ -504,10 +456,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/simmons" target="_blank">The Bill Simmons Podcast (The Ringer)</a></h2>
<p>
As a New England Patriot's fan (most because of Tom Brady), I really enjoy this (perhaps too Boston-centric) sports podcast.
Bill Simmons grew up in the New England area and supports all of the Boston teams, although he currently lives in Los Angeles.
I enjoy his conversations with friends and family about the week's events in sports, generally focused on <abbr title="National Football League">NFL</abbr> and <abbr title="National Basketball Association">NBA</abbr>.
He occasionally has celebrity guests and sometimes brings guests on to talk about TV and movies.
As a New England Patriot's fan (most because of Tom Brady), I really enjoy this (perhaps too Boston-centric) sports podcast. Bill Simmons grew up in the New England area and supports all of the Boston teams, although he currently lives in Los Angeles. I enjoy his conversations with friends and family about the week's events in sports, generally focused on NFL and NBA. He occasionally has celebrity guests and sometimes brings guests on to talk about TV and movies.
</p>
</div>
</div>
@@ -520,9 +469,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/footballweekly" target="_blank">Football Weekly (The Guardian)</a></h2>
<p>
I love the light-hearted and sometimes comedic news and analysis of Premier League (and others) matches. The rotating
cast of football journalists and long-time hosts are thoroughly enjoyable to listen to every week.
Definitely recommend this podcast for any football (soccer) fans.
I love the light-hearted and sometimes comedic news and analysis of Premier League (and others) matches. The rotating cast of football journalists and long-time hosts are thoroughly enjoyable to listen to every week. Definitely recommend this podcast for any football (soccer) fans.
</p>
</div>
</div>
@@ -535,8 +482,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/bombcast" target="_blank">Giant Bombcast (Giant Bomb)</a></h2>
<p>
The Giant Bombcast is a great podcast for video game fans. They discuss video game news, latest releases, and sometimes
stuff completely unrelated. Very fun to listen to throughout the week as each episode is pretty long.
The Giant Bombcast is a great podcast for video game fans. They discuss video game news, latest releases, and sometimes stuff completely unrelated. Very fun to listen to throughout the week as each episode is pretty long.
</p>
</div>
</div>
@@ -549,8 +495,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/vergecast" target="_blank">The Vergecast (The Verge)</a></h2>
<p>
The Vergecast is perhaps my favorite podcast of any genre. The hosts discuss the week's tech news and other
nerdy topics as well as interviews with tech leaders. Cannot recommend this enough.
The Vergecast is perhaps my favorite podcast of any genre. The hosts discuss the week's tech news and other nerdy topics as well as interviews with tech leaders. Cannot recommend this enough.
</p>
</div>
</div>
@@ -563,8 +508,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/nprwaitwait" target="_blank">Wait Wait... Don't Tell Me! (NPR)</a></h2>
<p>
This is my favorite news/comedy podcast. I love hearing about the week's wacky stories and the rotating
panel of comedians' opinons on world events.
This is my favorite news/comedy podcast. I love hearing about the week's wacky stories and the rotating panel of comedians' opinions on world events.
</p>
</div>
</div>
@@ -577,8 +521,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/thedaily" target="_blank">The Daily (The New York Times)</a></h2>
<p>
My go to for the major news events of the day (as implied by the name). It's ready every weekday by 6 AM and
generally doesn't run longer than 30 minutes. Great way to start the day.
My go to for the major news events of the day (as implied by the name). It's ready every weekday by 6 AM and generally doesn't run longer than 30 minutes. Great way to start the day.
</p>
</div>
</div>
@@ -591,9 +534,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/hardcorehist" target="_blank">Dan Carlin's Hardcore History (Dan Carlin)</a></h2>
<p>
This is long-form historical discussion and analysis. If you are interested in diving deep into historical
events from the perspective of someone who knows how to tell a story, this is the podcast for you. Episodes
are generally 4 to 5 hours long and aren't released very often as they require an enormous amount of research.
This is long-form historical discussion and analysis. If you are interested in diving deep into historical events from the perspective of someone who knows how to tell a story, this is the podcast for you. Episodes are generally 4 to 5 hours long and aren't released very often as they require an enormous amount of research.
</p>
</div>
</div>
@@ -606,9 +547,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/lmm1" target="_blank">Throughline (NPR)</a></h2>
<p>
The premise of Throughline is exploring how we can look at the past to understand the present. The hosts are
awesome and always find very interesting stories in the past relating to current events that help put
things in perspective.
The premise of Throughline is exploring how we can look at the past to understand the present. The hosts are awesome and always find very interesting stories in the past relating to current events that help put things in perspective.
</p>
</div>
</div>
@@ -621,9 +560,7 @@
<div class="col-md-10">
<h2><a href="https://pca.st/invisibilia" target="_blank">Invisibilia (NPR)</a></h2>
<p>
I'm not entirely sure how to describe this podcast. According to the podcast description, Invisibilia is about
the unseeable forces that control human behavior and shake our ideas, beliefs, and assumptions. Definitely very
interesting and different from most of the other podcasts I listen to.
I'm not entirely sure how to describe this podcast. According to the podcast description, Invisibilia is about the unseeable forces that control human behavior and shake our ideas, beliefs, and assumptions. Definitely very interesting and different from most of the other podcasts I listen to.
</p>
</div>
</div>
@@ -635,7 +572,7 @@
<div class="music">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="music">Music</a></h1></div>
<h1><a name="music">Music</a></h1>
</div>
</div>
<div class="row align-items-center">

45
Web Pages/portfolio.html
View File

@@ -38,7 +38,7 @@
<div class="resume">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="resume">Resume</a></h1></div>
<h1><a name="resume">Resume</a></h1>
</div>
</div>
<div class="row align-items-center">
@@ -54,7 +54,7 @@
<div class="education">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="education">Education</a></h1></div>
<h1><a name="education">Education</a></h1>
</div>
</div>
@@ -74,7 +74,7 @@
</a>
</div>
<div class="col-md-8">
<h3><abbr title="Bachelor of Science in Engineering">B.S.E.</abbr> in Mechanical Engineering</h3>
<h3>B.S.E. in Mechanical Engineering</h3>
<h5><i>September 2016 - December 2020</i></h5>
<p>
<b>GPA:</b> 3.726<br>
@@ -90,7 +90,7 @@
</a>
</div>
<div class="col-md-8">
<h3><abbr title="Bachelor of Science in Engineering">B.S.E.</abbr> in Computer Science</h3>
<h3>B.S.E. in Computer Science</h3>
<h5><i>September 2016 - December 2020</i></h5>
<p>
<b>GPA:</b> 3.726<br>
@@ -266,7 +266,7 @@
<div class="professional_experience">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="professional_experience">Professional Experience</a></h1></div>
<h1><a name="professional_experience">Professional Experience</a></h1>
</div>
</div>
@@ -293,7 +293,7 @@
<li>Embedded Programming in C</li>
<li>C# and .NET Framework</li>
<ul>
<li><abbr title="Graphical User Interface">GUI</abbr> Design</li>
<li>GUI Design</li>
<li><abbr title="REpresentational State Transfer">REST</abbr> Requests & <abbr title="File Transfer Protocol">FTP</abbr></li>
</ul>
<li>Network Communication</li>
@@ -327,9 +327,7 @@
<p>
<p><b>Problem</b></p>
<p>
Hughes sells mobile satellite terminals that provide internet and phone service to customers.
Some customers who purchased terminals in bulk (~1000) required non-default settings. The
configuration process of manually changing settings on each terminal was tedious and error-prone.
Hughes sells mobile satellite terminals that provide internet and phone service to customers. Some customers who purchased terminals in bulk (~1000) required non-default settings. The configuration process of manually changing settings on each terminal was tedious and error-prone.
</p>
<p><b>Task</b></p>
@@ -339,11 +337,7 @@
<p><b>Result</b></p>
<p>
I designed and developed a <abbr title="Graphical User Interface">GUI</abbr> program in C# that
detects which terminal model is connected and uses the available interface
(<abbr title="REpresentational State Transfer">REST</abbr> <abbr title="Application Programming Interface">API</abbr>
or <abbr title="File Transfer Protocol">FTP</abbr>) to copy the configuration of the "master"
terminal. This can then be used to automatically configure subsequent terminals.
I designed and developed a GUI program in C# that detects which terminal model is connected and uses the available interface (<abbr title="REpresentational State Transfer">REST</abbr> <abbr title="Application Programming Interface">API</abbr> or <abbr title="File Transfer Protocol">FTP</abbr>) to copy the configuration of the <i>master</i> terminal. This can then be used to automatically configure subsequent terminals.
</p>
<p><b>Customer Feedback</b></p>
@@ -365,30 +359,17 @@
<div class="card-body">
<p><b>Problem</b></p>
<p>
Hughes mobile terminals allow customers to have internet and phone access in remote areas via
a satellite connection. Some customers may find value in a <abbr title="Global Positioning System">GPS</abbr>
feature built into the terminal. In this situation, the terminal would send <abbr title="Global Positioning System">GPS</abbr>
coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
Hughes mobile terminals allow customers to have internet and phone access in remote areas via a satellite connection. Some customers may find value in a GPS feature built into the terminal. In this situation, the terminal would send GPS coordinates to a server at regular intervals of time, distance, and/or velocity as configured by the end-user.
</p>
<p><b>Task</b></p>
<p>
My task was to investigate a way to minimize the data packet size of <abbr title="Global Positioning System">GPS</abbr>
coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
My task was to investigate a way to minimize the data packet size of GPS coordinates and to update the terminal's software to send these data packets to a server configured by the end-user.
</p>
<p><b>Result</b></p>
<p>
This project was assigned to me after the completion of my previous project, which was intended
to last the entire internship. I was able to determine that
<a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a>
was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet
header is sufficiently small. I successfuly implemented the packet structure and delivery to the server on the terminal
software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining
time at Hughes. Using <a href="https://www.wireshark.org" target="_blank">Wireshark</a>, I confirmed the reception
of the packet, but none of the open-source
<a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a>
brokers I used worked.
This project was assigned to me after the completion of my previous project, which was intended to last the entire internship. I was able to determine that <a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a> was a good option as it simply sends a data packet to a server without checking for acknowledgement and the packet header is sufficiently small. I successfully implemented the packet structure and delivery to the server on the terminal software written in C. However, I was unable to get the server to recognize that it received the packet in my remaining time at Hughes. Using <a href="https://www.wireshark.org" target="_blank">Wireshark</a>, I confirmed the reception of the packet, but none of the open-source <a href="http://www.mqtt.org/new/wp-content/uploads/2009/06/MQTT-SN_spec_v1.2.pdf" target="_blank"><abbr title="MQ Telemetry Transport for Sensor Networks">MQTT-SN</abbr></a> brokers I used worked.
</p>
</div>
</div>
@@ -625,7 +606,7 @@
<!-- <div class="research">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="research">Research</a></h1></div>
<h1><a name="research">Research</a></h1>
</div>
</div>
<div class="row align-items-center">
@@ -644,7 +625,7 @@
<!-- <div class="projects">
<div class="row align-items-center">
<div class="col-md-12">
<div class="bg-dark text-light"><h1><a name="projects">Projects</a></h1></div>
<h1><a name="projects">Projects</a></h1>
</div>
</div>
<div class="row align-items-center">

23
Web Pages/styles.css
View File

@@ -2,7 +2,7 @@
* General *
***********/
body {
background-color: #e4e1df;
background-color: #E8EEF2;
padding-top: 65px;
font-family: Arial, Verdana, Tahoma, sans-serif;
}
@@ -10,13 +10,28 @@ body {
/****************
* Main Content *
****************/
.my-nav {
background: #00274C;
font-size: 18px;
}
.my-nav .nav-link {
color: #FFCB05;
}
.my-nav .nav-link:hover {
color: #30C5FF;
}
.container-fluid {
color: #333333;
color: #000000;
font-size: 18px;
}
.container-fluid h1 {
padding: 10px 10px;
background: #00274C;
color: #FFCB05;
}
.row {
@@ -30,8 +45,8 @@ body {
:target::before {
content: "";
display: block;
margin-top: -70px;
height: 70px;
margin-top: -80px;
height: 80px;
width: 1px;
}