diff options
| author | brycematheson <brycematheson@gmail.com> | 2015-11-21 21:07:14 +0300 |
|---|---|---|
| committer | brycematheson <brycematheson@gmail.com> | 2015-11-21 21:07:14 +0300 |
| commit | 3d6ad697308e71f5239af648e3dd2f1c59062af5 (patch) | |
| tree | e86e72bc4a51adedb306232b36dbe4d8b9b46e3a | |
| parent | dff9fef0f84d3a81bb30be68d15584f3485b0fcf (diff) | |
Initial commit
112 files changed, 1286 insertions, 4771 deletions
diff --git a/config.toml b/config.toml index 3059707..145838f 100644 --- a/config.toml +++ b/config.toml @@ -1,4 +1,4 @@ -baseurl = "http://brycematheson.github.io/brycematheson.io/" +baseurl = "yoursitehere.com" languageCode = "en-us" title = "Allegiant" copyright = "© Allegiant. All Rights Reserved." # Copyright notice. This will be displayed in the footer. @@ -6,5 +6,11 @@ canonifyurls = true [params] ga_api_key = "Your Google Analytics tracking id" # Google Analytics API key. - avatar = "../../img/avatar.jpg" - bio = "Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning."
\ No newline at end of file + avatar = "../../img/avatar.jpg" # Image should be square, and roughly 150px x 150px + bio = "Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient." + github = "http://github.com/username" + twitter = "https://twitter.com/username" + linkedin = "https://www.linkedin.com/in/username" + footer_1 = "Some text here." + footer_2 = "Some different text here." + footer_3 = "Even more different text here."
\ No newline at end of file diff --git a/content/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy.md b/content/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy.md deleted file mode 100644 index 05bbf27..0000000 --- a/content/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy.md +++ /dev/null @@ -1,46 +0,0 @@ -+++ -title = "I don't use Anti-Virus software. Am I crazy?" -date = "2014-07-01T18:50:20-07:00" -+++ -I've been the go-to tech guy for family and friends for as long as I can remember. I can't tell you how many times I've had someone come up to me asking, “My computer is SO slow. Can you fix it?” 99% percent of the time, this involves removing malware or virus infections. You're all very familiar with these: browser hijacking, tons of popups, and a computer running as slow as molasses. - -What's funny about all of this is that more often than not, all of these systems are running anti-virus software, or at least some form of protection. McAfee, Symantec, or something similar. After swearing under my breath about all of the <a href="http://en.wiktionary.org/wiki/PEBCAK" target="_blank">pebcak errors</a>, I often get the question, “Well, then, what do *you* use? - -*Nothing*. - -That's right. Nothing. After staring at me for a moment in disbelief, they ask again, “Really? Nothing? And you've never had any problems?” This has been my set of security tools for years, and I've never once had a root kit, popups, virus, or browser hijacking on any kind. - -Now, I am in no way saying that I'm against the use of third-party security programs. Nor am I saying that I don't approve of taking security measures to protect your personal data and equipment. In fact, I almost always recommend <a href="http://free.avg.com" target="_blank">AVG Free</a> to users looking for a good, free solution. But why, then, do I not listen to my own advice? I absolutely refuse to pay for something that cripples my system's performance (although, I will admit that both of these aspects have improved dramatically over the years). - -## My Secret - -From fixing (probably thousands of different) computers, and watching how people use their machines, there seems to be a common theme to all of them. People are allowing this to happen to themselves, albeit unknowingly. As I watch over people's shoulders at where they surf, I often cringe at what they click on (or don't click on). And this isn't necessarily their fault. They just haven't been trained yet as to what is or isn't safe to click on. - -The two main culprits are unsafe links, or spyware-included downloads. These can come from a phishing e-mail, or be installed alongside a piece of software that you were actually intending to install of your computer. - -I get it, though. When you visit a page that looks like this one, how are you supposed to know which “download” button is actually the correct one? - -<img src="/img/post_images/antivirus_1.png" alt="AntiVirus" /> - -The best bit of advice I can give to you is “look before you click.” When hovering over a button, you can look in the bottom corner of your web browser, and most (darn you, safari!) will give you a preview of where that URL will take you before you actually click on it. If that url is going to take you somewhere other than you intended, it's very obviously not the correct link. - -Another piece of advice is that most download links are not giant flashy wiggling buttons that say, “Download.” Usually, they are just a simple blue hyperlink. This isn't always the case, but something good to keep in mind. - -And for heaven's sake, please please PLEASE stop downloading movies and music from random websites. Not only is it illegal, but it's a surefire way to get viruses and malware. Music and movies are not inherently evil, but only if they are purchased and downloaded through a trusted third-party application (iTunes, Google, etc.) - -Another piece of advice: When installing an application, be sure to actually READ what you're agreeing to. Just clicking “next, next, next” is doing a lot more hurt than good. Below are a few screenshots of the uTorrent installation. If I hadn't unchecked, or declined all three of those ‘offers', I would have just crippled my machine in a matter of seconds. - - -<img src="/img/post_images/antivirus_2.jpg" alt="AntiVirus" /> - -<img src="/img/post_images/antivirus_3.jpg" alt="AntiVirus" /> - -<img src="/img/post_images/antivirus_4.jpg" alt="AntiVirus" /> - -## So what should you do? - -I'm not recommending that everyone ditch all of the security principles that they've learned over the course of their life. I'm simply saying what I do, and what I've found in order to keep my machine clean. Starting in Windows 7, Microsoft offered many more security features than ever before with Windows Defender, improved Firewall, and since Vista, tools such as the User Account Control. All of these pieces are great additions, and for many people, these may be sufficient. - -One last piece of advice: I absolutely swear by <a href="https://www.malwarebytes.org" target="_blank">Malware Bytes</a>. I do Tech Support at work, and I use this application multiple times a day without a hitch. It's great at finding and removing malware infections. Use it. - -So now, what do all my readers think? Am I a nit-wit for recommending this? What have you found in your personal experience?
\ No newline at end of file diff --git a/content/post/2014-07-02-removing-category-from-your-wordpress-url.md b/content/post/2014-07-02-removing-category-from-your-wordpress-url.md deleted file mode 100644 index 13cd75d..0000000 --- a/content/post/2014-07-02-removing-category-from-your-wordpress-url.md +++ /dev/null @@ -1,21 +0,0 @@ -+++ -title = "Removing 'category' from your WordPress URL" -date = "2014-07-02T18:50:20-07:00" -+++ -There's no doubt about it. WordPress is popular, easy to use, and here to stay. It's estimated that more than 20% of the internet is currently running on the CMS. With drag-and-drop features, thousands of themes, and super-simple customization, it's easy to see why. That doesn't mean WordPress doesn't come without any quirks, though. - -One of those many quirks (annoyances, really) are the ‘categories' feature. While it's a piece of cake to categorize posts into various sections, there's always been one thing that has bugged me. In your browser, underneath a specific category, the URL will always look something like this: "http://www.mysite.com/category/agriculture". Have you ever wanted to get rid of the “category” piece so that your url simply looks like this: "http://www.mysite.com/agriculture"? - -It's actually quite simple to do. If you're a fan of plugins, you can use the <a href="https://wordpress.org/plugins/fv-top-level-cats/" target="_blank">FV Top Level Categories</a> plugin. There's no configuration, no settings. Just activate the plugin, and you're ready to go. Now, with that being said, I'm not against plugins by any means, but if I can find another way around, I'll usually take that route. - -### Option 2 - -You can simple change the settings under your permalinks in WordPress. In WordPress, on the left side menu, go to \*\*Settings –> Permalinks\*\*. - -Under “Custom Structure,” enter “`/%category%/%postname%/`”. Also, enter a “`.`” under “Category base” as shown below in the photo. - -<img src="/img/post_images/permalinks_wordpress.png" alt="RAID" /> - -Select “Save Changes”, and you should be good to go. From my experience, this hasn't broken any links, and everything works as it should. While this works for now, there's no telling if any future updates or upgrades to WordPress can or will break this. - -Happy tweaking!
\ No newline at end of file diff --git a/content/post/2014-07-16-understanding-raid.md b/content/post/2014-07-16-understanding-raid.md deleted file mode 100644 index 6c06336..0000000 --- a/content/post/2014-07-16-understanding-raid.md +++ /dev/null @@ -1,165 +0,0 @@ -+++ -title = "Understanding RAID" -date = "2014-07-16T18:50:20-07:00" -+++ -Although this is changing with the advent of solid-state drives, most hard drives are mechanical, which means they are often the first part of a standard computer system to fail. Data is everything these days, and its up to you to protect it. But in the case of a drive failing, you have no excuse for not having a backup with the ease of RAID. - -Instead of waiting for a hard drive to fail, an easier approach can be taken. Through using a technology known as RAID (Redundant Array of Independent Drives), a system of hard drives based on redundancy can be achieved which uses multiple hard drives for increased reliability and performance. You can implement RAID through either software or hardware, however in this article, I’m only going to focus on hardware-based RAID. Software-based RAID is implemented at the operating system level and/or with third-party software, while hardware-based RAID requires a special controller card that is either on the motherboard, as an added-in daughter card, or on the array that holds the RAID drives. - -Interesting tidbit: RAID used to stand for “Redundant Array of Inexpensive Disks.” - -Originally there were five standard RAID configurations (called levels), but several additional levels have since been developed. These additional levels include “nested” levels and nonstandard levels that are proprietary to specific vendors. Nested RAIDs are usually described by combining the numbers indicating the RAID levels with a “+” between the numbers, such as ‘RAID Level 0+1′. While there are other levels of RAID, such as 2, 3, 4, and 6, I will only be discussing the most common in this article. - -The most common levels of RAID are as follows: - -RAID Level 0 (striped disk array without fault tolerance): RAID 0 technology is based on striping. “Striping” takes the data written to the hard drive and partitions the storage space of each hard drive into smaller sections (stripes), which can be as small as 512 bytes or as large as several megabytes. Data written to the stripes is alternated across each of the drives, as shown in the diagram. - -<img src="/img/post_images/raid1.png" alt="RAID" /> - -Although RAID Level 0 uses multiple drives, it is not fault tolerant, which means that if one of the drive fails, all of the data on that drive is lost. - -RAID Level 1 (mirroring): RAID Level 1 uses disk mirroring. Disk mirroring involves connecting multiple drives in the computer (or server) to the same disk controller card. When data has been requested to write data to the drive, the controller sends that same request to each drive. The same happens for a read request: the data is read twice, once from each drive. By “mirroring” the read/write actions on the primary drive, all the other drives become identical duplicates. If the primary hard drive fails, the other drives take over immediately, without losing any data. This is shown in the diagram below. - -<img src="/img/post_images/raid2.png" alt="RAID" /> - -RAID 5 (independent disks with distributed parity): RAID Level 5 distributes parity data (a type of error checking) across all drives, instead of using a separate hard drive to hold the parity error-checking information. Data is always stored on one drive, while its parity information is stored on another drive, as you can see from the diagram below. Distributing parity across other disks simply provides a user with an additional layer of protection from data loss. - -<img src="/img/post_images/raid3.png" alt="RAID" /> - -RAID 0 + 1 (high data transfer): RAID 0+1 is a nested-level RAID. It acts as a mirrored array whose segments are RAID 0 arrays. RAID 0+1 can achieve high data transfer rates because there are multiple strip segments. RAID 0+1 is shown below. With nested RAIDs, the elements can either be individual disks, or entire RAIDs. This is my preferred RAID configuration, as it provides redundancy for protection in case one of the drives fails, but it also increase read/write input/output. The only downside to this configuration is that you have to purchase four hard drives as a minimum. Start getting into solid-state drives, and you’re easily looking at $600. - -<img src="/img/post_images/raid4.png" alt="RAID" /> - -<table> - <tr> - <th style="text-align: center;"> - Level - </th> - - <th style="text-align: center;"> - Description - </th> - - <th style="text-align: center;"> - Minimum # of drives needed - </th> - - <th style="text-align: center;"> - Typical Usage - </th> - - <th style="text-align: center;"> - Advantages - </th> - - <th style="text-align: center;"> - Disadvantages - </th> - </tr> - - <tr> - <td> - RAID 0 - </td> - - <td> - Â Uses a striped disk array so that data is broken down into blocks and each block is written to a separate drive. - </td> - - <td> - 2 - </td> - - <td> - Video Production/Editing - </td> - - <td> - Simple design and easy to implement - </td> - - <td> - Not fault tolerant - </td> - </tr> - - <tr> - <td> - RAID 1 - </td> - - <td> - Data is written twice to separate drives. - </td> - - <td> - 2 - </td> - - <td> - Financial - </td> - - <td> - Easiest RAID to implement - </td> - - <td> - Can slow down system if RAID controlling software is used instead of hardware - </td> - </tr> - - <tr> - <td> - RAID 5 - </td> - - <td> - Â Each entire data block is written on a data disk and parity for blocks in the same rank is generated and recorded on a separate disk. - </td> - - <td> - 3 - </td> - - <td> - Â Databases - </td> - - <td> - Most versatile RAID - </td> - - <td> - Can be difficult to rebuild in the event that a disk fails - </td> - </tr> - - <tr> - <td> - RAID 0+1 - </td> - - <td> - A mirrored array whose segments are RAID 0 arrays - </td> - - <td> - 4 - </td> - - <td> - Imaging Applications - </td> - - <td> - High input/output rates - </td> - - <td> - Expensive - </td> - </tr> -</table> - -
\ No newline at end of file diff --git a/content/post/2014-07-18-change-crop-orientation-adobe-lightroom.md b/content/post/2014-07-18-change-crop-orientation-adobe-lightroom.md deleted file mode 100644 index a10b318..0000000 --- a/content/post/2014-07-18-change-crop-orientation-adobe-lightroom.md +++ /dev/null @@ -1,9 +0,0 @@ -+++ -title = "Change Crop Orientation in Adobe Lightroom" -date = "2014-07-18T18:50:20-07:00" -+++ -Here’s a quick tip that, sadly, I just now discovered in Adobe Lightroom. I’d say I’m quite familiar with the tools and capabilities of Adobe Lightroom, however, one thing has always baffled me. While cropping an image, I could never get the crop tool to switch from landscape orientation to portrait. I like to constrain my cropping proportions so that if I ever need to print my images, I won’t have any letter boxing. The easiest way to do that is to “lock” proportions. However, if you do that, you can’t change the orientation, or so I thought. - -Prior to finding this tip, I just used “Custom” and dragged the crop box wherever I wanted. If you **simply press the letter “X” while cropping**, your orientation will swap from landscape to portrait, and vise versa. I wish Adobe would make this option a little more apparent to it’s large user base. - -And there you go! That’s all there is to it!
\ No newline at end of file diff --git a/content/post/2014-07-26-how-to-record-your-screen-on-a-mac.md b/content/post/2014-07-26-how-to-record-your-screen-on-a-mac.md deleted file mode 100644 index e18d1da..0000000 --- a/content/post/2014-07-26-how-to-record-your-screen-on-a-mac.md +++ /dev/null @@ -1,26 +0,0 @@ -+++ -title = "How to record your screen on a Mac" -date = "2014-07-26T18:50:20-07:00" -+++ -While I'm sure there are a plethora of third-party applications that you can download to do this, why add something to your computer that would potentially slow it down when the functionality is already built-in? The ability is already built straight into the Quicktime app on your Mac. That's right! The same application that allows you to watch videos on your computer also allows you to record your screen. It's remarkably simple, and best of all — free! - -### How to use the Mac Screen Recorder - -The functionality to record your screen using Quicktime is only built-in to Mac OS 10.6-10.9 (and I'm assuming later). - -1. Start by launching Quicktime (found in Spotlight or in the /Applications folder) -2. From the top menu, select “File –> New Screen Recording” - -<img src="/img/post_images/record1.png" alt="Mac Screen Record" /> - -3. To the left of the giant red “record” button, there is a little while triangle that drops down to give you various options. From here, you can choose the default microphone that you wish to use (I use the built-in mic on the Mac, as I don't have anything better). You can also choose whether to show mouse clicks or not. - -<img src="/img/post_images/record2.png" alt="Mac Screen Record" /> - -4. Once you have all the options set, click the big red button to begin. To stop recording, you can either press \*\*Command + Control + Escape\*\*, or you can press the little “stop” button in the task bar at the top: - -<img src="/img/post_images/record3.png" alt="Mac Screen Record" /> - -5. Once you stop the recording, a “Save as…” dialog box opens automatically, and you can name your file whatever you'd like. It'll be saved in a .mov format by default so you can edit it in iMovie or wherever, but you can also export it in a different format if you choose. - -Ultimately, I think the best feature of all of this is the fact that Quicktime is completely out of the way as you're doing your recordings. The program vanishes completely so that it's unobtrusive and doesn't get in your video. The first time I recorded a video, I wasn't quite sure how to end the recording. It's a really great feature, and best of all, you don't have to download any other programs. The capability is already there!
\ No newline at end of file diff --git a/content/post/2014-07-29-my-experience-with-joomla.md b/content/post/2014-07-29-my-experience-with-joomla.md deleted file mode 100644 index a23f22c..0000000 --- a/content/post/2014-07-29-my-experience-with-joomla.md +++ /dev/null @@ -1,33 +0,0 @@ -+++ -title = "My Experience with Joomla" -date = "2014-07-29T18:50:20-07:00" -+++ -By reading through the various posts and topics that I have on this website, it's pretty obvious to see that I'm a fan of WordPress. It makes complex tasks incredibly simple and automated for users who want to create/build a website, but don't want to have to deal with code at all. For more advanced users who do want to tweak a bit more with code, WordPress is great for that as well. However, I'm not so biased or blind as to believe that there isn't/can't be something better out there. - -I received an e-mail from someone looking for help managing a website. As I'm almost always looking for freelance work, I was up for the task. As I continued reading through the e-mail, I discovered that their website was built upon Joomla. I was almost deterred a little bit, but I figured that if I was ever going to mess around with Joomla, this might as well be it. I responded to the e-mail, and the company gave me a day or two to familiarize myself with Joomla before getting to work on their production site. - -### First Impressions - -I installed a fresh version of Joomla on my hosting server and began to tinker a bit with the backend piece. Upon first glance, I was a little intimidated, honestly, as there was a lot of unfamiliarity. I felt like a little kid who had been separated from their parents at Disney Land — eager and excited to be somewhere new and magical, but scared and intimidated by something new and foreign. So many menus, and dialog boxes to choose from. - -Okay, so I wasn't \*that\* scared, but it was strange to be working with something other than WordPress. After watching a few tutorials on YouTube, I felt somewhat more comfortable with the user interface and how things worked. It appears that Joomla is very modular, and the entire face of the website is built upon little pieces that are customized individually to create the front end. - -<img src="/img/post_images/joomla.png" alt="Joomla" /> - -### The Good - -Out of everything that I experienced with the little time I spent with Joomla, the thing that impressed me most was the amount of customization. Every little module, or template could be customized, changed, or manipulated to your heart's content. Just when I felt I had been through all of the menus, I found three more that were embedded underneath the first. - -While this might not be a very valid point to all your readers out there, another good part about Joomla is that it's \*not WordPress\*. The last statistic I heard, roughly 20% of the internet is running on WordPress. That means that if a security hole is found in WordPress, 20% of the websites on the internet instantly become vulnerable. WordPress is good about putting out patches and updates, but even that can lead to another slew of problems with themes and plugins breaking. So you ask, “How is Joomla any different?” Well, for starters, Joomla has a much more solid foundation to build upon. When WordPress began in the early 2000's, it was nothing more than a blogging platform. Since then, it has morphed into a hideous beast with tens of thousands of poorly-written themes and plugins to extend it's capabilities. It wasn't initially developed to be used for an e-commerce platform, or for large business websites. Joomla, on the other hand, is open source and has been coded with this in mind. - -### The Bad - -The longer I played with Joomla, the more I couldn't help but feel that Joomla was trying too hard to distinguish themselves as “not WordPress,” even though it's basically the same. “Pages” are called “Articles,” “Plugins” are called “Extensions,” and “Widgets” are called “Modules.” I understand that it's hard to create something new and different, but by changing the names and moving the menus from the left side of the screen to the top, it doesn't exactly feel “different.” - -I also felt that Joomla as a whole had an unpolished feel to it, almost as if it's a dying project. Joomla is open source and has a great community following, but Joomla kind of falls into the “grey area” as far as popular CMS's go. Those who are looking for a quick and easy way to make a web presence will choose Wordpress, while those who fall into the category of “code warrior” will often overlook Joomla and head straight for Drupal. - -### My Verdict - -I'm not so naive as to think that I haven't been blinded or built an allegiance to WordPress. I absolutely have. Perhaps I haven't spent enough time with Joomla, and that's most likely the case, but as for me and my needs, I'll be sticking with WordPress, thanks. For ease of use, functionality, capability, theme and plugin support, and a huge community following, WordPress does exactly what I need. I'm familiar with that, so why switch? When I'm in need of coding capabilities, I can do that too through the editor panel. - -What else do you need?
\ No newline at end of file diff --git a/content/post/2014-08-03-my-experience-with-a-mac.md b/content/post/2014-08-03-my-experience-with-a-mac.md deleted file mode 100644 index 3a41853..0000000 --- a/content/post/2014-08-03-my-experience-with-a-mac.md +++ /dev/null @@ -1,43 +0,0 @@ -+++ -title = "My Experience with a Mac" -date = "2014-08-03T18:50:20-07:00" -+++ -About six months ago, I finally made the switch. Not because I hadn't wanted to do it earlier, or because I suddenly became so fed up with the Windows operating system. I simply just had a little excess of money, and so I figured, “Well, this will never happen again. Might as well do it now.” - -Before I start this article, I simply want to throw out a disclaimer that I am not a hardcore “fanboy.” I work as a Computer Technician, and I service both Macintosh and Windows systems. I feel that I'm well-versed in both worlds, and am capable of giving an unbiased opinion. - -### The Purchase - -I walked into the Apple Store feeling slightly nervous as to the amount of money I was about to drop on a computer. Never before in my entire life had I spent close to $1500 on a laptop computer. Up until this point, I was using a Lenovo Touch u430, which was honestly, a really great computer. It was thin, light, had a touch screen, the latest Core i5 Processor, and sufficient amounts of RAM to tackle pretty much any of the tasks that I would use it for on a daily basis. But regardless of all that, I sold it (for about $350 less than I purchased it for only 6 months later) and dove headfirst into the world of Apple. - -I decided on the MacBook Pro Retina 13″ with a 256GB SSD and 8GB of RAM. The grand total came to $1482.32. Swiping that card was tough thinking, “Am I really doing this? Am I really going to spend that much?” As I brought it home, all of that seemed to melt away as I opened up the beautiful packaging. - -### Physical Quality - -One of the things I learned from my parents was that quality is worth a higher price tag. Buying cheap won't outlast in the long run. To me, that still holds true. Everything about this computer just feels rock solid. Having an entire aluminum chassis just seems right to me. Grabbing hold of the left and right sides of the laptop, try twisting the laptop. There isn't any flex whatsoever. Same with the keyboard. I don't consider myself a weighty typer, but even then, I've felt keyboard flex, and it's not a good feeling. The physical build quality of this computer is leaps and bounds ahead of my $700 Lenovo. - -I've never used a trackpad that is as sensitive as on a MacBook. I use probably 30 different trackpads at work on the daily. Some are nice, and some are… lacking. Many are “sticky” and don't allow your finger to easily slide across the surface. Others are jittery and don't quite give enough options to adjust the sensitivity. Others don't work well until there's a good amount of finger grease smeared across the surface to allow your finger to slide easily. With the trackpad on the MacBooks, the surface is created from glass. It's sensitive, but not so oversensitive that an accidental palm swipe or knuckle tapping it will send your cursor shooting off into space. - -And while this last reason is incredibly stupid, I love the perfect tightness of the screen hinge. Being able to open the laptop with only one hand is a treat to me every morning as I sit down to work. Rather than having one hand on the screen lid, and the other holding down the base of the laptop, I can simply use one finger. It's pathetic how giddy I get over such a small detail. I also am thrilled that the screen doesn't “wobble” back and forth upon opening the lid. The hinge is loose enough to open with one finger, but still tight enough that the screen is sturdy and doesn't have any give to it. - -### Software - -The hardware is really sets this computer apart, not the software. I was never too impressed with OS X that it warranted a ton of praise. In spending more time with Mavericks, I've had to bite my tongue a little bit in realizing that there's more than meets the eye. - -I really feel that the Terminal is much more powerful than the comparable Command Prompt in Windows. While there are those who will argue that they are either equivalent or that Windows is much more polished, that may very well be the case. Sadly, I don't have any hardcore evidence in which I can say, “Yes, well, Terminal can do X, but Command Prompt can only do Y.” The reason I treat this as a plus is because I feel I would enter the Terminal to do daily tasks that I would never do in the command prompt. I've downloaded an extension called "Total Terminal" which allows me to access the terminal system-wide from just a key stroke. Simple things as small as creating a folder are examples of something I would do through the terminal, that I would never have thought of doing through the Command Prompt. Feel free to prove me wrong. - -iMessages: Wow. I love it. A large portion of my contacts are Apple users, meaning I can connect with them easily through iMessages. Just a texting application, you say? Not true. There are added advantages, such as much faster sending/receiving, no limits from your carrier (aside from data, I suppose, but even then, text takes up a minuscule amount of data), sent/delivered/read confirmations, and the ability to use iMessages over Wifi. My office at work has been nicknamed the “bat cave.” It's dark, dingy, has no windows, and is located in the basement. Cellphone reception is nonexistent. To me, this is a lifesaver. I love the fact that it syncs between my iPhone. The only caveat I see is that normal SMS messages can't be received through iMessage, but this will be fixed in the upcoming release of \[OS X Yosemite\]\[3\] this Fall. - -Virtual Desktops have increased my workflow tenfold. I've tried various third-party applications to add this functionality to Windows, such as \[Dexpot\]\[4\], but it just doesn't do it as well. The four-finger swipe between workflows is almost contagious. Working on PC laptops, I often find myself swiping with four fingers, only to realize that I'm not on a Mac. If I were to switch back to a PC right now, I feel I could do it fairly easily, minus this piece. I would miss that capability quite a bit. - -It's just all the little things, really. Things such as syncing my open tabs and bookmarks between my laptop and iPhone, or automatic spelling correction.They really make a difference, and all add up to create a very well-rounded product. - -That doesn't mean that OS X isn't without fault, though. There are a lot of things that have plagued Apple's operating systems since conception, and they refuse to fix them. What's with bouncing dock items? If that's not the most obnoxious ‘feature' I've ever seen, then I don't know what is. It's like a little kid poking his Mom saying, “Mommy. Mommy. Mommy. Mommy. Look at me. Mommy.” Or what about the green “Maximize” button only working half the time? Or the spinning beach ball of death. OS X Mavericks, even with its hundreds of added features still has a long way to go. - -### Conclusion - -Now, with all that being said, I'm not telling everyone around me to jump ship and switch immediately. I'm not under the false impression that Macs “just work,” as Apple has hinted. If a PC works for you, then stick with it. If you prefer a Mac, then go for it. Personally, I'm an Apple fan. The features, to me, make it all worth-while. Actually, I guess that she be rephrased to “the hardware alone make it all worth-while.” If one day I decide that I completely hate OS X, I would ditch the software entirely, and just install Windows as my full-time production operating system. - -Really, it all comes down to personal preference. Pick your poison. This comic says it better than I ever could: - -<img class="aligncenter" style="width: 50%" src="http://imgs.xkcd.com/comics/mac_pc.png" />
\ No newline at end of file diff --git a/content/post/2014-09-09-the-most-important-camera-accessory.md b/content/post/2014-09-09-the-most-important-camera-accessory.md deleted file mode 100644 index 5be550b..0000000 --- a/content/post/2014-09-09-the-most-important-camera-accessory.md +++ /dev/null @@ -1,17 +0,0 @@ -+++ -title = "The Most Important Camera Accessory" -date = "2014-09-09T18:50:20-07:00" -+++ -Want to know what my most cherished and valuable piece of photography equipment is? You might be surprised. It’s not my beautiful Canon 6D. Nor is it my 24-70 F2.8 lens. It’s light, portable, and inexpensive, yet it’s the most important piece of equipment that I own: <em>a plastic bag</em>. - -Last night, we spent the evening playing with steel wool and throwing sparks into circular patterns into the air. Add a little fill flash, and some creativity, and you’ve got a fun evening planned. Soon, it starts to sprinkle, and you think, “It’s a good thing I invested in a nice full-frame camera. It’s got weather sealing!” You wait a few more minutes, and the rain begins to pick up just ever-so-slightly. You think again to yourself, “It’s a good thing I invested in some ‘L’ Canon glass! It’s weather resistant!” - -<img src="/img/post_images/sparks_fly.jpg" alt="Sparks Fly" /> - -Soon, it’s an all-out downpour, and I reach into my gear bag for my trusty sidekick. I rip a small hole into the bottom of the bag, just the size of the lens opening, and the open end of the bag gently lays over the rest of the camera, allowing me to lift it up to peer through the eyepiece and view the image on the LCD screen. - -Rewind four years ago to when I was a young Mormon Missionary, serving in the small town of Los Lunes, New Mexico. It was our day off, and a friend of mine wanted to go hiking. I grabbed my trusty Canon Rebel XTi, one of my few possessions, and we headed out. Halfway into the hike, the sky unloaded on us. We were absolutely drenched. Getting back into the car, I knew that my camera was in trouble. I did the best I could to protect the camera from the elements, carrying it underneath my shirt. - -Sadly, it was a goner. No matter which lens I tried, I got the deadly “Error 00: No lens connected’ error.” I tore it apart, in hopes that letting it air out might fix the problem. No luck. I had definitely learned my lesson. - -Back to last night, I’m grateful I had learned my lesson earlier, and not with the more expensive 6D counterpart. I learned my lesson, but here’s in hopes that you learn from my mistake, and not your own. Carry a plastic bag in your camera bag at all times. You’ll never know when you need it.
\ No newline at end of file diff --git a/content/post/2014-10-03-visual-form-builder-paypal-redirect.md b/content/post/2014-10-03-visual-form-builder-paypal-redirect.md deleted file mode 100644 index 7925751..0000000 --- a/content/post/2014-10-03-visual-form-builder-paypal-redirect.md +++ /dev/null @@ -1,23 +0,0 @@ -+++ -title = "Visual Form Builder PayPal Redirect" -date = "2014-10-03T18:50:20-07:00" -+++ -For anyone who knows me even slightly well knows that I’m a huge fan of WordPress. I use it as my go-to CMS for all of the websites I create, whether for myself or for clients. It gives me the flexibility I need in a well designed format, and it gives my clients the ability to make changes to their own websites without knowing any code. - -Some people will give you a giant list of plugins that you have to download when first setting up your WordPress site. My theory is the opposite. The fewer plugins, the better. I don’t install something if I don’t need it, just to have it. One plugin I almost always find myself installing, though, is <a href="https://wordpress.org/plugins/visual-form-builder/" target="_blank">Visual Form Builder</a>. It makes creating HTML forms a piece of cake. Sure, you can code them all yourself, but why when this is so easy? It offers plenty of features, such as sending a copy of the form to administrators, to the person filling out the form, and so many other features. There is a <a href="http://vfbpro.com/" target="_blank">Pro version</a> as well if you need it, but I’ve found that all the features I need are offered in the free version. - -One thing I often do for clients is build a form using this plugin so that they can collect some data or information from their customers. Once the customers click “Submit” on the form, it redirects them to a PayPal link where they can purchase a product. All of this is done through Visual Form Builder. On the “Confirmation” section, you have the option of redirecting the user to a different page in your WordPress site, to a different URL, or just display some text. Here is where I select “URL” and then post in the link that (under the email tab, not the WordPress form code) that PayPal has given me. - -This morning, however, I ran into a new problem I’d never seen before. Upon redirection, I saw this error through PayPal: - -<img src="/img/post_images/visualformbuilder1.png" alt="Visual Form Builder" /> - -I did everything that I could think of, and I could not for the life of me figure out the issue. It kept saying that I was missing “required information”. The thing was that I wasn’t sending any information. And what was even more baffling was that if I copied the link directly into a browser, the URL worked fine, and I was successfully redirected to PayPal. Therefore, the problem lies with Visual Form Builder. - -I scoured the internet. I found a post on the plugin support page with someone having the same issue as me, but it was a quick dead-end. It was over 2 years old, and no problem had been found. The developer basically said, “Buy the Pro version.” And then the topic was closed. Well, that was no help. - -I continued trying. After a lot of trial and error, I finally found a workaround. I used the <a href="https://goo.gl/" target="_blank">Google Link Shortener</a>, and for some reason, that worked. I pasted in my PayPal “email” link, and then Google spit out a shorter URL. I pasted that into the “Redirect” field under the confirmation settings, and voila! It worked! - -<img src="/img/post_images/visualformbuilder2.png" alt="Visual Form Builder" /> - -This seemed to work for me. It’s not ideal, but it’ll do for now. Have you had a similar problem? Does this work for you? Let me know what you think.
\ No newline at end of file diff --git a/content/post/2014-10-06-tmobile-im-breaking-up-with-you.md b/content/post/2014-10-06-tmobile-im-breaking-up-with-you.md deleted file mode 100644 index bff38c8..0000000 --- a/content/post/2014-10-06-tmobile-im-breaking-up-with-you.md +++ /dev/null @@ -1,27 +0,0 @@ -+++ -title = "T-Mobile, I'm Breaking Up With You" -date = "2014-10-06T18:50:20-07:00" -+++ -“It’s me, not you. Okay, no. Actually, it *is* you. We’ve had a good run together. We’ve tried it out for more than a year, but things just aren’t working out. That’s not to say that we haven’t had some good times together, but I’m just ready to move on.” - -Usually, it’s safer if I keep my credit card in a different room while I’m surfing the internet late at night. I don’t seem to make the best decisions when I’m sleepy. However, late last night, I made a decision that won’t leave me with buyer’s remorse the next morning. - -I’ve had a love/hate relationship with T-Mobile ever since signing with them a little over one year ago. While I’m in town, I get decently good service. I’ve enjoyed my iPhone 5S on their network, as well as the ability to tether my laptop to my phone. However, sometimes, I’ll have random dead-zones. Walmart, for some reason, is notorious for getting a “No Service” notification on my phone. And if I’m on a random highway somewhere trying to access any form of data, forget about it. WHY!? - -Yesterday, however, was the last straw. My girlfriend and I were hiking high in the mountains. We took a quick weekend drive to a canyon two hours away. Literally, as we were on top of the mountain, I hear the all-too-familiar text-tone, “duh duh!” I was shocked to think that it might possibly be coming from my own pocket. How could I have been so foolish? Pulling my phone from my pocket, I saw the “No Service” symbol almost mocking me while my girlfriend quickly replied to her text message. Are you kidding me? She has service even way out here in the middle of nowhere? - -On our way back, we were going to stop at a restaurant as we passed through a small town. A friend of mine had recommended a restaurant, but I couldn’t remember the name off the top of my head. Knowing that they had mentioned the name in an Instagram post, I pulled out my oh-so-reliable cell phone to look it up. While I actually had service this time, I was only connected with one bar of “E” (Edge). I attempted to load a few pictures, but it was useless. Even the loading screen got tired of loading. All the while, my girlfriend was happily browsing with LTE speeds. - -I was fed up. I set out to compare prices. I navigated to Verizon Wireless, knowing before-hand that they were the most expensive, and that I would not be able to afford them, even though they provide the best coverage (for my area). Opening to their main page, I was presented with this advertisement: - -<img src="/img/post_images/tmobile.jpg" alt="T-Mobile, I'm Breaking Up With You" /> - -I was hesitant. I thought to myself, “Okay. Sure. Only $60. But they’re only going to give you 300MB of data, and to upgrade to at least 2GB will be an additional $20. Add taxes on top of that, as well as a monthly payment on the phone, and you’ll be up to $120 a month.” I couldn’t believe my eyes when the plan details loaded on my screen. Really? Unlimited Talk, Text, and 2GB of data for only $60? I don’t believe it. I chatted with an online representative too, just to make sure that it wasn’t too good to be true. She assured me that it was only $60 a month. Even with taxes, that will still bring me to more than $20 cheaper than my current bill. - -With not even a twinge of guilt, I whipped out my credit card, and signed the 2-year contract with giddy excitement. I ported my number over easily, and within a week or two, my new iPhone 6 will show up right on my doorstep. - -Sorry, babe. We’ve had a good run, but I’ve found someone better. Someone who will stay by my side, and not leave me hanging when I need you most. - -***************** - -For those who are interested, the plan I’ve mentioned above is only for a Single Line. If you need more than one line, Verizon’s “More Everything” is the option you’ll have to choose. It’s also important to mention that with the Single Line plan, you can’t use your phone as a WiFi Hotspot. You’ll also want to watch your data usage. Every gigabyte used over the allotted 2GB of data will be charged $15. I figured that this was fine, as I don’t tether often, and the only time I’ve ever gone over my data is when I am tethering.
\ No newline at end of file diff --git a/content/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad.md b/content/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad.md deleted file mode 100644 index ef3a1c0..0000000 --- a/content/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad.md +++ /dev/null @@ -1,23 +0,0 @@ -+++ -title = "I have an iPhone and Mac. Get an iPad?" -date = "2014-11-29T18:50:20-07:00" -+++ -Let me start off right away by saying that you do not “need” an iPad. Regardless of what you do or do not have, you do not *NEED* an iPad. If you want to hear me go off on a big spiel about instant gratification and entitlement, I could talk your ear off. But we’ll save that for another day. - -But let’s get to what you’re really interested about. I am not an Apple Fanboy (an <a href="http://www.pcmag.com/article2/0,2817,2468169,00.asp" target="_blank">Apple Watch for $350?!</a> Heh. Yeah right. I’m not jumping on that bandwagon), but I’ll definitely admit that I’m caught up in the Cupertino Ecosystem. And that’s not to say that I’m against the guys working over in Redmond, or that I believe Microsoft is of the devil. Do I believe that Apple creates superior products? Absolutely. Do I try and sway people to shell out the extra cash for a similarly-capable machine that can do the same thing for hundreds of dollars extra? No, not necessarily (iPhone vs. Android is another debate, though). Anyway, enough side-tangents. I really do love Apple products, but that doesn’t necessarily mean that I’m waiting first in line to buy the “next big thing.” - -iPhones and Macs fit so well into my life and have changed the entire way I do things that naturally I’ve asked myself, “Do I need an iPad?” The debate is that an iPad is really just a larger iPhone, and has a lot of the same capabilities, but it’s not quite a PC-replacement (at least not yet). So is there a need or some hole in my life that an iPad could fill? - -I’ve been through the whole Windows 8, touch-screen thing. Meh. Not for me. There are some things where it was “kinda cool” to manipulate and change just with your finger, but honestly, it always just felt ever-so-slightly awkward to stretch my arm across the keyboard and touch the screen. To me, it just felt — wrong. In my mind, it’s as if Grandma had come to Thanksgiving dinner wearing a belly shirt. Lines have been crossed, and I never want to see that ever again. In a post-PC era, it was bound to happen, but belly shirts and older women are two things that should never be mixed. Laptop computers and touch-screen devices should not be combined. - -I’ll admit that I’ve always had my eyes on an iPad. Walking through the mall, even with my girlfriend yanking on my arm, it was simply a futile attempt to try and have me walk past an Apple store. First stop: MacBook Pro’s, second stop: iMac’s, third stop: iPads. It was alway something where I would say, “These are cool. But it’s just a big iPhone. Do I need one?” I always toyed with the idea in my mind, but ultimately decided against it. - -Yesterday, on an impulse, I pulled the trigger. I found myself walking out of the store with an iPad Mini 2 (no way in hell am I paying $100 extra for identical hardware, minus the Touch-ID just to have the latest and greatest), and surprisingly feeling quite guilty. - -I came home, ripped open the packaging, downloaded all the apps, restored from an iCloud Backup, and then I thought, “Now what?” There were some cool things, such as larger-screen games, or an even better mobile-browsing experience via Safari. But even after the first few hours, I couldn’t convince myself that I really “needed” this device. I kept fighting within myself saying, “Well think about all the Web Development you do. You can use this to test how client sites function on a tablet.” or even, “If you don’t find a need for it, you can gift it to Mom for Christmas.” - -## The verdict - -I don’t really have one, yet. I’ve had a full 24 hours using the device, and I’ve decided that an iPad, for me, is a *luxury device*. It doesn’t fill any gaping holes in my life that I had previously. I will say that browsing in bed on a larger screen is a better experience, as well as larger-screen gameplay (although I’m not a gamer by any stretch of the imagination). I also prefer a lot of the iPad-based apps compared to the iPhone alternative. They seem more capable and feature-packed. Netflix is more pleasant to watch rather than having a hot laptop searing off my chest hair. And if I ever decided to get into reading, I could see it as a good eReader. But ultimately, it just felt more limiting than anything. I found myself thinking, “I need to edit this line of co — oh wait. I have to get on my MacBook to do that.” or “I need to send that photo to Cary — oh wait, that’s on my laptop.” I want it to be a replacement, or at least a good substitute, to my MacBook Pro, and it just isn’t there yet. - -If I can’t find a good reason to keep it within the next few days, it’ll probably go back. Can anyone change my mind?
\ No newline at end of file diff --git a/content/post/2014-12-05-heres-to-actually-sticking-with-something.md b/content/post/2014-12-05-heres-to-actually-sticking-with-something.md deleted file mode 100644 index b8fbee2..0000000 --- a/content/post/2014-12-05-heres-to-actually-sticking-with-something.md +++ /dev/null @@ -1,12 +0,0 @@ -+++ -title = "Here's to actually sticking with something" -date = "2014-12-05T18:50:20-07:00" -+++ - -When I was 16 (yes, I'm young, okay?), I had the idea for a Tech Blog. Not that it had never been done before or anything, but it's just that ever since the age of 9, technology is the only hobby or thing in my life that I've consistently held interest in. I'm not sure why I wanted to start one, but I just figured it would be a good way of tracking my progress and learning of various technologies, as well as helping others in anyway, if possible. I got about three posts in, got discouraged, thought “this is stupid”, and told myself that I would never in any way, shape, or form be able to compete with the larger tech blogs like <a href="http://www.cnet.com" target="_blank">CNet</a>, <a href="http://techcrunch.com" target="_blank">TechCrunch</a>, or TUAW (now<a href="http://www.imore.com" target="_blank"> iMore</a>). - -But now, I'm kicking myself. In hindsight, I keep thinking to myself, “Imagine the web presence you could have had, if only you had hung on for all these years.” Well, recently, I've had a bit of motivation (or maybe it's procrastination of more important things), and I've decided to actually stick to this blog. It's been going for about six months now, and I plan on continuing the trend. - -I have <a href="http://www.laytreasuresinheaven.com" target="_blank">another blog</a> dealing with the religious aspect of my life, and it's actually proven to be successful (at least in my book), getting around 30,000 hits a month. It's not incredible, and I haven't been very great at posting lately, but it's really rewarding to see what I've been able to achieve by keeping it running for around a year and a half. - -So, here's to actually sticking with something, for once in my life.
\ No newline at end of file diff --git a/content/post/2014-12-06-my-love-hate-relationship-with-wordpress.md b/content/post/2014-12-06-my-love-hate-relationship-with-wordpress.md deleted file mode 100644 index 2d4f363..0000000 --- a/content/post/2014-12-06-my-love-hate-relationship-with-wordpress.md +++ /dev/null @@ -1,51 +0,0 @@ -+++ -title = "My love-hate relationship with WordPress" -date = "2014-12-06T18:50:20-07:00" -+++ -Recently, I’ve really been getting fed up with WordPress. And here’s why. - -WordPress dates all the way back to 2001. It was originally developed as a simple blogging platform based off of MySQL and PHP. Close to fifteen years later, it’s become a web standard and is used as the Framework/CMS for <a href="http://en.wikipedia.org/wiki/WordPress" target="_blank">more than 20% of all the websites on the internet</a>. And that’s exactly the problem. - -WordPress has exploded into a million different forks and subprojects, and has been expanded to run an equal amount of themes and plugins. My biggest issue with this is that WordPress was never *designed* to support this. Years down the road, it’s still sitting on code that dates back a decade. The same issue holds true with Microsoft. Even after launching Windows 8.1, it still has pieces of code that were used in the Windows 3.1 and Windows 95 operating systems. It baffles me that 20 years later, we still can’t seem to ditch MS-DOS or the Registry. - -WordPress was never designed to be used as an e-commerce platform, but with the help from the guys over at <a href="http://www.woothemes.com/woocommerce/" target="_blank">Woocommerce</a>, it’s never been easier and quicker to do so. WordPress was never designed to be used as a Social Media platform, but of course, there are plugins to do that as well. WordPress is so simple and easy to use, that it’s become overly bloated with features to cater to the needs of everyone. I fear that it’s soon going to crumble in on itself. - -## Security Holes - -And here’s something else to think about too. Even if only 1/100th of all websites on the internet were using WordPress as their CMS, imagine what would happen if a large exploit were found. Millions of websites are instantly vulnerable in the hands of skilled hackers. Sadly, the number of potential targets is a lot larger than 1%, should an exploit be found. Many users don’t know that they would be perfectly fine completely ditching the database, and just using static HTML to host their blogs, completely eliminating the security flaws. - -## Updates - -WordPress updates are the absolute worst. Starting somewhere in the time-frame of Wordpress 3, automatic updates were introduced by default (although you can turn these off through the database, I believe). For a lot of the websites I build and manage for clients, I set myself up as an administrator. Whenever an automatic update is pushed, I get an email saying, “Your WordPress installation has been updated to version 4.0.1…” I cringe just thinking about all the hundreds of things that could now be broken on dozens of my websites. Granted, the WordPress team does their absolute best to ensure that nothing breaks, but with hundreds of thousands of different themes and plugins, how can anyone be absolutely certain that they won’t be a compatibility issue somewhere? - -## Comments - -The comment system in WordPress is so flawed, it’s not even funny. Even when using a plugin to block/prevent spam, there are times when I’ll log into my dashboard and find that I have 300+ pending comments to be approved, 90% of them being complete garbage. What’s even more annoying is that all of these comments, whether legitimate or spam, are being stored in the database, ultimately slowing down the over-all speed of your website. - -## Speed - -Touching on this already a little earlier, having a backend attached to any website is most always going to ensure a decrease in speed unless it’s closely managed and optimized. Most of the time, the end-user has little to no knowledge on how to do this. Many users would be perfectly fine serving plain ol’ static HTML or using a static site builder such as <a href="http://jekyllrb.com" target="_blank">Jekyll</a> or <a href="http://middlemanapp.com" target="_blank">Middleman</a>. Every query to a database requires more bandwidth, and more server strain. - -I’m a little hesitant to even touch on the topic of themes, because it irritates me so much. The other day I was looking at some of <a href="http://themeforest.net/search?utf8=✓&term=&view=list&sort=sales&date=&category=wordpress&price_min=&price_max=&sales=&rating_min=&platform=" target="_blank">the best-selling WordPress themes on themeforest</a>. These themes, in my opinion, are so poorly coded, and so irritatingly slow. The builders of these themes attempt to cater to everyone and no one, all at the same time. Do they have any training about UI or UX? Do they understand that they need to minimize their CSS and JavaScript? Do they understand that they need to optimize their images to a suitable web size? Clients come to me and say, “Oooh. I like this look.” They truly have no idea what they’re doing. Having something that looks “pretty” just won’t cut it. There’s a lot more to think about behind the scenes, rather than just how a website looks. - -I’ve seen theme packages that, for the entire install, run in the area of 15 megabytes. 15 MEGABYTES!? Are you kidding me? Even with LTE cell phone speeds and fiber-optic internet connections, 15 megabytes is a lot of data. Good luck having users stick around when your site won’t load on their phones. Some people might say, “Well, users will wait for at least a second for my site to load.” Wrong. <a href="http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales" target="_blank">Amazon did a study</a> on page load speed, and how it affects their sales conversion rates. They found that a one-second difference in page-loading speed could cost them up to $1.6 Billion in sales. - -## The Art of Web Design - -In my mind, building a website truly is a work of art. I’m proud of the hours that I’ve spent in learning, growing, and honing my skills in order to develop something out of thin air that helps a client’s business or hobby or whatever. However, nowadays, it seems that we’re beginning to lose that art in development. Websites such as <a href="http://www.wix.com" target="_blank">wix</a> make it seemingly so simple to throw up a website that anyone can do it. WordPress is no different. Now, because of the simplicity of WordPress, people begin calling themselves “Developers” or “Experts” without even touching a single line of code. - -## Ease of Clients - -Now, here comes the love. I really don’t hate WordPress, although it may seem that way. One of the number one reasons I use WordPress as a CMS for my entire client base is the ability to entirely hand of a project. We’ve all worked with clients that are annoying, nagging, and constantly changing their mind. When the project is done, I can’t wait to get “rid” of them, because it’s a never-ending project. Nothing ever gets finished. WordPress allows me to (finally!) finish a project and give them the ability to change and manipulate virtually anything they may want with knowing little or no code at all, and best of all, without involving me. - -## Quick and Inexpensive - -When you’re constantly beginning new projects, you get in the habit of building your own mini-framework, in hopes to cut off some of the development time or shave off some of the repetitiveness. WordPress is KING of saving time. I can create a new hosting environment, and have a functional WordPress installation in less than five minutes total. Then, I can focus on the needs of the customer and the design, rather than re-inventing the wheel for the 500th time. - -## Conclusion - -Ultimately, I think my hatred really comes down to the bloat of WordPress. It reminds me so frequently of those who attempt to build an entire website using Dreamweaver’s visual mode. Yes, it’s possible to do it without knowing any code at all. But if you know anything about code, you can instantly look at the code that Dreamweaver spits out, and you know how much bloat and garbage can be cut out. WordPress is an incredible piece of software, and that’s apparent in it’s widespread usage. But bloat is my number one concern. - -If you’re familiar with <a href="https://developers.google.com/speed/pagespeed/" target="_blank">Google’s Page Speed</a> analysis, you might be surprised to see that even some of the most popular websites rarely score above 50%. Take a basic WordPress theme, give it a test, and you might be surprised that you only received a score of 27. Developing everything from scratch, you can easily shave off the bloat and improve your page speed, which can equate to improved SEO through Google. - -One last point, and then I’ll shut up. Am I using WordPress to run my blog? Absolutely. Is there a lot of bloat? Maybe a little, but I’ve tried to cut out everything that I could. I’m scoring in the 90’s in most aspects of Google’s Page rankings. I think I fall into the trap that so many other users do, and try too hard to focus on design, colors, and appearance, and not so much on the content. I was recently inspired by <a href="http://davidbcalhoun.com" target="_blank">David Calhoun’s blog</a>, and have since changed the design of my own blog to a more minimal design. David’s blog is great. It’s plain, clean, crisp, but more important, it’s fast. It provides the required functionality, and then the rest is focused on the content. Does David’s readers care that his blog is plain? Not really. He has a consistent reader-base, because of what he provides. Rarely, if ever, would anyone say, “This is a great looking site. I’m going to come back, even if there’s nothing here for me.” No. Does a good design/functionality help? Of course. But it’s not everything.
\ No newline at end of file diff --git a/content/post/2014-12-08-investment-calculator-java.md b/content/post/2014-12-08-investment-calculator-java.md deleted file mode 100644 index ae3c395..0000000 --- a/content/post/2014-12-08-investment-calculator-java.md +++ /dev/null @@ -1,272 +0,0 @@ -+++
-title = "Build a GUI Investment Calculator in Java"
-date = "2014-12-08T18:50:20-07:00"
-+++
-I’m not a programmer. Some people just have that natural itch to want to go out and code all day long, but that isn’t me. I enjoy scripting and web development, but deep, low-level programming just simply isn’t my thing. So the fact that even *I* was able to create a simple GUI application should tell you how easy it is. The code below might look daunting at first, but we’ll walk through it piece by piece to hopefully clear things up. I’ll try to make it as easy as possible to understand, but you should have at least a *basic* understanding of programming to go through this.
-
-Java makes creating applications really simple. I’ve dabbled with C++, but never stuck with it long enough to get into the Object Oriented pieces of it. Whenever learning a new programming language, it seems the first program you write is “Hello World.” The next program after that is a basic investment calculator, and so we’re going to continue that pattern.
-
-When we’re finished, we’ll have a program that looks something like this:
-
-<img src="/img/post_images/guicalculator.png" alt="GUI Investment Calculator" />
-
-At the end of this post, I’ll show the complete code. If you have the Java JDK (a free download, <a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html" target="_blank">here</a>), you can easily import this code into a text editor, save it with a .java extension, and then compile it using the command line. Something this would work:
-
-~~~java
-javac SimpleGUIProgram.java
-java SimpleGUIProgram
-~~~
-
-Personally, I use Eclipse. It’s a <a href="https://eclipse.org/downloads/packages/eclipse-ide-java-developers/keplersr1" target="_blank">free IDE that you can download</a>, if you’re not interested in using a text editor.
-
-Let’s get started.
-
-First, let’s import some libraries. Libraries are basically a repository of reusable code. Rather than having to rewrite code over and over, why don’t we write it once, store it in the Java API, and then import it into our program whenever we need it? Luckily, someone has already done that for us! The specifics of each of these libraries isn’t super important, but just know that these include the graphical components that we’ll need to build our program.
-
-~~~java
-import java.awt.*;
-import java.awt.event.*;
-import javax.swing.*;
-~~~
-
-Next, we’ll create the text fields and buttons that will be used in our program. Notice in the image above that we have four input fields (Investment Amount, Years, Annual Interest Rate, and Future Value) and two buttons (Compute and Reset). They’re pretty easy to define in Java.
-
-You might wonder what <span class="smallcode">private</span> means. Whenever you create an object and set it to private, that means that it can only be accessed within that same class. We could change it to <span class="smallcode">public</span> or even <span class="smallcode">protected</span>, but for this example, we’ll leave it how it is. There are some benefits to leaving things private, such as avoiding data corruption and a few other things, but that’s outside the scope of this tutorial.
-
-Then we need to tell Java what kind of object we’ll be creating. We’ll be using <span class="smallcode">JTextField</span>, which is just an input box, and <span class="smallcode">JButton</span>, which, obviously, is a button. And after that, we just need to name our object. For the sake of being descriptive, I usually like to prefix my object names with <span class="smallcode">jtf</span> or <span class="smallcode">jb</span> or similar, so I know what it is quickly by looking at it.
-
-~~~java
-private JTextField jtfInvestmentAmount;
-private JTextField jtfAnnualInterestRate;
-private JTextField jtfNumberOfYears;
-private JTextField jtfFutureValue;
-private JButton jbtCompute;
-private JButton jbtReset;
-~~~
-
-Next, we’re going to define the properties for the frame (the program window). The <span class="smallcode">setTitle</span> property allows us to name the frame. You can see in the image above that the title of the window is “Loan Calculator” as we’ve defined here. You can name it whatever you’d like.
-
-Next, we define the default close operation. This tells the computer what to do whenever the program is closed. We have the option to let the program to continue running, even when the box is closed. In this example, when the user hits the “x” in the corner of the window, we want our program to terminate, so we’ll use <span class="smallcode">setDefaultCloseOperation(Frame.EXIT_ON_CLOSE)</span>.
-
-<span class="smallcode">setSize</span> defines the window width and height in pixels. Pretty self-explanatory.
-
-<span class="smallcode">setLocationRelativeTo(null)</span> allows us to center the window right in the middle of the screen. In my opinion, that’s the easiest and most user friendly. You have the option to set that location in pixels, using x and y coordinates, but generally, I’ve found that the user expects the window to open in the center of the screen.
-
-Last, we want to set the layout. Java uses things called “Layout Managers”, which basically defines how elements are laid out inside of the program window. There are three layout managers that are most commonly used: Border, Flow, and Grid. You can read up on those other two, as I’m not going to explain them, but in this program, we’re going to be using the grid layout manager. It allows us to define how many rows, and how many columns we want for our program. <span class="smallcode">GridLayout(5,2,5,5)</span> tells our program that we want to use the Grid Layout Manager, with five rows, two columns and then 5 pixels for spacing.
-
-~~~java
-setTitle("Loan Calculator");
-setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
-setSize(500,300);
-setLocationRelativeTo(null);
-setLayout(new GridLayout(5,2,5,5));
-~~~
-
-Now that we’ve defined our window, we need to create some text labels next to our input fields. Because it’s just text, we don’t use <span class="smallcode">private</span> or <span class="smallcode">public</span> on these objects. We use the following code to create a new label (JLabel) object. Again, when we name the object, it’s good practice to use a prefix so you can easily tell what type of object it is. I use <span class="smallcode">jl</span> as my prefix. Then, we create the string of text for what the JLabel will output.
-
-If you notice, I’ve placed a preceding space in front of the text. I find that Java likes to push things right up against the frame, and it’s not very aesthetically pleasing. By adding a space, it allows us to push the text away from the left edge ever-so-slightly. You can add more spacing if you prefer.
-
-~~~java
-JLabel jlInvestmentAmount = new JLabel(" Investment Amount");
-JLabel jlNumberOfYears = new JLabel(" Number of Years");
-JLabel jlAnnualInterestRate = new JLabel(" Annual Interest Rate");
-JLabel jlFutureValue = new JLabel(" Future Value");
-~~~
-
-Earlier, we defined our textfields and buttons, but we didn’t actually create them. We basically told the program, “Hey, I’m going to be making these soon. Just wanted to give you a heads up.” But now we create them.
-
-In the last line of code, we write <span class="smallcode">jtfFutureValue.setEditable(false)</span>. I wanted the first three fields to be able to accept input from the user. But the last field (the Future Value field) is going to simply output our final answer. Rather than making the user confused by thinking they need to input something, I set the editing to <span class="smallcode">false</span>.
-
-~~~java
-jtfInvestmentAmount = new JTextField();
-jtfNumberOfYears = new JTextField();
-jtfAnnualInterestRate = new JTextField();
-jtfFutureValue = new JTextField();
-jbtCompute = new JButton("Compute");
-jbtReset = new JButton("Reset");
-jtfFutureValue.setEditable(false);
-~~~
-
-Now that we’ve defined and created everything, we should be good right? Not quite. If were to run the program right now, our program wouldn’t do anything. What happened to all the things we created, you might ask? We’ve created all the objects, but we haven’t told the program to add them to our frame (window). We can do this simply by typing <span class="smallcode">add</span> and then the name of the object.
-
-~~~java
-add (jlInvestmentAmount);
-add (jtfInvestmentAmount);
-add (jlNumberOfYears);
-add (jtfNumberOfYears);
-add (jlAnnualInterestRate);
-add (jtfAnnualInterestRate);
-add (jlFutureValue);
-add (jtfFutureValue);
-add (jbtCompute);
-add (jbtReset);
-~~~
-
-Next, we need to tell the computer that we want it to do something once we click on a button. This code doesn’t do much else, besides call other methods (functions) that we’ll define in a bit.
-
-~~~java
-ListenerClass listener = new ListenerClass();
-jbtCompute.addActionListener(listener);
-jbtReset.addActionListener(listener);
-~~~
-
-Another very important piece: We need to set the window visibility to <span class="smallcode">true</span>. Otherwise, nothing will appear when we run the program.
-
-~~~java
-setVisible(true);
-~~~
-
-Every program in Java requires a <span class="smallcode">main</span> method. All this code does is calls the class that we’ve already created. It doesn’t look like much, but our program won’t run at all if we don’t have this.
-
-~~~java
-public static void main(String[] args) {
-new SimpleGUIProgram();
-~~~
-
-The following code does two important things: catches exceptions, and does all the math calculations for our program.
-
-First, we need to assume that people are stupid. You would think that most people would be smart enough to input numbers into the fields of our program, but what happens if they entered a word instead of a number? Without a “try…catch”, the program would just crash, without any warning to our user. Instead, we can make things a little bit more user friendly and say, “Please enter numeric values” if they enter anything except numbers.
-
-And second, the rest of this code takes the data entered by the user in the fields, does all of the calculations, and then formats it to look pretty. We pull the data from the fields, parse it into a number (either an Integer or a Double), and then convert the annual interest rate into a monthly interest rate. We could do that by dividing by 12, but I also combined the percentage into that calculation as well (1200 instead of 12) so that I don’t have to write another line of code to divide the percent by 100 as well.
-
-~~~java
-private void computeValue() {
-try {
-double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText());
-double monthlyInterestRate = annualInterestRate / 1200.0;
-int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText());
-double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText());
-double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12);
-jtfFutureValue.setText(String.format("%.2f", futureValue));
-} catch (Exception e) {
-JOptionPane.showMessageDialog(null, " Please enter numeric values.");
-}
-}
-~~~
-
-This code is very simple. Whenever a user clicks on the “Reset” button, it will call this method, and change whatever is input into the boxes into a blank string.
-
-~~~java
-private void resetForm() {
-jtfInvestmentAmount.setText("");
-jtfAnnualInterestRate.setText("");
-jtfNumberOfYears.setText("");
-jtfFutureValue.setText("");
-}
-~~~
-
-And finally, this code is what links the buttons to the methods we created. We create a ListenerClass, which essentially says, “When I do this, do this.” So, “when I click on a button, call this method.”
-
-~~~java
-private class ListenerClass implements ActionListener {
-public void actionPerformed(ActionEvent e) {
-if (e.getSource() == jbtCompute) {
-computeValue();
-}
-if (e.getSource() == jbtReset) {
-resetForm();
-}
-~~~
-
-And really, that’s it! Not to shabby for ~100 lines of code, eh? Here’s the entire code:
-
-~~~java
-/*************************
-* Created by: Bryce Matheson
-* Website: blog.mathesondigital.com
-* Date: 12/7/2014
-*
-* Purpose: A simple GUI Investment Calculator
-*
-* Rights: Free to use for Personal Use
-*************************/
-
-import java.awt.*;
-import java.awt.event.*;
-import javax.swing.*;
-
-public class SimpleGUIProgram extends JFrame {
-
- private JTextField jtfInvestmentAmount;
- private JTextField jtfAnnualInterestRate;
- private JTextField jtfNumberOfYears;
- private JTextField jtfFutureValue;
- private JButton jbtCompute;
- private JButton jbtReset;
-
- public SimpleGUIProgram() {
-
- setTitle("Loan Calculator");
- setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
- setSize(500,300);
- setLocationRelativeTo(null);
- setLayout(new GridLayout(5,2,5,5));
-
- JLabel jlInvestmentAmount = new JLabel(" Investment Amount");
- JLabel jlNumberOfYears = new JLabel(" Number of Years");
- JLabel jlAnnualInterestRate = new JLabel(" Annual Interest Rate");
- JLabel jlFutureValue = new JLabel(" Future Value");
-
- jtfInvestmentAmount = new JTextField();
- jtfNumberOfYears = new JTextField();
- jtfAnnualInterestRate = new JTextField();
- jtfFutureValue = new JTextField();
- jtfFutureValue.setEditable(false);
-
- jbtCompute = new JButton("Compute");
- jbtReset = new JButton("Reset");
-
- add (jlInvestmentAmount);
- add (jtfInvestmentAmount);
- add (jlNumberOfYears);
- add (jtfNumberOfYears);
- add (jlAnnualInterestRate);
- add (jtfAnnualInterestRate);
- add (jlFutureValue);
- add (jtfFutureValue);
- add (jbtCompute);
- add (jbtReset);
-
- ListenerClass listener = new ListenerClass();
- jbtCompute.addActionListener(listener);
- jbtReset.addActionListener(listener);
-
- setVisible(true);
- }
-
- public static void main(String[] args) {
- new SimpleGUIProgram();
- }
-
- private void computeValue() {
- try {
- double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText());
- double monthlyInterestRate = annualInterestRate / 1200.0;
- int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText());
- double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText());
- double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12);
- jtfFutureValue.setText(String.format("%.2f", futureValue));
- } catch (Exception e) {
- JOptionPane.showMessageDialog(null, " Please enter numeric values.");
- }
- }
-
- private void resetForm() {
- jtfInvestmentAmount.setText("");
- jtfAnnualInterestRate.setText("");
- jtfNumberOfYears.setText("");
- jtfFutureValue.setText("");
- }
-
- private class ListenerClass implements ActionListener {
- public void actionPerformed(ActionEvent e) {
- if (e.getSource() == jbtCompute) {
- computeValue();
- }
- if (e.getSource() == jbtReset) {
- resetForm();
- }
- }
- }
-}
-~~~
\ No newline at end of file diff --git a/content/post/2014-12-15-pseudo-responsive-images.md b/content/post/2014-12-15-pseudo-responsive-images.md deleted file mode 100644 index 64cdb7a..0000000 --- a/content/post/2014-12-15-pseudo-responsive-images.md +++ /dev/null @@ -1,24 +0,0 @@ -+++ -title = "Pseudo-Responsive Images" -date = "2014-12-15T18:50:20-07:00" -+++ -Honestly, I'm a bit embarrassed to say that I didn't know how to do this before. I'll be creating a blog post here fairly soon on my conversion from WordPress to Jekyll for this blog, but in doing so, I've learned a lot of cool new things. - -Due to the vast number of mobile devices in circulation right now, I make it a habit to try and develop for mobile first, and then expand for the desktop user. Developing for mobile almost instantly implies responsive design. There are dozens of CSS frameworks to do this (Bootstrap, Foundation, Skeleton, etc.) intended to make your job a little bit easier. - -I ran into an issue while coding this site. My content would all scale down properly and fit into the viewport perfectly, except for images, which would overflow the bounds of the viewport. I couldn't for the life of me figure out what I was doing wrong. When copying content over from WordPress, I guess that I had added ‘width' and ‘height' attributes, which forced the images to display at those dimensions. After going through all of the images and removing both of those attributes, I simply went to my stylesheet and added the following. Lucky for me, I didn't have too many images to go through: - -~~~css -img { - width: 100%; - box-shadow: 10px 10px 5px #888888; -} -~~~ - -Obviously the box-shadow isn't required, but I just like add it for aesthetics. - -That selects all images across my entire website, and tells them to stretch to 100% of the viewport (which, in the case of this site, is 700px). As the page resizes, or is viewed on a different viewport size (such as a phone or tablet), that image is scaled down accordingly. - -One thing to mention, too, is that if you remove just the ‘width' attribute, but leave the ‘height' attribute, your images will come out all stretched and skewed as the image is scaled according to the viewport size. - -It's also important to note that this isn't the ‘real' way to present responsive images on your site, I'm just too lazy to do it the <a href="http://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/" target="_blank">real way</a>. This way works perfectly for me, until it becomes simpler.
\ No newline at end of file diff --git a/content/post/2014-12-20-take-that-mr-barney.md b/content/post/2014-12-20-take-that-mr-barney.md deleted file mode 100644 index 9177b4e..0000000 --- a/content/post/2014-12-20-take-that-mr-barney.md +++ /dev/null @@ -1,31 +0,0 @@ -+++ -title = "Take that, Mr. Barney" -date = "2014-12-20T18:50:20-07:00" -+++ -We've all had those professors/teachers that we just don't seem to mesh with. Recently, I had a professor with whom I could *not* set aside my differences. The class was about Mobile Application Development. I went into it thinking, “Wow, I'm excited! Finally, I'll be able to create an iOS/Android application!” On the first day of the class, Mr. Barney walked in and said, “This is not a programming class. This is not an iOS development class. This is not an Android development class. This class has no tests. This class has no assignments. This class has no texts, no books.” - -As the class progressed, I got more and more frustrated with the structure and Mr. Barney's teaching style. It seemed that the class was more about learning Mr. Barney than it was about the material. He came off as a close-to-retirement professor with a God-complex, who was tired of his job, and was just coasting on his measly salary for a few more years until he could finally escape. - -The class consisted of a few technologies that we were forced to learn on our own, namely HTML 5, CSS Animations and Transitions, AJAX, DOM Manipulation, JavaScript Basics, etc. Because there were no class materials, we resorted to YouTube tutorials and blog articles to learn. On a bi-monthly basis, we would meet one-on-one in his office and present some sandbox code that we had been playing with that demonstrated one or more of these technologies. Based on his mood that day, he would open a little spreadsheet and rate you anywhere from “Strongly Disagree” to “Strongly Agree,” which ultimately equated to your class grade. - -At one point, I decided to bring in a simple sandbox weather application, using an AJAX call to link to an API and populate data into the DOM based on the user's location. The application used JQuery. While looking at my code, the second he saw a reference to JQuery, he tore it to *pieces.* “JQuery is of the devil.” or “JQuery is only for lazy programmers.” and “What happens if the JQuery library breaks, what happens to your application?” - -Okay, so, maybe he didn't say, “JQuery was of the devil.” - -Basically, his point all boiled down to this: You can use JQuery, but it's a bloated library and it contains so many additional pieces that you don't need, and ultimately, you can do exactly what you need with plain ol' vanilla JavaScript. It's slow, and it would take a long time to download the entire library, when you don't need it. - -For the rest of the class, I hated him for it. 9 times out of 10 as I left his office, I was fuming. And I really do understand his point, and I believe that it has *some* validity, but mostly, it's just him being old and outdated, and stuck in his ways. - -Even after finishing the class, I hated him for it. Have you tried looking for web tutorials online for advanced AJAX calls that don't use JQuery? It's *impossible*! - -In case you hadn't noticed (as in, you aren't using this website on a mobile device), the top navigation bar uses JQuery to convert to a small menu icon on smaller screens. I wanted to prove to myself that JQuery really isn't *that* bloated, and that it is in fact a useful tool, and better than writing vanilla JavaScript. - -After playing with a few things, I finally got the results I was looking for. Check out the results that I got while using <a href="http://tools.pingdom.com/fpt/" target="_blank">Pingdom Page Speed</a>. More specifically, look at the red box. My ‘styles.css' file (that isn't minified, btw) weighs a whopping 6.2kB. JQuery, which is more than 6x larger, loads more than twice as fast. How did I do it? - -<img src="/img/post_images/pingdom-speed-results.jpg" alt="Pingdom PageSpeed Results" /> - -If you're familiar with Bootstrap, and the way that you can customize it just to your liking, JQuery is the same. Usually, whenever I use Bootstrap, I don't need all the font icons or navigation bars, or any of that. I only use the responsive pieces. With JQuery, they have similar options on their website to where you can customize it to your liking. I knew that the only piece I'd be using on my website is the navigation library. So I stripped everything else out. - -Also, up until this point, I wasn't familiar with CDNs, or the power that they potentially had. Pulling JQuery from their hosted CDN, rather than from my on my own shared web server undoubtedly speeds up the page load. My website is pretty barebones, and that's done on purpose to increase page speed. Loading times have come into consideration for everything I do on this site, but I don't feel that JQuery has in anyway been detrimental to that. - -I feel justified. Take that, Mr. Barney! </rant>
\ No newline at end of file diff --git a/content/post/2015-01-02-5-things-to-stop-doing-in-2015.md b/content/post/2015-01-02-5-things-to-stop-doing-in-2015.md deleted file mode 100644 index 1036ff2..0000000 --- a/content/post/2015-01-02-5-things-to-stop-doing-in-2015.md +++ /dev/null @@ -1,27 +0,0 @@ -+++ -title = "5 Things to Stop Doing in 2015" -date = "2015-01-02T18:50:20-07:00" -+++ -It seems that a year has ended, and new year resolutions are all on the rage again. Yeah, there's those typical ones such as joining a gym and getting in shape (although, I really think I might do it this year), etc. Here are five things I'd like to quit doing this year. - -### 1. Quit checking my Instagram likes - -Yeah, it's stupid, but really. I mean it. We all do it. We open up Instagram and are excited when we see 30+ likes, 4 comments, and 2 new followers. I won't say that I base my self-worth on it, but I do get a bit of a thrill when I post a great photograph, or come up with some whitty remark. I'm going to try my best to quit doing that. I love photography, and I'd call it more than a hobby, but I can get better at finding self-gratification from other peoples' acceptance. - -### 2. Stop thinking that the grass will be greener - -“I'll be happy when I'm married…”, “If only I made more money…”. Stop. Please. Stop it. Happiness truly comes from gratitude. I need to work on being content with where I'm at, and simply finding joy in the journey. It's not a destination. I don't want to wish life away thinking, “If only, if only.” - -### 3. Stop comparing - -“Comparison is the theif of joy.” Are you ever happy with your love life, until you see another girl at the other table? Are you content and grateful with your talents, and ever-eager to hone them, until you see the successes of others? Are you happy with your job and your work, until you see a potentially better offer? There is always going to be someone or something better, and should you actually ever obtain that, you'd find something else to complain about. - -### 4. Quit feeling guilty - -People make mistakes. People change. And so do you. You live, you learn, you grow. The end. What happened in the past doesn't have to define you, unless you let it. Put on your big boy underwear, man up, and move on. - -### 5. Stop feeling obligated - -It's okay to say, “No.” Don't (always) make decisions based on what you think you *should* do. Make decisions based on what you WANT to do. It's your life, and you're going to have to live with the actions that you make. You have value, and your ruining your brand by undercharging. - -That's my list. What does yours look like?
\ No newline at end of file diff --git a/content/post/2015-01-19-static-site-contact-form.md b/content/post/2015-01-19-static-site-contact-form.md deleted file mode 100644 index e0b2880..0000000 --- a/content/post/2015-01-19-static-site-contact-form.md +++ /dev/null @@ -1,34 +0,0 @@ -+++ -title = "Static Site (Database Free) Contact Form" -date = "2015-01-19T18:50:20-07:00" -+++ -Although my site is always a work in progress, (I've still got plenty of things I need to do on it), I feel like it's in the final stages. Recently, I was trying to add the finishing touches by implementing a contact form. Mostly, to combat spam. I didn't want to throw my direct e-mail address out there, because that's just asking for an inbox full of viagra ads. - -The thing that I wanted to completely avoid was having any server-side (PHP) scripting, or databases. With most contact forms, that's a inevitable. But my main concern with just about everything on my site is performance. I wasn't willing to add a database just for that. So I went searching. - -Introducing <a href="http://formspree.io/" target="_blank">Formspree.io.</a> It's crazy easy. It involves using code, so if that scares you, you might want to stay away. But really, it's just simply copying and pasting that anyone can do it. Besides, if you're not into code, what're you doing reading my blog? - -Basically, you place their code on your site, and when someone submits anything in the form, all of the processing is done on their servers and forwarded to an email address that you provide. And what I love is that their logo isn't plastered all over the place. It's super minimal, and you don't even have to register an account with them. - -~~~html -<form action="http://formspree.io/youremail@pasteithere.com" method="POST"> - <p>Email:</p><input type="email" size="40" name="_replyto"> - <p>Message:</p><textarea style="border: 1px lightgray solid; width: 100%; height: 300px;" name="body"> - </textarea><br/> - <input style="display: block; width: 125px; text-size: 20px;" type="submit" value="Send"> -</form> -~~~ - -All you have to do is replace the `youremail@pasteithere.com` with the address you want your submissions to be forwarded to. Throw that on your site. The first thing you have to do is submit a test form, and a confirmation email will be sent to the address you specified. Once it's confirmed, you're set to go! - -I left all the styling that I used in my form for you to use. You can strip it out or do whatever you want with it, obviously. - -You might be wondering about costs or privacy. Right now, there's a 1000/month cap on emails. Anything above that and you'll have to pay, but I'd be surprised to get even 20 submissions a month from legitimate sources on my own site. As far as privacy, they say that don't store any of the contents of the submissions, because they're using the Mailgun API. And even if they did, I'm not too worried about it. You shouldn't be submitting sensitive data to an unsecure form on the web anyway. - -One of my favorite features is the ability to add a “honeypot” for those who are just scraping the web, looking for forms to easily submit. You can add a textfield to the form, give it a name value of `_gotcha`, and then hide it using CSS. If any value is entered in this field, the message will be silently ignored. At the same time, this field is hidden from humans so that they won't accidentally enter anything. - -~~~html -<input type="text" name="_gotcha" style="display:none" /> -~~~ - -What about adding additional fields or features? Head on over to <a href="http://formspree.io/" target="_blank">their website</a> to see everything they've got to offer. This probably sounds like I'm being paid to write this post, but I'm not. I'm just grateful that I found a simple, easy solution to fill my needs. Enjoy!
\ No newline at end of file diff --git a/content/post/2015-01-24-remove-ds_store-from-zip-file.md b/content/post/2015-01-24-remove-ds_store-from-zip-file.md deleted file mode 100644 index a30c370..0000000 --- a/content/post/2015-01-24-remove-ds_store-from-zip-file.md +++ /dev/null @@ -1,25 +0,0 @@ -+++ -title = "Remove .DS_Store from ZIP Files" -date = "2015-01-24T18:50:20-07:00" -+++ -At work this week, I had to download a bunch of compressed XML files, delete some duplicate files contained therein, recompress the files, and then reupload them to a server. The problem, however, is that whenever I tried to upload the files, I got a strange server error. After some trial and error, and some deep examination, I found that the hidden file “.DS\_Store” was causing the server error issue. When I removed the hidden “.DS\_Store” file, I had no more issues. - -If you're a Mac user, you've undoubtedly noticed these strange files that seem to creep into every directory. They've plagued the operating system for years, and there's still not a super great solution for removing them. And the files don't just stay on your machine. Ever plugged in a USB flash drive to take over to a Windows machine? These obnoxious files have most certainly hopped on for a ride. They're nothing more than metadata (data about data), but they've never been an issue for me until now. - -So I navigated through the compressed folders again, deleted the hidden files, and then thought I was set. Upon recompressing the files once more and trying to upload them, I was still presented with the same error. Guess what happened when the folders were compressed again? Yep. The infamous .DS_Store file had once again shown up. - -So how do you remove these files in a compressed directory? Unzipping the files to remove them doesn't work, as they'll just show up again as soon as you re-zip the file. Well, I've had to resort to the command line. Using the following command in the terminal, I was successfully able to remove the annoyance quickly. - -<span class="smallcode">zip -r mynewzipfile.zip wherethefilesarecomingfrom -x "*.DS_Store"</span> - -Just to break down the above command: -<span class="smallcode">zip</span> – The terminal command -<span class="smallcode">-r</span> – “Recursive.” This means to select all files and subfolders under the directory -<span class="smallcode">mynewzipfile.zip</span> – Name this whatever you'd like the new ZIP file to be called -<span class="smallcode">wherethefilesarecomingfrom</span> – The directory that contains the files to be zipped -<span class="smallcode">-x</span> – “Exclude” flag. -<span class="smallcode">"*.DS_Store"</span> – Selects all files that are named “.DS_Store” - -Your new zip file will be created WITHOUT the .DS_Store file. Tah-dah! - -Upon doing a quick search on the internet, I found the following program called <a href="http://asepsis.binaryage.com" target="_blank">Asepsis</a>. I haven't given it a try, but apparently it prevents the creation of any .DS_Store files. Might be worth giving it a try.
\ No newline at end of file diff --git a/content/post/2015-02-14-i-love-to-grunt-and-gulp.md b/content/post/2015-02-14-i-love-to-grunt-and-gulp.md deleted file mode 100644 index 93fadb0..0000000 --- a/content/post/2015-02-14-i-love-to-grunt-and-gulp.md +++ /dev/null @@ -1,104 +0,0 @@ -+++
-title = "I love to Grunt and Gulp"
-date = "2015-02-14T18:50:20-07:00"
-+++
-(Happy Valentine's Day, ya'll. Get off the computer and go buy something nice for your woman.)
-
-Sometimes I like to pretend that I know stuff, when I really don't. Gulp is one of those things. :)
-
-I need to get better at finding solutions to a lot of the repetitive tasks that I do on a daily basis. Up until now, let's say I was about to push some production code to the web. Of course I needed to minify the CSS first. So I would copy the code, hit up <a href="http://cssminifier.com/" target="_blank">CSS Minifier</a>, paste the code back into my CSS file, and then rename the file, `styles.min.css`. This wouldn't be that big of an issue if I only did it once upon completion of a site. But it never really worked out that way. I'd forget to change a specific style last minute, and then I'd have to copy all of my code into CSS Minifier and do it all again.
-
-Wouldn't it be great if there were a service that did all of this for you, automatically? You're in luck! They're called “Task Runners”. I'm going to be focusing on “Gulp”, which is a JavaScript task runner, built off of Node.js.
-
-Now, to many of you, you've probably been using a task runner of some sort for years. For a long time, Grunt has been the big name in the game. Not too long ago, Gulp emerged and has been hogging the spotlight. It's not only faster at rendering, but it also has an easier-to-read syntax.
-
-Now, I'm too lazy to reinvent the wheel and write a tutorial on how to install and run gulp. <a href="http://travismaynard.com/writing/getting-started-with-gulp" target="_blank">This guy</a> does a much better job than I could do, anyway.
-
-But I did at least want to post my gulpfile and say how freaking awesome it is. By simply running the `gulp` command, in less than second, I can minify my CSS, JS, and HTML, concatenate multiple files into one, rename them automatically, add in browser prefixes, and then reload the browser window. In less than a second. Boom. Pretty nifty, huh? Additionally, my gulpfile will watch for any changes to those files, and rerun all of those tanks without me doing anything. Dope.
-
-~~~js
-var gulp = require('gulp');
-
-/**********************************************
-****************** Modules ********************
-***********************************************/
-var sass = require('gulp-ruby-sass'); //Compiles SASS
-var autoprefix = require('gulp-autoprefixer'); //Automatically throws in browser prefixes
-var minifycss = require('gulp-minify-css'); //Minifies CSS
-var rename = require("gulp-rename"); //Renames files to .min after minifying
-var minifyhtml = require('gulp-minify-html'); //Minifies the HTML
-var concat = require('gulp-concat'); //Concatenates all source files into one file
-var uglify = require('gulp-uglify'); //Removes whitespaces from JavaScript
-var imagemin = require('gulp-imagemin'); //Compresses images
-var livereload = require('gulp-livereload'); //Live reload
-var plumber = require('gulp-plumber'); //Error handling
-
-/**********************************************
-****************** Functions ********************
-***********************************************/
-
-// css auto-prefix, minify, and rename
-gulp.task('styles', function() {
- return sass('src/styles/', {style:'expanded'}).on('error', function(handleError){ console.log('Error: There\'s a problem with your SASS, stupid. Fix that shiz.'); })
- .pipe(autoprefix('last 2 versions'))
- .pipe(minifycss())
- .pipe(rename({suffix:'.min'}))
- .pipe(gulp.dest('build/styles/'))
- .pipe(livereload());
-});
-
-// minify new images
-gulp.task('imagemin', function() {
- gulp.src('src/images/*.jpg').on('error', function(handleError){ console.log('Error: There\'s a problem with your images, stupid. Fix that shiz.'); })
- .pipe(imagemin())
- .pipe(gulp.dest('build/images/'));
-});
-
-// minify new or changed HTML pages
-gulp.task('html', function() {
- gulp.src('src/*.html')
- .pipe(minifyhtml())
- .pipe(gulp.dest('build/'))
- .pipe(livereload());
-});
-
-// JS concat, strip debugging and minify
-gulp.task('scripts', function() {
- gulp.src('src/scripts/*.js')
- .pipe(concat('script.js'))
- .pipe(uglify())
- .pipe(rename({suffix:'.min'}))
- .pipe(gulp.dest('build/scripts/'))
- .pipe(livereload());
-});
-
-/**********************************************
-************ Watch & Build Tasks **************
-***********************************************/
-gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() {
- // watch for CSS changes & minify
- gulp.watch('./src/styles/*.scss', function() {
- livereload.listen();
- gulp.run('styles');
- });
-
- // watch for html & minify
- gulp.watch('./src/*.html', function() {
- livereload.listen();
- gulp.run('html');
- });
-
- // watch for JS changes
- gulp.watch('./src/scripts/*.js', function() {
- livereload.listen();
- gulp.run('scripts');
- });
-
- // watch for new images
- gulp.watch('./src/images/*.jpg', function() {
- gulp.run('imagemin');
- });
-});
-~~~
-
-This isn't even the tip of the iceberg. There are hundreds of gulp plugins, and I have yet to play with the majority of them. But these seem to be the most basic/common plugins, and so far, they've proved invaluable.
\ No newline at end of file diff --git a/content/post/2015-02-20-command-line-essentials.md b/content/post/2015-02-20-command-line-essentials.md deleted file mode 100644 index 69cdf79..0000000 --- a/content/post/2015-02-20-command-line-essentials.md +++ /dev/null @@ -1,56 +0,0 @@ -+++ -title = "Command Line Essentials" -date = "2015-02-20T18:50:20-07:00" -+++ - -It wasn't too long ago that I was terrified of the terminal. It's pretty daunting to be staring at a blank screen with a blinking cursor taunting you. Want to know something? It's not as scary as you might think. It would take years to master the command line, so don't expect to know everything all at once. Everyday, try and find little ways to slowly blend the terminal with basic tasks. Slowly, you'll find that it makes a lot of things easier. - -## Terminology - -You may have heard words such as “terminal”, “command line”, “shell”, “bash”, etc. There are slight differences, but generally, they all refer to the same thing. - -## Terminal vs iTerm - -‘iTerm' is a terminal replacement. It's simply a program that adds some features for developers and advanced users such as split panes, paste history, and a plethora of others. If you don't need any of these, you can use the basic terminal just as well. If you're looking for additional functionality, this might be worth looking into. - -Honestly, I tried iTerm and didn't care too much for it. I prefer <a href="http://totalterminal.binaryage.com/" target="_blank">TotalTerminal</a>. I don't have a bunch of needs for extra fancy features, but one thing I do love is the “visor” functionality. From anywhere on my computer, I can have a terminal window slide down from the top of my screen, simply by pressing a keyboard shortcut. This is much easier than navigating to Finder, then Applications, then Utilities, then Terminal. Or even faster than searching for it through Spotlight. Many people use the standard <span class="smallcode">Command/Ctrl + ~</span> shortcut, but I've customized mine to <span class="smallcode">Control + Control</span>. - -Another nifty feature is being able to have multiple terminal windows running different processes. I generally have a Jekyll or Grunt server running in one window, and then I use the other window for navigating through folders or committing changes on Git. It works similar to using tabs in Chrome or any other browser. - -## Basic Commands - -Let's get started. Go ahead and open up a terminal window and play with the following commands. Each command should be entered on a single line, and then followed by the <span class="smallcode">[return/enter]</span> key. - -<span class="smallcode">pwd</span> – stands for “print working directory”. It lists the folder that you're currently in (i.e. /Users/yourusername/Documents) - -<span class="smallcode">cd</span> – stands for “change directory”. This lets you move in and out of folders. For example, if you're in the “Documents” directory and want to move to another directory underneath named “School”, you would type <span class="smallcode">cd School</span>. - -<span class="smallcode">cd ..</span> – Move “back” or “up” a folder. In our previous example, this would move you out of the “School” directory and back into the “Documents” folder. - -<span class="smallcode">cd ~</span> – Takes you back to your home directory. Let's say you're deep in a folder structure (i.e. /Users/yourusername/Documents/School/Senior/Thesis). Rather than having to type <span class="smallcode">cd ..</span> a billion times, you could type <span class="smallcode">cd ~</span> to take you back to “/Users/yourusername”. - -<span class="smallcode">open .</span> – Opens the current working directory in finder. I use this one ALL the time and love it. - -<span class="smallcode">clear</span> – Clears the screen of all text. Sometimes the output of all previous commands can make me claustrophobic. This gives me a fresh, blank screen. - -<span class="smallcode">rm [filename]</span> – Deletes a file. - -<span class="smallcode">mkdir [directoryname]</span> – Stands for “make directory”. Creates a new folder. - -<span class="smallcode">ls</span> – Stands for “list”. Shows a listing of all the files/folders in a directory. Often, I find myself adding an <span class="smallcode">-al</span> flag. <span class="smallcode">-a</span> shows “all files” (hidden files included), and <span class="smallcode">-l</span> shows a long listing of files, rather than in a three-column short listing. This to me, is easier to read. You can combine the two flags together with the ls command by typing <span class="smallcode">ls -al</span>. - -<span class="smallcode">sudo [command]</span> – Stands for “super user do”. Sometimes you need elevated privileges to run a certain command. Typing <span class="smallcode">sudo</span> before the command will prompt for your password, and will then run the command. Be careful when using this command. If you don't know what you're doing, you can make some unwanted changes. If at all possible, run the command first *without* sudo, and only add it in if needed. - -<span class="smallcode">control + c</span> – Cancels a current process. For example, if you're running a script, you can kill (cancel) it. - -<span class="smallcode">[Up arrow]</span> – You can see a list of all the previous commands you've entered by pressing the up arrow key. This saves time rather than having to type in a command over and over again. - -<span class="smallcode">[tab]</span> – Autocomplete. Let's say I have a long folder name such “Discertation”. Start typing the first few letters of the file/folder to distinguish it from other files, and then press the “tab” key. It will autocomplete the filename for you. - -## Give it a try! - -Well, there are a few commands to get you started and make you just dangerous enough. Practice makes perfect! I use most all of these commands on a daily basis, but there are thousands of additional commands that you can learn. Baby steps. - -## Comments - -Did I miss any of your favorites? Let me know, and I'll list them here.
\ No newline at end of file diff --git a/content/post/2015-06-03-powershell-extend-script.md b/content/post/2015-06-03-powershell-extend-script.md deleted file mode 100644 index 1e7e2e4..0000000 --- a/content/post/2015-06-03-powershell-extend-script.md +++ /dev/null @@ -1,116 +0,0 @@ -+++
-title = "VMware Disk Extend Powershell Script"
-date = "2015-06-03T18:50:20-07:00"
-+++
-About a month ago, I began working at Intermountain Healthcare, here in Utah, as a Systems Administrator. We have a bunch of monitoring software, one of which is called “Spectrum”. It searches for hardware errors or any other faults and then reports them to us. One of the most common reports that we find is that “C: 90% usage”, or something similar. Because the majority of the servers that we run are virtual, with a thin disk setup, they have relatively small drives (some starting as small as 25GB). As applications are installed or the demands of the business unit increase, we find that these drives fill up rather quickly. Currently, the process to extend these drives is to log into vConsole (vSphere Client), find the drive, edit the settings, provision additional disk space, remote into the virtual machine, open diskpart.exe, rescan the drive, and then extend it.
-
-Now, that's fine if you only have a couple of drives to extend each day. But with nearly 3500 servers that we're in charge of, we get quite a few, and it becomes rather monotonous. Hence, I began playing with powershell and wrote a simple script that both provisions additional disk space for you, as well as extends the drive in the Guest Operating System.
-
-The following script requires the VMWare PowerCLI. I prefer to use the PowerCLI, but you can also use the Snap-in and run it from Powershell directly. This has been tested to work on Windows Server 2003, 2008, and 2012. Because Windows 2003 doesn't have the capability to extend a virtual disk from the OS natively, we use Dell's 3rd party software “extpart.exe” (extend partition).
-
-You'll have to modify the script below to your needs by adding the VM host servers you want to connect to (indicated by “server1”, etc), as well as change the locations below for where to check for extpart.exe, as well as where to copy the program should it be found missing.
-
-Cheers!
-
-~~~powershell
-#Import the PowerCLI module
-#Add-PSSnapin VMware.VimAutomation.Core
-Set-PowerCLIConfiguration -DisplayDeprecationWarnings $false -InvalidCertificateAction Ignore -Confirm:$false
-
-function getDisk {
- $disk = Read-Host "Which disk would you like to extend (i.e., '1')?"
- Return $disk
-}
-
-function getDiskSize {
- $diskSize = Read-Host "Enter new (total) drive size (in GB)?"
- Return $diskSize
-}
-
-function setVMSize($vm, $disk, $diskSize) {
- Get-HardDisk -vm $vm | where {$_.Name -eq "$disk"} | Set-HardDisk -CapacityGB $diskSize -ResizeGuestPartition -confirm:$false -ErrorAction:SilentlyContinue
-}
-
-# Connect to vConsole servers
-$authenticated = $false;
-while (-not $authenticated) {
- Try {
- Connect-VIServer -Server server1,server2,server3 -ErrorAction Stop | Select-Object -Property Name,IsConnected
- $authenticated = $true
- }
- Catch {
- Write-Host "Invalid username or password." -foreground "red"
- }
-}
-
-# Check to make sure that the user inputs a valid VM
-$validVM = $false
-while (-not $validVM) {
- $vm = Read-Host "Enter VM name"
- Try {
- Get-VM -Name $vm | Select-Object -Property Name
- $validVM = $true
- }
- Catch {
- Write-Host "Invalid VM name. Try again." -foreground "red"
- }
-}
-
-# Get drive letter mappings and store them in the $diskArray array. Data from this
-# array can be accessed like so: $diskArray[0].DiskName, or .DriveLetter, or .DiskSize
-$diskArray = @()
-
-if ($vm) {
- $VmView = Get-View -ViewType VirtualMachine -Filter @{"Name" = $vm}
- foreach ($VirtualSCSIController in ($VMView.Config.Hardware.Device | where {$_.DeviceInfo.Label -match "SCSI Controller"})) {
- foreach ($VirtualDiskDevice in ($VMView.Config.Hardware.Device | where {$_.ControllerKey -eq $VirtualSCSIController.Key})) {
- $VirtualDisk = "" | Select DiskName, DiskSize, DriveLetter
- $VirtualDisk.DiskName = $VirtualDiskDevice.DeviceInfo.Label
- $VirtualDisk.DiskSize = $VirtualDiskDevice.CapacityInKB * 1KB / 1GB
-
- $LogicalDisks = @()
- # Look up path for this disk using WMI.
- $thisVirtualDisk = get-wmiobject -class "Win32_DiskDrive" -namespace "root\CIMV2" -computername $vm | where {$_.SCSIBus -eq $VirtualSCSIController.BusNumber -and $_.SCSITargetID -eq $VirtualDiskDevice.UnitNumber}
- # Look up partition using WMI.
- $Disk2Part = Get-WmiObject Win32_DiskDriveToDiskPartition -computername $vm | Where {$_.Antecedent -eq $thisVirtualDisk.__Path}
- foreach ($thisPartition in $Disk2Part) {
- #Look up logical drives for that partition using WMI.
- $Part2Log = Get-WmiObject -Class Win32_LogicalDiskToPartition -computername $vm | Where {$_.Antecedent -eq $thisPartition.Dependent}
- foreach ($thisLogical in $Part2Log) {
- if ($thisLogical.Dependent -match "[A-Z]:") {
- $LogicalDisks += $matches[0]
- }
- }
- }
- $VirtualDisk.DriveLetter = $LogicalDisks
- $diskArray += $VirtualDisk
- Write-Output $VirtualDisk
- }
- }
-}
-
-# Check which OS version -- If Server 2003, run extpart. Run diskpart for all others.
-If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') {
- $disk = getDisk
- $diskSize = getDiskSize
- setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize
- # If extpart exists, do nothing. Otherwise, copy to C:\UTILS folder on VM.
- if (Test-Path "\\$vm\c$\UTILS\extpart.exe"){
- # do nothing
- } else {
- Copy-Item -Path "S:\SA\PostInstallDoNotModify\Installs\UTILS\extpart.exe" -Destination "\\$vm\c$\UTILS"
- Write-Host "Successfully copied 'extpart.exe' to UTILS folder." -foreground "green"
- }
- $driveLetter = $diskArray[$disk - 1].DriveLetter
- $sizeInMB = ((($diskSize)-($diskArray[$disk - 1].DiskSize))*1024)
- $script = "C:\UTILS\extpart.exe $driveLetter $sizeInMB"
- Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT
-} else {
- $disk = getDisk
- $diskSize = getDiskSize
- $driveLetter = $diskArray[$disk - 1].DriveLetter
- setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize
- $script = "echo select volume = $driveLetter > c:\diskpart.txt && echo rescan >> c:\diskpart.txt && echo extend >> c:\diskpart.txt && diskpart.exe /s c:\diskpart.txt"
- Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT
-}
-~~~
\ No newline at end of file diff --git a/content/post/2015-07-25-hindsight.md b/content/post/2015-07-25-hindsight.md deleted file mode 100644 index 20447cc..0000000 --- a/content/post/2015-07-25-hindsight.md +++ /dev/null @@ -1,25 +0,0 @@ -+++ -title = "Hindsight" -date = "2015-07-15T18:50:20-07:00" -+++ -David Walsh, a popular Web Development blogger I follow, <a href="http://davidwalsh.name/impostor-syndrome" target="_blank">wrote a post a few months ago about the “Imposter Syndrome,”</a> a common feeling that many developers have going into a new job, or even in their current position; a feeling of inadequacy or fear that someone is going to discover them as a “fake,” simply pretending to be competent in their field. As I was reading through his comments, I couldn't help but relate. - -Although I've felt that all-too-often (especially now — I start a new job in a week), I couldn't help but look back with hindsight and feel fairly accomplished as to how far I've come in the past few years. - -As some of you may know, <a href="http://mormon.org" target="_blank">I'm a Mormon</a> (Latter-day Saint). When men of our congregation hit the ripe old age of 18-19, we're expected to head out on a 2-year Missionary trip, teaching others and sharing our faith. During that time, we're expected to set aside all personal endeavors to fully focus on sharing the Gospel and help others. Technology has always been a love of mine. It's been more than just a hobby. Putting all of my technical interests on hold proved really difficult for me. - -Upon returning home after those two years, I jumped head first into my technical degree. I felt *so* inadequate about all of things that I didn't know, and especially outdated by all the latest technologies that had emerged in a rapidly-changing field. - -Where I stand currently, I understand that there's a plethora of information in front of me to learn. But it's fun to look back and actually see how I've progressed. - -It makes me laugh (and slightly embarrassed) to think that I used to build websites, and I never used a single `class=` statement, because my HTML documents consisted entirely of `id=` tags. - -I can't believe that I used to have absolutely no comprehension of what a “backend” was, and how server-side scripting and databases interacted to create full-fledged web applications. I was a sophomore in High School when I first heard the acronym “SQL,” but it wouldn't be years until I even built my first query or understood what SQL was. - -I remember the first time I learned how to insert PHP into my HTML code. My teacher wrote the following code on the board, and it just looked like greek to me. Not only did I not understand what it did, I couldn't even begin to wrap my head around how it worked. - -~~~php -<?php include $_SERVER['DOCUMENT_ROOT']."/views/somefile.php";?> -~~~ - -I could go on forever. Anyway, the point to all of this, is simply to tell myself that I have progressed, and I have learned. Keep it up. Five years from now, you'll look back at yourself again and think about how much farther you've come.
\ No newline at end of file diff --git a/content/post/2015-07-31-windows-10-first-impressions.md b/content/post/2015-07-31-windows-10-first-impressions.md deleted file mode 100644 index 31b7c4e..0000000 --- a/content/post/2015-07-31-windows-10-first-impressions.md +++ /dev/null @@ -1,37 +0,0 @@ -+++ -title = 'Windows 10: First Impressions' -date = "2015-07-31T18:50:20-07:00" -+++ -Windows 10 launched yesterday, and so being my naturally-curious self on all the latest and greatest in the tech world, I gave it a go. I got an ISO and started it up in VM Fusion on my Mac. This won't be an in-depth review on all the latest features and all that jazz. There are plenty of Tech Blogs out there that can perform a <a href="http://www.cnet.com/products/microsoft-windows-10/" target="_blank">better review</a> than I ever could. Besides, I'm lazy and don't feel all that interested in doing so, anyway. - -On first boot-up, the very first thing that I said to myself was, “Wow, this feels dark.” It doesn't really feel like a warm, inviting welcome like Windows 7 or Windows 8.1 felt. The default background is a dark, deep blue (which can be changed, obviously), and the taskbar is straight black, without any nifty aero effects or transparency. It just seems very cold to me, something that you might see on a Batman movie. It might be something small and subtle that only I care about, but I feel like having brighter colors make things less intimidating. It almost has a Unix feel. I know that everything these days is turning towards a more flat UI, but what happened to Aero glass? I personally miss that transparent touch on the taskbar and open windows. - -<img src="/img/post_images/windows-10-first-impressions-1.png" alt="Windows 10 First Impressions" /> - -Also, I feel that the default icon set is absolutely disgusting. “This PC” and “Recycle Bin” look like something from Windows 95. Not a fan. - -<img src="/img/post_images/windows-10-first-impressions-2.png" alt="Windows 10 First Impressions" /> - -The next thing I couldn't help but notice was that there were many features that seemed very “Mac”-esque. Virtual desktops, a notification panel that slides in from the right side of the screen, and a dedicated button to display all open applications as small panels (similar to how Expose/Mission Control does things). It seems like a poorly done copy cat of some of the features that I love most about OS X. Also, smaller pop-up messages slide in from the right side of the screen whenever new updates have been installed, or when Windows deems itself worthy to let you know that something has changed. Rather than informing you in the top-right corner like on a Mac, Microsoft has discretely moved these notifications to the bottom-right hand corner of the screen, as not to look too much like OS X. - -Generally, after installing a brand new Windows OS, the first thing I tend to do is head over to Windows Update to install drivers. It's kind of ironic, because everything listed under “Important Updates”, I uncheck, and everything listed under “Recommended Updates” are usually checked. I only select the specific hardware drivers that I'm looking for, and those are most often listed under “Recommended.” Shoot me for saying this (especially because my daily job is as a Windows Systems Administrator), but I've never really felt that Windows Updates have helped the security/stability/functionality of a Windows environment, and if anything, have had detrimental effects as far as performance goes. Most often, I decide to change the update settings to “Never install”. When I feel I need a specific update, I have enough technical know-how to manually select what I want. In Windows 10, only two options are listed now: “Automatic” and “Notify to schedule restart.” Sorry, Microsoft, but I like to have a little more control over update settings than that. For novice users, this might be a welcome feature, but I dislike it. - -<img src="/img/post_images/windows-10-first-impressions-3.png" alt="Windows 10 First Impressions" /> - -Another simple thing that I like to do on any new Windows installation is throw “Computer” on the desktop for easy access to the file system. “Computer” has been renamed to “This PC” in Windows 10 (I'm coming from Windows 7, so I don't remember if this was changed previously in 8.1 or not). Normally, I can simply write-click on “Computer” and choose “Show on Desktop” to have it placed conveniently for me. All mentions of this have been removed. It's small and stupid, but I really appreciated having that in a context menu. Now, you have to go into “Personalize” and then “Themes” and then “Desktop Icon Settings” — an unnecessary number of steps, in my opinion. I know that the “Windows + E” shortcut is available to open the file explorer, but still. - -<img src="/img/post_images/windows-10-first-impressions-4.png" alt="Windows 10 First Impressions" /> - -I'm sure (and hoping) that it's only because I'm running the OS as a Virtual Machine, and the drivers just aren't quite there yet for Mac, but I just couldn't help but feel that everything that I did had a bit of latency. Clicks weren't as snappy as I would have liked. There seemed to be a delay on just about everything I tried to do. Everything from clicking on the Start menu, to loading basic applications like Notepad. Mind you, that this is all running on a laptop with an SSD also. Windows 7 never seemed to have any sort of lag. It's also very possible that because Windows 10 is 6 years newer than Windows 7, it requires more System Resources than any of its older siblings. It seemed the same to me, though. On a blank desktop, with no active applications, RAM usage was 0.7GB, although CPU utilization seemed a bit high for doing absolutely nothing. - -<img src="/img/post_images/windows-10-first-impressions-5.png" alt="Windows 10 First Impressions" /> - -Everything thus-far has been negative — So is there anything about Windows 10 that I *do* like? The new start menu. It's wonderful. It's as if Windows 7 and Windows 8 got together and had a baby. This is how the start menu in Windows 8 *should* have been. I welcome the live tiles that automatically update. It gives me quick access to weather and sports at a glance, rather than having to open a full-blown web page. - -<img src="/img/post_images/windows-10-first-impressions-6.png" alt="Windows 10 First Impressions" /> - -And speaking of Web pages, I've really enjoyed using Edge so far, the new browser to replace Internet Explorer. It's not as different as I had expected, and still has subtle UI designs from IE 11, but it appears that it will do a much better job at rendering some of the latest HTML5/CSS3 properties that were almost completely missing previously. - -Overall, I'm not super impressed. I'm sure it will get better as I use it more and discover where things have been moved to. Most new released from Microsoft are a bit buggy anyway, right out the door. As service packages are released and more user data is sent to Microsoft, thats bound to improve. It is much less intimidating than Windows 8.1 was, that's for sure. I still can't help but notice that everything is geared more and more towards tablet use, though. Microsoft has done a great job at making the OS fairly fluid for use on a standard desktop computer or a device with touch capability. I'm not ready to jump on that bandwagon yet, though. I haven't been very impressed with many of the Windows tablets. - -I'm a hater. Sue me.
\ No newline at end of file diff --git a/content/post/2015-09-15-moral-sensitivity.md b/content/post/2015-09-15-moral-sensitivity.md deleted file mode 100644 index 4af2663..0000000 --- a/content/post/2015-09-15-moral-sensitivity.md +++ /dev/null @@ -1,21 +0,0 @@ -+++ -title = "Moral Sensitivity" -date = "2015-09-15T18:50:20-07:00" -+++ -This has absolutely nothing to do with technology, but it's my blog, so I can do what I want. - -This past Memorial Day weekend, I had the most incredible chance to visit Yellowstone National Park. I’m embarrassed to say that I’ve lived less than two hours away from one of the largest National Parks in the United States for more than three years, and I’ve never made the trip. Once the weather warmed up, and we had a chance to get away for a full day, we gassed up the car, filled the coolers, and headed north. - -As we entered into the park, the beauty was simply overwhelming. Lakes surrounded you as you drove, and the valleys appeared to roll on forever. Wildlife walked right up to your car, so close you could pet them. Waterfalls, thermal pools with rich colors, caves, geysers; every little detail was remarkable to look at, down to the very last tree or blade of grass. - -However, as the day came to a close, I noticed something that I had not anticipated. I felt as if I was becoming more and more desensitized to the beauty that was around me. As we would arrive at a new location, we would get out, walk around, and in essence say, “Oh, look. Another waterfall. Okay! Everyone back in the car. Let’s go!” Driving down the road, we would pass a pasture with hundreds of bison, and barely bother to turn our heads. How could I have become so numb to God’s beautiful creations in only 8 short hours? - -Each and every generation faces new challenges and new problems. I believe the biggest difference between my generation, and previous generations is our moral sensitivity. Or should I say, the lack thereof? - -Talk to any elderly person, and they will have a myriad of stories to tell you about the “good ol’ days.” Cars weren’t made from plastic, the streets were safe after dark, gas was fifty cents a gallon, and people still had manners. Fast-forward fifty years in the future, and it’s not hard to see that our society has declined to moral numbness. - -Miley Cyrus is seen half-naked “twerking” on television, children having children, music artists ‘singing’ violent lyrics, and the media distorting everyone’s definition of “beauty.” Can we go back? Can we rewind to a time when people were responsible, integrious, and had a work ethic? - -When did it all begin? When did our culture as a whole say, “That’s it. We don’t care anymore,” and throw their hands in the air in disgust? It’s fairly easy to see that all of this didn’t happen overnight, but similar to my experience in Yellowstone, where did I begin to lose sight of what was around me? How do we train ourselves to view an oncoming social train wreck, and do something about it? - -The answer is to simply take a break. If we become so engrossed in something for long, those things soon lose their importance. “You never know what you have until you lose it,” a common idiom. I think we should change that to say, “You always know what you have, you just never think you’d lose it.” Here’s to taking a stand for what’s right, and clinging onto what little we still have of that moral compass. And it all starts with one.
\ No newline at end of file diff --git a/content/post/2015-11-09-mathesondigital-wordpress-theme.md b/content/post/2015-11-09-mathesondigital-wordpress-theme.md deleted file mode 100644 index a2929ba..0000000 --- a/content/post/2015-11-09-mathesondigital-wordpress-theme.md +++ /dev/null @@ -1,25 +0,0 @@ -+++ -Description = "" -Tags = [] -date = "2015-11-15T18:50:20-07:00" -title = "MathesonDigital Wordpress Theme" -featuredimage = "img/plane.jpg" -+++ - -So I made a WordPress Theme. - -<img src="/img/post_images/mathesondigital-wordpress.png" alt="MathesonDigital Wordpress Theme" /> - -Why? Because I'm sick of everything else on the internet. And that's not to say that there aren't some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don't need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that's about it. No frills, no fuss, no crazy configuration options, nothing. - -So many of you might be asking then, “Bryce, why not just use a static site generator for your blog?” Good question. Been there, done that. And it was fine. I'm definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn't even care about that. You'll notice that on this site, I've completely omitted the comment system. - -But the main reason I ditched the static site generator were the painfully slow load times. My blog used to showcase a lot of my photography, and so I probably had around 50 posts total overall, most of which were photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I'm one of those “code-and-check-and-code-and-check-some-more” type people. I don't have enough confidence in myself to code lines and lines and lines of code before checking my work. - -Another thing that I really missed also, was the ability to update the blog from anywhere I wanted. All of my static files were on my laptop at home, making it extremely difficult to access. Yeah, people mention options like Dropbox or whatever, but that's just a hassle. WordPress works great for what I need, and because I don't jam-pack my sites full of crappy third-party plugins, it works reasonably well. - -If you like what you see, you're free to use it. You can <a href="https://github.com/brycematheson/mathesondigital-wordpress" target="_blank">head over to my GitHub and grab it off of there</a>. As I mention in the Readme, I didn't really design the theme to be “user-friendly”, however. There's no admin panel, there's no fancy color changing options, blech. No, none of that. If I were designing this theme for mass use, or planning on selling it, of course I would have incorporated those features. But I just made it for my purposes, therefore any changes that you'll want to make (aside from small menu adjustments, adding things to the footer, and adding banner images) will have to be done via code. But that should be the ultimate goal anyway, shouldn't it? - -It's decently fast. And it's responsive, too. Google Page Insights only ranks me a 65/100, which I think is a bit of bull, but maybe I'll take the time to go back and fix it at some point. I've been working on this project all weekend, and to be honest, I'm pretty sick of it and just ready to be done. - -So anyway, enough rambling. Here's a cool theme if you want to use it.
\ No newline at end of file diff --git a/content/post/features.md b/content/post/features.md new file mode 100644 index 0000000..0aa116b --- /dev/null +++ b/content/post/features.md @@ -0,0 +1,48 @@ ++++ +Description = "" +FeaturedImage = "/img/plane.jpg" +Tags = [] +date = "2015-11-22T10:54:54-07:00" +title = "Allegiant Features" + ++++ + +# Allegiant -- A kick-ass Hugo theme +Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the "Featured Image" section in the post header data. + +# Custom Config +It's got custom data you can edit in the config.toml file too. Here's a sample: + +~~~toml +baseurl = "yoursitehere.com" +languageCode = "en-us" +title = "Allegiant" +copyright = "© Allegiant. All Rights Reserved." # Copyright notice. This will be displayed in the footer. +canonifyurls = true + +[params] + ga_api_key = "Your Google Analytics tracking id" # Google Analytics API key. + avatar = "../../img/avatar.jpg" # Image should be square, and roughly 150px x 150px + bio = "Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient." + github = "http://github.com/username" + twitter = "https://twitter.com/username" + linkedin = "https://www.linkedin.com/in/username" + footer_1 = "Some text here." + footer_2 = "Some different text here." + footer_3 = "Even more different text here." +~~~ + +## Auto Syntax Highlighting for any language +It's got built in Syntax highlight, too. Just start a block of code with "~~~typeyourlanguagehere" and then close it with three more squiqlies. If you view the above block of code in a text editor, you'll see what I mean. + +## Code Snippets +In case you don't want to do an entire block of code, you can just do a small snippet of code, such as a command to type in, or a key to press by wrapping your text in a span class of "smallcode". <span class="smallcode">This is what it'll look like.</span> + +## Sharing Icons +Sharing icons are automatically embedded in the post. So that's cool. + +## Fast +Gets a 73/100 ranking on Google PageSpeed Insights. And that's WITH render-blocking CSS, and no CDN. Fix those things, and you'll hit a 95/100. + +## More +There's a lot more this theme can do, and it's really cool, but I'm really hungry and going to go eat lunch. So I'm going to upload this to GitHub and be done with it.
\ No newline at end of file diff --git a/content/post/introducing-allegiant-a-hugo-theme.md b/content/post/introducing-allegiant-a-hugo-theme.md new file mode 100644 index 0000000..1f7172a --- /dev/null +++ b/content/post/introducing-allegiant-a-hugo-theme.md @@ -0,0 +1,23 @@ ++++ +Description = "" +Tags = [] +date = "2015-11-21T18:50:20-07:00" +title = "Introducing Allegiant -- A Hugo Theme" +featuredimage = "/img/plane.jpg" ++++ + +So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too. + +<img src="/img/screenshot.png" alt="Allegiant - Hugo" /> + +Why? Because I'm sick of everything else on the internet. And that's not to say that there aren't some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don't need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that's about it. No frills, no fuss, no crazy configuration options, nothing. + +So many of you might be asking then, “Bryce, why not just use a static site generator for your blog?” Good question. Been there, done that. And it was fine. I'm definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn't even care about that. You'll notice that on this site, I've completely omitted the comment system. + +But the main reason I ditched Jekyll and switched over to Hugo were the painfully slow build times. My blog used to showcase a lot of my photography, and so I probably had around 100 posts total overall, most of which were dedicated posts full of photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I'm one of those “code-and-check-and-code-and-check-some-more” type people. I don't have enough confidence in myself to code lines and lines and lines of code before checking my work. + +If you like what you see, you're free to use it. You can <a href="https://github.com/brycematheson/allegiant" target="_blank">head over to my GitHub and grab it off of there</a>. + +It's decently fast, getting a 73/100 on Google Page Speed Insights. I've fiddled with it, and I was able to get it up to a 95/100 on my site by using a CDN and playing with some of the render-blocking CSS in the head. It's also responsive, too. + +So anyway, enough rambling. Here's a cool theme if you want to use it.
\ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 0e5664e..7b6ff1d 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -68,8 +68,9 @@ {{ with .Site.Params.avatar }}<img class="bio-image" src="{{ . }}" />{{ end }} {{ with .Site.Params.bio }}<figcaption class="bio-text">{{ . }}</figcaption>{{ end }} </figure> +<hr> <!-- - If you're going to use DISQUS for comments, paste code here. +If you're going to use DISQUS comments, insert code here. --> </section> {{ partial "footer.html" . }}
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index da318e2..d7016a1 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -2,20 +2,14 @@ </div> <footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url({{ .Site.BaseURL}}/img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> -<!-- Here's some text. --> - </div> - <div class="footer-column"> -<!-- Here's some text. --> - </div> - <div class="footer-column"> -<!-- Here's some text. --> - </div> + {{ with .Site.Params.footer_1 }}<div class="footer-column">{{ . }}</div>{{ end }} + {{ with .Site.Params.footer_2 }}<div class="footer-column">{{ . }}</div>{{ end }} + {{ with .Site.Params.footer_3 }}<div class="footer-column">{{ . }}</div>{{ end }} <div class="clearfix"></div> </div> <div id="copyright">{{ .Site.Copyright | safeHTML }}</div> </footer> -<script src="{{ .Site.BaseURL }}js/highlight.pack.js"></script> +<script src="{{ .Site.BaseURL }}/js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -31,4 +25,6 @@ {{ end }} </div> </body> + <link rel="shortcut icon" href="{{ .Site.BaseURL }}/img/favicon.ico" /> + <link rel="apple-touch-icon" href="{{ .Site.BaseURL }}/img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 81cedd0..6cf9df9 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -4,14 +4,9 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>{{ if ne .URL "/" }}{{ .Title }} · {{ end }}{{ .Site.Title }}</title> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css" /> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/font-awesome.min.css" /> + <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" /> + <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="{{ .Site.BaseURL }}img/favicon.ico" /> - <link rel="apple-touch-icon" href="{{ .Site.BaseURL }}img/apple-touch-icon.jpg" /> - {{ if eq .URL "/" }} - <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" /> - {{ end }} </head> <body> {{ if isset .Params "featuredimage" }} @@ -26,9 +21,9 @@ <nav id="mainmenu"> <ul> <li><a href="{{ .Site.BaseURL }}">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + {{ with .Site.Params.github }}<li><a href="{{ . }}" target="_blank">Github</a></li>{{ end }} + {{ with .Site.Params.twitter }}<li><a href="{{ . }}" target="_blank">Twitter</a></li>{{ end }} + {{ with .Site.Params.linkedin }}<li><a href="{{ . }}" target="_blank">LinkedIn</a></li>{{ end }} </ul> </nav> <input type="checkbox" id="op"></input> @@ -40,9 +35,9 @@ <nav id="menu" role="navigation"> <ul> <li><a href="{{ .Site.BaseURL }}">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + {{ with .Site.Params.github }}<li><a href="{{ . }}" target="_blank">Github</a></li>{{ end }} + {{ with .Site.Params.twitter }}<li><a href="{{ . }}" target="_blank">Twitter</a></li>{{ end }} + {{ with .Site.Params.linkedin }}<li><a href="{{ . }}" target="_blank">LinkedIn</a></li>{{ end }} </ul> </nav> </div> diff --git a/public/404.html b/public/404.html index b7b2d08..206e0b6 100644 --- a/public/404.html +++ b/public/404.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>404 Page not found · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -58,22 +55,16 @@ </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -92,5 +83,7 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html> diff --git a/public/CNAME b/public/CNAME new file mode 100644 index 0000000..d9f841c --- /dev/null +++ b/public/CNAME @@ -0,0 +1 @@ +www.brycematheson.io diff --git a/public/css/style.css b/public/css/style.css index 1b293aa..3a196da 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,3 +1,7 @@ +.lower label:hover, +.overlay label { + cursor: pointer +} a.moretag, h2 a { text-decoration: none @@ -119,6 +123,12 @@ video { margin: 0; vertical-align: baseline } +.hljs-class .hljs-title:last-child, +.hljs-emphasis, +.hljs-strongemphasis, +em { + font-style: italic +} body, button, input, @@ -126,7 +136,7 @@ select, textarea { font-family: Lato, Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #3A3B3C; - font-weight: 400; + font-weight: 300; font-size: 1.125rem; line-height: 1.5; margin: 0; @@ -183,7 +193,7 @@ h3 a { } b, strong { - font-weight: 600 + font-weight: 400 } h1 { font-size: 2.2em @@ -210,29 +220,24 @@ mark { abbr[title] { border-bottom: 1px dotted #D1D1D1 } -em { - font-style: italic; -} - blockquote { - background: #f9f9f9; - border-left: 10px solid #ccc; - margin: 1.5em 10px; - padding: 0.5em 10px; - quotes: "\201C""\201D""\2018""\2019"; + background: #f9f9f9; + border-left: 10px solid #ccc; + margin: 1.5em 10px; + padding: .5em 10px; + quotes: "\201C""\201D""\2018""\2019" } blockquote:before { - color: #ccc; - content: open-quote; - font-size: 4em; - line-height: 0.1em; - margin-right: 0.25em; - vertical-align: -0.4em; + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: .1em; + margin-right: .25em; + vertical-align: -.4em } blockquote p { - display: inline; + display: inline } - hr { border: 0; border-bottom: 1px solid #D1D1D1; @@ -302,12 +307,12 @@ footer { footer .menu-item a { color: #7A7B7C; text-decoration: none; - font-weight: 400 + font-weight: 300 } #mainmenu li, #nav-below a { display: inline-block; - font-weight: 600; + font-weight: 400; cursor: pointer } footer .menu-item a:hover { @@ -445,11 +450,9 @@ img { width: 100%; height: auto } - article img { - box-shadow: 0 0 15px rgba(0,0,0,0.35); + box-shadow: 0 0 15px rgba(0, 0, 0, .35) } - .lower { float: right; margin-top: 28px; @@ -457,8 +460,8 @@ article img { padding: 0 .85em; border-radius: 30px; color: #fff; - font-weight: 600; - line-height: 25px; + font-weight: 400; + line-height: 25px } .lower:hover { background: #fff; @@ -468,9 +471,6 @@ article img { font-family: inherit; font-size: .7em } -.lower label:hover { - cursor: pointer -} .overlay { position: fixed; width: 100%; @@ -486,8 +486,7 @@ article img { right: 20px; top: 20px; background: url(../img/cross.png); - z-index: 100; - cursor: pointer + z-index: 100 } .overlay nav { position: relative; @@ -504,10 +503,6 @@ article img { height: 100%; position: relative } -td, -th { - padding: 3px -} .overlay ul li { display: block; height: 20%; @@ -608,6 +603,7 @@ table { } td, th { + padding: 3px; border: 1px solid transparent; height: 30px; transition: all .3s @@ -666,11 +662,6 @@ tr td:hover { .hljs-link_url { font-size: 80% } -.hljs-class .hljs-title:last-child, -.hljs-emphasis, -.hljs-strongemphasis { - font-style: italic -} .alias .hljs-keyword:first-child, .clojure .hljs-built_in, .css .hljs-important, @@ -751,58 +742,58 @@ tr td:hover { .xml .javascript, .xml .php, .xml .vbscript { - opacity: .5 + opacity: .5; } @media (max-width: 1000px) { #footer-container { width: 95%; - text-align: center + text-align: center; } } @media (max-width: 700px) { .post-heading h1, h2 { - font-size: 1.2em + font-size: 1.2em; } #branding, #content { padding: 0 5%; - box-sizing: border-box + box-sizing: border-box; } #content { - width: 100% + width: 100%; } .header { - height: 300px + height: 300px; } .lower { - display: block + display: block; } #mainmenu, .pagination { - display: none + display: none; } .post-heading { height: 180px; width: 50%; margin-top: -1%; margin-left: 25%; - display: table + display: table; } #branding, .footer-column { - width: 100% + width: 100%; } .share-icons-header svg { - margin-right: 5px - } - .share-icons-body svg { - margin-right: 10px - } + margin-right: 5px; + } + .share-icons-body svg { + margin-right: 10px; + } #nav-below { - margin-bottom: 30px + margin-bottom: 30px; } article p { - font-size: .85em + font-size: .95em; } }
\ No newline at end of file diff --git a/public/img/apple-touch-icon.png b/public/img/apple-touch-icon.png Binary files differdeleted file mode 100644 index d711caa..0000000 --- a/public/img/apple-touch-icon.png +++ /dev/null diff --git a/public/img/avatar.jpg b/public/img/avatar.jpg Binary files differindex bbf6780..6a9e1c7 100644 --- a/public/img/avatar.jpg +++ b/public/img/avatar.jpg diff --git a/static/img/post_images/mathesondigital-wordpress.png b/public/img/mathesondigital-wordpress.png Binary files differindex 0667a37..0667a37 100644 --- a/static/img/post_images/mathesondigital-wordpress.png +++ b/public/img/mathesondigital-wordpress.png diff --git a/public/img/screenshot.png b/public/img/screenshot.png Binary files differnew file mode 100644 index 0000000..17176f2 --- /dev/null +++ b/public/img/screenshot.png diff --git a/public/index.html b/public/index.html index 98e40ff..63a88e1 100644 --- a/public/index.html +++ b/public/index.html @@ -4,28 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - - <link href="http://localhost:1313/brycematheson.io/index.xml" rel="alternate" type="application/rss+xml" title="Allegiant" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -36,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -58,130 +53,42 @@ <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/" rel="bookmark" title="Link to MathesonDigital Wordpress Theme">MathesonDigital Wordpress Theme</a></h2> - <span class="post-date">Published Nov 15, 2015</span> - <p>So I made a WordPress Theme. Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that’s about it. No frills, no fuss, no crazy configuration options, nothing.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/" rel="bookmark" title="Link to Moral Sensitivity">Moral Sensitivity</a></h2> - <span class="post-date">Published Sep 15, 2015</span> - <p>This has absolutely nothing to do with technology, but it’s my blog, so I can do what I want. This past Memorial Day weekend, I had the most incredible chance to visit Yellowstone National Park. I’m embarrassed to say that I’ve lived less than two hours away from one of the largest National Parks in the United States for more than three years, and I’ve never made the trip. Once the weather warmed up, and we had a chance to get away for a full day, we gassed up the car, filled the coolers, and headed north.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/" rel="bookmark" title="Link to Windows 10: First Impressions">Windows 10: First Impressions</a></h2> - <span class="post-date">Published Jul 31, 2015</span> - <p>Windows 10 launched yesterday, and so being my naturally-curious self on all the latest and greatest in the tech world, I gave it a go. I got an ISO and started it up in VM Fusion on my Mac. This won’t be an in-depth review on all the latest features and all that jazz. There are plenty of Tech Blogs out there that can perform a better review than I ever could.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/" rel="bookmark" title="Link to Hindsight">Hindsight</a></h2> - <span class="post-date">Published Jul 15, 2015</span> - <p>David Walsh, a popular Web Development blogger I follow, wrote a post a few months ago about the “Imposter Syndrome,” a common feeling that many developers have going into a new job, or even in their current position; a feeling of inadequacy or fear that someone is going to discover them as a “fake,” simply pretending to be competent in their field. As I was reading through his comments, I couldn’t help but relate.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/" rel="bookmark" title="Link to VMware Disk Extend Powershell Script">VMware Disk Extend Powershell Script</a></h2> - <span class="post-date">Published Jun 3, 2015</span> - <p>About a month ago, I began working at Intermountain Healthcare, here in Utah, as a Systems Administrator. We have a bunch of monitoring software, one of which is called “Spectrum”. It searches for hardware errors or any other faults and then reports them to us. One of the most common reports that we find is that “C: 90% usage”, or something similar. Because the majority of the servers that we run are virtual, with a thin disk setup, they have relatively small drives (some starting as small as 25GB).</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/" rel="bookmark" title="Link to Command Line Essentials">Command Line Essentials</a></h2> - <span class="post-date">Published Feb 20, 2015</span> - <p>It wasn’t too long ago that I was terrified of the terminal. It’s pretty daunting to be staring at a blank screen with a blinking cursor taunting you. Want to know something? It’s not as scary as you might think. It would take years to master the command line, so don’t expect to know everything all at once. Everyday, try and find little ways to slowly blend the terminal with basic tasks.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/" rel="bookmark" title="Link to I love to Grunt and Gulp">I love to Grunt and Gulp</a></h2> - <span class="post-date">Published Feb 14, 2015</span> - <p>(Happy Valentine’s Day, ya’ll. Get off the computer and go buy something nice for your woman.) Sometimes I like to pretend that I know stuff, when I really don’t. Gulp is one of those things. :) I need to get better at finding solutions to a lot of the repetitive tasks that I do on a daily basis. Up until now, let’s say I was about to push some production code to the web.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/">Continue reading ↦</a> + <h2 class="post-title"><a href="http://localhost:1313/post/features/" rel="bookmark" title="Link to Allegiant Features">Allegiant Features</a></h2> + <span class="post-date">Published Nov 22, 2015</span> + <p>Allegiant – A kick-ass Hugo theme Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the “Featured Image” section in the post header data. Custom Config It’s got custom data you can edit in the config.toml file too. Here’s a sample: baseurl = "yoursitehere.com" languageCode = "en-us" title = "Allegiant" copyright = "&copy; Allegiant. All Rights Reserved." # Copyright notice. This will be displayed in the footer.</p> + <a class="moretag" href="http://localhost:1313/post/features/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/" rel="bookmark" title="Link to Remove .DS_Store from ZIP Files">Remove .DS_Store from ZIP Files</a></h2> - <span class="post-date">Published Jan 24, 2015</span> - <p>At work this week, I had to download a bunch of compressed XML files, delete some duplicate files contained therein, recompress the files, and then reupload them to a server. The problem, however, is that whenever I tried to upload the files, I got a strange server error. After some trial and error, and some deep examination, I found that the hidden file “.DS_Store” was causing the server error issue. When I removed the hidden “.DS_Store” file, I had no more issues.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/" rel="bookmark" title="Link to Static Site (Database Free) Contact Form">Static Site (Database Free) Contact Form</a></h2> - <span class="post-date">Published Jan 19, 2015</span> - <p>Although my site is always a work in progress, (I’ve still got plenty of things I need to do on it), I feel like it’s in the final stages. Recently, I was trying to add the finishing touches by implementing a contact form. Mostly, to combat spam. I didn’t want to throw my direct e-mail address out there, because that’s just asking for an inbox full of viagra ads. The thing that I wanted to completely avoid was having any server-side (PHP) scripting, or databases.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/">Continue reading ↦</a> - <hr class="divider"> - </article> - - - - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/" rel="bookmark" title="Link to 5 Things to Stop Doing in 2015">5 Things to Stop Doing in 2015</a></h2> - <span class="post-date">Published Jan 2, 2015</span> - <p>It seems that a year has ended, and new year resolutions are all on the rage again. Yeah, there’s those typical ones such as joining a gym and getting in shape (although, I really think I might do it this year), etc. Here are five things I’d like to quit doing this year. 1. Quit checking my Instagram likes Yeah, it’s stupid, but really. I mean it. We all do it.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/">Continue reading ↦</a> + <h2 class="post-title"><a href="http://localhost:1313/post/introducing-allegiant-a-hugo-theme/" rel="bookmark" title="Link to Introducing Allegiant -- A Hugo Theme">Introducing Allegiant -- A Hugo Theme</a></h2> + <span class="post-date">Published Nov 21, 2015</span> + <p>So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too. Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick.</p> + <a class="moretag" href="http://localhost:1313/post/introducing-allegiant-a-hugo-theme/">Continue reading ↦</a> <hr class="divider"> </article> <nav id="nav-below" class="navigation" role="navigation"> -<div class="older"> - <a href="http://localhost:1313/brycematheson.io/page/2/">« Older Posts</a> - </div> + <div class="clearfix"></div> - <div class="pagination">Page 1 of 3</div> + <div class="pagination">Page 1 of 1</div> </nav> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -200,5 +107,7 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html> diff --git a/public/index.xml b/public/index.xml index 02eb018..55eca1d 100644 --- a/public/index.xml +++ b/public/index.xml @@ -2,926 +2,91 @@ <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> <title>Allegiant</title> - <link>http://localhost:1313/brycematheson.io/</link> + <link>http://localhost:1313/</link> <description>Recent content on Allegiant</description> <generator>Hugo -- gohugo.io</generator> <language>en-us</language> <copyright>&copy; Allegiant. All Rights Reserved.</copyright> - <lastBuildDate>Sun, 15 Nov 2015 18:50:20 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/brycematheson.io/index.xml" rel="self" type="application/rss+xml" /> + <lastBuildDate>Sun, 22 Nov 2015 10:54:54 -0700</lastBuildDate> + <atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" /> <item> - <title>MathesonDigital Wordpress Theme</title> - <link>http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/</link> - <pubDate>Sun, 15 Nov 2015 18:50:20 -0700</pubDate> + <title>Allegiant Features</title> + <link>http://localhost:1313/post/features/</link> + <pubDate>Sun, 22 Nov 2015 10:54:54 -0700</pubDate> - <guid>http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/</guid> - <description><p>So I made a WordPress Theme.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/mathesondigital-wordpress.png" alt="MathesonDigital Wordpress Theme" /></p> - -<p>Why? Because I&rsquo;m sick of everything else on the internet. And that&rsquo;s not to say that there aren&rsquo;t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don&rsquo;t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that&rsquo;s about it. No frills, no fuss, no crazy configuration options, nothing.</p> - -<p>So many of you might be asking then, &#8220;Bryce, why not just use a static site generator for your blog?&#8221; Good question. Been there, done that. And it was fine. I&rsquo;m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn&rsquo;t even care about that. You&rsquo;ll notice that on this site, I&rsquo;ve completely omitted the comment system.</p> - -<p>But the main reason I ditched the static site generator were the painfully slow load times. My blog used to showcase a lot of my photography, and so I probably had around 50 posts total overall, most of which were photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I&rsquo;m one of those &#8220;code-and-check-and-code-and-check-some-more&#8221; type people. I don&rsquo;t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> - -<p>Another thing that I really missed also, was the ability to update the blog from anywhere I wanted. All of my static files were on my laptop at home, making it extremely difficult to access. Yeah, people mention options like Dropbox or whatever, but that&rsquo;s just a hassle. WordPress works great for what I need, and because I don&rsquo;t jam-pack my sites full of crappy third-party plugins, it works reasonably well.</p> - -<p>If you like what you see, you&rsquo;re free to use it. You can <a href="https://github.com/brycematheson/mathesondigital-wordpress" target="_blank">head over to my GitHub and grab it off of there</a>. As I mention in the Readme, I didn&rsquo;t really design the theme to be &#8220;user-friendly&#8221;, however. There&rsquo;s no admin panel, there&rsquo;s no fancy color changing options, blech. No, none of that. If I were designing this theme for mass use, or planning on selling it, of course I would have incorporated those features. But I just made it for my purposes, therefore any changes that you&rsquo;ll want to make (aside from small menu adjustments, adding things to the footer, and adding banner images) will have to be done via code. But that should be the ultimate goal anyway, shouldn&rsquo;t it?</p> - -<p>It&rsquo;s decently fast. And it&rsquo;s responsive, too. Google Page Insights only ranks me a <sup>65</sup>&frasl;<sub>100</sub>, which I think is a bit of bull, but maybe I&rsquo;ll take the time to go back and fix it at some point. I&rsquo;ve been working on this project all weekend, and to be honest, I&rsquo;m pretty sick of it and just ready to be done.</p> - -<p>So anyway, enough rambling. Here&rsquo;s a cool theme if you want to use it.</p> -</description> - </item> - - <item> - <title>Moral Sensitivity</title> - <link>http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/</link> - <pubDate>Tue, 15 Sep 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/</guid> - <description><p>This has absolutely nothing to do with technology, but it&rsquo;s my blog, so I can do what I want.</p> - -<p>This past Memorial Day weekend, I had the most incredible chance to visit Yellowstone National Park. I’m embarrassed to say that I’ve lived less than two hours away from one of the largest National Parks in the United States for more than three years, and I’ve never made the trip. Once the weather warmed up, and we had a chance to get away for a full day, we gassed up the car, filled the coolers, and headed north.</p> - -<p>As we entered into the park, the beauty was simply overwhelming. Lakes surrounded you as you drove, and the valleys appeared to roll on forever. Wildlife walked right up to your car, so close you could pet them. Waterfalls, thermal pools with rich colors, caves, geysers; every little detail was remarkable to look at, down to the very last tree or blade of grass.</p> - -<p>However, as the day came to a close, I noticed something that I had not anticipated. I felt as if I was becoming more and more desensitized to the beauty that was around me. As we would arrive at a new location, we would get out, walk around, and in essence say, “Oh, look. Another waterfall. Okay! Everyone back in the car. Let’s go!” Driving down the road, we would pass a pasture with hundreds of bison, and barely bother to turn our heads. How could I have become so numb to God’s beautiful creations in only 8 short hours?</p> - -<p>Each and every generation faces new challenges and new problems. I believe the biggest difference between my generation, and previous generations is our moral sensitivity. Or should I say, the lack thereof?</p> - -<p>Talk to any elderly person, and they will have a myriad of stories to tell you about the “good ol’ days.” Cars weren’t made from plastic, the streets were safe after dark, gas was fifty cents a gallon, and people still had manners. Fast-forward fifty years in the future, and it’s not hard to see that our society has declined to moral numbness.</p> - -<p>Miley Cyrus is seen half-naked “twerking” on television, children having children, music artists ‘singing’ violent lyrics, and the media distorting everyone’s definition of “beauty.” Can we go back? Can we rewind to a time when people were responsible, integrious, and had a work ethic?</p> - -<p>When did it all begin? When did our culture as a whole say, “That’s it. We don’t care anymore,” and throw their hands in the air in disgust? It’s fairly easy to see that all of this didn’t happen overnight, but similar to my experience in Yellowstone, where did I begin to lose sight of what was around me? How do we train ourselves to view an oncoming social train wreck, and do something about it?</p> - -<p>The answer is to simply take a break. If we become so engrossed in something for long, those things soon lose their importance. “You never know what you have until you lose it,” a common idiom. I think we should change that to say, “You always know what you have, you just never think you’d lose it.” Here’s to taking a stand for what’s right, and clinging onto what little we still have of that moral compass. And it all starts with one.</p> -</description> - </item> - - <item> - <title>Windows 10: First Impressions</title> - <link>http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/</link> - <pubDate>Fri, 31 Jul 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/</guid> - <description><p>Windows 10 launched yesterday, and so being my naturally-curious self on all the latest and greatest in the tech world, I gave it a go. I got an ISO and started it up in VM Fusion on my Mac. This won&rsquo;t be an in-depth review on all the latest features and all that jazz. There are plenty of Tech Blogs out there that can perform a <a href="http://www.cnet.com/products/microsoft-windows-10/" target="_blank">better review</a> than I ever could. Besides, I&rsquo;m lazy and don&rsquo;t feel all that interested in doing so, anyway.</p> - -<p>On first boot-up, the very first thing that I said to myself was, &#8220;Wow, this feels dark.&#8221; It doesn&rsquo;t really feel like a warm, inviting welcome like Windows 7 or Windows 8.1 felt. The default background is a dark, deep blue (which can be changed, obviously), and the taskbar is straight black, without any nifty aero effects or transparency. It just seems very cold to me, something that you might see on a Batman movie. It might be something small and subtle that only I care about, but I feel like having brighter colors make things less intimidating. It almost has a Unix feel. I know that everything these days is turning towards a more flat UI, but what happened to Aero glass? I personally miss that transparent touch on the taskbar and open windows.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-1.png" alt="Windows 10 First Impressions" /></p> - -<p>Also, I feel that the default icon set is absolutely disgusting. &#8220;This PC&#8221; and &#8220;Recycle Bin&#8221; look like something from Windows 95. Not a fan.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-2.png" alt="Windows 10 First Impressions" /></p> - -<p>The next thing I couldn&rsquo;t help but notice was that there were many features that seemed very &#8220;Mac&#8221;-esque. Virtual desktops, a notification panel that slides in from the right side of the screen, and a dedicated button to display all open applications as small panels (similar to how Expose/Mission Control does things). It seems like a poorly done copy cat of some of the features that I love most about OS X. Also, smaller pop-up messages slide in from the right side of the screen whenever new updates have been installed, or when Windows deems itself worthy to let you know that something has changed. Rather than informing you in the top-right corner like on a Mac, Microsoft has discretely moved these notifications to the bottom-right hand corner of the screen, as not to look too much like OS X.</p> - -<p>Generally, after installing a brand new Windows OS, the first thing I tend to do is head over to Windows Update to install drivers. It&rsquo;s kind of ironic, because everything listed under &#8220;Important Updates&#8221;, I uncheck, and everything listed under &#8220;Recommended Updates&#8221; are usually checked. I only select the specific hardware drivers that I&rsquo;m looking for, and those are most often listed under &#8220;Recommended.&#8221; Shoot me for saying this (especially because my daily job is as a Windows Systems Administrator), but I&rsquo;ve never really felt that Windows Updates have helped the security/stability/functionality of a Windows environment, and if anything, have had detrimental effects as far as performance goes. Most often, I decide to change the update settings to &#8220;Never install&#8221;. When I feel I need a specific update, I have enough technical know-how to manually select what I want. In Windows 10, only two options are listed now: &#8220;Automatic&#8221; and &#8220;Notify to schedule restart.&#8221; Sorry, Microsoft, but I like to have a little more control over update settings than that. For novice users, this might be a welcome feature, but I dislike it.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-3.png" alt="Windows 10 First Impressions" /></p> - -<p>Another simple thing that I like to do on any new Windows installation is throw &#8220;Computer&#8221; on the desktop for easy access to the file system. &#8220;Computer&#8221; has been renamed to &#8220;This PC&#8221; in Windows 10 (I&rsquo;m coming from Windows 7, so I don&rsquo;t remember if this was changed previously in 8.1 or not). Normally, I can simply write-click on &#8220;Computer&#8221; and choose &#8220;Show on Desktop&#8221; to have it placed conveniently for me. All mentions of this have been removed. It&rsquo;s small and stupid, but I really appreciated having that in a context menu. Now, you have to go into &#8220;Personalize&#8221; and then &#8220;Themes&#8221; and then &#8220;Desktop Icon Settings&#8221; &#8212; an unnecessary number of steps, in my opinion. I know that the &#8220;Windows + E&#8221; shortcut is available to open the file explorer, but still.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-4.png" alt="Windows 10 First Impressions" /></p> - -<p>I&rsquo;m sure (and hoping) that it&rsquo;s only because I&rsquo;m running the OS as a Virtual Machine, and the drivers just aren&rsquo;t quite there yet for Mac, but I just couldn&rsquo;t help but feel that everything that I did had a bit of latency. Clicks weren&rsquo;t as snappy as I would have liked. There seemed to be a delay on just about everything I tried to do. Everything from clicking on the Start menu, to loading basic applications like Notepad. Mind you, that this is all running on a laptop with an SSD also. Windows 7 never seemed to have any sort of lag. It&rsquo;s also very possible that because Windows 10 is 6 years newer than Windows 7, it requires more System Resources than any of its older siblings. It seemed the same to me, though. On a blank desktop, with no active applications, RAM usage was 0.7GB, although CPU utilization seemed a bit high for doing absolutely nothing.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-5.png" alt="Windows 10 First Impressions" /></p> - -<p>Everything thus-far has been negative &#8212; So is there anything about Windows 10 that I <em>do</em> like? The new start menu. It&rsquo;s wonderful. It&rsquo;s as if Windows 7 and Windows 8 got together and had a baby. This is how the start menu in Windows 8 <em>should</em> have been. I welcome the live tiles that automatically update. It gives me quick access to weather and sports at a glance, rather than having to open a full-blown web page.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-6.png" alt="Windows 10 First Impressions" /></p> - -<p>And speaking of Web pages, I&rsquo;ve really enjoyed using Edge so far, the new browser to replace Internet Explorer. It&rsquo;s not as different as I had expected, and still has subtle UI designs from IE 11, but it appears that it will do a much better job at rendering some of the latest HTML5/CSS3 properties that were almost completely missing previously.</p> - -<p>Overall, I&rsquo;m not super impressed. I&rsquo;m sure it will get better as I use it more and discover where things have been moved to. Most new released from Microsoft are a bit buggy anyway, right out the door. As service packages are released and more user data is sent to Microsoft, thats bound to improve. It is much less intimidating than Windows 8.1 was, that&rsquo;s for sure. I still can&rsquo;t help but notice that everything is geared more and more towards tablet use, though. Microsoft has done a great job at making the OS fairly fluid for use on a standard desktop computer or a device with touch capability. I&rsquo;m not ready to jump on that bandwagon yet, though. I haven&rsquo;t been very impressed with many of the Windows tablets.</p> - -<p>I&rsquo;m a hater. Sue me.</p> -</description> - </item> - - <item> - <title>Hindsight</title> - <link>http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/</link> - <pubDate>Wed, 15 Jul 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/</guid> - <description><p>David Walsh, a popular Web Development blogger I follow, <a href="http://davidwalsh.name/impostor-syndrome" target="_blank">wrote a post a few months ago about the &#8220;Imposter Syndrome,&#8221;</a> a common feeling that many developers have going into a new job, or even in their current position; a feeling of inadequacy or fear that someone is going to discover them as a &#8220;fake,&#8221; simply pretending to be competent in their field. As I was reading through his comments, I couldn&rsquo;t help but relate.</p> - -<p>Although I&rsquo;ve felt that all-too-often (especially now &#8212; I start a new job in a week), I couldn&rsquo;t help but look back with hindsight and feel fairly accomplished as to how far I&rsquo;ve come in the past few years.</p> - -<p>As some of you may know, <a href="http://mormon.org" target="_blank">I&rsquo;m a Mormon</a> (Latter-day Saint). When men of our congregation hit the ripe old age of 18-19, we&rsquo;re expected to head out on a 2-year Missionary trip, teaching others and sharing our faith. During that time, we&rsquo;re expected to set aside all personal endeavors to fully focus on sharing the Gospel and help others. Technology has always been a love of mine. It&rsquo;s been more than just a hobby. Putting all of my technical interests on hold proved really difficult for me.</p> - -<p>Upon returning home after those two years, I jumped head first into my technical degree. I felt *so* inadequate about all of things that I didn&rsquo;t know, and especially outdated by all the latest technologies that had emerged in a rapidly-changing field.</p> - -<p>Where I stand currently, I understand that there&rsquo;s a plethora of information in front of me to learn. But it&rsquo;s fun to look back and actually see how I&rsquo;ve progressed.</p> - -<p>It makes me laugh (and slightly embarrassed) to think that I used to build websites, and I never used a single <code>class=</code> statement, because my HTML documents consisted entirely of <code>id=</code> tags.</p> - -<p>I can&rsquo;t believe that I used to have absolutely no comprehension of what a &#8220;backend&#8221; was, and how server-side scripting and databases interacted to create full-fledged web applications. I was a sophomore in High School when I first heard the acronym &#8220;SQL,&#8221; but it wouldn&rsquo;t be years until I even built my first query or understood what SQL was.</p> - -<p>I remember the first time I learned how to insert PHP into my HTML code. My teacher wrote the following code on the board, and it just looked like greek to me. Not only did I not understand what it did, I couldn&rsquo;t even begin to wrap my head around how it worked.</p> - -<pre><code class="language-php">&lt;?php include $_SERVER['DOCUMENT_ROOT'].&quot;/views/somefile.php&quot;;?&gt; -</code></pre> - -<p>I could go on forever. Anyway, the point to all of this, is simply to tell myself that I have progressed, and I have learned. Keep it up. Five years from now, you&rsquo;ll look back at yourself again and think about how much farther you&rsquo;ve come.</p> -</description> - </item> - - <item> - <title>VMware Disk Extend Powershell Script</title> - <link>http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/</link> - <pubDate>Wed, 03 Jun 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/</guid> - <description><p>About a month ago, I began working at Intermountain Healthcare, here in Utah, as a Systems Administrator. We have a bunch of monitoring software, one of which is called &#8220;Spectrum&#8221;. It searches for hardware errors or any other faults and then reports them to us. One of the most common reports that we find is that &#8220;C: 90% usage&#8221;, or something similar. Because the majority of the servers that we run are virtual, with a thin disk setup, they have relatively small drives (some starting as small as 25GB). As applications are installed or the demands of the business unit increase, we find that these drives fill up rather quickly. Currently, the process to extend these drives is to log into vConsole (vSphere Client), find the drive, edit the settings, provision additional disk space, remote into the virtual machine, open diskpart.exe, rescan the drive, and then extend it.</p> - -<p>Now, that&rsquo;s fine if you only have a couple of drives to extend each day. But with nearly 3500 servers that we&rsquo;re in charge of, we get quite a few, and it becomes rather monotonous. Hence, I began playing with powershell and wrote a simple script that both provisions additional disk space for you, as well as extends the drive in the Guest Operating System.</p> - -<p>The following script requires the VMWare PowerCLI. I prefer to use the PowerCLI, but you can also use the Snap-in and run it from Powershell directly. This has been tested to work on Windows Server 2003, 2008, and 2012. Because Windows 2003 doesn&rsquo;t have the capability to extend a virtual disk from the OS natively, we use Dell&rsquo;s 3rd party software &#8220;extpart.exe&#8221; (extend partition).</p> - -<p>You&rsquo;ll have to modify the script below to your needs by adding the VM host servers you want to connect to (indicated by &#8220;server1&#8221;, etc), as well as change the locations below for where to check for extpart.exe, as well as where to copy the program should it be found missing.</p> - -<p>Cheers!</p> - -<pre><code class="language-powershell">#Import the PowerCLI module -#Add-PSSnapin VMware.VimAutomation.Core -Set-PowerCLIConfiguration -DisplayDeprecationWarnings $false -InvalidCertificateAction Ignore -Confirm:$false - -function getDisk { - $disk = Read-Host &quot;Which disk would you like to extend (i.e., '1')?&quot; - Return $disk -} - -function getDiskSize { - $diskSize = Read-Host &quot;Enter new (total) drive size (in GB)?&quot; - Return $diskSize -} - -function setVMSize($vm, $disk, $diskSize) { - Get-HardDisk -vm $vm | where {$_.Name -eq &quot;$disk&quot;} | Set-HardDisk -CapacityGB $diskSize -ResizeGuestPartition -confirm:$false -ErrorAction:SilentlyContinue -} - -# Connect to vConsole servers -$authenticated = $false; -while (-not $authenticated) { - Try { - Connect-VIServer -Server server1,server2,server3 -ErrorAction Stop | Select-Object -Property Name,IsConnected - $authenticated = $true - } - Catch { - Write-Host &quot;Invalid username or password.&quot; -foreground &quot;red&quot; - } -} - -# Check to make sure that the user inputs a valid VM -$validVM = $false -while (-not $validVM) { - $vm = Read-Host &quot;Enter VM name&quot; - Try { - Get-VM -Name $vm | Select-Object -Property Name - $validVM = $true - } - Catch { - Write-Host &quot;Invalid VM name. Try again.&quot; -foreground &quot;red&quot; - } -} - -# Get drive letter mappings and store them in the $diskArray array. Data from this -# array can be accessed like so: $diskArray[0].DiskName, or .DriveLetter, or .DiskSize -$diskArray = @() - -if ($vm) { - $VmView = Get-View -ViewType VirtualMachine -Filter @{&quot;Name&quot; = $vm} - foreach ($VirtualSCSIController in ($VMView.Config.Hardware.Device | where {$_.DeviceInfo.Label -match &quot;SCSI Controller&quot;})) { - foreach ($VirtualDiskDevice in ($VMView.Config.Hardware.Device | where {$_.ControllerKey -eq $VirtualSCSIController.Key})) { - $VirtualDisk = &quot;&quot; | Select DiskName, DiskSize, DriveLetter - $VirtualDisk.DiskName = $VirtualDiskDevice.DeviceInfo.Label - $VirtualDisk.DiskSize = $VirtualDiskDevice.CapacityInKB * 1KB / 1GB - - $LogicalDisks = @() - # Look up path for this disk using WMI. - $thisVirtualDisk = get-wmiobject -class &quot;Win32_DiskDrive&quot; -namespace &quot;root\CIMV2&quot; -computername $vm | where {$_.SCSIBus -eq $VirtualSCSIController.BusNumber -and $_.SCSITargetID -eq $VirtualDiskDevice.UnitNumber} - # Look up partition using WMI. - $Disk2Part = Get-WmiObject Win32_DiskDriveToDiskPartition -computername $vm | Where {$_.Antecedent -eq $thisVirtualDisk.__Path} - foreach ($thisPartition in $Disk2Part) { - #Look up logical drives for that partition using WMI. - $Part2Log = Get-WmiObject -Class Win32_LogicalDiskToPartition -computername $vm | Where {$_.Antecedent -eq $thisPartition.Dependent} - foreach ($thisLogical in $Part2Log) { - if ($thisLogical.Dependent -match &quot;[A-Z]:&quot;) { - $LogicalDisks += $matches[0] - } - } - } - $VirtualDisk.DriveLetter = $LogicalDisks - $diskArray += $VirtualDisk - Write-Output $VirtualDisk - } - } -} - -# Check which OS version -- If Server 2003, run extpart. Run diskpart for all others. -If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { - $disk = getDisk - $diskSize = getDiskSize - setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize - # If extpart exists, do nothing. Otherwise, copy to C:\UTILS folder on VM. - if (Test-Path &quot;\\$vm\c$\UTILS\extpart.exe&quot;){ - # do nothing - } else { - Copy-Item -Path &quot;S:\SA\PostInstallDoNotModify\Installs\UTILS\extpart.exe&quot; -Destination &quot;\\$vm\c$\UTILS&quot; - Write-Host &quot;Successfully copied 'extpart.exe' to UTILS folder.&quot; -foreground &quot;green&quot; - } - $driveLetter = $diskArray[$disk - 1].DriveLetter - $sizeInMB = ((($diskSize)-($diskArray[$disk - 1].DiskSize))*1024) - $script = &quot;C:\UTILS\extpart.exe $driveLetter $sizeInMB&quot; - Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT -} else { - $disk = getDisk - $diskSize = getDiskSize - $driveLetter = $diskArray[$disk - 1].DriveLetter - setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize - $script = &quot;echo select volume = $driveLetter &gt; c:\diskpart.txt &amp;&amp; echo rescan &gt;&gt; c:\diskpart.txt &amp;&amp; echo extend &gt;&gt; c:\diskpart.txt &amp;&amp; diskpart.exe /s c:\diskpart.txt&quot; - Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT -} -</code></pre> -</description> - </item> - - <item> - <title>Command Line Essentials</title> - <link>http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/</link> - <pubDate>Fri, 20 Feb 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/</guid> + <guid>http://localhost:1313/post/features/</guid> <description> -<p>It wasn&rsquo;t too long ago that I was terrified of the terminal. It&rsquo;s pretty daunting to be staring at a blank screen with a blinking cursor taunting you. Want to know something? It&rsquo;s not as scary as you might think. It would take years to master the command line, so don&rsquo;t expect to know everything all at once. Everyday, try and find little ways to slowly blend the terminal with basic tasks. Slowly, you&rsquo;ll find that it makes a lot of things easier.</p> - -<h2 id="terminology:9b1b4563a184a5dc550b880f1d4829c3">Terminology</h2> - -<p>You may have heard words such as &#8220;terminal&#8221;, &#8220;command line&#8221;, &#8220;shell&#8221;, &#8220;bash&#8221;, etc. There are slight differences, but generally, they all refer to the same thing.</p> - -<h2 id="terminal-vs-iterm:9b1b4563a184a5dc550b880f1d4829c3">Terminal vs iTerm</h2> - -<p>&#8216;iTerm&rsquo; is a terminal replacement. It&rsquo;s simply a program that adds some features for developers and advanced users such as split panes, paste history, and a plethora of others. If you don&rsquo;t need any of these, you can use the basic terminal just as well. If you&rsquo;re looking for additional functionality, this might be worth looking into.</p> - -<p>Honestly, I tried iTerm and didn&rsquo;t care too much for it. I prefer <a href="http://totalterminal.binaryage.com/" target="_blank">TotalTerminal</a>. I don&rsquo;t have a bunch of needs for extra fancy features, but one thing I do love is the &#8220;visor&#8221; functionality. From anywhere on my computer, I can have a terminal window slide down from the top of my screen, simply by pressing a keyboard shortcut. This is much easier than navigating to Finder, then Applications, then Utilities, then Terminal. Or even faster than searching for it through Spotlight. Many people use the standard <span class="smallcode">Command/Ctrl + ~</span> shortcut, but I&rsquo;ve customized mine to <span class="smallcode">Control + Control</span>.</p> - -<p>Another nifty feature is being able to have multiple terminal windows running different processes. I generally have a Jekyll or Grunt server running in one window, and then I use the other window for navigating through folders or committing changes on Git. It works similar to using tabs in Chrome or any other browser.</p> - -<h2 id="basic-commands:9b1b4563a184a5dc550b880f1d4829c3">Basic Commands</h2> - -<p>Let&rsquo;s get started. Go ahead and open up a terminal window and play with the following commands. Each command should be entered on a single line, and then followed by the <span class="smallcode">[return/enter]</span> key.</p> - -<p><span class="smallcode">pwd</span> &#8211; stands for &#8220;print working directory&#8221;. It lists the folder that you&rsquo;re currently in (i.e. /Users/yourusername/Documents)</p> - -<p><span class="smallcode">cd</span> &#8211; stands for &#8220;change directory&#8221;. This lets you move in and out of folders. For example, if you&rsquo;re in the &#8220;Documents&#8221; directory and want to move to another directory underneath named &#8220;School&#8221;, you would type <span class="smallcode">cd School</span>.</p> - -<p><span class="smallcode">cd ..</span> &#8211; Move &#8220;back&#8221; or &#8220;up&#8221; a folder. In our previous example, this would move you out of the &#8220;School&#8221; directory and back into the &#8220;Documents&#8221; folder.</p> - -<p><span class="smallcode">cd ~</span> &#8211; Takes you back to your home directory. Let&rsquo;s say you&rsquo;re deep in a folder structure (i.e. /Users/yourusername/Documents/School/Senior/Thesis). Rather than having to type <span class="smallcode">cd ..</span> a billion times, you could type <span class="smallcode">cd ~</span> to take you back to &#8220;/Users/yourusername&#8221;.</p> - -<p><span class="smallcode">open .</span> &#8211; Opens the current working directory in finder. I use this one ALL the time and love it.</p> - -<p><span class="smallcode">clear</span> &#8211; Clears the screen of all text. Sometimes the output of all previous commands can make me claustrophobic. This gives me a fresh, blank screen.</p> - -<p><span class="smallcode">rm [filename]</span> &#8211; Deletes a file.</p> - -<p><span class="smallcode">mkdir [directoryname]</span> &#8211; Stands for &#8220;make directory&#8221;. Creates a new folder.</p> - -<p><span class="smallcode">ls</span> &#8211; Stands for &#8220;list&#8221;. Shows a listing of all the files/folders in a directory. Often, I find myself adding an <span class="smallcode">-al</span> flag. <span class="smallcode">-a</span> shows &#8220;all files&#8221; (hidden files included), and <span class="smallcode">-l</span> shows a long listing of files, rather than in a three-column short listing. This to me, is easier to read. You can combine the two flags together with the ls command by typing <span class="smallcode">ls -al</span>.</p> - -<p><span class="smallcode">sudo [command]</span> &#8211; Stands for &#8220;super user do&#8221;. Sometimes you need elevated privileges to run a certain command. Typing <span class="smallcode">sudo</span> before the command will prompt for your password, and will then run the command. Be careful when using this command. If you don&rsquo;t know what you&rsquo;re doing, you can make some unwanted changes. If at all possible, run the command first <em>without</em> sudo, and only add it in if needed.</p> - -<p><span class="smallcode">control + c</span> &#8211; Cancels a current process. For example, if you&rsquo;re running a script, you can kill (cancel) it.</p> - -<p><span class="smallcode">[Up arrow]</span> &#8211; You can see a list of all the previous commands you&rsquo;ve entered by pressing the up arrow key. This saves time rather than having to type in a command over and over again.</p> - -<p><span class="smallcode">[tab]</span> &#8211; Autocomplete. Let&rsquo;s say I have a long folder name such &#8220;Discertation&#8221;. Start typing the first few letters of the file/folder to distinguish it from other files, and then press the &#8220;tab&#8221; key. It will autocomplete the filename for you.</p> - -<h2 id="give-it-a-try:9b1b4563a184a5dc550b880f1d4829c3">Give it a try!</h2> - -<p>Well, there are a few commands to get you started and make you just dangerous enough. Practice makes perfect! I use most all of these commands on a daily basis, but there are thousands of additional commands that you can learn. Baby steps.</p> - -<h2 id="comments:9b1b4563a184a5dc550b880f1d4829c3">Comments</h2> - -<p>Did I miss any of your favorites? Let me know, and I&rsquo;ll list them here.</p> -</description> - </item> - - <item> - <title>I love to Grunt and Gulp</title> - <link>http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/</link> - <pubDate>Sat, 14 Feb 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/</guid> - <description><p>(Happy Valentine&rsquo;s Day, ya&rsquo;ll. Get off the computer and go buy something nice for your woman.)</p> - -<p>Sometimes I like to pretend that I know stuff, when I really don&rsquo;t. Gulp is one of those things. :)</p> - -<p>I need to get better at finding solutions to a lot of the repetitive tasks that I do on a daily basis. Up until now, let&rsquo;s say I was about to push some production code to the web. Of course I needed to minify the CSS first. So I would copy the code, hit up <a href="http://cssminifier.com/" target="_blank">CSS Minifier</a>, paste the code back into my CSS file, and then rename the file, <code>styles.min.css</code>. This wouldn&rsquo;t be that big of an issue if I only did it once upon completion of a site. But it never really worked out that way. I&rsquo;d forget to change a specific style last minute, and then I&rsquo;d have to copy all of my code into CSS Minifier and do it all again.</p> - -<p>Wouldn&rsquo;t it be great if there were a service that did all of this for you, automatically? You&rsquo;re in luck! They&rsquo;re called &#8220;Task Runners&#8221;. I&rsquo;m going to be focusing on &#8220;Gulp&#8221;, which is a JavaScript task runner, built off of Node.js.</p> - -<p>Now, to many of you, you&rsquo;ve probably been using a task runner of some sort for years. For a long time, Grunt has been the big name in the game. Not too long ago, Gulp emerged and has been hogging the spotlight. It&rsquo;s not only faster at rendering, but it also has an easier-to-read syntax.</p> - -<p>Now, I&rsquo;m too lazy to reinvent the wheel and write a tutorial on how to install and run gulp. <a href="http://travismaynard.com/writing/getting-started-with-gulp" target="_blank">This guy</a> does a much better job than I could do, anyway.</p> - -<p>But I did at least want to post my gulpfile and say how freaking awesome it is. By simply running the <code>gulp</code> command, in less than second, I can minify my CSS, JS, and HTML, concatenate multiple files into one, rename them automatically, add in browser prefixes, and then reload the browser window. In less than a second. Boom. Pretty nifty, huh? Additionally, my gulpfile will watch for any changes to those files, and rerun all of those tanks without me doing anything. Dope.</p> +<h1 id="allegiant-a-kick-ass-hugo-theme:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Allegiant &ndash; A kick-ass Hugo theme</h1> -<pre><code class="language-js">var gulp = require('gulp'); +<p>Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the &ldquo;Featured Image&rdquo; section in the post header data.</p> -/********************************************** -****************** Modules ******************** -***********************************************/ -var sass = require('gulp-ruby-sass'); //Compiles SASS -var autoprefix = require('gulp-autoprefixer'); //Automatically throws in browser prefixes -var minifycss = require('gulp-minify-css'); //Minifies CSS -var rename = require(&quot;gulp-rename&quot;); //Renames files to .min after minifying -var minifyhtml = require('gulp-minify-html'); //Minifies the HTML -var concat = require('gulp-concat'); //Concatenates all source files into one file -var uglify = require('gulp-uglify'); //Removes whitespaces from JavaScript -var imagemin = require('gulp-imagemin'); //Compresses images -var livereload = require('gulp-livereload'); //Live reload -var plumber = require('gulp-plumber'); //Error handling +<h1 id="custom-config:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Custom Config</h1> -/********************************************** -****************** Functions ******************** -***********************************************/ +<p>It&rsquo;s got custom data you can edit in the config.toml file too. Here&rsquo;s a sample:</p> -// css auto-prefix, minify, and rename -gulp.task('styles', function() { - return sass('src/styles/', {style:'expanded'}).on('error', function(handleError){ console.log('Error: There\'s a problem with your SASS, stupid. Fix that shiz.'); }) - .pipe(autoprefix('last 2 versions')) - .pipe(minifycss()) - .pipe(rename({suffix:'.min'})) - .pipe(gulp.dest('build/styles/')) - .pipe(livereload()); -}); +<pre><code class="language-toml">baseurl = &quot;yoursitehere.com&quot; +languageCode = &quot;en-us&quot; +title = &quot;Allegiant&quot; +copyright = &quot;&amp;copy; Allegiant. All Rights Reserved.&quot; # Copyright notice. This will be displayed in the footer. +canonifyurls = true -// minify new images -gulp.task('imagemin', function() { - gulp.src('src/images/*.jpg').on('error', function(handleError){ console.log('Error: There\'s a problem with your images, stupid. Fix that shiz.'); }) - .pipe(imagemin()) - .pipe(gulp.dest('build/images/')); -}); - -// minify new or changed HTML pages -gulp.task('html', function() { - gulp.src('src/*.html') - .pipe(minifyhtml()) - .pipe(gulp.dest('build/')) - .pipe(livereload()); -}); - -// JS concat, strip debugging and minify -gulp.task('scripts', function() { - gulp.src('src/scripts/*.js') - .pipe(concat('script.js')) - .pipe(uglify()) - .pipe(rename({suffix:'.min'})) - .pipe(gulp.dest('build/scripts/')) - .pipe(livereload()); -}); - -/********************************************** -************ Watch &amp; Build Tasks ************** -***********************************************/ -gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { - // watch for CSS changes &amp; minify - gulp.watch('./src/styles/*.scss', function() { - livereload.listen(); - gulp.run('styles'); - }); - - // watch for html &amp;amp; minify - gulp.watch('./src/*.html', function() { - livereload.listen(); - gulp.run('html'); - }); - - // watch for JS changes - gulp.watch('./src/scripts/*.js', function() { - livereload.listen(); - gulp.run('scripts'); - }); - - // watch for new images - gulp.watch('./src/images/*.jpg', function() { - gulp.run('imagemin'); - }); -}); +[params] + ga_api_key = &quot;Your Google Analytics tracking id&quot; # Google Analytics API key. + avatar = &quot;../../img/avatar.jpg&quot; # Image should be square, and roughly 150px x 150px + bio = &quot;Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.&quot; + github = &quot;http://github.com/username&quot; + twitter = &quot;https://twitter.com/username&quot; + linkedin = &quot;https://www.linkedin.com/in/username&quot; + footer_1 = &quot;Some text here.&quot; + footer_2 = &quot;Some different text here.&quot; + footer_3 = &quot;Even more different text here.&quot; </code></pre> -<p>This isn&rsquo;t even the tip of the iceberg. There are hundreds of gulp plugins, and I have yet to play with the majority of them. But these seem to be the most basic/common plugins, and so far, they&rsquo;ve proved invaluable.</p> -</description> - </item> - - <item> - <title>Remove .DS_Store from ZIP Files</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/</link> - <pubDate>Sat, 24 Jan 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/</guid> - <description><p>At work this week, I had to download a bunch of compressed XML files, delete some duplicate files contained therein, recompress the files, and then reupload them to a server. The problem, however, is that whenever I tried to upload the files, I got a strange server error. After some trial and error, and some deep examination, I found that the hidden file &#8220;.DS_Store&#8221; was causing the server error issue. When I removed the hidden &#8220;.DS_Store&#8221; file, I had no more issues.</p> - -<p>If you&rsquo;re a Mac user, you&rsquo;ve undoubtedly noticed these strange files that seem to creep into every directory. They&rsquo;ve plagued the operating system for years, and there&rsquo;s still not a super great solution for removing them. And the files don&rsquo;t just stay on your machine. Ever plugged in a USB flash drive to take over to a Windows machine? These obnoxious files have most certainly hopped on for a ride. They&rsquo;re nothing more than metadata (data about data), but they&rsquo;ve never been an issue for me until now.</p> - -<p>So I navigated through the compressed folders again, deleted the hidden files, and then thought I was set. Upon recompressing the files once more and trying to upload them, I was still presented with the same error. Guess what happened when the folders were compressed again? Yep. The infamous .DS_Store file had once again shown up.</p> - -<p>So how do you remove these files in a compressed directory? Unzipping the files to remove them doesn&rsquo;t work, as they&rsquo;ll just show up again as soon as you re-zip the file. Well, I&rsquo;ve had to resort to the command line. Using the following command in the terminal, I was successfully able to remove the annoyance quickly.</p> - -<p><span class="smallcode">zip -r mynewzipfile.zip wherethefilesarecomingfrom -x &ldquo;*.DS_Store&rdquo;</span></p> - -<p>Just to break down the above command:<br /> -<span class="smallcode">zip</span> &#8211; The terminal command<br /> -<span class="smallcode">-r</span> &#8211; &#8220;Recursive.&#8221; This means to select all files and subfolders under the directory<br /> -<span class="smallcode">mynewzipfile.zip</span> &#8211; Name this whatever you&rsquo;d like the new ZIP file to be called<br /> -<span class="smallcode">wherethefilesarecomingfrom</span> &#8211; The directory that contains the files to be zipped<br /> -<span class="smallcode">-x</span> &#8211; &#8220;Exclude&#8221; flag.<br /> -<span class="smallcode">&ldquo;*.DS_Store&rdquo;</span> &#8211; Selects all files that are named &#8220;.DS_Store&#8221;</p> - -<p>Your new zip file will be created WITHOUT the .DS_Store file. Tah-dah!</p> - -<p>Upon doing a quick search on the internet, I found the following program called <a href="http://asepsis.binaryage.com" target="_blank">Asepsis</a>. I haven&rsquo;t given it a try, but apparently it prevents the creation of any .DS_Store files. Might be worth giving it a try.</p> -</description> - </item> - - <item> - <title>Static Site (Database Free) Contact Form</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/</link> - <pubDate>Mon, 19 Jan 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/</guid> - <description><p>Although my site is always a work in progress, (I&rsquo;ve still got plenty of things I need to do on it), I feel like it&rsquo;s in the final stages. Recently, I was trying to add the finishing touches by implementing a contact form. Mostly, to combat spam. I didn&rsquo;t want to throw my direct e-mail address out there, because that&rsquo;s just asking for an inbox full of viagra ads.</p> +<h2 id="auto-syntax-highlighting-for-any-language:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Auto Syntax Highlighting for any language</h2> -<p>The thing that I wanted to completely avoid was having any server-side (PHP) scripting, or databases. With most contact forms, that&rsquo;s a inevitable. But my main concern with just about everything on my site is performance. I wasn&rsquo;t willing to add a database just for that. So I went searching.</p> +<p>It&rsquo;s got built in Syntax highlight, too. Just start a block of code with &ldquo;~~~typeyourlanguagehere&rdquo; and then close it with three more squiqlies. If you view the above block of code in a text editor, you&rsquo;ll see what I mean.</p> -<p>Introducing <a href="http://formspree.io/" target="_blank">Formspree.io.</a> It&rsquo;s crazy easy. It involves using code, so if that scares you, you might want to stay away. But really, it&rsquo;s just simply copying and pasting that anyone can do it. Besides, if you&rsquo;re not into code, what&rsquo;re you doing reading my blog?</p> +<h2 id="code-snippets:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Code Snippets</h2> -<p>Basically, you place their code on your site, and when someone submits anything in the form, all of the processing is done on their servers and forwarded to an email address that you provide. And what I love is that their logo isn&rsquo;t plastered all over the place. It&rsquo;s super minimal, and you don&rsquo;t even have to register an account with them.</p> +<p>In case you don&rsquo;t want to do an entire block of code, you can just do a small snippet of code, such as a command to type in, or a key to press by wrapping your text in a span class of &ldquo;smallcode&rdquo;. <span class="smallcode">This is what it&rsquo;ll look like.</span></p> -<pre><code class="language-html">&lt;form action=&quot;http://formspree.io/youremail@pasteithere.com&quot; method=&quot;POST&quot;&gt; - &lt;p&gt;Email:&lt;/p&gt;&lt;input type=&quot;email&quot; size=&quot;40&quot; name=&quot;_replyto&quot;&gt; - &lt;p&gt;Message:&lt;/p&gt;&lt;textarea style=&quot;border: 1px lightgray solid; width: 100%; height: 300px;&quot; name=&quot;body&quot;&gt; - &lt;/textarea&gt;&lt;br/&gt; - &lt;input style=&quot;display: block; width: 125px; text-size: 20px;&quot; type=&quot;submit&quot; value=&quot;Send&quot;&gt; -&lt;/form&gt; -</code></pre> - -<p>All you have to do is replace the <code>youremail@pasteithere.com</code> with the address you want your submissions to be forwarded to. Throw that on your site. The first thing you have to do is submit a test form, and a confirmation email will be sent to the address you specified. Once it&rsquo;s confirmed, you&rsquo;re set to go!</p> +<h2 id="sharing-icons:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Sharing Icons</h2> -<p>I left all the styling that I used in my form for you to use. You can strip it out or do whatever you want with it, obviously.</p> +<p>Sharing icons are automatically embedded in the post. So that&rsquo;s cool.</p> -<p>You might be wondering about costs or privacy. Right now, there&rsquo;s a 1000/month cap on emails. Anything above that and you&rsquo;ll have to pay, but I&rsquo;d be surprised to get even 20 submissions a month from legitimate sources on my own site. As far as privacy, they say that don&rsquo;t store any of the contents of the submissions, because they&rsquo;re using the Mailgun API. And even if they did, I&rsquo;m not too worried about it. You shouldn&rsquo;t be submitting sensitive data to an unsecure form on the web anyway.</p> +<h2 id="fast:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Fast</h2> -<p>One of my favorite features is the ability to add a &#8220;honeypot&#8221; for those who are just scraping the web, looking for forms to easily submit. You can add a textfield to the form, give it a name value of <code>_gotcha</code>, and then hide it using CSS. If any value is entered in this field, the message will be silently ignored. At the same time, this field is hidden from humans so that they won&rsquo;t accidentally enter anything.</p> +<p>Gets a <sup>73</sup>&frasl;<sub>100</sub> ranking on Google PageSpeed Insights. And that&rsquo;s WITH render-blocking CSS, and no CDN. Fix those things, and you&rsquo;ll hit a <sup>95</sup>&frasl;<sub>100</sub>.</p> -<pre><code class="language-html">&lt;input type=&quot;text&quot; name=&quot;_gotcha&quot; style=&quot;display:none&quot; /&gt; -</code></pre> +<h2 id="more:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">More</h2> -<p>What about adding additional fields or features? Head on over to <a href="http://formspree.io/" target="_blank">their website</a> to see everything they&rsquo;ve got to offer. This probably sounds like I&rsquo;m being paid to write this post, but I&rsquo;m not. I&rsquo;m just grateful that I found a simple, easy solution to fill my needs. Enjoy!</p> +<p>There&rsquo;s a lot more this theme can do, and it&rsquo;s really cool, but I&rsquo;m really hungry and going to go eat lunch. So I&rsquo;m going to upload this to GitHub and be done with it.</p> </description> </item> <item> - <title>5 Things to Stop Doing in 2015</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/</link> - <pubDate>Fri, 02 Jan 2015 18:50:20 -0700</pubDate> + <title>Introducing Allegiant -- A Hugo Theme</title> + <link>http://localhost:1313/post/introducing-allegiant-a-hugo-theme/</link> + <pubDate>Sat, 21 Nov 2015 18:50:20 -0700</pubDate> - <guid>http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/</guid> - <description> + <guid>http://localhost:1313/post/introducing-allegiant-a-hugo-theme/</guid> + <description><p>So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too.</p> -<p>It seems that a year has ended, and new year resolutions are all on the rage again. Yeah, there&rsquo;s those typical ones such as joining a gym and getting in shape (although, I really think I might do it this year), etc. Here are five things I&rsquo;d like to quit doing this year.</p> +<p><img src="http://localhost:1313/img/screenshot.png" alt="Allegiant - Hugo" /></p> -<h3 id="1-quit-checking-my-instagram-likes:6478d31356be52c166d4d2d1b32313ca">1. Quit checking my Instagram likes</h3> - -<p>Yeah, it&rsquo;s stupid, but really. I mean it. We all do it. We open up Instagram and are excited when we see 30+ likes, 4 comments, and 2 new followers. I won&rsquo;t say that I base my self-worth on it, but I do get a bit of a thrill when I post a great photograph, or come up with some whitty remark. I&rsquo;m going to try my best to quit doing that. I love photography, and I&rsquo;d call it more than a hobby, but I can get better at finding self-gratification from other peoples&rsquo; acceptance.</p> - -<h3 id="2-stop-thinking-that-the-grass-will-be-greener:6478d31356be52c166d4d2d1b32313ca">2. Stop thinking that the grass will be greener</h3> - -<p>&#8220;I&rsquo;ll be happy when I&rsquo;m married&#8230;&#8221;, &#8220;If only I made more money&#8230;&#8221;. Stop. Please. Stop it. Happiness truly comes from gratitude. I need to work on being content with where I&rsquo;m at, and simply finding joy in the journey. It&rsquo;s not a destination. I don&rsquo;t want to wish life away thinking, &#8220;If only, if only.&#8221;</p> - -<h3 id="3-stop-comparing:6478d31356be52c166d4d2d1b32313ca">3. Stop comparing</h3> - -<p>&#8220;Comparison is the theif of joy.&#8221; Are you ever happy with your love life, until you see another girl at the other table? Are you content and grateful with your talents, and ever-eager to hone them, until you see the successes of others? Are you happy with your job and your work, until you see a potentially better offer? There is always going to be someone or something better, and should you actually ever obtain that, you&rsquo;d find something else to complain about.</p> - -<h3 id="4-quit-feeling-guilty:6478d31356be52c166d4d2d1b32313ca">4. Quit feeling guilty</h3> - -<p>People make mistakes. People change. And so do you. You live, you learn, you grow. The end. What happened in the past doesn&rsquo;t have to define you, unless you let it. Put on your big boy underwear, man up, and move on.</p> - -<h3 id="5-stop-feeling-obligated:6478d31356be52c166d4d2d1b32313ca">5. Stop feeling obligated</h3> - -<p>It&rsquo;s okay to say, &#8220;No.&#8221; Don&rsquo;t (always) make decisions based on what you think you <em>should</em> do. Make decisions based on what you WANT to do. It&rsquo;s your life, and you&rsquo;re going to have to live with the actions that you make. You have value, and your ruining your brand by undercharging.</p> - -<p>That&rsquo;s my list. What does yours look like?</p> -</description> - </item> - - <item> - <title>Take that, Mr. Barney</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/</link> - <pubDate>Sat, 20 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/</guid> - <description><p>We&rsquo;ve all had those professors/teachers that we just don&rsquo;t seem to mesh with. Recently, I had a professor with whom I could <em>not</em> set aside my differences. The class was about Mobile Application Development. I went into it thinking, &#8220;Wow, I&rsquo;m excited! Finally, I&rsquo;ll be able to create an iOS/Android application!&#8221; On the first day of the class, Mr. Barney walked in and said, &#8220;This is not a programming class. This is not an iOS development class. This is not an Android development class. This class has no tests. This class has no assignments. This class has no texts, no books.&#8221;</p> - -<p>As the class progressed, I got more and more frustrated with the structure and Mr. Barney&rsquo;s teaching style. It seemed that the class was more about learning Mr. Barney than it was about the material. He came off as a close-to-retirement professor with a God-complex, who was tired of his job, and was just coasting on his measly salary for a few more years until he could finally escape.</p> - -<p>The class consisted of a few technologies that we were forced to learn on our own, namely HTML 5, CSS Animations and Transitions, AJAX, DOM Manipulation, JavaScript Basics, etc. Because there were no class materials, we resorted to YouTube tutorials and blog articles to learn. On a bi-monthly basis, we would meet one-on-one in his office and present some sandbox code that we had been playing with that demonstrated one or more of these technologies. Based on his mood that day, he would open a little spreadsheet and rate you anywhere from &#8220;Strongly Disagree&#8221; to &#8220;Strongly Agree,&#8221; which ultimately equated to your class grade.</p> - -<p>At one point, I decided to bring in a simple sandbox weather application, using an AJAX call to link to an API and populate data into the DOM based on the user&rsquo;s location. The application used JQuery. While looking at my code, the second he saw a reference to JQuery, he tore it to <em>pieces.</em> &#8220;JQuery is of the devil.&#8221; or &#8220;JQuery is only for lazy programmers.&#8221; and &#8220;What happens if the JQuery library breaks, what happens to your application?&#8221;</p> - -<p>Okay, so, maybe he didn&rsquo;t say, &#8220;JQuery was of the devil.&#8221;</p> - -<p>Basically, his point all boiled down to this: You can use JQuery, but it&rsquo;s a bloated library and it contains so many additional pieces that you don&rsquo;t need, and ultimately, you can do exactly what you need with plain ol&rsquo; vanilla JavaScript. It&rsquo;s slow, and it would take a long time to download the entire library, when you don&rsquo;t need it.</p> - -<p>For the rest of the class, I hated him for it. 9 times out of 10 as I left his office, I was fuming. And I really do understand his point, and I believe that it has <em>some</em> validity, but mostly, it&rsquo;s just him being old and outdated, and stuck in his ways.</p> - -<p>Even after finishing the class, I hated him for it. Have you tried looking for web tutorials online for advanced AJAX calls that don&rsquo;t use JQuery? It&rsquo;s <em>impossible</em>!</p> - -<p>In case you hadn&rsquo;t noticed (as in, you aren&rsquo;t using this website on a mobile device), the top navigation bar uses JQuery to convert to a small menu icon on smaller screens. I wanted to prove to myself that JQuery really isn&rsquo;t <em>that</em> bloated, and that it is in fact a useful tool, and better than writing vanilla JavaScript.</p> - -<p>After playing with a few things, I finally got the results I was looking for. Check out the results that I got while using <a href="http://tools.pingdom.com/fpt/" target="_blank">Pingdom Page Speed</a>. More specifically, look at the red box. My &#8216;styles.css&rsquo; file (that isn&rsquo;t minified, btw) weighs a whopping 6.2kB. JQuery, which is more than 6x larger, loads more than twice as fast. How did I do it?</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/pingdom-speed-results.jpg" alt="Pingdom PageSpeed Results" /></p> - -<p>If you&rsquo;re familiar with Bootstrap, and the way that you can customize it just to your liking, JQuery is the same. Usually, whenever I use Bootstrap, I don&rsquo;t need all the font icons or navigation bars, or any of that. I only use the responsive pieces. With JQuery, they have similar options on their website to where you can customize it to your liking. I knew that the only piece I&rsquo;d be using on my website is the navigation library. So I stripped everything else out.</p> - -<p>Also, up until this point, I wasn&rsquo;t familiar with CDNs, or the power that they potentially had. Pulling JQuery from their hosted CDN, rather than from my on my own shared web server undoubtedly speeds up the page load. My website is pretty barebones, and that&rsquo;s done on purpose to increase page speed. Loading times have come into consideration for everything I do on this site, but I don&rsquo;t feel that JQuery has in anyway been detrimental to that.</p> - -<p>I feel justified. Take that, Mr. Barney! </rant></p> -</description> - </item> - - <item> - <title>Pseudo-Responsive Images</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/</link> - <pubDate>Mon, 15 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/</guid> - <description><p>Honestly, I&rsquo;m a bit embarrassed to say that I didn&rsquo;t know how to do this before. I&rsquo;ll be creating a blog post here fairly soon on my conversion from WordPress to Jekyll for this blog, but in doing so, I&rsquo;ve learned a lot of cool new things.</p> - -<p>Due to the vast number of mobile devices in circulation right now, I make it a habit to try and develop for mobile first, and then expand for the desktop user. Developing for mobile almost instantly implies responsive design. There are dozens of CSS frameworks to do this (Bootstrap, Foundation, Skeleton, etc.) intended to make your job a little bit easier.</p> - -<p>I ran into an issue while coding this site. My content would all scale down properly and fit into the viewport perfectly, except for images, which would overflow the bounds of the viewport. I couldn&rsquo;t for the life of me figure out what I was doing wrong. When copying content over from WordPress, I guess that I had added &#8216;width&rsquo; and &#8216;height&rsquo; attributes, which forced the images to display at those dimensions. After going through all of the images and removing both of those attributes, I simply went to my stylesheet and added the following. Lucky for me, I didn&rsquo;t have too many images to go through:</p> - -<pre><code class="language-css">img { - width: 100%; - box-shadow: 10px 10px 5px #888888; -} -</code></pre> - -<p>Obviously the box-shadow isn&rsquo;t required, but I just like add it for aesthetics.</p> - -<p>That selects all images across my entire website, and tells them to stretch to 100% of the viewport (which, in the case of this site, is 700px). As the page resizes, or is viewed on a different viewport size (such as a phone or tablet), that image is scaled down accordingly.</p> - -<p>One thing to mention, too, is that if you remove just the &#8216;width&rsquo; attribute, but leave the &#8216;height&rsquo; attribute, your images will come out all stretched and skewed as the image is scaled according to the viewport size.</p> - -<p>It&rsquo;s also important to note that this isn&rsquo;t the &#8216;real&rsquo; way to present responsive images on your site, I&rsquo;m just too lazy to do it the <a href="http://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/" target="_blank">real way</a>. This way works perfectly for me, until it becomes simpler.</p> -</description> - </item> - - <item> - <title>Build a GUI Investment Calculator in Java</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/</link> - <pubDate>Mon, 08 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/</guid> - <description><p>I’m not a programmer. Some people just have that natural itch to want to go out and code all day long, but that isn’t me. I enjoy scripting and web development, but deep, low-level programming just simply isn’t my thing. So the fact that even <em>I</em> was able to create a simple GUI application should tell you how easy it is. The code below might look daunting at first, but we’ll walk through it piece by piece to hopefully clear things up. I’ll try to make it as easy as possible to understand, but you should have at least a <em>basic</em> understanding of programming to go through this.</p> - -<p>Java makes creating applications really simple. I’ve dabbled with C++, but never stuck with it long enough to get into the Object Oriented pieces of it. Whenever learning a new programming language, it seems the first program you write is “Hello World.” The next program after that is a basic investment calculator, and so we’re going to continue that pattern.</p> - -<p>When we’re finished, we’ll have a program that looks something like this:</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/guicalculator.png" alt="GUI Investment Calculator" /></p> - -<p>At the end of this post, I’ll show the complete code. If you have the Java JDK (a free download, <a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html" target="_blank">here</a>), you can easily import this code into a text editor, save it with a .java extension, and then compile it using the command line. Something this would work:</p> - -<pre><code class="language-java">javac SimpleGUIProgram.java -java SimpleGUIProgram -</code></pre> - -<p>Personally, I use Eclipse. It’s a <a href="https://eclipse.org/downloads/packages/eclipse-ide-java-developers/keplersr1" target="_blank">free IDE that you can download</a>, if you’re not interested in using a text editor.</p> - -<p>Let’s get started.</p> - -<p>First, let’s import some libraries. Libraries are basically a repository of reusable code. Rather than having to rewrite code over and over, why don’t we write it once, store it in the Java API, and then import it into our program whenever we need it? Luckily, someone has already done that for us! The specifics of each of these libraries isn’t super important, but just know that these include the graphical components that we’ll need to build our program.</p> - -<pre><code class="language-java">import java.awt.*; -import java.awt.event.*; -import javax.swing.*; -</code></pre> - -<p>Next, we’ll create the text fields and buttons that will be used in our program. Notice in the image above that we have four input fields (Investment Amount, Years, Annual Interest Rate, and Future Value) and two buttons (Compute and Reset). They’re pretty easy to define in Java.</p> - -<p>You might wonder what <span class="smallcode">private</span> means. Whenever you create an object and set it to private, that means that it can only be accessed within that same class. We could change it to <span class="smallcode">public</span> or even <span class="smallcode">protected</span>, but for this example, we’ll leave it how it is. There are some benefits to leaving things private, such as avoiding data corruption and a few other things, but that’s outside the scope of this tutorial.</p> - -<p>Then we need to tell Java what kind of object we’ll be creating. We’ll be using <span class="smallcode">JTextField</span>, which is just an input box, and <span class="smallcode">JButton</span>, which, obviously, is a button. And after that, we just need to name our object. For the sake of being descriptive, I usually like to prefix my object names with <span class="smallcode">jtf</span> or <span class="smallcode">jb</span> or similar, so I know what it is quickly by looking at it.</p> - -<pre><code class="language-java">private JTextField jtfInvestmentAmount; -private JTextField jtfAnnualInterestRate; -private JTextField jtfNumberOfYears; -private JTextField jtfFutureValue; -private JButton jbtCompute; -private JButton jbtReset; -</code></pre> - -<p>Next, we’re going to define the properties for the frame (the program window). The <span class="smallcode">setTitle</span> property allows us to name the frame. You can see in the image above that the title of the window is “Loan Calculator” as we’ve defined here. You can name it whatever you’d like.</p> - -<p>Next, we define the default close operation. This tells the computer what to do whenever the program is closed. We have the option to let the program to continue running, even when the box is closed. In this example, when the user hits the “x” in the corner of the window, we want our program to terminate, so we’ll use <span class="smallcode">setDefaultCloseOperation(Frame.EXIT_ON_CLOSE)</span>.</p> - -<p><span class="smallcode">setSize</span> defines the window width and height in pixels. Pretty self-explanatory.</p> - -<p><span class="smallcode">setLocationRelativeTo(null)</span> allows us to center the window right in the middle of the screen. In my opinion, that’s the easiest and most user friendly. You have the option to set that location in pixels, using x and y coordinates, but generally, I’ve found that the user expects the window to open in the center of the screen.</p> - -<p>Last, we want to set the layout. Java uses things called “Layout Managers”, which basically defines how elements are laid out inside of the program window. There are three layout managers that are most commonly used: Border, Flow, and Grid. You can read up on those other two, as I’m not going to explain them, but in this program, we’re going to be using the grid layout manager. It allows us to define how many rows, and how many columns we want for our program. <span class="smallcode">GridLayout(5,2,5,5)</span> tells our program that we want to use the Grid Layout Manager, with five rows, two columns and then 5 pixels for spacing.</p> - -<pre><code class="language-java">setTitle(&quot;Loan Calculator&quot;); -setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); -setSize(500,300); -setLocationRelativeTo(null); -setLayout(new GridLayout(5,2,5,5)); -</code></pre> - -<p>Now that we’ve defined our window, we need to create some text labels next to our input fields. Because it’s just text, we don’t use <span class="smallcode">private</span> or <span class="smallcode">public</span> on these objects. We use the following code to create a new label (JLabel) object. Again, when we name the object, it’s good practice to use a prefix so you can easily tell what type of object it is. I use <span class="smallcode">jl</span> as my prefix. Then, we create the string of text for what the JLabel will output.</p> - -<p>If you notice, I’ve placed a preceding space in front of the text. I find that Java likes to push things right up against the frame, and it’s not very aesthetically pleasing. By adding a space, it allows us to push the text away from the left edge ever-so-slightly. You can add more spacing if you prefer.</p> - -<pre><code class="language-java">JLabel jlInvestmentAmount = new JLabel(&quot; Investment Amount&quot;); -JLabel jlNumberOfYears = new JLabel(&quot; Number of Years&quot;); -JLabel jlAnnualInterestRate = new JLabel(&quot; Annual Interest Rate&quot;); -JLabel jlFutureValue = new JLabel(&quot; Future Value&quot;); -</code></pre> - -<p>Earlier, we defined our textfields and buttons, but we didn’t actually create them. We basically told the program, “Hey, I’m going to be making these soon. Just wanted to give you a heads up.” But now we create them.</p> - -<p>In the last line of code, we write <span class="smallcode">jtfFutureValue.setEditable(false)</span>. I wanted the first three fields to be able to accept input from the user. But the last field (the Future Value field) is going to simply output our final answer. Rather than making the user confused by thinking they need to input something, I set the editing to <span class="smallcode">false</span>.</p> - -<pre><code class="language-java">jtfInvestmentAmount = new JTextField(); -jtfNumberOfYears = new JTextField(); -jtfAnnualInterestRate = new JTextField(); -jtfFutureValue = new JTextField(); -jbtCompute = new JButton(&quot;Compute&quot;); -jbtReset = new JButton(&quot;Reset&quot;); -jtfFutureValue.setEditable(false); -</code></pre> - -<p>Now that we’ve defined and created everything, we should be good right? Not quite. If were to run the program right now, our program wouldn’t do anything. What happened to all the things we created, you might ask? We’ve created all the objects, but we haven’t told the program to add them to our frame (window). We can do this simply by typing <span class="smallcode">add</span> and then the name of the object.</p> - -<pre><code class="language-java">add (jlInvestmentAmount); -add (jtfInvestmentAmount); -add (jlNumberOfYears); -add (jtfNumberOfYears); -add (jlAnnualInterestRate); -add (jtfAnnualInterestRate); -add (jlFutureValue); -add (jtfFutureValue); -add (jbtCompute); -add (jbtReset); -</code></pre> - -<p>Next, we need to tell the computer that we want it to do something once we click on a button. This code doesn’t do much else, besides call other methods (functions) that we’ll define in a bit.</p> - -<pre><code class="language-java">ListenerClass listener = new ListenerClass(); -jbtCompute.addActionListener(listener); -jbtReset.addActionListener(listener); -</code></pre> - -<p>Another very important piece: We need to set the window visibility to <span class="smallcode">true</span>. Otherwise, nothing will appear when we run the program.</p> - -<pre><code class="language-java">setVisible(true); -</code></pre> - -<p>Every program in Java requires a <span class="smallcode">main</span> method. All this code does is calls the class that we’ve already created. It doesn’t look like much, but our program won’t run at all if we don’t have this.</p> - -<pre><code class="language-java">public static void main(String[] args) { -new SimpleGUIProgram(); -</code></pre> - -<p>The following code does two important things: catches exceptions, and does all the math calculations for our program.</p> - -<p>First, we need to assume that people are stupid. You would think that most people would be smart enough to input numbers into the fields of our program, but what happens if they entered a word instead of a number? Without a “try…catch”, the program would just crash, without any warning to our user. Instead, we can make things a little bit more user friendly and say, “Please enter numeric values” if they enter anything except numbers.</p> - -<p>And second, the rest of this code takes the data entered by the user in the fields, does all of the calculations, and then formats it to look pretty. We pull the data from the fields, parse it into a number (either an Integer or a Double), and then convert the annual interest rate into a monthly interest rate. We could do that by dividing by 12, but I also combined the percentage into that calculation as well (1200 instead of 12) so that I don’t have to write another line of code to divide the percent by 100 as well.</p> - -<pre><code class="language-java">private void computeValue() { -try { -double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText()); -double monthlyInterestRate = annualInterestRate / 1200.0; -int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText()); -double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText()); -double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12); -jtfFutureValue.setText(String.format(&quot;%.2f&quot;, futureValue)); -} catch (Exception e) { -JOptionPane.showMessageDialog(null, &quot; Please enter numeric values.&quot;); -} -} -</code></pre> - -<p>This code is very simple. Whenever a user clicks on the “Reset” button, it will call this method, and change whatever is input into the boxes into a blank string.</p> - -<pre><code class="language-java">private void resetForm() { -jtfInvestmentAmount.setText(&quot;&quot;); -jtfAnnualInterestRate.setText(&quot;&quot;); -jtfNumberOfYears.setText(&quot;&quot;); -jtfFutureValue.setText(&quot;&quot;); -} -</code></pre> - -<p>And finally, this code is what links the buttons to the methods we created. We create a ListenerClass, which essentially says, “When I do this, do this.” So, “when I click on a button, call this method.”</p> - -<pre><code class="language-java">private class ListenerClass implements ActionListener { -public void actionPerformed(ActionEvent e) { -if (e.getSource() == jbtCompute) { -computeValue(); -} -if (e.getSource() == jbtReset) { -resetForm(); -} -</code></pre> - -<p>And really, that’s it! Not to shabby for ~100 lines of code, eh? Here’s the entire code:</p> - -<pre><code class="language-java">/************************* -* Created by: Bryce Matheson -* Website: blog.mathesondigital.com -* Date: 12/7/2014 -* -* Purpose: A simple GUI Investment Calculator -* -* Rights: Free to use for Personal Use -*************************/ - -import java.awt.*; -import java.awt.event.*; -import javax.swing.*; - -public class SimpleGUIProgram extends JFrame { - - private JTextField jtfInvestmentAmount; - private JTextField jtfAnnualInterestRate; - private JTextField jtfNumberOfYears; - private JTextField jtfFutureValue; - private JButton jbtCompute; - private JButton jbtReset; - - public SimpleGUIProgram() { - - setTitle(&quot;Loan Calculator&quot;); - setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); - setSize(500,300); - setLocationRelativeTo(null); - setLayout(new GridLayout(5,2,5,5)); - - JLabel jlInvestmentAmount = new JLabel(&quot; Investment Amount&quot;); - JLabel jlNumberOfYears = new JLabel(&quot; Number of Years&quot;); - JLabel jlAnnualInterestRate = new JLabel(&quot; Annual Interest Rate&quot;); - JLabel jlFutureValue = new JLabel(&quot; Future Value&quot;); - - jtfInvestmentAmount = new JTextField(); - jtfNumberOfYears = new JTextField(); - jtfAnnualInterestRate = new JTextField(); - jtfFutureValue = new JTextField(); - jtfFutureValue.setEditable(false); - - jbtCompute = new JButton(&quot;Compute&quot;); - jbtReset = new JButton(&quot;Reset&quot;); - - add (jlInvestmentAmount); - add (jtfInvestmentAmount); - add (jlNumberOfYears); - add (jtfNumberOfYears); - add (jlAnnualInterestRate); - add (jtfAnnualInterestRate); - add (jlFutureValue); - add (jtfFutureValue); - add (jbtCompute); - add (jbtReset); - - ListenerClass listener = new ListenerClass(); - jbtCompute.addActionListener(listener); - jbtReset.addActionListener(listener); - - setVisible(true); - } - - public static void main(String[] args) { - new SimpleGUIProgram(); - } - - private void computeValue() { - try { - double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText()); - double monthlyInterestRate = annualInterestRate / 1200.0; - int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText()); - double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText()); - double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12); - jtfFutureValue.setText(String.format(&quot;%.2f&quot;, futureValue)); - } catch (Exception e) { - JOptionPane.showMessageDialog(null, &quot; Please enter numeric values.&quot;); - } - } - - private void resetForm() { - jtfInvestmentAmount.setText(&quot;&quot;); - jtfAnnualInterestRate.setText(&quot;&quot;); - jtfNumberOfYears.setText(&quot;&quot;); - jtfFutureValue.setText(&quot;&quot;); - } - - private class ListenerClass implements ActionListener { - public void actionPerformed(ActionEvent e) { - if (e.getSource() == jbtCompute) { - computeValue(); - } - if (e.getSource() == jbtReset) { - resetForm(); - } - } - } -} -</code></pre> -</description> - </item> - - <item> - <title>My love-hate relationship with WordPress</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/</link> - <pubDate>Sat, 06 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/</guid> - <description> - -<p>Recently, I’ve really been getting fed up with WordPress. And here’s why.</p> - -<p>WordPress dates all the way back to 2001. It was originally developed as a simple blogging platform based off of MySQL and PHP. Close to fifteen years later, it’s become a web standard and is used as the Framework/CMS for <a href="http://en.wikipedia.org/wiki/WordPress" target="_blank">more than 20% of all the websites on the internet</a>. And that’s exactly the problem.</p> - -<p>WordPress has exploded into a million different forks and subprojects, and has been expanded to run an equal amount of themes and plugins. My biggest issue with this is that WordPress was never <em>designed</em> to support this. Years down the road, it’s still sitting on code that dates back a decade. The same issue holds true with Microsoft. Even after launching Windows 8.1, it still has pieces of code that were used in the Windows 3.1 and Windows 95 operating systems. It baffles me that 20 years later, we still can’t seem to ditch MS-DOS or the Registry.</p> - -<p>WordPress was never designed to be used as an e-commerce platform, but with the help from the guys over at <a href="http://www.woothemes.com/woocommerce/" target="_blank">Woocommerce</a>, it’s never been easier and quicker to do so. WordPress was never designed to be used as a Social Media platform, but of course, there are plugins to do that as well. WordPress is so simple and easy to use, that it’s become overly bloated with features to cater to the needs of everyone. I fear that it’s soon going to crumble in on itself.</p> - -<h2 id="security-holes:4416bd877d3758ff29e0e8e3c2df4fd1">Security Holes</h2> - -<p>And here’s something else to think about too. Even if only 1/100th of all websites on the internet were using WordPress as their CMS, imagine what would happen if a large exploit were found. Millions of websites are instantly vulnerable in the hands of skilled hackers. Sadly, the number of potential targets is a lot larger than 1%, should an exploit be found. Many users don’t know that they would be perfectly fine completely ditching the database, and just using static HTML to host their blogs, completely eliminating the security flaws.</p> - -<h2 id="updates:4416bd877d3758ff29e0e8e3c2df4fd1">Updates</h2> - -<p>WordPress updates are the absolute worst. Starting somewhere in the time-frame of Wordpress 3, automatic updates were introduced by default (although you can turn these off through the database, I believe). For a lot of the websites I build and manage for clients, I set myself up as an administrator. Whenever an automatic update is pushed, I get an email saying, “Your WordPress installation has been updated to version 4.0.1…” I cringe just thinking about all the hundreds of things that could now be broken on dozens of my websites. Granted, the WordPress team does their absolute best to ensure that nothing breaks, but with hundreds of thousands of different themes and plugins, how can anyone be absolutely certain that they won’t be a compatibility issue somewhere?</p> - -<h2 id="comments:4416bd877d3758ff29e0e8e3c2df4fd1">Comments</h2> - -<p>The comment system in WordPress is so flawed, it’s not even funny. Even when using a plugin to block/prevent spam, there are times when I’ll log into my dashboard and find that I have 300+ pending comments to be approved, 90% of them being complete garbage. What’s even more annoying is that all of these comments, whether legitimate or spam, are being stored in the database, ultimately slowing down the over-all speed of your website.</p> - -<h2 id="speed:4416bd877d3758ff29e0e8e3c2df4fd1">Speed</h2> - -<p>Touching on this already a little earlier, having a backend attached to any website is most always going to ensure a decrease in speed unless it’s closely managed and optimized. Most of the time, the end-user has little to no knowledge on how to do this. Many users would be perfectly fine serving plain ol’ static HTML or using a static site builder such as <a href="http://jekyllrb.com" target="_blank">Jekyll</a> or <a href="http://middlemanapp.com" target="_blank">Middleman</a>. Every query to a database requires more bandwidth, and more server strain.</p> - -<p>I’m a little hesitant to even touch on the topic of themes, because it irritates me so much. The other day I was looking at some of <a href="http://themeforest.net/search?utf8=✓&term=&view=list&sort=sales&date=&category=wordpress&price_min=&price_max=&sales=&rating_min=&platform=" target="_blank">the best-selling WordPress themes on themeforest</a>. These themes, in my opinion, are so poorly coded, and so irritatingly slow. The builders of these themes attempt to cater to everyone and no one, all at the same time. Do they have any training about UI or UX? Do they understand that they need to minimize their CSS and JavaScript? Do they understand that they need to optimize their images to a suitable web size? Clients come to me and say, “Oooh. I like this look.” They truly have no idea what they’re doing. Having something that looks “pretty” just won’t cut it. There’s a lot more to think about behind the scenes, rather than just how a website looks.</p> - -<p>I’ve seen theme packages that, for the entire install, run in the area of 15 megabytes. 15 MEGABYTES!? Are you kidding me? Even with LTE cell phone speeds and fiber-optic internet connections, 15 megabytes is a lot of data. Good luck having users stick around when your site won’t load on their phones. Some people might say, “Well, users will wait for at least a second for my site to load.” Wrong. <a href="http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales" target="_blank">Amazon did a study</a> on page load speed, and how it affects their sales conversion rates. They found that a one-second difference in page-loading speed could cost them up to $1.6 Billion in sales.</p> - -<h2 id="the-art-of-web-design:4416bd877d3758ff29e0e8e3c2df4fd1">The Art of Web Design</h2> - -<p>In my mind, building a website truly is a work of art. I’m proud of the hours that I’ve spent in learning, growing, and honing my skills in order to develop something out of thin air that helps a client’s business or hobby or whatever. However, nowadays, it seems that we’re beginning to lose that art in development. Websites such as <a href="http://www.wix.com" target="_blank">wix</a> make it seemingly so simple to throw up a website that anyone can do it. WordPress is no different. Now, because of the simplicity of WordPress, people begin calling themselves “Developers” or “Experts” without even touching a single line of code.</p> - -<h2 id="ease-of-clients:4416bd877d3758ff29e0e8e3c2df4fd1">Ease of Clients</h2> - -<p>Now, here comes the love. I really don’t hate WordPress, although it may seem that way. One of the number one reasons I use WordPress as a CMS for my entire client base is the ability to entirely hand of a project. We’ve all worked with clients that are annoying, nagging, and constantly changing their mind. When the project is done, I can’t wait to get “rid” of them, because it’s a never-ending project. Nothing ever gets finished. WordPress allows me to (finally!) finish a project and give them the ability to change and manipulate virtually anything they may want with knowing little or no code at all, and best of all, without involving me.</p> - -<h2 id="quick-and-inexpensive:4416bd877d3758ff29e0e8e3c2df4fd1">Quick and Inexpensive</h2> - -<p>When you’re constantly beginning new projects, you get in the habit of building your own mini-framework, in hopes to cut off some of the development time or shave off some of the repetitiveness. WordPress is KING of saving time. I can create a new hosting environment, and have a functional WordPress installation in less than five minutes total. Then, I can focus on the needs of the customer and the design, rather than re-inventing the wheel for the 500th time.</p> - -<h2 id="conclusion:4416bd877d3758ff29e0e8e3c2df4fd1">Conclusion</h2> +<p>Why? Because I&rsquo;m sick of everything else on the internet. And that&rsquo;s not to say that there aren&rsquo;t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don&rsquo;t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that&rsquo;s about it. No frills, no fuss, no crazy configuration options, nothing.</p> -<p>Ultimately, I think my hatred really comes down to the bloat of WordPress. It reminds me so frequently of those who attempt to build an entire website using Dreamweaver’s visual mode. Yes, it’s possible to do it without knowing any code at all. But if you know anything about code, you can instantly look at the code that Dreamweaver spits out, and you know how much bloat and garbage can be cut out. WordPress is an incredible piece of software, and that’s apparent in it’s widespread usage. But bloat is my number one concern.</p> +<p>So many of you might be asking then, &#8220;Bryce, why not just use a static site generator for your blog?&#8221; Good question. Been there, done that. And it was fine. I&rsquo;m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn&rsquo;t even care about that. You&rsquo;ll notice that on this site, I&rsquo;ve completely omitted the comment system.</p> -<p>If you’re familiar with <a href="https://developers.google.com/speed/pagespeed/" target="_blank">Google’s Page Speed</a> analysis, you might be surprised to see that even some of the most popular websites rarely score above 50%. Take a basic WordPress theme, give it a test, and you might be surprised that you only received a score of 27. Developing everything from scratch, you can easily shave off the bloat and improve your page speed, which can equate to improved SEO through Google.</p> +<p>But the main reason I ditched Jekyll and switched over to Hugo were the painfully slow build times. My blog used to showcase a lot of my photography, and so I probably had around 100 posts total overall, most of which were dedicated posts full of photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I&rsquo;m one of those &#8220;code-and-check-and-code-and-check-some-more&#8221; type people. I don&rsquo;t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> -<p>One last point, and then I’ll shut up. Am I using WordPress to run my blog? Absolutely. Is there a lot of bloat? Maybe a little, but I’ve tried to cut out everything that I could. I’m scoring in the 90’s in most aspects of Google’s Page rankings. I think I fall into the trap that so many other users do, and try too hard to focus on design, colors, and appearance, and not so much on the content. I was recently inspired by <a href="http://davidbcalhoun.com" target="_blank">David Calhoun’s blog</a>, and have since changed the design of my own blog to a more minimal design. David’s blog is great. It’s plain, clean, crisp, but more important, it’s fast. It provides the required functionality, and then the rest is focused on the content. Does David’s readers care that his blog is plain? Not really. He has a consistent reader-base, because of what he provides. Rarely, if ever, would anyone say, “This is a great looking site. I’m going to come back, even if there’s nothing here for me.” No. Does a good design/functionality help? Of course. But it’s not everything.</p> -</description> - </item> - - <item> - <title>Here's to actually sticking with something</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/</link> - <pubDate>Fri, 05 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/</guid> - <description><p>When I was 16 (yes, I&rsquo;m young, okay?), I had the idea for a Tech Blog. Not that it had never been done before or anything, but it&rsquo;s just that ever since the age of 9, technology is the only hobby or thing in my life that I&rsquo;ve consistently held interest in. I&rsquo;m not sure why I wanted to start one, but I just figured it would be a good way of tracking my progress and learning of various technologies, as well as helping others in anyway, if possible. I got about three posts in, got discouraged, thought &#8220;this is stupid&#8221;, and told myself that I would never in any way, shape, or form be able to compete with the larger tech blogs like <a href="http://www.cnet.com" target="_blank">CNet</a>, <a href="http://techcrunch.com" target="_blank">TechCrunch</a>, or TUAW (now<a href="http://www.imore.com" target="_blank"> iMore</a>).</p> +<p>If you like what you see, you&rsquo;re free to use it. You can <a href="https://github.com/brycematheson/allegiant" target="_blank">head over to my GitHub and grab it off of there</a>.</p> -<p>But now, I&rsquo;m kicking myself. In hindsight, I keep thinking to myself, &#8220;Imagine the web presence you could have had, if only you had hung on for all these years.&#8221; Well, recently, I&rsquo;ve had a bit of motivation (or maybe it&rsquo;s procrastination of more important things), and I&rsquo;ve decided to actually stick to this blog. It&rsquo;s been going for about six months now, and I plan on continuing the trend.</p> +<p>It&rsquo;s decently fast, getting a <sup>73</sup>&frasl;<sub>100</sub> on Google Page Speed Insights. I&rsquo;ve fiddled with it, and I was able to get it up to a <sup>95</sup>&frasl;<sub>100</sub> on my site by using a CDN and playing with some of the render-blocking CSS in the head. It&rsquo;s also responsive, too.</p> -<p>I have <a href="http://www.laytreasuresinheaven.com" target="_blank">another blog</a> dealing with the religious aspect of my life, and it&rsquo;s actually proven to be successful (at least in my book), getting around 30,000 hits a month. It&rsquo;s not incredible, and I haven&rsquo;t been very great at posting lately, but it&rsquo;s really rewarding to see what I&rsquo;ve been able to achieve by keeping it running for around a year and a half.</p> - -<p>So, here&rsquo;s to actually sticking with something, for once in my life.</p> +<p>So anyway, enough rambling. Here&rsquo;s a cool theme if you want to use it.</p> </description> </item> diff --git a/public/page/1/index.html b/public/page/1/index.html index 7b67a19..f7ad456 100644 --- a/public/page/1/index.html +++ b/public/page/1/index.html @@ -1 +1 @@ -<!DOCTYPE html><html><head><link rel="canonical" href="http://localhost:1313/brycematheson.io/"/><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0;url=http://localhost:1313/brycematheson.io/" /></head></html>
\ No newline at end of file +<!DOCTYPE html><html><head><link rel="canonical" href="http://localhost:1313/"/><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="refresh" content="0;url=http://localhost:1313/" /></head></html>
\ No newline at end of file diff --git a/public/page/2/index.html b/public/page/2/index.html index 7c8d372..a5187c0 100644 --- a/public/page/2/index.html +++ b/public/page/2/index.html @@ -4,28 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - - <link href="http://localhost:1313/brycematheson.io/index.xml" rel="alternate" type="application/rss+xml" title="Allegiant" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -36,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -58,109 +53,109 @@ <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/" rel="bookmark" title="Link to Take that, Mr. Barney">Take that, Mr. Barney</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-12-20-take-that-mr-barney/" rel="bookmark" title="Link to Take that, Mr. Barney">Take that, Mr. Barney</a></h2> <span class="post-date">Published Dec 20, 2014</span> <p>We’ve all had those professors/teachers that we just don’t seem to mesh with. Recently, I had a professor with whom I could not set aside my differences. The class was about Mobile Application Development. I went into it thinking, “Wow, I’m excited! Finally, I’ll be able to create an iOS/Android application!” On the first day of the class, Mr. Barney walked in and said, “This is not a programming class. This is not an iOS development class.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-12-20-take-that-mr-barney/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/" rel="bookmark" title="Link to Pseudo-Responsive Images">Pseudo-Responsive Images</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-12-15-pseudo-responsive-images/" rel="bookmark" title="Link to Pseudo-Responsive Images">Pseudo-Responsive Images</a></h2> <span class="post-date">Published Dec 15, 2014</span> <p>Honestly, I’m a bit embarrassed to say that I didn’t know how to do this before. I’ll be creating a blog post here fairly soon on my conversion from WordPress to Jekyll for this blog, but in doing so, I’ve learned a lot of cool new things. Due to the vast number of mobile devices in circulation right now, I make it a habit to try and develop for mobile first, and then expand for the desktop user.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-12-15-pseudo-responsive-images/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/" rel="bookmark" title="Link to Build a GUI Investment Calculator in Java">Build a GUI Investment Calculator in Java</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-12-08-investment-calculator-java/" rel="bookmark" title="Link to Build a GUI Investment Calculator in Java">Build a GUI Investment Calculator in Java</a></h2> <span class="post-date">Published Dec 8, 2014</span> <p>I’m not a programmer. Some people just have that natural itch to want to go out and code all day long, but that isn’t me. I enjoy scripting and web development, but deep, low-level programming just simply isn’t my thing. So the fact that even I was able to create a simple GUI application should tell you how easy it is. The code below might look daunting at first, but we’ll walk through it piece by piece to hopefully clear things up.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-12-08-investment-calculator-java/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/" rel="bookmark" title="Link to My love-hate relationship with WordPress">My love-hate relationship with WordPress</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-12-06-my-love-hate-relationship-with-wordpress/" rel="bookmark" title="Link to My love-hate relationship with WordPress">My love-hate relationship with WordPress</a></h2> <span class="post-date">Published Dec 6, 2014</span> <p>Recently, I’ve really been getting fed up with WordPress. And here’s why. WordPress dates all the way back to 2001. It was originally developed as a simple blogging platform based off of MySQL and PHP. Close to fifteen years later, it’s become a web standard and is used as the Framework/CMS for more than 20% of all the websites on the internet. And that’s exactly the problem. WordPress has exploded into a million different forks and subprojects, and has been expanded to run an equal amount of themes and plugins.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-12-06-my-love-hate-relationship-with-wordpress/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/" rel="bookmark" title="Link to Here's to actually sticking with something">Here's to actually sticking with something</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-12-05-heres-to-actually-sticking-with-something/" rel="bookmark" title="Link to Here's to actually sticking with something">Here's to actually sticking with something</a></h2> <span class="post-date">Published Dec 5, 2014</span> <p>When I was 16 (yes, I’m young, okay?), I had the idea for a Tech Blog. Not that it had never been done before or anything, but it’s just that ever since the age of 9, technology is the only hobby or thing in my life that I’ve consistently held interest in. I’m not sure why I wanted to start one, but I just figured it would be a good way of tracking my progress and learning of various technologies, as well as helping others in anyway, if possible.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-12-05-heres-to-actually-sticking-with-something/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/" rel="bookmark" title="Link to I have an iPhone and Mac. Get an iPad?">I have an iPhone and Mac. Get an iPad?</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/" rel="bookmark" title="Link to I have an iPhone and Mac. Get an iPad?">I have an iPhone and Mac. Get an iPad?</a></h2> <span class="post-date">Published Nov 29, 2014</span> <p>Let me start off right away by saying that you do not “need” an iPad. Regardless of what you do or do not have, you do not NEED an iPad. If you want to hear me go off on a big spiel about instant gratification and entitlement, I could talk your ear off. But we’ll save that for another day. But let’s get to what you’re really interested about. I am not an Apple Fanboy (an Apple Watch for $350?!</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-10-06-tmobile-im-breaking-up-with-you/" rel="bookmark" title="Link to T-Mobile, I'm Breaking Up With You">T-Mobile, I'm Breaking Up With You</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-10-06-tmobile-im-breaking-up-with-you/" rel="bookmark" title="Link to T-Mobile, I'm Breaking Up With You">T-Mobile, I'm Breaking Up With You</a></h2> <span class="post-date">Published Oct 6, 2014</span> <p>“It’s me, not you. Okay, no. Actually, it is you. We’ve had a good run together. We’ve tried it out for more than a year, but things just aren’t working out. That’s not to say that we haven’t had some good times together, but I’m just ready to move on.” Usually, it’s safer if I keep my credit card in a different room while I’m surfing the internet late at night.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-10-06-tmobile-im-breaking-up-with-you/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-10-06-tmobile-im-breaking-up-with-you/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-10-03-visual-form-builder-paypal-redirect/" rel="bookmark" title="Link to Visual Form Builder PayPal Redirect">Visual Form Builder PayPal Redirect</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-10-03-visual-form-builder-paypal-redirect/" rel="bookmark" title="Link to Visual Form Builder PayPal Redirect">Visual Form Builder PayPal Redirect</a></h2> <span class="post-date">Published Oct 3, 2014</span> <p>For anyone who knows me even slightly well knows that I’m a huge fan of WordPress. I use it as my go-to CMS for all of the websites I create, whether for myself or for clients. It gives me the flexibility I need in a well designed format, and it gives my clients the ability to make changes to their own websites without knowing any code. Some people will give you a giant list of plugins that you have to download when first setting up your WordPress site.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-10-03-visual-form-builder-paypal-redirect/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-10-03-visual-form-builder-paypal-redirect/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-09-09-the-most-important-camera-accessory/" rel="bookmark" title="Link to The Most Important Camera Accessory">The Most Important Camera Accessory</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-09-09-the-most-important-camera-accessory/" rel="bookmark" title="Link to The Most Important Camera Accessory">The Most Important Camera Accessory</a></h2> <span class="post-date">Published Sep 9, 2014</span> <p>Want to know what my most cherished and valuable piece of photography equipment is? You might be surprised. It’s not my beautiful Canon 6D. Nor is it my 24-70 F2.8 lens. It’s light, portable, and inexpensive, yet it’s the most important piece of equipment that I own: a plastic bag. Last night, we spent the evening playing with steel wool and throwing sparks into circular patterns into the air. Add a little fill flash, and some creativity, and you’ve got a fun evening planned.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-09-09-the-most-important-camera-accessory/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-09-09-the-most-important-camera-accessory/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-08-03-my-experience-with-a-mac/" rel="bookmark" title="Link to My Experience with a Mac">My Experience with a Mac</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-08-03-my-experience-with-a-mac/" rel="bookmark" title="Link to My Experience with a Mac">My Experience with a Mac</a></h2> <span class="post-date">Published Aug 3, 2014</span> <p>About six months ago, I finally made the switch. Not because I hadn’t wanted to do it earlier, or because I suddenly became so fed up with the Windows operating system. I simply just had a little excess of money, and so I figured, “Well, this will never happen again. Might as well do it now.” Before I start this article, I simply want to throw out a disclaimer that I am not a hardcore “fanboy.” I work as a Computer Technician, and I service both Macintosh and Windows systems.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-08-03-my-experience-with-a-mac/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-08-03-my-experience-with-a-mac/">Continue reading ↦</a> <hr class="divider"> </article> <nav id="nav-below" class="navigation" role="navigation"> <div class="older"> - <a href="http://localhost:1313/brycematheson.io/page/3/">« Older Posts</a> + <a href="http://localhost:1313/page/3/">« Older Posts</a> </div> <div class="newer"> - <a href="http://localhost:1313/brycematheson.io/">Newer Posts »</a> + <a href="http://localhost:1313/">Newer Posts »</a> </div> <div class="clearfix"></div> <div class="pagination">Page 2 of 3</div> @@ -168,22 +163,16 @@ </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -202,5 +191,7 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html> diff --git a/public/page/3/index.html b/public/page/3/index.html index 5bcb246..aa4e1be 100644 --- a/public/page/3/index.html +++ b/public/page/3/index.html @@ -4,28 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - - <link href="http://localhost:1313/brycematheson.io/index.xml" rel="alternate" type="application/rss+xml" title="Allegiant" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -36,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -58,67 +53,67 @@ <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-29-my-experience-with-joomla/" rel="bookmark" title="Link to My Experience with Joomla">My Experience with Joomla</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-29-my-experience-with-joomla/" rel="bookmark" title="Link to My Experience with Joomla">My Experience with Joomla</a></h2> <span class="post-date">Published Jul 29, 2014</span> <p>By reading through the various posts and topics that I have on this website, it’s pretty obvious to see that I’m a fan of WordPress. It makes complex tasks incredibly simple and automated for users who want to create/build a website, but don’t want to have to deal with code at all. For more advanced users who do want to tweak a bit more with code, WordPress is great for that as well.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-29-my-experience-with-joomla/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-29-my-experience-with-joomla/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-26-how-to-record-your-screen-on-a-mac/" rel="bookmark" title="Link to How to record your screen on a Mac">How to record your screen on a Mac</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-26-how-to-record-your-screen-on-a-mac/" rel="bookmark" title="Link to How to record your screen on a Mac">How to record your screen on a Mac</a></h2> <span class="post-date">Published Jul 26, 2014</span> <p>While I’m sure there are a plethora of third-party applications that you can download to do this, why add something to your computer that would potentially slow it down when the functionality is already built-in? The ability is already built straight into the Quicktime app on your Mac. That’s right! The same application that allows you to watch videos on your computer also allows you to record your screen. It’s remarkably simple, and best of all — free!</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-26-how-to-record-your-screen-on-a-mac/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-26-how-to-record-your-screen-on-a-mac/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-18-change-crop-orientation-adobe-lightroom/" rel="bookmark" title="Link to Change Crop Orientation in Adobe Lightroom">Change Crop Orientation in Adobe Lightroom</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-18-change-crop-orientation-adobe-lightroom/" rel="bookmark" title="Link to Change Crop Orientation in Adobe Lightroom">Change Crop Orientation in Adobe Lightroom</a></h2> <span class="post-date">Published Jul 18, 2014</span> <p>Here’s a quick tip that, sadly, I just now discovered in Adobe Lightroom. I’d say I’m quite familiar with the tools and capabilities of Adobe Lightroom, however, one thing has always baffled me. While cropping an image, I could never get the crop tool to switch from landscape orientation to portrait. I like to constrain my cropping proportions so that if I ever need to print my images, I won’t have any letter boxing.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-18-change-crop-orientation-adobe-lightroom/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-18-change-crop-orientation-adobe-lightroom/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-16-understanding-raid/" rel="bookmark" title="Link to Understanding RAID">Understanding RAID</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-16-understanding-raid/" rel="bookmark" title="Link to Understanding RAID">Understanding RAID</a></h2> <span class="post-date">Published Jul 16, 2014</span> <p>Although this is changing with the advent of solid-state drives, most hard drives are mechanical, which means they are often the first part of a standard computer system to fail. Data is everything these days, and its up to you to protect it. But in the case of a drive failing, you have no excuse for not having a backup with the ease of RAID. Instead of waiting for a hard drive to fail, an easier approach can be taken.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-16-understanding-raid/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-16-understanding-raid/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-02-removing-category-from-your-wordpress-url/" rel="bookmark" title="Link to Removing 'category' from your WordPress URL">Removing 'category' from your WordPress URL</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-02-removing-category-from-your-wordpress-url/" rel="bookmark" title="Link to Removing 'category' from your WordPress URL">Removing 'category' from your WordPress URL</a></h2> <span class="post-date">Published Jul 2, 2014</span> <p>There’s no doubt about it. WordPress is popular, easy to use, and here to stay. It’s estimated that more than 20% of the internet is currently running on the CMS. With drag-and-drop features, thousands of themes, and super-simple customization, it’s easy to see why. That doesn’t mean WordPress doesn’t come without any quirks, though. One of those many quirks (annoyances, really) are the ‘categories’ feature. While it’s a piece of cake to categorize posts into various sections, there’s always been one thing that has bugged me.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-02-removing-category-from-your-wordpress-url/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-02-removing-category-from-your-wordpress-url/">Continue reading ↦</a> <hr class="divider"> </article> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/" rel="bookmark" title="Link to I don't use Anti-Virus software. Am I crazy?">I don't use Anti-Virus software. Am I crazy?</a></h2> + <h2 class="post-title"><a href="http://localhost:1313/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/" rel="bookmark" title="Link to I don't use Anti-Virus software. Am I crazy?">I don't use Anti-Virus software. Am I crazy?</a></h2> <span class="post-date">Published Jul 1, 2014</span> <p>I’ve been the go-to tech guy for family and friends for as long as I can remember. I can’t tell you how many times I’ve had someone come up to me asking, “My computer is SO slow. Can you fix it?” 99% percent of the time, this involves removing malware or virus infections. You’re all very familiar with these: browser hijacking, tons of popups, and a computer running as slow as molasses.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/">Continue reading ↦</a> + <a class="moretag" href="http://localhost:1313/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/">Continue reading ↦</a> <hr class="divider"> </article> <nav id="nav-below" class="navigation" role="navigation"> <div class="newer"> - <a href="http://localhost:1313/brycematheson.io/page/2/">Newer Posts »</a> + <a href="http://localhost:1313/page/2/">Newer Posts »</a> </div> <div class="clearfix"></div> <div class="pagination">Page 3 of 3</div> @@ -126,22 +121,16 @@ </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -160,5 +149,7 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html> diff --git a/public/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/index.html b/public/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/index.html index 4081df4..26b304e 100644 --- a/public/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/index.html +++ b/public/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>I don't use Anti-Virus software. Am I crazy? · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> I don't use Anti-Virus software. Am I crazy? <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -134,7 +131,7 @@ <p>I get it, though. When you visit a page that looks like this one, how are you supposed to know which “download” button is actually the correct one?</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/antivirus_1.png" alt="AntiVirus" /></p> +<p><img src="http://localhost:1313/img/post_images/antivirus_1.png" alt="AntiVirus" /></p> <p>The best bit of advice I can give to you is “look before you click.” When hovering over a button, you can look in the bottom corner of your web browser, and most (darn you, safari!) will give you a preview of where that URL will take you before you actually click on it. If that url is going to take you somewhere other than you intended, it’s very obviously not the correct link.</p> @@ -144,11 +141,11 @@ <p>Another piece of advice: When installing an application, be sure to actually READ what you’re agreeing to. Just clicking “next, next, next” is doing a lot more hurt than good. Below are a few screenshots of the uTorrent installation. If I hadn’t unchecked, or declined all three of those ‘offers’, I would have just crippled my machine in a matter of seconds.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/antivirus_2.jpg" alt="AntiVirus" /></p> +<p><img src="http://localhost:1313/img/post_images/antivirus_2.jpg" alt="AntiVirus" /></p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/antivirus_3.jpg" alt="AntiVirus" /></p> +<p><img src="http://localhost:1313/img/post_images/antivirus_3.jpg" alt="AntiVirus" /></p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/antivirus_4.jpg" alt="AntiVirus" /></p> +<p><img src="http://localhost:1313/img/post_images/antivirus_4.jpg" alt="AntiVirus" /></p> <h2 id="so-what-should-you-do:7bc47587a13315672b3de640773faf7b">So what should you do?</h2> @@ -162,7 +159,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -179,7 +176,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -200,7 +197,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-01-i-dont-use-anti-virus-software-am-i-crazy%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -217,28 +214,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -257,4 +249,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-02-removing-category-from-your-wordpress-url/index.html b/public/post/2014-07-02-removing-category-from-your-wordpress-url/index.html index fd12bc5..76e30e4 100644 --- a/public/post/2014-07-02-removing-category-from-your-wordpress-url/index.html +++ b/public/post/2014-07-02-removing-category-from-your-wordpress-url/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Removing 'category' from your WordPress URL · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Removing 'category' from your WordPress URL <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -128,7 +125,7 @@ <p>Under “Custom Structure,” enter “<code>/%category%/%postname%/</code>”. Also, enter a “<code>.</code>” under “Category base” as shown below in the photo.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/permalinks_wordpress.png" alt="RAID" /></p> +<p><img src="http://localhost:1313/img/post_images/permalinks_wordpress.png" alt="RAID" /></p> <p>Select “Save Changes”, and you should be good to go. From my experience, this hasn’t broken any links, and everything works as it should. While this works for now, there’s no telling if any future updates or upgrades to WordPress can or will break this.</p> @@ -138,7 +135,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -155,7 +152,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -176,7 +173,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-02-removing-category-from-your-wordpress-url%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -193,28 +190,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -233,4 +225,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-16-understanding-raid/index.html b/public/post/2014-07-16-understanding-raid/index.html index 60d4479..6329334 100644 --- a/public/post/2014-07-16-understanding-raid/index.html +++ b/public/post/2014-07-16-understanding-raid/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Understanding RAID · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Understanding RAID <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -126,21 +123,21 @@ <p>RAID Level 0 (striped disk array without fault tolerance): RAID 0 technology is based on striping. “Striping” takes the data written to the hard drive and partitions the storage space of each hard drive into smaller sections (stripes), which can be as small as 512 bytes or as large as several megabytes. Data written to the stripes is alternated across each of the drives, as shown in the diagram.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/raid1.png" alt="RAID" /></p> +<p><img src="http://localhost:1313/img/post_images/raid1.png" alt="RAID" /></p> <p>Although RAID Level 0 uses multiple drives, it is not fault tolerant, which means that if one of the drive fails, all of the data on that drive is lost.</p> <p>RAID Level 1 (mirroring): RAID Level 1 uses disk mirroring. Disk mirroring involves connecting multiple drives in the computer (or server) to the same disk controller card. When data has been requested to write data to the drive, the controller sends that same request to each drive. The same happens for a read request: the data is read twice, once from each drive. By “mirroring” the read/write actions on the primary drive, all the other drives become identical duplicates. If the primary hard drive fails, the other drives take over immediately, without losing any data. This is shown in the diagram below.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/raid2.png" alt="RAID" /></p> +<p><img src="http://localhost:1313/img/post_images/raid2.png" alt="RAID" /></p> <p>RAID 5 (independent disks with distributed parity): RAID Level 5 distributes parity data (a type of error checking) across all drives, instead of using a separate hard drive to hold the parity error-checking information. Data is always stored on one drive, while its parity information is stored on another drive, as you can see from the diagram below. Distributing parity across other disks simply provides a user with an additional layer of protection from data loss.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/raid3.png" alt="RAID" /></p> +<p><img src="http://localhost:1313/img/post_images/raid3.png" alt="RAID" /></p> <p>RAID 0 + 1 (high data transfer): RAID 0+1 is a nested-level RAID. It acts as a mirrored array whose segments are RAID 0 arrays. RAID 0+1 can achieve high data transfer rates because there are multiple strip segments. RAID 0+1 is shown below. With nested RAIDs, the elements can either be individual disks, or entire RAIDs. This is my preferred RAID configuration, as it provides redundancy for protection in case one of the drives fails, but it also increase read/write input/output. The only downside to this configuration is that you have to purchase four hard drives as a minimum. Start getting into solid-state drives, and you’re easily looking at $600.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/raid4.png" alt="RAID" /></p> +<p><img src="http://localhost:1313/img/post_images/raid4.png" alt="RAID" /></p> <table> <tr> @@ -280,7 +277,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -297,7 +294,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -318,7 +315,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-16-understanding-raid%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -335,28 +332,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -375,4 +367,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-18-change-crop-orientation-adobe-lightroom/index.html b/public/post/2014-07-18-change-crop-orientation-adobe-lightroom/index.html index d1c00a9..55e1f9e 100644 --- a/public/post/2014-07-18-change-crop-orientation-adobe-lightroom/index.html +++ b/public/post/2014-07-18-change-crop-orientation-adobe-lightroom/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Change Crop Orientation in Adobe Lightroom · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Change Crop Orientation in Adobe Lightroom <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -124,7 +121,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -141,7 +138,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -162,7 +159,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-18-change-crop-orientation-adobe-lightroom%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -179,28 +176,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -219,4 +211,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-26-how-to-record-your-screen-on-a-mac/index.html b/public/post/2014-07-26-how-to-record-your-screen-on-a-mac/index.html index aec75e0..455fbdc 100644 --- a/public/post/2014-07-26-how-to-record-your-screen-on-a-mac/index.html +++ b/public/post/2014-07-26-how-to-record-your-screen-on-a-mac/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>How to record your screen on a Mac · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> How to record your screen on a Mac <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -127,19 +124,19 @@ <li>From the top menu, select “File –> New Screen Recording”</li> </ol> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/record1.png" alt="Mac Screen Record" /></p> +<p><img src="http://localhost:1313/img/post_images/record1.png" alt="Mac Screen Record" /></p> <ol> <li> To the left of the giant red “record” button, there is a little while triangle that drops down to give you various options. From here, you can choose the default microphone that you wish to use (I use the built-in mic on the Mac, as I don’t have anything better). You can also choose whether to show mouse clicks or not.</li> </ol> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/record2.png" alt="Mac Screen Record" /></p> +<p><img src="http://localhost:1313/img/post_images/record2.png" alt="Mac Screen Record" /></p> <ol> <li>Once you have all the options set, click the big red button to begin. To stop recording, you can either press **Command + Control + Escape**, or you can press the little “stop” button in the task bar at the top:</li> </ol> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/record3.png" alt="Mac Screen Record" /></p> +<p><img src="http://localhost:1313/img/post_images/record3.png" alt="Mac Screen Record" /></p> <ol> <li>Once you stop the recording, a “Save as…” dialog box opens automatically, and you can name your file whatever you’d like. It’ll be saved in a .mov format by default so you can edit it in iMovie or wherever, but you can also export it in a different format if you choose.</li> @@ -151,7 +148,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -168,7 +165,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -189,7 +186,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-26-how-to-record-your-screen-on-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -206,28 +203,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -246,4 +238,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-29-my-experience-with-joomla/index.html b/public/post/2014-07-29-my-experience-with-joomla/index.html index 682eb84..b911618 100644 --- a/public/post/2014-07-29-my-experience-with-joomla/index.html +++ b/public/post/2014-07-29-my-experience-with-joomla/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>My Experience with Joomla · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> My Experience with Joomla <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -126,7 +123,7 @@ <p>Okay, so I wasn’t *that* scared, but it was strange to be working with something other than WordPress. After watching a few tutorials on YouTube, I felt somewhat more comfortable with the user interface and how things worked. It appears that Joomla is very modular, and the entire face of the website is built upon little pieces that are customized individually to create the front end.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/joomla.png" alt="Joomla" /></p> +<p><img src="http://localhost:1313/img/post_images/joomla.png" alt="Joomla" /></p> <h3 id="the-good:25ffb3e4fd69d20cf6f2810ed0c3ac00">The Good</h3> @@ -150,7 +147,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -167,7 +164,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -188,7 +185,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-29-my-experience-with-joomla%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -205,28 +202,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -245,4 +237,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-08-03-my-experience-with-a-mac/index.html b/public/post/2014-08-03-my-experience-with-a-mac/index.html index bae1acb..7cd19a5 100644 --- a/public/post/2014-08-03-my-experience-with-a-mac/index.html +++ b/public/post/2014-08-03-my-experience-with-a-mac/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>My Experience with a Mac · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> My Experience with a Mac <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -160,7 +157,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -177,7 +174,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -198,7 +195,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-08-03-my-experience-with-a-mac%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -215,28 +212,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -255,4 +247,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-09-09-the-most-important-camera-accessory/index.html b/public/post/2014-09-09-the-most-important-camera-accessory/index.html index 0adf02f..64bb6a1 100644 --- a/public/post/2014-09-09-the-most-important-camera-accessory/index.html +++ b/public/post/2014-09-09-the-most-important-camera-accessory/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>The Most Important Camera Accessory · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> The Most Important Camera Accessory <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -118,7 +115,7 @@ <p>Last night, we spent the evening playing with steel wool and throwing sparks into circular patterns into the air. Add a little fill flash, and some creativity, and you’ve got a fun evening planned. Soon, it starts to sprinkle, and you think, “It’s a good thing I invested in a nice full-frame camera. It’s got weather sealing!” You wait a few more minutes, and the rain begins to pick up just ever-so-slightly. You think again to yourself, “It’s a good thing I invested in some ‘L’ Canon glass! It’s weather resistant!”</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/sparks_fly.jpg" alt="Sparks Fly" /></p> +<p><img src="http://localhost:1313/img/post_images/sparks_fly.jpg" alt="Sparks Fly" /></p> <p>Soon, it’s an all-out downpour, and I reach into my gear bag for my trusty sidekick. I rip a small hole into the bottom of the bag, just the size of the lens opening, and the open end of the bag gently lays over the rest of the camera, allowing me to lift it up to peer through the eyepiece and view the image on the LCD screen.</p> @@ -132,7 +129,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -149,7 +146,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -170,7 +167,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-09-09-the-most-important-camera-accessory%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -187,28 +184,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -227,4 +219,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html b/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html index 930cd0f..1bd29a9 100644 --- a/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html +++ b/public/post/2014-10-03-visual-form-builder-paypal-redirect/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Visual Form Builder PayPal Redirect · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Visual Form Builder PayPal Redirect <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -122,7 +119,7 @@ <p>This morning, however, I ran into a new problem I’d never seen before. Upon redirection, I saw this error through PayPal:</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/visualformbuilder1.png" alt="Visual Form Builder" /></p> +<p><img src="http://localhost:1313/img/post_images/visualformbuilder1.png" alt="Visual Form Builder" /></p> <p>I did everything that I could think of, and I could not for the life of me figure out the issue. It kept saying that I was missing “required information”. The thing was that I wasn’t sending any information. And what was even more baffling was that if I copied the link directly into a browser, the URL worked fine, and I was successfully redirected to PayPal. Therefore, the problem lies with Visual Form Builder.</p> @@ -130,7 +127,7 @@ <p>I continued trying. After a lot of trial and error, I finally found a workaround. I used the <a href="https://goo.gl/" target="_blank">Google Link Shortener</a>, and for some reason, that worked. I pasted in my PayPal “email” link, and then Google spit out a shorter URL. I pasted that into the “Redirect” field under the confirmation settings, and voila! It worked!</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/visualformbuilder2.png" alt="Visual Form Builder" /></p> +<p><img src="http://localhost:1313/img/post_images/visualformbuilder2.png" alt="Visual Form Builder" /></p> <p>This seemed to work for me. It’s not ideal, but it’ll do for now. Have you had a similar problem? Does this work for you? Let me know what you think.</p> @@ -138,7 +135,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -155,7 +152,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -176,7 +173,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-03-visual-form-builder-paypal-redirect%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -193,28 +190,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -233,4 +225,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-10-06-tmobile-im-breaking-up-with-you/index.html b/public/post/2014-10-06-tmobile-im-breaking-up-with-you/index.html index 2651b2d..c9a96ab 100644 --- a/public/post/2014-10-06-tmobile-im-breaking-up-with-you/index.html +++ b/public/post/2014-10-06-tmobile-im-breaking-up-with-you/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>T-Mobile, I'm Breaking Up With You · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> T-Mobile, I'm Breaking Up With You <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -126,7 +123,7 @@ <p>I was fed up. I set out to compare prices. I navigated to Verizon Wireless, knowing before-hand that they were the most expensive, and that I would not be able to afford them, even though they provide the best coverage (for my area). Opening to their main page, I was presented with this advertisement:</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/tmobile.jpg" alt="T-Mobile, I'm Breaking Up With You" /></p> +<p><img src="http://localhost:1313/img/post_images/tmobile.jpg" alt="T-Mobile, I'm Breaking Up With You" /></p> <p>I was hesitant. I thought to myself, “Okay. Sure. Only $60. But they’re only going to give you 300MB of data, and to upgrade to at least 2GB will be an additional $20. Add taxes on top of that, as well as a monthly payment on the phone, and you’ll be up to $120 a month.” I couldn’t believe my eyes when the plan details loaded on my screen. Really? Unlimited Talk, Text, and 2GB of data for only $60? I don’t believe it. I chatted with an online representative too, just to make sure that it wasn’t too good to be true. She assured me that it was only $60 a month. Even with taxes, that will still bring me to more than $20 cheaper than my current bill.</p> @@ -142,7 +139,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -159,7 +156,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -180,7 +177,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-06-tmobile-im-breaking-up-with-you%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -197,28 +194,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -237,4 +229,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/index.html b/public/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/index.html index 2c17009..11dc10d 100644 --- a/public/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/index.html +++ b/public/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>I have an iPhone and Mac. Get an iPad? · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> I have an iPhone and Mac. Get an iPad? <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -140,7 +137,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -157,7 +154,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -178,7 +175,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-11-29-i-have-an-iphone-and-mac-get-an-ipad%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -195,28 +192,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -235,4 +227,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-12-05-heres-to-actually-sticking-with-something/index.html b/public/post/2014-12-05-heres-to-actually-sticking-with-something/index.html index be08d5f..3c92494 100644 --- a/public/post/2014-12-05-heres-to-actually-sticking-with-something/index.html +++ b/public/post/2014-12-05-heres-to-actually-sticking-with-something/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Here's to actually sticking with something · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Here's to actually sticking with something <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -126,7 +123,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -143,7 +140,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -164,7 +161,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-05-heres-to-actually-sticking-with-something%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -181,28 +178,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -221,4 +213,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-12-06-my-love-hate-relationship-with-wordpress/index.html b/public/post/2014-12-06-my-love-hate-relationship-with-wordpress/index.html index 551bded..181b12e 100644 --- a/public/post/2014-12-06-my-love-hate-relationship-with-wordpress/index.html +++ b/public/post/2014-12-06-my-love-hate-relationship-with-wordpress/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>My love-hate relationship with WordPress · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> My love-hate relationship with WordPress <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -168,7 +165,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -185,7 +182,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -206,7 +203,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-06-my-love-hate-relationship-with-wordpress%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -223,28 +220,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -263,4 +255,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-12-08-investment-calculator-java/index.html b/public/post/2014-12-08-investment-calculator-java/index.html index 70202ac..0515fde 100644 --- a/public/post/2014-12-08-investment-calculator-java/index.html +++ b/public/post/2014-12-08-investment-calculator-java/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Build a GUI Investment Calculator in Java · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Build a GUI Investment Calculator in Java <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -120,7 +117,7 @@ <p>When we’re finished, we’ll have a program that looks something like this:</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/guicalculator.png" alt="GUI Investment Calculator" /></p> +<p><img src="http://localhost:1313/img/post_images/guicalculator.png" alt="GUI Investment Calculator" /></p> <p>At the end of this post, I’ll show the complete code. If you have the Java JDK (a free download, <a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html" target="_blank">here</a>), you can easily import this code into a text editor, save it with a .java extension, and then compile it using the command line. Something this would work:</p> @@ -373,7 +370,7 @@ public class SimpleGUIProgram extends JFrame { <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -390,7 +387,7 @@ public class SimpleGUIProgram extends JFrame { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -411,7 +408,7 @@ public class SimpleGUIProgram extends JFrame { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-08-investment-calculator-java%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -428,28 +425,23 @@ public class SimpleGUIProgram extends JFrame { <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -468,4 +460,6 @@ public class SimpleGUIProgram extends JFrame { + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-12-15-pseudo-responsive-images/index.html b/public/post/2014-12-15-pseudo-responsive-images/index.html index b3d9dd5..4959b67 100644 --- a/public/post/2014-12-15-pseudo-responsive-images/index.html +++ b/public/post/2014-12-15-pseudo-responsive-images/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Pseudo-Responsive Images · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Pseudo-Responsive Images <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -138,7 +135,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -155,7 +152,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -176,7 +173,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-15-pseudo-responsive-images%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -193,28 +190,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -233,4 +225,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-12-20-take-that-mr-barney/index.html b/public/post/2014-12-20-take-that-mr-barney/index.html index 7de64d2..1958809 100644 --- a/public/post/2014-12-20-take-that-mr-barney/index.html +++ b/public/post/2014-12-20-take-that-mr-barney/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Take that, Mr. Barney · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Take that, Mr. Barney <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -134,7 +131,7 @@ <p>After playing with a few things, I finally got the results I was looking for. Check out the results that I got while using <a href="http://tools.pingdom.com/fpt/" target="_blank">Pingdom Page Speed</a>. More specifically, look at the red box. My ‘styles.css’ file (that isn’t minified, btw) weighs a whopping 6.2kB. JQuery, which is more than 6x larger, loads more than twice as fast. How did I do it?</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/pingdom-speed-results.jpg" alt="Pingdom PageSpeed Results" /></p> +<p><img src="http://localhost:1313/img/post_images/pingdom-speed-results.jpg" alt="Pingdom PageSpeed Results" /></p> <p>If you’re familiar with Bootstrap, and the way that you can customize it just to your liking, JQuery is the same. Usually, whenever I use Bootstrap, I don’t need all the font icons or navigation bars, or any of that. I only use the responsive pieces. With JQuery, they have similar options on their website to where you can customize it to your liking. I knew that the only piece I’d be using on my website is the navigation library. So I stripped everything else out.</p> @@ -146,7 +143,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -163,7 +160,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -184,7 +181,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-12-20-take-that-mr-barney%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -201,28 +198,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -241,4 +233,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-01-02-5-things-to-stop-doing-in-2015/index.html b/public/post/2015-01-02-5-things-to-stop-doing-in-2015/index.html index b095a8c..d93a089 100644 --- a/public/post/2015-01-02-5-things-to-stop-doing-in-2015/index.html +++ b/public/post/2015-01-02-5-things-to-stop-doing-in-2015/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>5 Things to Stop Doing in 2015 · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> 5 Things to Stop Doing in 2015 <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -144,7 +141,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -161,7 +158,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -182,7 +179,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-02-5-things-to-stop-doing-in-2015%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -199,28 +196,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -239,4 +231,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-01-19-static-site-contact-form/index.html b/public/post/2015-01-19-static-site-contact-form/index.html index 5effa9a..3c6d941 100644 --- a/public/post/2015-01-19-static-site-contact-form/index.html +++ b/public/post/2015-01-19-static-site-contact-form/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Static Site (Database Free) Contact Form · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Static Site (Database Free) Contact Form <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -147,7 +144,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -164,7 +161,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -185,7 +182,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-19-static-site-contact-form%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -202,28 +199,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -242,4 +234,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-01-24-remove-ds_store-from-zip-file/index.html b/public/post/2015-01-24-remove-ds_store-from-zip-file/index.html index c8da524..dea1562 100644 --- a/public/post/2015-01-24-remove-ds_store-from-zip-file/index.html +++ b/public/post/2015-01-24-remove-ds_store-from-zip-file/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Remove .DS_Store from ZIP Files · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Remove .DS_Store from ZIP Files <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -140,7 +137,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -157,7 +154,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -178,7 +175,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-01-24-remove-ds_store-from-zip-file%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -195,28 +192,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -235,4 +227,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-02-14-i-love-to-grunt-and-gulp/index.html b/public/post/2015-02-14-i-love-to-grunt-and-gulp/index.html index f448046..cea3808 100644 --- a/public/post/2015-02-14-i-love-to-grunt-and-gulp/index.html +++ b/public/post/2015-02-14-i-love-to-grunt-and-gulp/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>I love to Grunt and Gulp · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> I love to Grunt and Gulp <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -218,7 +215,7 @@ gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -235,7 +232,7 @@ gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -256,7 +253,7 @@ gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-14-i-love-to-grunt-and-gulp%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -273,28 +270,23 @@ gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -313,4 +305,6 @@ gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-02-20-command-line-essentials/index.html b/public/post/2015-02-20-command-line-essentials/index.html index 122137c..3da5b52 100644 --- a/public/post/2015-02-20-command-line-essentials/index.html +++ b/public/post/2015-02-20-command-line-essentials/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Command Line Essentials · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Command Line Essentials <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -172,7 +169,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -189,7 +186,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -210,7 +207,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-02-20-command-line-essentials%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -227,28 +224,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -267,4 +259,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-06-03-powershell-extend-script/index.html b/public/post/2015-06-03-powershell-extend-script/index.html index 3cdf59b..a4cceda 100644 --- a/public/post/2015-06-03-powershell-extend-script/index.html +++ b/public/post/2015-06-03-powershell-extend-script/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>VMware Disk Extend Powershell Script · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> VMware Disk Extend Powershell Script <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -230,7 +227,7 @@ If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -247,7 +244,7 @@ If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -268,7 +265,7 @@ If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-06-03-powershell-extend-script%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -285,28 +282,23 @@ If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -325,4 +317,6 @@ If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-07-25-hindsight/index.html b/public/post/2015-07-25-hindsight/index.html index 4ddf101..590b342 100644 --- a/public/post/2015-07-25-hindsight/index.html +++ b/public/post/2015-07-25-hindsight/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Hindsight · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Hindsight <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -139,7 +136,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -156,7 +153,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -177,7 +174,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-25-hindsight%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -194,28 +191,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -234,4 +226,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-07-31-windows-10-first-impressions/index.html b/public/post/2015-07-31-windows-10-first-impressions/index.html index ec10c72..d3fbfb8 100644 --- a/public/post/2015-07-31-windows-10-first-impressions/index.html +++ b/public/post/2015-07-31-windows-10-first-impressions/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Windows 10: First Impressions · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Windows 10: First Impressions <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -118,29 +115,29 @@ <p>On first boot-up, the very first thing that I said to myself was, “Wow, this feels dark.” It doesn’t really feel like a warm, inviting welcome like Windows 7 or Windows 8.1 felt. The default background is a dark, deep blue (which can be changed, obviously), and the taskbar is straight black, without any nifty aero effects or transparency. It just seems very cold to me, something that you might see on a Batman movie. It might be something small and subtle that only I care about, but I feel like having brighter colors make things less intimidating. It almost has a Unix feel. I know that everything these days is turning towards a more flat UI, but what happened to Aero glass? I personally miss that transparent touch on the taskbar and open windows.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-1.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-1.png" alt="Windows 10 First Impressions" /></p> <p>Also, I feel that the default icon set is absolutely disgusting. “This PC” and “Recycle Bin” look like something from Windows 95. Not a fan.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-2.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-2.png" alt="Windows 10 First Impressions" /></p> <p>The next thing I couldn’t help but notice was that there were many features that seemed very “Mac”-esque. Virtual desktops, a notification panel that slides in from the right side of the screen, and a dedicated button to display all open applications as small panels (similar to how Expose/Mission Control does things). It seems like a poorly done copy cat of some of the features that I love most about OS X. Also, smaller pop-up messages slide in from the right side of the screen whenever new updates have been installed, or when Windows deems itself worthy to let you know that something has changed. Rather than informing you in the top-right corner like on a Mac, Microsoft has discretely moved these notifications to the bottom-right hand corner of the screen, as not to look too much like OS X.</p> <p>Generally, after installing a brand new Windows OS, the first thing I tend to do is head over to Windows Update to install drivers. It’s kind of ironic, because everything listed under “Important Updates”, I uncheck, and everything listed under “Recommended Updates” are usually checked. I only select the specific hardware drivers that I’m looking for, and those are most often listed under “Recommended.” Shoot me for saying this (especially because my daily job is as a Windows Systems Administrator), but I’ve never really felt that Windows Updates have helped the security/stability/functionality of a Windows environment, and if anything, have had detrimental effects as far as performance goes. Most often, I decide to change the update settings to “Never install”. When I feel I need a specific update, I have enough technical know-how to manually select what I want. In Windows 10, only two options are listed now: “Automatic” and “Notify to schedule restart.” Sorry, Microsoft, but I like to have a little more control over update settings than that. For novice users, this might be a welcome feature, but I dislike it.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-3.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-3.png" alt="Windows 10 First Impressions" /></p> <p>Another simple thing that I like to do on any new Windows installation is throw “Computer” on the desktop for easy access to the file system. “Computer” has been renamed to “This PC” in Windows 10 (I’m coming from Windows 7, so I don’t remember if this was changed previously in 8.1 or not). Normally, I can simply write-click on “Computer” and choose “Show on Desktop” to have it placed conveniently for me. All mentions of this have been removed. It’s small and stupid, but I really appreciated having that in a context menu. Now, you have to go into “Personalize” and then “Themes” and then “Desktop Icon Settings” — an unnecessary number of steps, in my opinion. I know that the “Windows + E” shortcut is available to open the file explorer, but still.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-4.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-4.png" alt="Windows 10 First Impressions" /></p> <p>I’m sure (and hoping) that it’s only because I’m running the OS as a Virtual Machine, and the drivers just aren’t quite there yet for Mac, but I just couldn’t help but feel that everything that I did had a bit of latency. Clicks weren’t as snappy as I would have liked. There seemed to be a delay on just about everything I tried to do. Everything from clicking on the Start menu, to loading basic applications like Notepad. Mind you, that this is all running on a laptop with an SSD also. Windows 7 never seemed to have any sort of lag. It’s also very possible that because Windows 10 is 6 years newer than Windows 7, it requires more System Resources than any of its older siblings. It seemed the same to me, though. On a blank desktop, with no active applications, RAM usage was 0.7GB, although CPU utilization seemed a bit high for doing absolutely nothing.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-5.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-5.png" alt="Windows 10 First Impressions" /></p> <p>Everything thus-far has been negative — So is there anything about Windows 10 that I <em>do</em> like? The new start menu. It’s wonderful. It’s as if Windows 7 and Windows 8 got together and had a baby. This is how the start menu in Windows 8 <em>should</em> have been. I welcome the live tiles that automatically update. It gives me quick access to weather and sports at a glance, rather than having to open a full-blown web page.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-6.png" alt="Windows 10 First Impressions" /></p> +<p><img src="http://localhost:1313/img/post_images/windows-10-first-impressions-6.png" alt="Windows 10 First Impressions" /></p> <p>And speaking of Web pages, I’ve really enjoyed using Edge so far, the new browser to replace Internet Explorer. It’s not as different as I had expected, and still has subtle UI designs from IE 11, but it appears that it will do a much better job at rendering some of the latest HTML5/CSS3 properties that were almost completely missing previously.</p> @@ -152,7 +149,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -169,7 +166,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -190,7 +187,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-07-31-windows-10-first-impressions%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -207,28 +204,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -247,4 +239,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-09-15-moral-sensitivity/index.html b/public/post/2015-09-15-moral-sensitivity/index.html index 18d149f..f87e816 100644 --- a/public/post/2015-09-15-moral-sensitivity/index.html +++ b/public/post/2015-09-15-moral-sensitivity/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Moral Sensitivity · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> Moral Sensitivity <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -136,7 +133,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -153,7 +150,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -174,7 +171,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-09-15-moral-sensitivity%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -191,28 +188,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -231,4 +223,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2015-11-09-mathesondigital-wordpress-theme/index.html b/public/post/2015-11-09-mathesondigital-wordpress-theme/index.html index effada6..3775678 100644 --- a/public/post/2015-11-09-mathesondigital-wordpress-theme/index.html +++ b/public/post/2015-11-09-mathesondigital-wordpress-theme/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>MathesonDigital Wordpress Theme · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> -<header class="header" style="background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(http://localhost:1313/brycematheson.io/img/plane.jpg) 49.9% 49.9% / cover;" role="banner"> +<header class="header" style="background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(http://localhost:1313//img/plane.jpg) 49.9% 49.9% / cover;" role="banner"> <!-- FeaturedImage. Otherwise show default //--> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -47,7 +44,7 @@ <h1> MathesonDigital Wordpress Theme <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -116,13 +113,13 @@ <article> <p>So I made a WordPress Theme.</p> -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/mathesondigital-wordpress.png" alt="MathesonDigital Wordpress Theme" /></p> +<p><img src="http://localhost:1313/img/post_images/mathesondigital-wordpress.png" alt="MathesonDigital Wordpress Theme" /></p> <p>Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that’s about it. No frills, no fuss, no crazy configuration options, nothing.</p> <p>So many of you might be asking then, “Bryce, why not just use a static site generator for your blog?” Good question. Been there, done that. And it was fine. I’m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn’t even care about that. You’ll notice that on this site, I’ve completely omitted the comment system.</p> -<p>But the main reason I ditched the static site generator were the painfully slow load times. My blog used to showcase a lot of my photography, and so I probably had around 50 posts total overall, most of which were photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I’m one of those “code-and-check-and-code-and-check-some-more” type people. I don’t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> +<p>But the main reason I ditched the static site generator were the painfully slow build times. My blog used to showcase a lot of my photography, and so I probably had around 50 posts total overall, most of which were photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I’m one of those “code-and-check-and-code-and-check-some-more” type people. I don’t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> <p>Another thing that I really missed also, was the ability to update the blog from anywhere I wanted. All of my static files were on my laptop at home, making it extremely difficult to access. Yeah, people mention options like Dropbox or whatever, but that’s just a hassle. WordPress works great for what I need, and because I don’t jam-pack my sites full of crappy third-party plugins, it works reasonably well.</p> @@ -136,7 +133,7 @@ <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -153,7 +150,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -174,7 +171,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fbrycematheson.io%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2015-11-09-mathesondigital-wordpress-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -191,28 +188,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -231,4 +223,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/2014-07-30-how-to-use-the-photoshop-liquify-tool/index.html b/public/post/features/index.html index 1739b86..3bf20e3 100644 --- a/public/post/2014-07-30-how-to-use-the-photoshop-liquify-tool/index.html +++ b/public/post/features/index.html @@ -3,27 +3,24 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> - <title>How to use the Liquify Tool in Photoshop · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/css/font-awesome.min.css" /> + <title>Allegiant Features · Allegiant</title> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/img/apple-touch-icon.jpg" /> - </head> <body> -<header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> +<header class="header" style="background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(http://localhost:1313//img/plane.jpg) 49.9% 49.9% / cover;" role="banner"> +<!-- FeaturedImage. Otherwise show default //--> <section id="branding"> <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> <li><a href="http://localhost:1313/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -35,9 +32,9 @@ <nav id="menu" role="navigation"> <ul> <li><a href="http://localhost:1313/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -45,9 +42,9 @@ </section> <div class="post-heading"> <h1> - How to use the Liquify Tool in Photoshop + Allegiant Features <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -110,19 +107,63 @@ <section id="content" role="main"> <section class="entry-meta"> - <span class="post-date">Jul 30, 2014</span> + <span class="post-date">Nov 22, 2015</span> </section></header> <section class="entry-content"> <article> -<p>The Liquify Tool is incredible, if you know how to use it right. Sometimes it can be tricky to get the hang of it at first, but eventually you’ll figure it out. I know that even now I’m not very effective when using it. Regardless, I created a quick video tutorial on how to use the Liquify Tool in Photoshop. In this video tutorial, I use a sample image I took from one of my recent shoots to quickly fix a small portion on an arm that was bugging me a hint.</p> -<p>As always, be sure not to overdo it. People often go crazy when they learn how to use the liquify tool. Going too far can absolutely make something look Photoshopped and fake.</p> + +<h1 id="allegiant-a-kick-ass-hugo-theme:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Allegiant – A kick-ass Hugo theme</h1> + +<p>Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the “Featured Image” section in the post header data.</p> + +<h1 id="custom-config:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Custom Config</h1> + +<p>It’s got custom data you can edit in the config.toml file too. Here’s a sample:</p> + +<pre><code class="language-toml">baseurl = "yoursitehere.com" +languageCode = "en-us" +title = "Allegiant" +copyright = "&copy; Allegiant. All Rights Reserved." # Copyright notice. This will be displayed in the footer. +canonifyurls = true + +[params] + ga_api_key = "Your Google Analytics tracking id" # Google Analytics API key. + avatar = "../../img/avatar.jpg" # Image should be square, and roughly 150px x 150px + bio = "Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient." + github = "http://github.com/username" + twitter = "https://twitter.com/username" + linkedin = "https://www.linkedin.com/in/username" + footer_1 = "Some text here." + footer_2 = "Some different text here." + footer_3 = "Even more different text here." +</code></pre> + +<h2 id="auto-syntax-highlighting-for-any-language:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Auto Syntax Highlighting for any language</h2> + +<p>It’s got built in Syntax highlight, too. Just start a block of code with “~~~typeyourlanguagehere” and then close it with three more squiqlies. If you view the above block of code in a text editor, you’ll see what I mean.</p> + +<h2 id="code-snippets:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Code Snippets</h2> + +<p>In case you don’t want to do an entire block of code, you can just do a small snippet of code, such as a command to type in, or a key to press by wrapping your text in a span class of “smallcode”. <span class="smallcode">This is what it’ll look like.</span></p> + +<h2 id="sharing-icons:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Sharing Icons</h2> + +<p>Sharing icons are automatically embedded in the post. So that’s cool.</p> + +<h2 id="fast:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Fast</h2> + +<p>Gets a <sup>73</sup>⁄<sub>100</sub> ranking on Google PageSpeed Insights. And that’s WITH render-blocking CSS, and no CDN. Fix those things, and you’ll hit a <sup>95</sup>⁄<sub>100</sub>.</p> + +<h2 id="more:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">More</h2> + +<p>There’s a lot more this theme can do, and it’s really cool, but I’m really hungry and going to go eat lunch. So I’m going to upload this to GitHub and be done with it.</p> </section> <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -139,7 +180,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -160,7 +201,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-07-30-how-to-use-the-photoshop-liquify-tool%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2ffeatures%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -177,28 +218,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> <footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -217,4 +253,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/post/index.html b/public/post/index.html index 68d31e7..edccfdd 100644 --- a/public/post/index.html +++ b/public/post/index.html @@ -4,26 +4,23 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <title>Posts · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/brycematheson.io/css/font-awesome.min.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/brycematheson.io/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/brycematheson.io/img/apple-touch-icon.jpg" /> - </head> <body> <header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> + background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> <section id="branding"> - <div id="site-title"><a href="http://localhost:1313/brycematheson.io/">Allegiant</a></div> + <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -34,10 +31,10 @@ <label for="op"></label> <nav id="menu" role="navigation"> <ul> - <li><a href="http://localhost:1313/brycematheson.io/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://localhost:1313/">Articles</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -57,257 +54,35 @@ <hr/> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/" rel="bookmark" title="Link to MathesonDigital Wordpress Theme">MathesonDigital Wordpress Theme</a></h2> - <span class="post-date">Published Nov 15, 2015</span> - <p>So I made a WordPress Theme. Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that’s about it. No frills, no fuss, no crazy configuration options, nothing.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/" rel="bookmark" title="Link to Moral Sensitivity">Moral Sensitivity</a></h2> - <span class="post-date">Published Sep 15, 2015</span> - <p>This has absolutely nothing to do with technology, but it’s my blog, so I can do what I want. This past Memorial Day weekend, I had the most incredible chance to visit Yellowstone National Park. I’m embarrassed to say that I’ve lived less than two hours away from one of the largest National Parks in the United States for more than three years, and I’ve never made the trip. Once the weather warmed up, and we had a chance to get away for a full day, we gassed up the car, filled the coolers, and headed north.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/" rel="bookmark" title="Link to Windows 10: First Impressions">Windows 10: First Impressions</a></h2> - <span class="post-date">Published Jul 31, 2015</span> - <p>Windows 10 launched yesterday, and so being my naturally-curious self on all the latest and greatest in the tech world, I gave it a go. I got an ISO and started it up in VM Fusion on my Mac. This won’t be an in-depth review on all the latest features and all that jazz. There are plenty of Tech Blogs out there that can perform a better review than I ever could.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/" rel="bookmark" title="Link to Hindsight">Hindsight</a></h2> - <span class="post-date">Published Jul 15, 2015</span> - <p>David Walsh, a popular Web Development blogger I follow, wrote a post a few months ago about the “Imposter Syndrome,” a common feeling that many developers have going into a new job, or even in their current position; a feeling of inadequacy or fear that someone is going to discover them as a “fake,” simply pretending to be competent in their field. As I was reading through his comments, I couldn’t help but relate.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/" rel="bookmark" title="Link to VMware Disk Extend Powershell Script">VMware Disk Extend Powershell Script</a></h2> - <span class="post-date">Published Jun 3, 2015</span> - <p>About a month ago, I began working at Intermountain Healthcare, here in Utah, as a Systems Administrator. We have a bunch of monitoring software, one of which is called “Spectrum”. It searches for hardware errors or any other faults and then reports them to us. One of the most common reports that we find is that “C: 90% usage”, or something similar. Because the majority of the servers that we run are virtual, with a thin disk setup, they have relatively small drives (some starting as small as 25GB).</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/" rel="bookmark" title="Link to Command Line Essentials">Command Line Essentials</a></h2> - <span class="post-date">Published Feb 20, 2015</span> - <p>It wasn’t too long ago that I was terrified of the terminal. It’s pretty daunting to be staring at a blank screen with a blinking cursor taunting you. Want to know something? It’s not as scary as you might think. It would take years to master the command line, so don’t expect to know everything all at once. Everyday, try and find little ways to slowly blend the terminal with basic tasks.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/" rel="bookmark" title="Link to I love to Grunt and Gulp">I love to Grunt and Gulp</a></h2> - <span class="post-date">Published Feb 14, 2015</span> - <p>(Happy Valentine’s Day, ya’ll. Get off the computer and go buy something nice for your woman.) Sometimes I like to pretend that I know stuff, when I really don’t. Gulp is one of those things. :) I need to get better at finding solutions to a lot of the repetitive tasks that I do on a daily basis. Up until now, let’s say I was about to push some production code to the web.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/" rel="bookmark" title="Link to Remove .DS_Store from ZIP Files">Remove .DS_Store from ZIP Files</a></h2> - <span class="post-date">Published Jan 24, 2015</span> - <p>At work this week, I had to download a bunch of compressed XML files, delete some duplicate files contained therein, recompress the files, and then reupload them to a server. The problem, however, is that whenever I tried to upload the files, I got a strange server error. After some trial and error, and some deep examination, I found that the hidden file “.DS_Store” was causing the server error issue. When I removed the hidden “.DS_Store” file, I had no more issues.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/" rel="bookmark" title="Link to Static Site (Database Free) Contact Form">Static Site (Database Free) Contact Form</a></h2> - <span class="post-date">Published Jan 19, 2015</span> - <p>Although my site is always a work in progress, (I’ve still got plenty of things I need to do on it), I feel like it’s in the final stages. Recently, I was trying to add the finishing touches by implementing a contact form. Mostly, to combat spam. I didn’t want to throw my direct e-mail address out there, because that’s just asking for an inbox full of viagra ads. The thing that I wanted to completely avoid was having any server-side (PHP) scripting, or databases.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/" rel="bookmark" title="Link to 5 Things to Stop Doing in 2015">5 Things to Stop Doing in 2015</a></h2> - <span class="post-date">Published Jan 2, 2015</span> - <p>It seems that a year has ended, and new year resolutions are all on the rage again. Yeah, there’s those typical ones such as joining a gym and getting in shape (although, I really think I might do it this year), etc. Here are five things I’d like to quit doing this year. 1. Quit checking my Instagram likes Yeah, it’s stupid, but really. I mean it. We all do it.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/" rel="bookmark" title="Link to Take that, Mr. Barney">Take that, Mr. Barney</a></h2> - <span class="post-date">Published Dec 20, 2014</span> - <p>We’ve all had those professors/teachers that we just don’t seem to mesh with. Recently, I had a professor with whom I could not set aside my differences. The class was about Mobile Application Development. I went into it thinking, “Wow, I’m excited! Finally, I’ll be able to create an iOS/Android application!” On the first day of the class, Mr. Barney walked in and said, “This is not a programming class. This is not an iOS development class.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/" rel="bookmark" title="Link to Pseudo-Responsive Images">Pseudo-Responsive Images</a></h2> - <span class="post-date">Published Dec 15, 2014</span> - <p>Honestly, I’m a bit embarrassed to say that I didn’t know how to do this before. I’ll be creating a blog post here fairly soon on my conversion from WordPress to Jekyll for this blog, but in doing so, I’ve learned a lot of cool new things. Due to the vast number of mobile devices in circulation right now, I make it a habit to try and develop for mobile first, and then expand for the desktop user.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/" rel="bookmark" title="Link to Build a GUI Investment Calculator in Java">Build a GUI Investment Calculator in Java</a></h2> - <span class="post-date">Published Dec 8, 2014</span> - <p>I’m not a programmer. Some people just have that natural itch to want to go out and code all day long, but that isn’t me. I enjoy scripting and web development, but deep, low-level programming just simply isn’t my thing. So the fact that even I was able to create a simple GUI application should tell you how easy it is. The code below might look daunting at first, but we’ll walk through it piece by piece to hopefully clear things up.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/" rel="bookmark" title="Link to My love-hate relationship with WordPress">My love-hate relationship with WordPress</a></h2> - <span class="post-date">Published Dec 6, 2014</span> - <p>Recently, I’ve really been getting fed up with WordPress. And here’s why. WordPress dates all the way back to 2001. It was originally developed as a simple blogging platform based off of MySQL and PHP. Close to fifteen years later, it’s become a web standard and is used as the Framework/CMS for more than 20% of all the websites on the internet. And that’s exactly the problem. WordPress has exploded into a million different forks and subprojects, and has been expanded to run an equal amount of themes and plugins.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/" rel="bookmark" title="Link to Here's to actually sticking with something">Here's to actually sticking with something</a></h2> - <span class="post-date">Published Dec 5, 2014</span> - <p>When I was 16 (yes, I’m young, okay?), I had the idea for a Tech Blog. Not that it had never been done before or anything, but it’s just that ever since the age of 9, technology is the only hobby or thing in my life that I’ve consistently held interest in. I’m not sure why I wanted to start one, but I just figured it would be a good way of tracking my progress and learning of various technologies, as well as helping others in anyway, if possible.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/" rel="bookmark" title="Link to I have an iPhone and Mac. Get an iPad?">I have an iPhone and Mac. Get an iPad?</a></h2> - <span class="post-date">Published Nov 29, 2014</span> - <p>Let me start off right away by saying that you do not “need” an iPad. Regardless of what you do or do not have, you do not NEED an iPad. If you want to hear me go off on a big spiel about instant gratification and entitlement, I could talk your ear off. But we’ll save that for another day. But let’s get to what you’re really interested about. I am not an Apple Fanboy (an Apple Watch for $350?!</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-10-06-tmobile-im-breaking-up-with-you/" rel="bookmark" title="Link to T-Mobile, I'm Breaking Up With You">T-Mobile, I'm Breaking Up With You</a></h2> - <span class="post-date">Published Oct 6, 2014</span> - <p>“It’s me, not you. Okay, no. Actually, it is you. We’ve had a good run together. We’ve tried it out for more than a year, but things just aren’t working out. That’s not to say that we haven’t had some good times together, but I’m just ready to move on.” Usually, it’s safer if I keep my credit card in a different room while I’m surfing the internet late at night.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-10-06-tmobile-im-breaking-up-with-you/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-10-03-visual-form-builder-paypal-redirect/" rel="bookmark" title="Link to Visual Form Builder PayPal Redirect">Visual Form Builder PayPal Redirect</a></h2> - <span class="post-date">Published Oct 3, 2014</span> - <p>For anyone who knows me even slightly well knows that I’m a huge fan of WordPress. I use it as my go-to CMS for all of the websites I create, whether for myself or for clients. It gives me the flexibility I need in a well designed format, and it gives my clients the ability to make changes to their own websites without knowing any code. Some people will give you a giant list of plugins that you have to download when first setting up your WordPress site.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-10-03-visual-form-builder-paypal-redirect/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-09-09-the-most-important-camera-accessory/" rel="bookmark" title="Link to The Most Important Camera Accessory">The Most Important Camera Accessory</a></h2> - <span class="post-date">Published Sep 9, 2014</span> - <p>Want to know what my most cherished and valuable piece of photography equipment is? You might be surprised. It’s not my beautiful Canon 6D. Nor is it my 24-70 F2.8 lens. It’s light, portable, and inexpensive, yet it’s the most important piece of equipment that I own: a plastic bag. Last night, we spent the evening playing with steel wool and throwing sparks into circular patterns into the air. Add a little fill flash, and some creativity, and you’ve got a fun evening planned.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-09-09-the-most-important-camera-accessory/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-08-03-my-experience-with-a-mac/" rel="bookmark" title="Link to My Experience with a Mac">My Experience with a Mac</a></h2> - <span class="post-date">Published Aug 3, 2014</span> - <p>About six months ago, I finally made the switch. Not because I hadn’t wanted to do it earlier, or because I suddenly became so fed up with the Windows operating system. I simply just had a little excess of money, and so I figured, “Well, this will never happen again. Might as well do it now.” Before I start this article, I simply want to throw out a disclaimer that I am not a hardcore “fanboy.” I work as a Computer Technician, and I service both Macintosh and Windows systems.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-08-03-my-experience-with-a-mac/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-29-my-experience-with-joomla/" rel="bookmark" title="Link to My Experience with Joomla">My Experience with Joomla</a></h2> - <span class="post-date">Published Jul 29, 2014</span> - <p>By reading through the various posts and topics that I have on this website, it’s pretty obvious to see that I’m a fan of WordPress. It makes complex tasks incredibly simple and automated for users who want to create/build a website, but don’t want to have to deal with code at all. For more advanced users who do want to tweak a bit more with code, WordPress is great for that as well.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-29-my-experience-with-joomla/">Continue reading ↦</a> + <h2 class="post-title"><a href="http://localhost:1313/post/features/" rel="bookmark" title="Link to Allegiant Features">Allegiant Features</a></h2> + <span class="post-date">Published Nov 22, 2015</span> + <p>Allegiant – A kick-ass Hugo theme Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the “Featured Image” section in the post header data. Custom Config It’s got custom data you can edit in the config.toml file too. Here’s a sample: baseurl = "yoursitehere.com" languageCode = "en-us" title = "Allegiant" copyright = "&copy; Allegiant. All Rights Reserved." # Copyright notice. This will be displayed in the footer.</p> + <a class="moretag" href="http://localhost:1313/post/features/">Continue reading ↦</a> <hr class="divider"> </article> <hr/> <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-26-how-to-record-your-screen-on-a-mac/" rel="bookmark" title="Link to How to record your screen on a Mac">How to record your screen on a Mac</a></h2> - <span class="post-date">Published Jul 26, 2014</span> - <p>While I’m sure there are a plethora of third-party applications that you can download to do this, why add something to your computer that would potentially slow it down when the functionality is already built-in? The ability is already built straight into the Quicktime app on your Mac. That’s right! The same application that allows you to watch videos on your computer also allows you to record your screen. It’s remarkably simple, and best of all — free!</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-26-how-to-record-your-screen-on-a-mac/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-18-change-crop-orientation-adobe-lightroom/" rel="bookmark" title="Link to Change Crop Orientation in Adobe Lightroom">Change Crop Orientation in Adobe Lightroom</a></h2> - <span class="post-date">Published Jul 18, 2014</span> - <p>Here’s a quick tip that, sadly, I just now discovered in Adobe Lightroom. I’d say I’m quite familiar with the tools and capabilities of Adobe Lightroom, however, one thing has always baffled me. While cropping an image, I could never get the crop tool to switch from landscape orientation to portrait. I like to constrain my cropping proportions so that if I ever need to print my images, I won’t have any letter boxing.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-18-change-crop-orientation-adobe-lightroom/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-16-understanding-raid/" rel="bookmark" title="Link to Understanding RAID">Understanding RAID</a></h2> - <span class="post-date">Published Jul 16, 2014</span> - <p>Although this is changing with the advent of solid-state drives, most hard drives are mechanical, which means they are often the first part of a standard computer system to fail. Data is everything these days, and its up to you to protect it. But in the case of a drive failing, you have no excuse for not having a backup with the ease of RAID. Instead of waiting for a hard drive to fail, an easier approach can be taken.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-16-understanding-raid/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-02-removing-category-from-your-wordpress-url/" rel="bookmark" title="Link to Removing 'category' from your WordPress URL">Removing 'category' from your WordPress URL</a></h2> - <span class="post-date">Published Jul 2, 2014</span> - <p>There’s no doubt about it. WordPress is popular, easy to use, and here to stay. It’s estimated that more than 20% of the internet is currently running on the CMS. With drag-and-drop features, thousands of themes, and super-simple customization, it’s easy to see why. That doesn’t mean WordPress doesn’t come without any quirks, though. One of those many quirks (annoyances, really) are the ‘categories’ feature. While it’s a piece of cake to categorize posts into various sections, there’s always been one thing that has bugged me.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-02-removing-category-from-your-wordpress-url/">Continue reading ↦</a> - <hr class="divider"> - </article> - - <hr/> - <article> - <h2 class="post-title"><a href="http://localhost:1313/brycematheson.io/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/" rel="bookmark" title="Link to I don't use Anti-Virus software. Am I crazy?">I don't use Anti-Virus software. Am I crazy?</a></h2> - <span class="post-date">Published Jul 1, 2014</span> - <p>I’ve been the go-to tech guy for family and friends for as long as I can remember. I can’t tell you how many times I’ve had someone come up to me asking, “My computer is SO slow. Can you fix it?” 99% percent of the time, this involves removing malware or virus infections. You’re all very familiar with these: browser hijacking, tons of popups, and a computer running as slow as molasses.</p> - <a class="moretag" href="http://localhost:1313/brycematheson.io/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/">Continue reading ↦</a> + <h2 class="post-title"><a href="http://localhost:1313/post/introducing-allegiant-a-hugo-theme/" rel="bookmark" title="Link to Introducing Allegiant -- A Hugo Theme">Introducing Allegiant -- A Hugo Theme</a></h2> + <span class="post-date">Published Nov 21, 2015</span> + <p>So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too. Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick.</p> + <a class="moretag" href="http://localhost:1313/post/introducing-allegiant-a-hugo-theme/">Continue reading ↦</a> <hr class="divider"> </article> </section> <div class="clear"></div> </div> -<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313/brycematheson.io//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> +<footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/brycematheson.io/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -326,5 +101,7 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html> diff --git a/public/post/index.xml b/public/post/index.xml index 4648466..859ab8b 100644 --- a/public/post/index.xml +++ b/public/post/index.xml @@ -2,926 +2,91 @@ <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> <title>Posts on Allegiant</title> - <link>http://localhost:1313/brycematheson.io/post/</link> + <link>http://localhost:1313/post/</link> <description>Recent content in Posts on Allegiant</description> <generator>Hugo -- gohugo.io</generator> <language>en-us</language> <copyright>&copy; Allegiant. All Rights Reserved.</copyright> - <lastBuildDate>Sun, 15 Nov 2015 18:50:20 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/brycematheson.io/post/index.xml" rel="self" type="application/rss+xml" /> + <lastBuildDate>Sun, 22 Nov 2015 10:54:54 -0700</lastBuildDate> + <atom:link href="http://localhost:1313/post/index.xml" rel="self" type="application/rss+xml" /> <item> - <title>MathesonDigital Wordpress Theme</title> - <link>http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/</link> - <pubDate>Sun, 15 Nov 2015 18:50:20 -0700</pubDate> + <title>Allegiant Features</title> + <link>http://localhost:1313/post/features/</link> + <pubDate>Sun, 22 Nov 2015 10:54:54 -0700</pubDate> - <guid>http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/</guid> - <description><p>So I made a WordPress Theme.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/mathesondigital-wordpress.png" alt="MathesonDigital Wordpress Theme" /></p> - -<p>Why? Because I&rsquo;m sick of everything else on the internet. And that&rsquo;s not to say that there aren&rsquo;t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don&rsquo;t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that&rsquo;s about it. No frills, no fuss, no crazy configuration options, nothing.</p> - -<p>So many of you might be asking then, &#8220;Bryce, why not just use a static site generator for your blog?&#8221; Good question. Been there, done that. And it was fine. I&rsquo;m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn&rsquo;t even care about that. You&rsquo;ll notice that on this site, I&rsquo;ve completely omitted the comment system.</p> - -<p>But the main reason I ditched the static site generator were the painfully slow load times. My blog used to showcase a lot of my photography, and so I probably had around 50 posts total overall, most of which were photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I&rsquo;m one of those &#8220;code-and-check-and-code-and-check-some-more&#8221; type people. I don&rsquo;t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> - -<p>Another thing that I really missed also, was the ability to update the blog from anywhere I wanted. All of my static files were on my laptop at home, making it extremely difficult to access. Yeah, people mention options like Dropbox or whatever, but that&rsquo;s just a hassle. WordPress works great for what I need, and because I don&rsquo;t jam-pack my sites full of crappy third-party plugins, it works reasonably well.</p> - -<p>If you like what you see, you&rsquo;re free to use it. You can <a href="https://github.com/brycematheson/mathesondigital-wordpress" target="_blank">head over to my GitHub and grab it off of there</a>. As I mention in the Readme, I didn&rsquo;t really design the theme to be &#8220;user-friendly&#8221;, however. There&rsquo;s no admin panel, there&rsquo;s no fancy color changing options, blech. No, none of that. If I were designing this theme for mass use, or planning on selling it, of course I would have incorporated those features. But I just made it for my purposes, therefore any changes that you&rsquo;ll want to make (aside from small menu adjustments, adding things to the footer, and adding banner images) will have to be done via code. But that should be the ultimate goal anyway, shouldn&rsquo;t it?</p> - -<p>It&rsquo;s decently fast. And it&rsquo;s responsive, too. Google Page Insights only ranks me a <sup>65</sup>&frasl;<sub>100</sub>, which I think is a bit of bull, but maybe I&rsquo;ll take the time to go back and fix it at some point. I&rsquo;ve been working on this project all weekend, and to be honest, I&rsquo;m pretty sick of it and just ready to be done.</p> - -<p>So anyway, enough rambling. Here&rsquo;s a cool theme if you want to use it.</p> -</description> - </item> - - <item> - <title>Moral Sensitivity</title> - <link>http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/</link> - <pubDate>Tue, 15 Sep 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/</guid> - <description><p>This has absolutely nothing to do with technology, but it&rsquo;s my blog, so I can do what I want.</p> - -<p>This past Memorial Day weekend, I had the most incredible chance to visit Yellowstone National Park. I’m embarrassed to say that I’ve lived less than two hours away from one of the largest National Parks in the United States for more than three years, and I’ve never made the trip. Once the weather warmed up, and we had a chance to get away for a full day, we gassed up the car, filled the coolers, and headed north.</p> - -<p>As we entered into the park, the beauty was simply overwhelming. Lakes surrounded you as you drove, and the valleys appeared to roll on forever. Wildlife walked right up to your car, so close you could pet them. Waterfalls, thermal pools with rich colors, caves, geysers; every little detail was remarkable to look at, down to the very last tree or blade of grass.</p> - -<p>However, as the day came to a close, I noticed something that I had not anticipated. I felt as if I was becoming more and more desensitized to the beauty that was around me. As we would arrive at a new location, we would get out, walk around, and in essence say, “Oh, look. Another waterfall. Okay! Everyone back in the car. Let’s go!” Driving down the road, we would pass a pasture with hundreds of bison, and barely bother to turn our heads. How could I have become so numb to God’s beautiful creations in only 8 short hours?</p> - -<p>Each and every generation faces new challenges and new problems. I believe the biggest difference between my generation, and previous generations is our moral sensitivity. Or should I say, the lack thereof?</p> - -<p>Talk to any elderly person, and they will have a myriad of stories to tell you about the “good ol’ days.” Cars weren’t made from plastic, the streets were safe after dark, gas was fifty cents a gallon, and people still had manners. Fast-forward fifty years in the future, and it’s not hard to see that our society has declined to moral numbness.</p> - -<p>Miley Cyrus is seen half-naked “twerking” on television, children having children, music artists ‘singing’ violent lyrics, and the media distorting everyone’s definition of “beauty.” Can we go back? Can we rewind to a time when people were responsible, integrious, and had a work ethic?</p> - -<p>When did it all begin? When did our culture as a whole say, “That’s it. We don’t care anymore,” and throw their hands in the air in disgust? It’s fairly easy to see that all of this didn’t happen overnight, but similar to my experience in Yellowstone, where did I begin to lose sight of what was around me? How do we train ourselves to view an oncoming social train wreck, and do something about it?</p> - -<p>The answer is to simply take a break. If we become so engrossed in something for long, those things soon lose their importance. “You never know what you have until you lose it,” a common idiom. I think we should change that to say, “You always know what you have, you just never think you’d lose it.” Here’s to taking a stand for what’s right, and clinging onto what little we still have of that moral compass. And it all starts with one.</p> -</description> - </item> - - <item> - <title>Windows 10: First Impressions</title> - <link>http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/</link> - <pubDate>Fri, 31 Jul 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/</guid> - <description><p>Windows 10 launched yesterday, and so being my naturally-curious self on all the latest and greatest in the tech world, I gave it a go. I got an ISO and started it up in VM Fusion on my Mac. This won&rsquo;t be an in-depth review on all the latest features and all that jazz. There are plenty of Tech Blogs out there that can perform a <a href="http://www.cnet.com/products/microsoft-windows-10/" target="_blank">better review</a> than I ever could. Besides, I&rsquo;m lazy and don&rsquo;t feel all that interested in doing so, anyway.</p> - -<p>On first boot-up, the very first thing that I said to myself was, &#8220;Wow, this feels dark.&#8221; It doesn&rsquo;t really feel like a warm, inviting welcome like Windows 7 or Windows 8.1 felt. The default background is a dark, deep blue (which can be changed, obviously), and the taskbar is straight black, without any nifty aero effects or transparency. It just seems very cold to me, something that you might see on a Batman movie. It might be something small and subtle that only I care about, but I feel like having brighter colors make things less intimidating. It almost has a Unix feel. I know that everything these days is turning towards a more flat UI, but what happened to Aero glass? I personally miss that transparent touch on the taskbar and open windows.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-1.png" alt="Windows 10 First Impressions" /></p> - -<p>Also, I feel that the default icon set is absolutely disgusting. &#8220;This PC&#8221; and &#8220;Recycle Bin&#8221; look like something from Windows 95. Not a fan.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-2.png" alt="Windows 10 First Impressions" /></p> - -<p>The next thing I couldn&rsquo;t help but notice was that there were many features that seemed very &#8220;Mac&#8221;-esque. Virtual desktops, a notification panel that slides in from the right side of the screen, and a dedicated button to display all open applications as small panels (similar to how Expose/Mission Control does things). It seems like a poorly done copy cat of some of the features that I love most about OS X. Also, smaller pop-up messages slide in from the right side of the screen whenever new updates have been installed, or when Windows deems itself worthy to let you know that something has changed. Rather than informing you in the top-right corner like on a Mac, Microsoft has discretely moved these notifications to the bottom-right hand corner of the screen, as not to look too much like OS X.</p> - -<p>Generally, after installing a brand new Windows OS, the first thing I tend to do is head over to Windows Update to install drivers. It&rsquo;s kind of ironic, because everything listed under &#8220;Important Updates&#8221;, I uncheck, and everything listed under &#8220;Recommended Updates&#8221; are usually checked. I only select the specific hardware drivers that I&rsquo;m looking for, and those are most often listed under &#8220;Recommended.&#8221; Shoot me for saying this (especially because my daily job is as a Windows Systems Administrator), but I&rsquo;ve never really felt that Windows Updates have helped the security/stability/functionality of a Windows environment, and if anything, have had detrimental effects as far as performance goes. Most often, I decide to change the update settings to &#8220;Never install&#8221;. When I feel I need a specific update, I have enough technical know-how to manually select what I want. In Windows 10, only two options are listed now: &#8220;Automatic&#8221; and &#8220;Notify to schedule restart.&#8221; Sorry, Microsoft, but I like to have a little more control over update settings than that. For novice users, this might be a welcome feature, but I dislike it.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-3.png" alt="Windows 10 First Impressions" /></p> - -<p>Another simple thing that I like to do on any new Windows installation is throw &#8220;Computer&#8221; on the desktop for easy access to the file system. &#8220;Computer&#8221; has been renamed to &#8220;This PC&#8221; in Windows 10 (I&rsquo;m coming from Windows 7, so I don&rsquo;t remember if this was changed previously in 8.1 or not). Normally, I can simply write-click on &#8220;Computer&#8221; and choose &#8220;Show on Desktop&#8221; to have it placed conveniently for me. All mentions of this have been removed. It&rsquo;s small and stupid, but I really appreciated having that in a context menu. Now, you have to go into &#8220;Personalize&#8221; and then &#8220;Themes&#8221; and then &#8220;Desktop Icon Settings&#8221; &#8212; an unnecessary number of steps, in my opinion. I know that the &#8220;Windows + E&#8221; shortcut is available to open the file explorer, but still.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-4.png" alt="Windows 10 First Impressions" /></p> - -<p>I&rsquo;m sure (and hoping) that it&rsquo;s only because I&rsquo;m running the OS as a Virtual Machine, and the drivers just aren&rsquo;t quite there yet for Mac, but I just couldn&rsquo;t help but feel that everything that I did had a bit of latency. Clicks weren&rsquo;t as snappy as I would have liked. There seemed to be a delay on just about everything I tried to do. Everything from clicking on the Start menu, to loading basic applications like Notepad. Mind you, that this is all running on a laptop with an SSD also. Windows 7 never seemed to have any sort of lag. It&rsquo;s also very possible that because Windows 10 is 6 years newer than Windows 7, it requires more System Resources than any of its older siblings. It seemed the same to me, though. On a blank desktop, with no active applications, RAM usage was 0.7GB, although CPU utilization seemed a bit high for doing absolutely nothing.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-5.png" alt="Windows 10 First Impressions" /></p> - -<p>Everything thus-far has been negative &#8212; So is there anything about Windows 10 that I <em>do</em> like? The new start menu. It&rsquo;s wonderful. It&rsquo;s as if Windows 7 and Windows 8 got together and had a baby. This is how the start menu in Windows 8 <em>should</em> have been. I welcome the live tiles that automatically update. It gives me quick access to weather and sports at a glance, rather than having to open a full-blown web page.</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/windows-10-first-impressions-6.png" alt="Windows 10 First Impressions" /></p> - -<p>And speaking of Web pages, I&rsquo;ve really enjoyed using Edge so far, the new browser to replace Internet Explorer. It&rsquo;s not as different as I had expected, and still has subtle UI designs from IE 11, but it appears that it will do a much better job at rendering some of the latest HTML5/CSS3 properties that were almost completely missing previously.</p> - -<p>Overall, I&rsquo;m not super impressed. I&rsquo;m sure it will get better as I use it more and discover where things have been moved to. Most new released from Microsoft are a bit buggy anyway, right out the door. As service packages are released and more user data is sent to Microsoft, thats bound to improve. It is much less intimidating than Windows 8.1 was, that&rsquo;s for sure. I still can&rsquo;t help but notice that everything is geared more and more towards tablet use, though. Microsoft has done a great job at making the OS fairly fluid for use on a standard desktop computer or a device with touch capability. I&rsquo;m not ready to jump on that bandwagon yet, though. I haven&rsquo;t been very impressed with many of the Windows tablets.</p> - -<p>I&rsquo;m a hater. Sue me.</p> -</description> - </item> - - <item> - <title>Hindsight</title> - <link>http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/</link> - <pubDate>Wed, 15 Jul 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/</guid> - <description><p>David Walsh, a popular Web Development blogger I follow, <a href="http://davidwalsh.name/impostor-syndrome" target="_blank">wrote a post a few months ago about the &#8220;Imposter Syndrome,&#8221;</a> a common feeling that many developers have going into a new job, or even in their current position; a feeling of inadequacy or fear that someone is going to discover them as a &#8220;fake,&#8221; simply pretending to be competent in their field. As I was reading through his comments, I couldn&rsquo;t help but relate.</p> - -<p>Although I&rsquo;ve felt that all-too-often (especially now &#8212; I start a new job in a week), I couldn&rsquo;t help but look back with hindsight and feel fairly accomplished as to how far I&rsquo;ve come in the past few years.</p> - -<p>As some of you may know, <a href="http://mormon.org" target="_blank">I&rsquo;m a Mormon</a> (Latter-day Saint). When men of our congregation hit the ripe old age of 18-19, we&rsquo;re expected to head out on a 2-year Missionary trip, teaching others and sharing our faith. During that time, we&rsquo;re expected to set aside all personal endeavors to fully focus on sharing the Gospel and help others. Technology has always been a love of mine. It&rsquo;s been more than just a hobby. Putting all of my technical interests on hold proved really difficult for me.</p> - -<p>Upon returning home after those two years, I jumped head first into my technical degree. I felt *so* inadequate about all of things that I didn&rsquo;t know, and especially outdated by all the latest technologies that had emerged in a rapidly-changing field.</p> - -<p>Where I stand currently, I understand that there&rsquo;s a plethora of information in front of me to learn. But it&rsquo;s fun to look back and actually see how I&rsquo;ve progressed.</p> - -<p>It makes me laugh (and slightly embarrassed) to think that I used to build websites, and I never used a single <code>class=</code> statement, because my HTML documents consisted entirely of <code>id=</code> tags.</p> - -<p>I can&rsquo;t believe that I used to have absolutely no comprehension of what a &#8220;backend&#8221; was, and how server-side scripting and databases interacted to create full-fledged web applications. I was a sophomore in High School when I first heard the acronym &#8220;SQL,&#8221; but it wouldn&rsquo;t be years until I even built my first query or understood what SQL was.</p> - -<p>I remember the first time I learned how to insert PHP into my HTML code. My teacher wrote the following code on the board, and it just looked like greek to me. Not only did I not understand what it did, I couldn&rsquo;t even begin to wrap my head around how it worked.</p> - -<pre><code class="language-php">&lt;?php include $_SERVER['DOCUMENT_ROOT'].&quot;/views/somefile.php&quot;;?&gt; -</code></pre> - -<p>I could go on forever. Anyway, the point to all of this, is simply to tell myself that I have progressed, and I have learned. Keep it up. Five years from now, you&rsquo;ll look back at yourself again and think about how much farther you&rsquo;ve come.</p> -</description> - </item> - - <item> - <title>VMware Disk Extend Powershell Script</title> - <link>http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/</link> - <pubDate>Wed, 03 Jun 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/</guid> - <description><p>About a month ago, I began working at Intermountain Healthcare, here in Utah, as a Systems Administrator. We have a bunch of monitoring software, one of which is called &#8220;Spectrum&#8221;. It searches for hardware errors or any other faults and then reports them to us. One of the most common reports that we find is that &#8220;C: 90% usage&#8221;, or something similar. Because the majority of the servers that we run are virtual, with a thin disk setup, they have relatively small drives (some starting as small as 25GB). As applications are installed or the demands of the business unit increase, we find that these drives fill up rather quickly. Currently, the process to extend these drives is to log into vConsole (vSphere Client), find the drive, edit the settings, provision additional disk space, remote into the virtual machine, open diskpart.exe, rescan the drive, and then extend it.</p> - -<p>Now, that&rsquo;s fine if you only have a couple of drives to extend each day. But with nearly 3500 servers that we&rsquo;re in charge of, we get quite a few, and it becomes rather monotonous. Hence, I began playing with powershell and wrote a simple script that both provisions additional disk space for you, as well as extends the drive in the Guest Operating System.</p> - -<p>The following script requires the VMWare PowerCLI. I prefer to use the PowerCLI, but you can also use the Snap-in and run it from Powershell directly. This has been tested to work on Windows Server 2003, 2008, and 2012. Because Windows 2003 doesn&rsquo;t have the capability to extend a virtual disk from the OS natively, we use Dell&rsquo;s 3rd party software &#8220;extpart.exe&#8221; (extend partition).</p> - -<p>You&rsquo;ll have to modify the script below to your needs by adding the VM host servers you want to connect to (indicated by &#8220;server1&#8221;, etc), as well as change the locations below for where to check for extpart.exe, as well as where to copy the program should it be found missing.</p> - -<p>Cheers!</p> - -<pre><code class="language-powershell">#Import the PowerCLI module -#Add-PSSnapin VMware.VimAutomation.Core -Set-PowerCLIConfiguration -DisplayDeprecationWarnings $false -InvalidCertificateAction Ignore -Confirm:$false - -function getDisk { - $disk = Read-Host &quot;Which disk would you like to extend (i.e., '1')?&quot; - Return $disk -} - -function getDiskSize { - $diskSize = Read-Host &quot;Enter new (total) drive size (in GB)?&quot; - Return $diskSize -} - -function setVMSize($vm, $disk, $diskSize) { - Get-HardDisk -vm $vm | where {$_.Name -eq &quot;$disk&quot;} | Set-HardDisk -CapacityGB $diskSize -ResizeGuestPartition -confirm:$false -ErrorAction:SilentlyContinue -} - -# Connect to vConsole servers -$authenticated = $false; -while (-not $authenticated) { - Try { - Connect-VIServer -Server server1,server2,server3 -ErrorAction Stop | Select-Object -Property Name,IsConnected - $authenticated = $true - } - Catch { - Write-Host &quot;Invalid username or password.&quot; -foreground &quot;red&quot; - } -} - -# Check to make sure that the user inputs a valid VM -$validVM = $false -while (-not $validVM) { - $vm = Read-Host &quot;Enter VM name&quot; - Try { - Get-VM -Name $vm | Select-Object -Property Name - $validVM = $true - } - Catch { - Write-Host &quot;Invalid VM name. Try again.&quot; -foreground &quot;red&quot; - } -} - -# Get drive letter mappings and store them in the $diskArray array. Data from this -# array can be accessed like so: $diskArray[0].DiskName, or .DriveLetter, or .DiskSize -$diskArray = @() - -if ($vm) { - $VmView = Get-View -ViewType VirtualMachine -Filter @{&quot;Name&quot; = $vm} - foreach ($VirtualSCSIController in ($VMView.Config.Hardware.Device | where {$_.DeviceInfo.Label -match &quot;SCSI Controller&quot;})) { - foreach ($VirtualDiskDevice in ($VMView.Config.Hardware.Device | where {$_.ControllerKey -eq $VirtualSCSIController.Key})) { - $VirtualDisk = &quot;&quot; | Select DiskName, DiskSize, DriveLetter - $VirtualDisk.DiskName = $VirtualDiskDevice.DeviceInfo.Label - $VirtualDisk.DiskSize = $VirtualDiskDevice.CapacityInKB * 1KB / 1GB - - $LogicalDisks = @() - # Look up path for this disk using WMI. - $thisVirtualDisk = get-wmiobject -class &quot;Win32_DiskDrive&quot; -namespace &quot;root\CIMV2&quot; -computername $vm | where {$_.SCSIBus -eq $VirtualSCSIController.BusNumber -and $_.SCSITargetID -eq $VirtualDiskDevice.UnitNumber} - # Look up partition using WMI. - $Disk2Part = Get-WmiObject Win32_DiskDriveToDiskPartition -computername $vm | Where {$_.Antecedent -eq $thisVirtualDisk.__Path} - foreach ($thisPartition in $Disk2Part) { - #Look up logical drives for that partition using WMI. - $Part2Log = Get-WmiObject -Class Win32_LogicalDiskToPartition -computername $vm | Where {$_.Antecedent -eq $thisPartition.Dependent} - foreach ($thisLogical in $Part2Log) { - if ($thisLogical.Dependent -match &quot;[A-Z]:&quot;) { - $LogicalDisks += $matches[0] - } - } - } - $VirtualDisk.DriveLetter = $LogicalDisks - $diskArray += $VirtualDisk - Write-Output $VirtualDisk - } - } -} - -# Check which OS version -- If Server 2003, run extpart. Run diskpart for all others. -If ((Get-VMGuest $vm | Select-Object -Property OSFullName) -like '*2003*') { - $disk = getDisk - $diskSize = getDiskSize - setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize - # If extpart exists, do nothing. Otherwise, copy to C:\UTILS folder on VM. - if (Test-Path &quot;\\$vm\c$\UTILS\extpart.exe&quot;){ - # do nothing - } else { - Copy-Item -Path &quot;S:\SA\PostInstallDoNotModify\Installs\UTILS\extpart.exe&quot; -Destination &quot;\\$vm\c$\UTILS&quot; - Write-Host &quot;Successfully copied 'extpart.exe' to UTILS folder.&quot; -foreground &quot;green&quot; - } - $driveLetter = $diskArray[$disk - 1].DriveLetter - $sizeInMB = ((($diskSize)-($diskArray[$disk - 1].DiskSize))*1024) - $script = &quot;C:\UTILS\extpart.exe $driveLetter $sizeInMB&quot; - Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT -} else { - $disk = getDisk - $diskSize = getDiskSize - $driveLetter = $diskArray[$disk - 1].DriveLetter - setVMSize $vm $diskArray[$disk - 1].DiskName $diskSize - $script = &quot;echo select volume = $driveLetter &gt; c:\diskpart.txt &amp;&amp; echo rescan &gt;&gt; c:\diskpart.txt &amp;&amp; echo extend &gt;&gt; c:\diskpart.txt &amp;&amp; diskpart.exe /s c:\diskpart.txt&quot; - Invoke-VMScript -vm $vm -ScriptText $script -ScriptType BAT -} -</code></pre> -</description> - </item> - - <item> - <title>Command Line Essentials</title> - <link>http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/</link> - <pubDate>Fri, 20 Feb 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/</guid> + <guid>http://localhost:1313/post/features/</guid> <description> -<p>It wasn&rsquo;t too long ago that I was terrified of the terminal. It&rsquo;s pretty daunting to be staring at a blank screen with a blinking cursor taunting you. Want to know something? It&rsquo;s not as scary as you might think. It would take years to master the command line, so don&rsquo;t expect to know everything all at once. Everyday, try and find little ways to slowly blend the terminal with basic tasks. Slowly, you&rsquo;ll find that it makes a lot of things easier.</p> - -<h2 id="terminology:9b1b4563a184a5dc550b880f1d4829c3">Terminology</h2> - -<p>You may have heard words such as &#8220;terminal&#8221;, &#8220;command line&#8221;, &#8220;shell&#8221;, &#8220;bash&#8221;, etc. There are slight differences, but generally, they all refer to the same thing.</p> - -<h2 id="terminal-vs-iterm:9b1b4563a184a5dc550b880f1d4829c3">Terminal vs iTerm</h2> - -<p>&#8216;iTerm&rsquo; is a terminal replacement. It&rsquo;s simply a program that adds some features for developers and advanced users such as split panes, paste history, and a plethora of others. If you don&rsquo;t need any of these, you can use the basic terminal just as well. If you&rsquo;re looking for additional functionality, this might be worth looking into.</p> - -<p>Honestly, I tried iTerm and didn&rsquo;t care too much for it. I prefer <a href="http://totalterminal.binaryage.com/" target="_blank">TotalTerminal</a>. I don&rsquo;t have a bunch of needs for extra fancy features, but one thing I do love is the &#8220;visor&#8221; functionality. From anywhere on my computer, I can have a terminal window slide down from the top of my screen, simply by pressing a keyboard shortcut. This is much easier than navigating to Finder, then Applications, then Utilities, then Terminal. Or even faster than searching for it through Spotlight. Many people use the standard <span class="smallcode">Command/Ctrl + ~</span> shortcut, but I&rsquo;ve customized mine to <span class="smallcode">Control + Control</span>.</p> - -<p>Another nifty feature is being able to have multiple terminal windows running different processes. I generally have a Jekyll or Grunt server running in one window, and then I use the other window for navigating through folders or committing changes on Git. It works similar to using tabs in Chrome or any other browser.</p> - -<h2 id="basic-commands:9b1b4563a184a5dc550b880f1d4829c3">Basic Commands</h2> - -<p>Let&rsquo;s get started. Go ahead and open up a terminal window and play with the following commands. Each command should be entered on a single line, and then followed by the <span class="smallcode">[return/enter]</span> key.</p> - -<p><span class="smallcode">pwd</span> &#8211; stands for &#8220;print working directory&#8221;. It lists the folder that you&rsquo;re currently in (i.e. /Users/yourusername/Documents)</p> - -<p><span class="smallcode">cd</span> &#8211; stands for &#8220;change directory&#8221;. This lets you move in and out of folders. For example, if you&rsquo;re in the &#8220;Documents&#8221; directory and want to move to another directory underneath named &#8220;School&#8221;, you would type <span class="smallcode">cd School</span>.</p> - -<p><span class="smallcode">cd ..</span> &#8211; Move &#8220;back&#8221; or &#8220;up&#8221; a folder. In our previous example, this would move you out of the &#8220;School&#8221; directory and back into the &#8220;Documents&#8221; folder.</p> - -<p><span class="smallcode">cd ~</span> &#8211; Takes you back to your home directory. Let&rsquo;s say you&rsquo;re deep in a folder structure (i.e. /Users/yourusername/Documents/School/Senior/Thesis). Rather than having to type <span class="smallcode">cd ..</span> a billion times, you could type <span class="smallcode">cd ~</span> to take you back to &#8220;/Users/yourusername&#8221;.</p> - -<p><span class="smallcode">open .</span> &#8211; Opens the current working directory in finder. I use this one ALL the time and love it.</p> - -<p><span class="smallcode">clear</span> &#8211; Clears the screen of all text. Sometimes the output of all previous commands can make me claustrophobic. This gives me a fresh, blank screen.</p> - -<p><span class="smallcode">rm [filename]</span> &#8211; Deletes a file.</p> - -<p><span class="smallcode">mkdir [directoryname]</span> &#8211; Stands for &#8220;make directory&#8221;. Creates a new folder.</p> - -<p><span class="smallcode">ls</span> &#8211; Stands for &#8220;list&#8221;. Shows a listing of all the files/folders in a directory. Often, I find myself adding an <span class="smallcode">-al</span> flag. <span class="smallcode">-a</span> shows &#8220;all files&#8221; (hidden files included), and <span class="smallcode">-l</span> shows a long listing of files, rather than in a three-column short listing. This to me, is easier to read. You can combine the two flags together with the ls command by typing <span class="smallcode">ls -al</span>.</p> - -<p><span class="smallcode">sudo [command]</span> &#8211; Stands for &#8220;super user do&#8221;. Sometimes you need elevated privileges to run a certain command. Typing <span class="smallcode">sudo</span> before the command will prompt for your password, and will then run the command. Be careful when using this command. If you don&rsquo;t know what you&rsquo;re doing, you can make some unwanted changes. If at all possible, run the command first <em>without</em> sudo, and only add it in if needed.</p> - -<p><span class="smallcode">control + c</span> &#8211; Cancels a current process. For example, if you&rsquo;re running a script, you can kill (cancel) it.</p> - -<p><span class="smallcode">[Up arrow]</span> &#8211; You can see a list of all the previous commands you&rsquo;ve entered by pressing the up arrow key. This saves time rather than having to type in a command over and over again.</p> - -<p><span class="smallcode">[tab]</span> &#8211; Autocomplete. Let&rsquo;s say I have a long folder name such &#8220;Discertation&#8221;. Start typing the first few letters of the file/folder to distinguish it from other files, and then press the &#8220;tab&#8221; key. It will autocomplete the filename for you.</p> - -<h2 id="give-it-a-try:9b1b4563a184a5dc550b880f1d4829c3">Give it a try!</h2> - -<p>Well, there are a few commands to get you started and make you just dangerous enough. Practice makes perfect! I use most all of these commands on a daily basis, but there are thousands of additional commands that you can learn. Baby steps.</p> - -<h2 id="comments:9b1b4563a184a5dc550b880f1d4829c3">Comments</h2> - -<p>Did I miss any of your favorites? Let me know, and I&rsquo;ll list them here.</p> -</description> - </item> - - <item> - <title>I love to Grunt and Gulp</title> - <link>http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/</link> - <pubDate>Sat, 14 Feb 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/</guid> - <description><p>(Happy Valentine&rsquo;s Day, ya&rsquo;ll. Get off the computer and go buy something nice for your woman.)</p> - -<p>Sometimes I like to pretend that I know stuff, when I really don&rsquo;t. Gulp is one of those things. :)</p> - -<p>I need to get better at finding solutions to a lot of the repetitive tasks that I do on a daily basis. Up until now, let&rsquo;s say I was about to push some production code to the web. Of course I needed to minify the CSS first. So I would copy the code, hit up <a href="http://cssminifier.com/" target="_blank">CSS Minifier</a>, paste the code back into my CSS file, and then rename the file, <code>styles.min.css</code>. This wouldn&rsquo;t be that big of an issue if I only did it once upon completion of a site. But it never really worked out that way. I&rsquo;d forget to change a specific style last minute, and then I&rsquo;d have to copy all of my code into CSS Minifier and do it all again.</p> - -<p>Wouldn&rsquo;t it be great if there were a service that did all of this for you, automatically? You&rsquo;re in luck! They&rsquo;re called &#8220;Task Runners&#8221;. I&rsquo;m going to be focusing on &#8220;Gulp&#8221;, which is a JavaScript task runner, built off of Node.js.</p> - -<p>Now, to many of you, you&rsquo;ve probably been using a task runner of some sort for years. For a long time, Grunt has been the big name in the game. Not too long ago, Gulp emerged and has been hogging the spotlight. It&rsquo;s not only faster at rendering, but it also has an easier-to-read syntax.</p> - -<p>Now, I&rsquo;m too lazy to reinvent the wheel and write a tutorial on how to install and run gulp. <a href="http://travismaynard.com/writing/getting-started-with-gulp" target="_blank">This guy</a> does a much better job than I could do, anyway.</p> - -<p>But I did at least want to post my gulpfile and say how freaking awesome it is. By simply running the <code>gulp</code> command, in less than second, I can minify my CSS, JS, and HTML, concatenate multiple files into one, rename them automatically, add in browser prefixes, and then reload the browser window. In less than a second. Boom. Pretty nifty, huh? Additionally, my gulpfile will watch for any changes to those files, and rerun all of those tanks without me doing anything. Dope.</p> +<h1 id="allegiant-a-kick-ass-hugo-theme:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Allegiant &ndash; A kick-ass Hugo theme</h1> -<pre><code class="language-js">var gulp = require('gulp'); +<p>Allegiant has all sorts of cool stuff. You can include a per-post background image by editing the &ldquo;Featured Image&rdquo; section in the post header data.</p> -/********************************************** -****************** Modules ******************** -***********************************************/ -var sass = require('gulp-ruby-sass'); //Compiles SASS -var autoprefix = require('gulp-autoprefixer'); //Automatically throws in browser prefixes -var minifycss = require('gulp-minify-css'); //Minifies CSS -var rename = require(&quot;gulp-rename&quot;); //Renames files to .min after minifying -var minifyhtml = require('gulp-minify-html'); //Minifies the HTML -var concat = require('gulp-concat'); //Concatenates all source files into one file -var uglify = require('gulp-uglify'); //Removes whitespaces from JavaScript -var imagemin = require('gulp-imagemin'); //Compresses images -var livereload = require('gulp-livereload'); //Live reload -var plumber = require('gulp-plumber'); //Error handling +<h1 id="custom-config:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Custom Config</h1> -/********************************************** -****************** Functions ******************** -***********************************************/ +<p>It&rsquo;s got custom data you can edit in the config.toml file too. Here&rsquo;s a sample:</p> -// css auto-prefix, minify, and rename -gulp.task('styles', function() { - return sass('src/styles/', {style:'expanded'}).on('error', function(handleError){ console.log('Error: There\'s a problem with your SASS, stupid. Fix that shiz.'); }) - .pipe(autoprefix('last 2 versions')) - .pipe(minifycss()) - .pipe(rename({suffix:'.min'})) - .pipe(gulp.dest('build/styles/')) - .pipe(livereload()); -}); +<pre><code class="language-toml">baseurl = &quot;yoursitehere.com&quot; +languageCode = &quot;en-us&quot; +title = &quot;Allegiant&quot; +copyright = &quot;&amp;copy; Allegiant. All Rights Reserved.&quot; # Copyright notice. This will be displayed in the footer. +canonifyurls = true -// minify new images -gulp.task('imagemin', function() { - gulp.src('src/images/*.jpg').on('error', function(handleError){ console.log('Error: There\'s a problem with your images, stupid. Fix that shiz.'); }) - .pipe(imagemin()) - .pipe(gulp.dest('build/images/')); -}); - -// minify new or changed HTML pages -gulp.task('html', function() { - gulp.src('src/*.html') - .pipe(minifyhtml()) - .pipe(gulp.dest('build/')) - .pipe(livereload()); -}); - -// JS concat, strip debugging and minify -gulp.task('scripts', function() { - gulp.src('src/scripts/*.js') - .pipe(concat('script.js')) - .pipe(uglify()) - .pipe(rename({suffix:'.min'})) - .pipe(gulp.dest('build/scripts/')) - .pipe(livereload()); -}); - -/********************************************** -************ Watch &amp; Build Tasks ************** -***********************************************/ -gulp.task('default', ['styles', 'html', 'scripts', 'imagemin'], function() { - // watch for CSS changes &amp; minify - gulp.watch('./src/styles/*.scss', function() { - livereload.listen(); - gulp.run('styles'); - }); - - // watch for html &amp;amp; minify - gulp.watch('./src/*.html', function() { - livereload.listen(); - gulp.run('html'); - }); - - // watch for JS changes - gulp.watch('./src/scripts/*.js', function() { - livereload.listen(); - gulp.run('scripts'); - }); - - // watch for new images - gulp.watch('./src/images/*.jpg', function() { - gulp.run('imagemin'); - }); -}); +[params] + ga_api_key = &quot;Your Google Analytics tracking id&quot; # Google Analytics API key. + avatar = &quot;../../img/avatar.jpg&quot; # Image should be square, and roughly 150px x 150px + bio = &quot;Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.&quot; + github = &quot;http://github.com/username&quot; + twitter = &quot;https://twitter.com/username&quot; + linkedin = &quot;https://www.linkedin.com/in/username&quot; + footer_1 = &quot;Some text here.&quot; + footer_2 = &quot;Some different text here.&quot; + footer_3 = &quot;Even more different text here.&quot; </code></pre> -<p>This isn&rsquo;t even the tip of the iceberg. There are hundreds of gulp plugins, and I have yet to play with the majority of them. But these seem to be the most basic/common plugins, and so far, they&rsquo;ve proved invaluable.</p> -</description> - </item> - - <item> - <title>Remove .DS_Store from ZIP Files</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/</link> - <pubDate>Sat, 24 Jan 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/</guid> - <description><p>At work this week, I had to download a bunch of compressed XML files, delete some duplicate files contained therein, recompress the files, and then reupload them to a server. The problem, however, is that whenever I tried to upload the files, I got a strange server error. After some trial and error, and some deep examination, I found that the hidden file &#8220;.DS_Store&#8221; was causing the server error issue. When I removed the hidden &#8220;.DS_Store&#8221; file, I had no more issues.</p> - -<p>If you&rsquo;re a Mac user, you&rsquo;ve undoubtedly noticed these strange files that seem to creep into every directory. They&rsquo;ve plagued the operating system for years, and there&rsquo;s still not a super great solution for removing them. And the files don&rsquo;t just stay on your machine. Ever plugged in a USB flash drive to take over to a Windows machine? These obnoxious files have most certainly hopped on for a ride. They&rsquo;re nothing more than metadata (data about data), but they&rsquo;ve never been an issue for me until now.</p> - -<p>So I navigated through the compressed folders again, deleted the hidden files, and then thought I was set. Upon recompressing the files once more and trying to upload them, I was still presented with the same error. Guess what happened when the folders were compressed again? Yep. The infamous .DS_Store file had once again shown up.</p> - -<p>So how do you remove these files in a compressed directory? Unzipping the files to remove them doesn&rsquo;t work, as they&rsquo;ll just show up again as soon as you re-zip the file. Well, I&rsquo;ve had to resort to the command line. Using the following command in the terminal, I was successfully able to remove the annoyance quickly.</p> - -<p><span class="smallcode">zip -r mynewzipfile.zip wherethefilesarecomingfrom -x &ldquo;*.DS_Store&rdquo;</span></p> - -<p>Just to break down the above command:<br /> -<span class="smallcode">zip</span> &#8211; The terminal command<br /> -<span class="smallcode">-r</span> &#8211; &#8220;Recursive.&#8221; This means to select all files and subfolders under the directory<br /> -<span class="smallcode">mynewzipfile.zip</span> &#8211; Name this whatever you&rsquo;d like the new ZIP file to be called<br /> -<span class="smallcode">wherethefilesarecomingfrom</span> &#8211; The directory that contains the files to be zipped<br /> -<span class="smallcode">-x</span> &#8211; &#8220;Exclude&#8221; flag.<br /> -<span class="smallcode">&ldquo;*.DS_Store&rdquo;</span> &#8211; Selects all files that are named &#8220;.DS_Store&#8221;</p> - -<p>Your new zip file will be created WITHOUT the .DS_Store file. Tah-dah!</p> - -<p>Upon doing a quick search on the internet, I found the following program called <a href="http://asepsis.binaryage.com" target="_blank">Asepsis</a>. I haven&rsquo;t given it a try, but apparently it prevents the creation of any .DS_Store files. Might be worth giving it a try.</p> -</description> - </item> - - <item> - <title>Static Site (Database Free) Contact Form</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/</link> - <pubDate>Mon, 19 Jan 2015 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/</guid> - <description><p>Although my site is always a work in progress, (I&rsquo;ve still got plenty of things I need to do on it), I feel like it&rsquo;s in the final stages. Recently, I was trying to add the finishing touches by implementing a contact form. Mostly, to combat spam. I didn&rsquo;t want to throw my direct e-mail address out there, because that&rsquo;s just asking for an inbox full of viagra ads.</p> +<h2 id="auto-syntax-highlighting-for-any-language:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Auto Syntax Highlighting for any language</h2> -<p>The thing that I wanted to completely avoid was having any server-side (PHP) scripting, or databases. With most contact forms, that&rsquo;s a inevitable. But my main concern with just about everything on my site is performance. I wasn&rsquo;t willing to add a database just for that. So I went searching.</p> +<p>It&rsquo;s got built in Syntax highlight, too. Just start a block of code with &ldquo;~~~typeyourlanguagehere&rdquo; and then close it with three more squiqlies. If you view the above block of code in a text editor, you&rsquo;ll see what I mean.</p> -<p>Introducing <a href="http://formspree.io/" target="_blank">Formspree.io.</a> It&rsquo;s crazy easy. It involves using code, so if that scares you, you might want to stay away. But really, it&rsquo;s just simply copying and pasting that anyone can do it. Besides, if you&rsquo;re not into code, what&rsquo;re you doing reading my blog?</p> +<h2 id="code-snippets:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Code Snippets</h2> -<p>Basically, you place their code on your site, and when someone submits anything in the form, all of the processing is done on their servers and forwarded to an email address that you provide. And what I love is that their logo isn&rsquo;t plastered all over the place. It&rsquo;s super minimal, and you don&rsquo;t even have to register an account with them.</p> +<p>In case you don&rsquo;t want to do an entire block of code, you can just do a small snippet of code, such as a command to type in, or a key to press by wrapping your text in a span class of &ldquo;smallcode&rdquo;. <span class="smallcode">This is what it&rsquo;ll look like.</span></p> -<pre><code class="language-html">&lt;form action=&quot;http://formspree.io/youremail@pasteithere.com&quot; method=&quot;POST&quot;&gt; - &lt;p&gt;Email:&lt;/p&gt;&lt;input type=&quot;email&quot; size=&quot;40&quot; name=&quot;_replyto&quot;&gt; - &lt;p&gt;Message:&lt;/p&gt;&lt;textarea style=&quot;border: 1px lightgray solid; width: 100%; height: 300px;&quot; name=&quot;body&quot;&gt; - &lt;/textarea&gt;&lt;br/&gt; - &lt;input style=&quot;display: block; width: 125px; text-size: 20px;&quot; type=&quot;submit&quot; value=&quot;Send&quot;&gt; -&lt;/form&gt; -</code></pre> - -<p>All you have to do is replace the <code>youremail@pasteithere.com</code> with the address you want your submissions to be forwarded to. Throw that on your site. The first thing you have to do is submit a test form, and a confirmation email will be sent to the address you specified. Once it&rsquo;s confirmed, you&rsquo;re set to go!</p> +<h2 id="sharing-icons:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Sharing Icons</h2> -<p>I left all the styling that I used in my form for you to use. You can strip it out or do whatever you want with it, obviously.</p> +<p>Sharing icons are automatically embedded in the post. So that&rsquo;s cool.</p> -<p>You might be wondering about costs or privacy. Right now, there&rsquo;s a 1000/month cap on emails. Anything above that and you&rsquo;ll have to pay, but I&rsquo;d be surprised to get even 20 submissions a month from legitimate sources on my own site. As far as privacy, they say that don&rsquo;t store any of the contents of the submissions, because they&rsquo;re using the Mailgun API. And even if they did, I&rsquo;m not too worried about it. You shouldn&rsquo;t be submitting sensitive data to an unsecure form on the web anyway.</p> +<h2 id="fast:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">Fast</h2> -<p>One of my favorite features is the ability to add a &#8220;honeypot&#8221; for those who are just scraping the web, looking for forms to easily submit. You can add a textfield to the form, give it a name value of <code>_gotcha</code>, and then hide it using CSS. If any value is entered in this field, the message will be silently ignored. At the same time, this field is hidden from humans so that they won&rsquo;t accidentally enter anything.</p> +<p>Gets a <sup>73</sup>&frasl;<sub>100</sub> ranking on Google PageSpeed Insights. And that&rsquo;s WITH render-blocking CSS, and no CDN. Fix those things, and you&rsquo;ll hit a <sup>95</sup>&frasl;<sub>100</sub>.</p> -<pre><code class="language-html">&lt;input type=&quot;text&quot; name=&quot;_gotcha&quot; style=&quot;display:none&quot; /&gt; -</code></pre> +<h2 id="more:e1ec7fcfd5aa4d3ea3e990d9b707a3b4">More</h2> -<p>What about adding additional fields or features? Head on over to <a href="http://formspree.io/" target="_blank">their website</a> to see everything they&rsquo;ve got to offer. This probably sounds like I&rsquo;m being paid to write this post, but I&rsquo;m not. I&rsquo;m just grateful that I found a simple, easy solution to fill my needs. Enjoy!</p> +<p>There&rsquo;s a lot more this theme can do, and it&rsquo;s really cool, but I&rsquo;m really hungry and going to go eat lunch. So I&rsquo;m going to upload this to GitHub and be done with it.</p> </description> </item> <item> - <title>5 Things to Stop Doing in 2015</title> - <link>http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/</link> - <pubDate>Fri, 02 Jan 2015 18:50:20 -0700</pubDate> + <title>Introducing Allegiant -- A Hugo Theme</title> + <link>http://localhost:1313/post/introducing-allegiant-a-hugo-theme/</link> + <pubDate>Sat, 21 Nov 2015 18:50:20 -0700</pubDate> - <guid>http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/</guid> - <description> + <guid>http://localhost:1313/post/introducing-allegiant-a-hugo-theme/</guid> + <description><p>So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too.</p> -<p>It seems that a year has ended, and new year resolutions are all on the rage again. Yeah, there&rsquo;s those typical ones such as joining a gym and getting in shape (although, I really think I might do it this year), etc. Here are five things I&rsquo;d like to quit doing this year.</p> +<p><img src="http://localhost:1313/img/screenshot.png" alt="Allegiant - Hugo" /></p> -<h3 id="1-quit-checking-my-instagram-likes:6478d31356be52c166d4d2d1b32313ca">1. Quit checking my Instagram likes</h3> - -<p>Yeah, it&rsquo;s stupid, but really. I mean it. We all do it. We open up Instagram and are excited when we see 30+ likes, 4 comments, and 2 new followers. I won&rsquo;t say that I base my self-worth on it, but I do get a bit of a thrill when I post a great photograph, or come up with some whitty remark. I&rsquo;m going to try my best to quit doing that. I love photography, and I&rsquo;d call it more than a hobby, but I can get better at finding self-gratification from other peoples&rsquo; acceptance.</p> - -<h3 id="2-stop-thinking-that-the-grass-will-be-greener:6478d31356be52c166d4d2d1b32313ca">2. Stop thinking that the grass will be greener</h3> - -<p>&#8220;I&rsquo;ll be happy when I&rsquo;m married&#8230;&#8221;, &#8220;If only I made more money&#8230;&#8221;. Stop. Please. Stop it. Happiness truly comes from gratitude. I need to work on being content with where I&rsquo;m at, and simply finding joy in the journey. It&rsquo;s not a destination. I don&rsquo;t want to wish life away thinking, &#8220;If only, if only.&#8221;</p> - -<h3 id="3-stop-comparing:6478d31356be52c166d4d2d1b32313ca">3. Stop comparing</h3> - -<p>&#8220;Comparison is the theif of joy.&#8221; Are you ever happy with your love life, until you see another girl at the other table? Are you content and grateful with your talents, and ever-eager to hone them, until you see the successes of others? Are you happy with your job and your work, until you see a potentially better offer? There is always going to be someone or something better, and should you actually ever obtain that, you&rsquo;d find something else to complain about.</p> - -<h3 id="4-quit-feeling-guilty:6478d31356be52c166d4d2d1b32313ca">4. Quit feeling guilty</h3> - -<p>People make mistakes. People change. And so do you. You live, you learn, you grow. The end. What happened in the past doesn&rsquo;t have to define you, unless you let it. Put on your big boy underwear, man up, and move on.</p> - -<h3 id="5-stop-feeling-obligated:6478d31356be52c166d4d2d1b32313ca">5. Stop feeling obligated</h3> - -<p>It&rsquo;s okay to say, &#8220;No.&#8221; Don&rsquo;t (always) make decisions based on what you think you <em>should</em> do. Make decisions based on what you WANT to do. It&rsquo;s your life, and you&rsquo;re going to have to live with the actions that you make. You have value, and your ruining your brand by undercharging.</p> - -<p>That&rsquo;s my list. What does yours look like?</p> -</description> - </item> - - <item> - <title>Take that, Mr. Barney</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/</link> - <pubDate>Sat, 20 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/</guid> - <description><p>We&rsquo;ve all had those professors/teachers that we just don&rsquo;t seem to mesh with. Recently, I had a professor with whom I could <em>not</em> set aside my differences. The class was about Mobile Application Development. I went into it thinking, &#8220;Wow, I&rsquo;m excited! Finally, I&rsquo;ll be able to create an iOS/Android application!&#8221; On the first day of the class, Mr. Barney walked in and said, &#8220;This is not a programming class. This is not an iOS development class. This is not an Android development class. This class has no tests. This class has no assignments. This class has no texts, no books.&#8221;</p> - -<p>As the class progressed, I got more and more frustrated with the structure and Mr. Barney&rsquo;s teaching style. It seemed that the class was more about learning Mr. Barney than it was about the material. He came off as a close-to-retirement professor with a God-complex, who was tired of his job, and was just coasting on his measly salary for a few more years until he could finally escape.</p> - -<p>The class consisted of a few technologies that we were forced to learn on our own, namely HTML 5, CSS Animations and Transitions, AJAX, DOM Manipulation, JavaScript Basics, etc. Because there were no class materials, we resorted to YouTube tutorials and blog articles to learn. On a bi-monthly basis, we would meet one-on-one in his office and present some sandbox code that we had been playing with that demonstrated one or more of these technologies. Based on his mood that day, he would open a little spreadsheet and rate you anywhere from &#8220;Strongly Disagree&#8221; to &#8220;Strongly Agree,&#8221; which ultimately equated to your class grade.</p> - -<p>At one point, I decided to bring in a simple sandbox weather application, using an AJAX call to link to an API and populate data into the DOM based on the user&rsquo;s location. The application used JQuery. While looking at my code, the second he saw a reference to JQuery, he tore it to <em>pieces.</em> &#8220;JQuery is of the devil.&#8221; or &#8220;JQuery is only for lazy programmers.&#8221; and &#8220;What happens if the JQuery library breaks, what happens to your application?&#8221;</p> - -<p>Okay, so, maybe he didn&rsquo;t say, &#8220;JQuery was of the devil.&#8221;</p> - -<p>Basically, his point all boiled down to this: You can use JQuery, but it&rsquo;s a bloated library and it contains so many additional pieces that you don&rsquo;t need, and ultimately, you can do exactly what you need with plain ol&rsquo; vanilla JavaScript. It&rsquo;s slow, and it would take a long time to download the entire library, when you don&rsquo;t need it.</p> - -<p>For the rest of the class, I hated him for it. 9 times out of 10 as I left his office, I was fuming. And I really do understand his point, and I believe that it has <em>some</em> validity, but mostly, it&rsquo;s just him being old and outdated, and stuck in his ways.</p> - -<p>Even after finishing the class, I hated him for it. Have you tried looking for web tutorials online for advanced AJAX calls that don&rsquo;t use JQuery? It&rsquo;s <em>impossible</em>!</p> - -<p>In case you hadn&rsquo;t noticed (as in, you aren&rsquo;t using this website on a mobile device), the top navigation bar uses JQuery to convert to a small menu icon on smaller screens. I wanted to prove to myself that JQuery really isn&rsquo;t <em>that</em> bloated, and that it is in fact a useful tool, and better than writing vanilla JavaScript.</p> - -<p>After playing with a few things, I finally got the results I was looking for. Check out the results that I got while using <a href="http://tools.pingdom.com/fpt/" target="_blank">Pingdom Page Speed</a>. More specifically, look at the red box. My &#8216;styles.css&rsquo; file (that isn&rsquo;t minified, btw) weighs a whopping 6.2kB. JQuery, which is more than 6x larger, loads more than twice as fast. How did I do it?</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/pingdom-speed-results.jpg" alt="Pingdom PageSpeed Results" /></p> - -<p>If you&rsquo;re familiar with Bootstrap, and the way that you can customize it just to your liking, JQuery is the same. Usually, whenever I use Bootstrap, I don&rsquo;t need all the font icons or navigation bars, or any of that. I only use the responsive pieces. With JQuery, they have similar options on their website to where you can customize it to your liking. I knew that the only piece I&rsquo;d be using on my website is the navigation library. So I stripped everything else out.</p> - -<p>Also, up until this point, I wasn&rsquo;t familiar with CDNs, or the power that they potentially had. Pulling JQuery from their hosted CDN, rather than from my on my own shared web server undoubtedly speeds up the page load. My website is pretty barebones, and that&rsquo;s done on purpose to increase page speed. Loading times have come into consideration for everything I do on this site, but I don&rsquo;t feel that JQuery has in anyway been detrimental to that.</p> - -<p>I feel justified. Take that, Mr. Barney! </rant></p> -</description> - </item> - - <item> - <title>Pseudo-Responsive Images</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/</link> - <pubDate>Mon, 15 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/</guid> - <description><p>Honestly, I&rsquo;m a bit embarrassed to say that I didn&rsquo;t know how to do this before. I&rsquo;ll be creating a blog post here fairly soon on my conversion from WordPress to Jekyll for this blog, but in doing so, I&rsquo;ve learned a lot of cool new things.</p> - -<p>Due to the vast number of mobile devices in circulation right now, I make it a habit to try and develop for mobile first, and then expand for the desktop user. Developing for mobile almost instantly implies responsive design. There are dozens of CSS frameworks to do this (Bootstrap, Foundation, Skeleton, etc.) intended to make your job a little bit easier.</p> - -<p>I ran into an issue while coding this site. My content would all scale down properly and fit into the viewport perfectly, except for images, which would overflow the bounds of the viewport. I couldn&rsquo;t for the life of me figure out what I was doing wrong. When copying content over from WordPress, I guess that I had added &#8216;width&rsquo; and &#8216;height&rsquo; attributes, which forced the images to display at those dimensions. After going through all of the images and removing both of those attributes, I simply went to my stylesheet and added the following. Lucky for me, I didn&rsquo;t have too many images to go through:</p> - -<pre><code class="language-css">img { - width: 100%; - box-shadow: 10px 10px 5px #888888; -} -</code></pre> - -<p>Obviously the box-shadow isn&rsquo;t required, but I just like add it for aesthetics.</p> - -<p>That selects all images across my entire website, and tells them to stretch to 100% of the viewport (which, in the case of this site, is 700px). As the page resizes, or is viewed on a different viewport size (such as a phone or tablet), that image is scaled down accordingly.</p> - -<p>One thing to mention, too, is that if you remove just the &#8216;width&rsquo; attribute, but leave the &#8216;height&rsquo; attribute, your images will come out all stretched and skewed as the image is scaled according to the viewport size.</p> - -<p>It&rsquo;s also important to note that this isn&rsquo;t the &#8216;real&rsquo; way to present responsive images on your site, I&rsquo;m just too lazy to do it the <a href="http://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/" target="_blank">real way</a>. This way works perfectly for me, until it becomes simpler.</p> -</description> - </item> - - <item> - <title>Build a GUI Investment Calculator in Java</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/</link> - <pubDate>Mon, 08 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/</guid> - <description><p>I’m not a programmer. Some people just have that natural itch to want to go out and code all day long, but that isn’t me. I enjoy scripting and web development, but deep, low-level programming just simply isn’t my thing. So the fact that even <em>I</em> was able to create a simple GUI application should tell you how easy it is. The code below might look daunting at first, but we’ll walk through it piece by piece to hopefully clear things up. I’ll try to make it as easy as possible to understand, but you should have at least a <em>basic</em> understanding of programming to go through this.</p> - -<p>Java makes creating applications really simple. I’ve dabbled with C++, but never stuck with it long enough to get into the Object Oriented pieces of it. Whenever learning a new programming language, it seems the first program you write is “Hello World.” The next program after that is a basic investment calculator, and so we’re going to continue that pattern.</p> - -<p>When we’re finished, we’ll have a program that looks something like this:</p> - -<p><img src="http://localhost:1313/brycematheson.io/img/post_images/guicalculator.png" alt="GUI Investment Calculator" /></p> - -<p>At the end of this post, I’ll show the complete code. If you have the Java JDK (a free download, <a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html" target="_blank">here</a>), you can easily import this code into a text editor, save it with a .java extension, and then compile it using the command line. Something this would work:</p> - -<pre><code class="language-java">javac SimpleGUIProgram.java -java SimpleGUIProgram -</code></pre> - -<p>Personally, I use Eclipse. It’s a <a href="https://eclipse.org/downloads/packages/eclipse-ide-java-developers/keplersr1" target="_blank">free IDE that you can download</a>, if you’re not interested in using a text editor.</p> - -<p>Let’s get started.</p> - -<p>First, let’s import some libraries. Libraries are basically a repository of reusable code. Rather than having to rewrite code over and over, why don’t we write it once, store it in the Java API, and then import it into our program whenever we need it? Luckily, someone has already done that for us! The specifics of each of these libraries isn’t super important, but just know that these include the graphical components that we’ll need to build our program.</p> - -<pre><code class="language-java">import java.awt.*; -import java.awt.event.*; -import javax.swing.*; -</code></pre> - -<p>Next, we’ll create the text fields and buttons that will be used in our program. Notice in the image above that we have four input fields (Investment Amount, Years, Annual Interest Rate, and Future Value) and two buttons (Compute and Reset). They’re pretty easy to define in Java.</p> - -<p>You might wonder what <span class="smallcode">private</span> means. Whenever you create an object and set it to private, that means that it can only be accessed within that same class. We could change it to <span class="smallcode">public</span> or even <span class="smallcode">protected</span>, but for this example, we’ll leave it how it is. There are some benefits to leaving things private, such as avoiding data corruption and a few other things, but that’s outside the scope of this tutorial.</p> - -<p>Then we need to tell Java what kind of object we’ll be creating. We’ll be using <span class="smallcode">JTextField</span>, which is just an input box, and <span class="smallcode">JButton</span>, which, obviously, is a button. And after that, we just need to name our object. For the sake of being descriptive, I usually like to prefix my object names with <span class="smallcode">jtf</span> or <span class="smallcode">jb</span> or similar, so I know what it is quickly by looking at it.</p> - -<pre><code class="language-java">private JTextField jtfInvestmentAmount; -private JTextField jtfAnnualInterestRate; -private JTextField jtfNumberOfYears; -private JTextField jtfFutureValue; -private JButton jbtCompute; -private JButton jbtReset; -</code></pre> - -<p>Next, we’re going to define the properties for the frame (the program window). The <span class="smallcode">setTitle</span> property allows us to name the frame. You can see in the image above that the title of the window is “Loan Calculator” as we’ve defined here. You can name it whatever you’d like.</p> - -<p>Next, we define the default close operation. This tells the computer what to do whenever the program is closed. We have the option to let the program to continue running, even when the box is closed. In this example, when the user hits the “x” in the corner of the window, we want our program to terminate, so we’ll use <span class="smallcode">setDefaultCloseOperation(Frame.EXIT_ON_CLOSE)</span>.</p> - -<p><span class="smallcode">setSize</span> defines the window width and height in pixels. Pretty self-explanatory.</p> - -<p><span class="smallcode">setLocationRelativeTo(null)</span> allows us to center the window right in the middle of the screen. In my opinion, that’s the easiest and most user friendly. You have the option to set that location in pixels, using x and y coordinates, but generally, I’ve found that the user expects the window to open in the center of the screen.</p> - -<p>Last, we want to set the layout. Java uses things called “Layout Managers”, which basically defines how elements are laid out inside of the program window. There are three layout managers that are most commonly used: Border, Flow, and Grid. You can read up on those other two, as I’m not going to explain them, but in this program, we’re going to be using the grid layout manager. It allows us to define how many rows, and how many columns we want for our program. <span class="smallcode">GridLayout(5,2,5,5)</span> tells our program that we want to use the Grid Layout Manager, with five rows, two columns and then 5 pixels for spacing.</p> - -<pre><code class="language-java">setTitle(&quot;Loan Calculator&quot;); -setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); -setSize(500,300); -setLocationRelativeTo(null); -setLayout(new GridLayout(5,2,5,5)); -</code></pre> - -<p>Now that we’ve defined our window, we need to create some text labels next to our input fields. Because it’s just text, we don’t use <span class="smallcode">private</span> or <span class="smallcode">public</span> on these objects. We use the following code to create a new label (JLabel) object. Again, when we name the object, it’s good practice to use a prefix so you can easily tell what type of object it is. I use <span class="smallcode">jl</span> as my prefix. Then, we create the string of text for what the JLabel will output.</p> - -<p>If you notice, I’ve placed a preceding space in front of the text. I find that Java likes to push things right up against the frame, and it’s not very aesthetically pleasing. By adding a space, it allows us to push the text away from the left edge ever-so-slightly. You can add more spacing if you prefer.</p> - -<pre><code class="language-java">JLabel jlInvestmentAmount = new JLabel(&quot; Investment Amount&quot;); -JLabel jlNumberOfYears = new JLabel(&quot; Number of Years&quot;); -JLabel jlAnnualInterestRate = new JLabel(&quot; Annual Interest Rate&quot;); -JLabel jlFutureValue = new JLabel(&quot; Future Value&quot;); -</code></pre> - -<p>Earlier, we defined our textfields and buttons, but we didn’t actually create them. We basically told the program, “Hey, I’m going to be making these soon. Just wanted to give you a heads up.” But now we create them.</p> - -<p>In the last line of code, we write <span class="smallcode">jtfFutureValue.setEditable(false)</span>. I wanted the first three fields to be able to accept input from the user. But the last field (the Future Value field) is going to simply output our final answer. Rather than making the user confused by thinking they need to input something, I set the editing to <span class="smallcode">false</span>.</p> - -<pre><code class="language-java">jtfInvestmentAmount = new JTextField(); -jtfNumberOfYears = new JTextField(); -jtfAnnualInterestRate = new JTextField(); -jtfFutureValue = new JTextField(); -jbtCompute = new JButton(&quot;Compute&quot;); -jbtReset = new JButton(&quot;Reset&quot;); -jtfFutureValue.setEditable(false); -</code></pre> - -<p>Now that we’ve defined and created everything, we should be good right? Not quite. If were to run the program right now, our program wouldn’t do anything. What happened to all the things we created, you might ask? We’ve created all the objects, but we haven’t told the program to add them to our frame (window). We can do this simply by typing <span class="smallcode">add</span> and then the name of the object.</p> - -<pre><code class="language-java">add (jlInvestmentAmount); -add (jtfInvestmentAmount); -add (jlNumberOfYears); -add (jtfNumberOfYears); -add (jlAnnualInterestRate); -add (jtfAnnualInterestRate); -add (jlFutureValue); -add (jtfFutureValue); -add (jbtCompute); -add (jbtReset); -</code></pre> - -<p>Next, we need to tell the computer that we want it to do something once we click on a button. This code doesn’t do much else, besides call other methods (functions) that we’ll define in a bit.</p> - -<pre><code class="language-java">ListenerClass listener = new ListenerClass(); -jbtCompute.addActionListener(listener); -jbtReset.addActionListener(listener); -</code></pre> - -<p>Another very important piece: We need to set the window visibility to <span class="smallcode">true</span>. Otherwise, nothing will appear when we run the program.</p> - -<pre><code class="language-java">setVisible(true); -</code></pre> - -<p>Every program in Java requires a <span class="smallcode">main</span> method. All this code does is calls the class that we’ve already created. It doesn’t look like much, but our program won’t run at all if we don’t have this.</p> - -<pre><code class="language-java">public static void main(String[] args) { -new SimpleGUIProgram(); -</code></pre> - -<p>The following code does two important things: catches exceptions, and does all the math calculations for our program.</p> - -<p>First, we need to assume that people are stupid. You would think that most people would be smart enough to input numbers into the fields of our program, but what happens if they entered a word instead of a number? Without a “try…catch”, the program would just crash, without any warning to our user. Instead, we can make things a little bit more user friendly and say, “Please enter numeric values” if they enter anything except numbers.</p> - -<p>And second, the rest of this code takes the data entered by the user in the fields, does all of the calculations, and then formats it to look pretty. We pull the data from the fields, parse it into a number (either an Integer or a Double), and then convert the annual interest rate into a monthly interest rate. We could do that by dividing by 12, but I also combined the percentage into that calculation as well (1200 instead of 12) so that I don’t have to write another line of code to divide the percent by 100 as well.</p> - -<pre><code class="language-java">private void computeValue() { -try { -double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText()); -double monthlyInterestRate = annualInterestRate / 1200.0; -int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText()); -double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText()); -double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12); -jtfFutureValue.setText(String.format(&quot;%.2f&quot;, futureValue)); -} catch (Exception e) { -JOptionPane.showMessageDialog(null, &quot; Please enter numeric values.&quot;); -} -} -</code></pre> - -<p>This code is very simple. Whenever a user clicks on the “Reset” button, it will call this method, and change whatever is input into the boxes into a blank string.</p> - -<pre><code class="language-java">private void resetForm() { -jtfInvestmentAmount.setText(&quot;&quot;); -jtfAnnualInterestRate.setText(&quot;&quot;); -jtfNumberOfYears.setText(&quot;&quot;); -jtfFutureValue.setText(&quot;&quot;); -} -</code></pre> - -<p>And finally, this code is what links the buttons to the methods we created. We create a ListenerClass, which essentially says, “When I do this, do this.” So, “when I click on a button, call this method.”</p> - -<pre><code class="language-java">private class ListenerClass implements ActionListener { -public void actionPerformed(ActionEvent e) { -if (e.getSource() == jbtCompute) { -computeValue(); -} -if (e.getSource() == jbtReset) { -resetForm(); -} -</code></pre> - -<p>And really, that’s it! Not to shabby for ~100 lines of code, eh? Here’s the entire code:</p> - -<pre><code class="language-java">/************************* -* Created by: Bryce Matheson -* Website: blog.mathesondigital.com -* Date: 12/7/2014 -* -* Purpose: A simple GUI Investment Calculator -* -* Rights: Free to use for Personal Use -*************************/ - -import java.awt.*; -import java.awt.event.*; -import javax.swing.*; - -public class SimpleGUIProgram extends JFrame { - - private JTextField jtfInvestmentAmount; - private JTextField jtfAnnualInterestRate; - private JTextField jtfNumberOfYears; - private JTextField jtfFutureValue; - private JButton jbtCompute; - private JButton jbtReset; - - public SimpleGUIProgram() { - - setTitle(&quot;Loan Calculator&quot;); - setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); - setSize(500,300); - setLocationRelativeTo(null); - setLayout(new GridLayout(5,2,5,5)); - - JLabel jlInvestmentAmount = new JLabel(&quot; Investment Amount&quot;); - JLabel jlNumberOfYears = new JLabel(&quot; Number of Years&quot;); - JLabel jlAnnualInterestRate = new JLabel(&quot; Annual Interest Rate&quot;); - JLabel jlFutureValue = new JLabel(&quot; Future Value&quot;); - - jtfInvestmentAmount = new JTextField(); - jtfNumberOfYears = new JTextField(); - jtfAnnualInterestRate = new JTextField(); - jtfFutureValue = new JTextField(); - jtfFutureValue.setEditable(false); - - jbtCompute = new JButton(&quot;Compute&quot;); - jbtReset = new JButton(&quot;Reset&quot;); - - add (jlInvestmentAmount); - add (jtfInvestmentAmount); - add (jlNumberOfYears); - add (jtfNumberOfYears); - add (jlAnnualInterestRate); - add (jtfAnnualInterestRate); - add (jlFutureValue); - add (jtfFutureValue); - add (jbtCompute); - add (jbtReset); - - ListenerClass listener = new ListenerClass(); - jbtCompute.addActionListener(listener); - jbtReset.addActionListener(listener); - - setVisible(true); - } - - public static void main(String[] args) { - new SimpleGUIProgram(); - } - - private void computeValue() { - try { - double annualInterestRate = Double.parseDouble(jtfAnnualInterestRate.getText()); - double monthlyInterestRate = annualInterestRate / 1200.0; - int NumberOfYears = Integer.parseInt(jtfNumberOfYears.getText()); - double investmentAmount = Double.parseDouble(jtfInvestmentAmount.getText()); - double futureValue = investmentAmount * Math.pow(1.0 + monthlyInterestRate, NumberOfYears * 12); - jtfFutureValue.setText(String.format(&quot;%.2f&quot;, futureValue)); - } catch (Exception e) { - JOptionPane.showMessageDialog(null, &quot; Please enter numeric values.&quot;); - } - } - - private void resetForm() { - jtfInvestmentAmount.setText(&quot;&quot;); - jtfAnnualInterestRate.setText(&quot;&quot;); - jtfNumberOfYears.setText(&quot;&quot;); - jtfFutureValue.setText(&quot;&quot;); - } - - private class ListenerClass implements ActionListener { - public void actionPerformed(ActionEvent e) { - if (e.getSource() == jbtCompute) { - computeValue(); - } - if (e.getSource() == jbtReset) { - resetForm(); - } - } - } -} -</code></pre> -</description> - </item> - - <item> - <title>My love-hate relationship with WordPress</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/</link> - <pubDate>Sat, 06 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/</guid> - <description> - -<p>Recently, I’ve really been getting fed up with WordPress. And here’s why.</p> - -<p>WordPress dates all the way back to 2001. It was originally developed as a simple blogging platform based off of MySQL and PHP. Close to fifteen years later, it’s become a web standard and is used as the Framework/CMS for <a href="http://en.wikipedia.org/wiki/WordPress" target="_blank">more than 20% of all the websites on the internet</a>. And that’s exactly the problem.</p> - -<p>WordPress has exploded into a million different forks and subprojects, and has been expanded to run an equal amount of themes and plugins. My biggest issue with this is that WordPress was never <em>designed</em> to support this. Years down the road, it’s still sitting on code that dates back a decade. The same issue holds true with Microsoft. Even after launching Windows 8.1, it still has pieces of code that were used in the Windows 3.1 and Windows 95 operating systems. It baffles me that 20 years later, we still can’t seem to ditch MS-DOS or the Registry.</p> - -<p>WordPress was never designed to be used as an e-commerce platform, but with the help from the guys over at <a href="http://www.woothemes.com/woocommerce/" target="_blank">Woocommerce</a>, it’s never been easier and quicker to do so. WordPress was never designed to be used as a Social Media platform, but of course, there are plugins to do that as well. WordPress is so simple and easy to use, that it’s become overly bloated with features to cater to the needs of everyone. I fear that it’s soon going to crumble in on itself.</p> - -<h2 id="security-holes:4416bd877d3758ff29e0e8e3c2df4fd1">Security Holes</h2> - -<p>And here’s something else to think about too. Even if only 1/100th of all websites on the internet were using WordPress as their CMS, imagine what would happen if a large exploit were found. Millions of websites are instantly vulnerable in the hands of skilled hackers. Sadly, the number of potential targets is a lot larger than 1%, should an exploit be found. Many users don’t know that they would be perfectly fine completely ditching the database, and just using static HTML to host their blogs, completely eliminating the security flaws.</p> - -<h2 id="updates:4416bd877d3758ff29e0e8e3c2df4fd1">Updates</h2> - -<p>WordPress updates are the absolute worst. Starting somewhere in the time-frame of Wordpress 3, automatic updates were introduced by default (although you can turn these off through the database, I believe). For a lot of the websites I build and manage for clients, I set myself up as an administrator. Whenever an automatic update is pushed, I get an email saying, “Your WordPress installation has been updated to version 4.0.1…” I cringe just thinking about all the hundreds of things that could now be broken on dozens of my websites. Granted, the WordPress team does their absolute best to ensure that nothing breaks, but with hundreds of thousands of different themes and plugins, how can anyone be absolutely certain that they won’t be a compatibility issue somewhere?</p> - -<h2 id="comments:4416bd877d3758ff29e0e8e3c2df4fd1">Comments</h2> - -<p>The comment system in WordPress is so flawed, it’s not even funny. Even when using a plugin to block/prevent spam, there are times when I’ll log into my dashboard and find that I have 300+ pending comments to be approved, 90% of them being complete garbage. What’s even more annoying is that all of these comments, whether legitimate or spam, are being stored in the database, ultimately slowing down the over-all speed of your website.</p> - -<h2 id="speed:4416bd877d3758ff29e0e8e3c2df4fd1">Speed</h2> - -<p>Touching on this already a little earlier, having a backend attached to any website is most always going to ensure a decrease in speed unless it’s closely managed and optimized. Most of the time, the end-user has little to no knowledge on how to do this. Many users would be perfectly fine serving plain ol’ static HTML or using a static site builder such as <a href="http://jekyllrb.com" target="_blank">Jekyll</a> or <a href="http://middlemanapp.com" target="_blank">Middleman</a>. Every query to a database requires more bandwidth, and more server strain.</p> - -<p>I’m a little hesitant to even touch on the topic of themes, because it irritates me so much. The other day I was looking at some of <a href="http://themeforest.net/search?utf8=✓&term=&view=list&sort=sales&date=&category=wordpress&price_min=&price_max=&sales=&rating_min=&platform=" target="_blank">the best-selling WordPress themes on themeforest</a>. These themes, in my opinion, are so poorly coded, and so irritatingly slow. The builders of these themes attempt to cater to everyone and no one, all at the same time. Do they have any training about UI or UX? Do they understand that they need to minimize their CSS and JavaScript? Do they understand that they need to optimize their images to a suitable web size? Clients come to me and say, “Oooh. I like this look.” They truly have no idea what they’re doing. Having something that looks “pretty” just won’t cut it. There’s a lot more to think about behind the scenes, rather than just how a website looks.</p> - -<p>I’ve seen theme packages that, for the entire install, run in the area of 15 megabytes. 15 MEGABYTES!? Are you kidding me? Even with LTE cell phone speeds and fiber-optic internet connections, 15 megabytes is a lot of data. Good luck having users stick around when your site won’t load on their phones. Some people might say, “Well, users will wait for at least a second for my site to load.” Wrong. <a href="http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales" target="_blank">Amazon did a study</a> on page load speed, and how it affects their sales conversion rates. They found that a one-second difference in page-loading speed could cost them up to $1.6 Billion in sales.</p> - -<h2 id="the-art-of-web-design:4416bd877d3758ff29e0e8e3c2df4fd1">The Art of Web Design</h2> - -<p>In my mind, building a website truly is a work of art. I’m proud of the hours that I’ve spent in learning, growing, and honing my skills in order to develop something out of thin air that helps a client’s business or hobby or whatever. However, nowadays, it seems that we’re beginning to lose that art in development. Websites such as <a href="http://www.wix.com" target="_blank">wix</a> make it seemingly so simple to throw up a website that anyone can do it. WordPress is no different. Now, because of the simplicity of WordPress, people begin calling themselves “Developers” or “Experts” without even touching a single line of code.</p> - -<h2 id="ease-of-clients:4416bd877d3758ff29e0e8e3c2df4fd1">Ease of Clients</h2> - -<p>Now, here comes the love. I really don’t hate WordPress, although it may seem that way. One of the number one reasons I use WordPress as a CMS for my entire client base is the ability to entirely hand of a project. We’ve all worked with clients that are annoying, nagging, and constantly changing their mind. When the project is done, I can’t wait to get “rid” of them, because it’s a never-ending project. Nothing ever gets finished. WordPress allows me to (finally!) finish a project and give them the ability to change and manipulate virtually anything they may want with knowing little or no code at all, and best of all, without involving me.</p> - -<h2 id="quick-and-inexpensive:4416bd877d3758ff29e0e8e3c2df4fd1">Quick and Inexpensive</h2> - -<p>When you’re constantly beginning new projects, you get in the habit of building your own mini-framework, in hopes to cut off some of the development time or shave off some of the repetitiveness. WordPress is KING of saving time. I can create a new hosting environment, and have a functional WordPress installation in less than five minutes total. Then, I can focus on the needs of the customer and the design, rather than re-inventing the wheel for the 500th time.</p> - -<h2 id="conclusion:4416bd877d3758ff29e0e8e3c2df4fd1">Conclusion</h2> +<p>Why? Because I&rsquo;m sick of everything else on the internet. And that&rsquo;s not to say that there aren&rsquo;t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don&rsquo;t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that&rsquo;s about it. No frills, no fuss, no crazy configuration options, nothing.</p> -<p>Ultimately, I think my hatred really comes down to the bloat of WordPress. It reminds me so frequently of those who attempt to build an entire website using Dreamweaver’s visual mode. Yes, it’s possible to do it without knowing any code at all. But if you know anything about code, you can instantly look at the code that Dreamweaver spits out, and you know how much bloat and garbage can be cut out. WordPress is an incredible piece of software, and that’s apparent in it’s widespread usage. But bloat is my number one concern.</p> +<p>So many of you might be asking then, &#8220;Bryce, why not just use a static site generator for your blog?&#8221; Good question. Been there, done that. And it was fine. I&rsquo;m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn&rsquo;t even care about that. You&rsquo;ll notice that on this site, I&rsquo;ve completely omitted the comment system.</p> -<p>If you’re familiar with <a href="https://developers.google.com/speed/pagespeed/" target="_blank">Google’s Page Speed</a> analysis, you might be surprised to see that even some of the most popular websites rarely score above 50%. Take a basic WordPress theme, give it a test, and you might be surprised that you only received a score of 27. Developing everything from scratch, you can easily shave off the bloat and improve your page speed, which can equate to improved SEO through Google.</p> +<p>But the main reason I ditched Jekyll and switched over to Hugo were the painfully slow build times. My blog used to showcase a lot of my photography, and so I probably had around 100 posts total overall, most of which were dedicated posts full of photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I&rsquo;m one of those &#8220;code-and-check-and-code-and-check-some-more&#8221; type people. I don&rsquo;t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> -<p>One last point, and then I’ll shut up. Am I using WordPress to run my blog? Absolutely. Is there a lot of bloat? Maybe a little, but I’ve tried to cut out everything that I could. I’m scoring in the 90’s in most aspects of Google’s Page rankings. I think I fall into the trap that so many other users do, and try too hard to focus on design, colors, and appearance, and not so much on the content. I was recently inspired by <a href="http://davidbcalhoun.com" target="_blank">David Calhoun’s blog</a>, and have since changed the design of my own blog to a more minimal design. David’s blog is great. It’s plain, clean, crisp, but more important, it’s fast. It provides the required functionality, and then the rest is focused on the content. Does David’s readers care that his blog is plain? Not really. He has a consistent reader-base, because of what he provides. Rarely, if ever, would anyone say, “This is a great looking site. I’m going to come back, even if there’s nothing here for me.” No. Does a good design/functionality help? Of course. But it’s not everything.</p> -</description> - </item> - - <item> - <title>Here's to actually sticking with something</title> - <link>http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/</link> - <pubDate>Fri, 05 Dec 2014 18:50:20 -0700</pubDate> - - <guid>http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/</guid> - <description><p>When I was 16 (yes, I&rsquo;m young, okay?), I had the idea for a Tech Blog. Not that it had never been done before or anything, but it&rsquo;s just that ever since the age of 9, technology is the only hobby or thing in my life that I&rsquo;ve consistently held interest in. I&rsquo;m not sure why I wanted to start one, but I just figured it would be a good way of tracking my progress and learning of various technologies, as well as helping others in anyway, if possible. I got about three posts in, got discouraged, thought &#8220;this is stupid&#8221;, and told myself that I would never in any way, shape, or form be able to compete with the larger tech blogs like <a href="http://www.cnet.com" target="_blank">CNet</a>, <a href="http://techcrunch.com" target="_blank">TechCrunch</a>, or TUAW (now<a href="http://www.imore.com" target="_blank"> iMore</a>).</p> +<p>If you like what you see, you&rsquo;re free to use it. You can <a href="https://github.com/brycematheson/allegiant" target="_blank">head over to my GitHub and grab it off of there</a>.</p> -<p>But now, I&rsquo;m kicking myself. In hindsight, I keep thinking to myself, &#8220;Imagine the web presence you could have had, if only you had hung on for all these years.&#8221; Well, recently, I&rsquo;ve had a bit of motivation (or maybe it&rsquo;s procrastination of more important things), and I&rsquo;ve decided to actually stick to this blog. It&rsquo;s been going for about six months now, and I plan on continuing the trend.</p> +<p>It&rsquo;s decently fast, getting a <sup>73</sup>&frasl;<sub>100</sub> on Google Page Speed Insights. I&rsquo;ve fiddled with it, and I was able to get it up to a <sup>95</sup>&frasl;<sub>100</sub> on my site by using a CDN and playing with some of the render-blocking CSS in the head. It&rsquo;s also responsive, too.</p> -<p>I have <a href="http://www.laytreasuresinheaven.com" target="_blank">another blog</a> dealing with the religious aspect of my life, and it&rsquo;s actually proven to be successful (at least in my book), getting around 30,000 hits a month. It&rsquo;s not incredible, and I haven&rsquo;t been very great at posting lately, but it&rsquo;s really rewarding to see what I&rsquo;ve been able to achieve by keeping it running for around a year and a half.</p> - -<p>So, here&rsquo;s to actually sticking with something, for once in my life.</p> +<p>So anyway, enough rambling. Here&rsquo;s a cool theme if you want to use it.</p> </description> </item> diff --git a/public/post/2014-10-29-adobe-lightroom-tutorial-for-beginners/index.html b/public/post/introducing-allegiant-a-hugo-theme/index.html index 4ddab33..a250157 100644 --- a/public/post/2014-10-29-adobe-lightroom-tutorial-for-beginners/index.html +++ b/public/post/introducing-allegiant-a-hugo-theme/index.html @@ -3,27 +3,24 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> - <title>Adobe Lightroom 5 Tutorial for Beginners · Allegiant</title> - <link rel="stylesheet" href="http://localhost:1313/css/style.css" /> - <link rel="stylesheet" href="http://localhost:1313/css/font-awesome.min.css" /> + <title>Introducing Allegiant -- A Hugo Theme · Allegiant</title> + <link rel="stylesheet" href="http://localhost:1313//css/style.css" /> + <link rel="stylesheet" href="http://localhost:1313//css/font-awesome.min.css" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600' rel='stylesheet' type='text/css'> - <link rel="shortcut icon" href="http://localhost:1313/img/favicon.ico" /> - <link rel="apple-touch-icon" href="http://localhost:1313/img/apple-touch-icon.jpg" /> - </head> <body> -<header class="header" style="background-color: #009DDC; - background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #009DDC, #006ccb);background-repeat: repeat, no-repeat;background-position: left top, left top;background-size: 100px 100px, 100% 100%;" role="banner"> +<header class="header" style="background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(http://localhost:1313//img/plane.jpg) 49.9% 49.9% / cover;" role="banner"> +<!-- FeaturedImage. Otherwise show default //--> <section id="branding"> <div id="site-title"><a href="http://localhost:1313/">Allegiant</a></div> <nav id="mainmenu"> <ul> <li><a href="http://localhost:1313/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> <input type="checkbox" id="op"></input> @@ -35,9 +32,9 @@ <nav id="menu" role="navigation"> <ul> <li><a href="http://localhost:1313/">Articles</a></li> - <li><a href="https://github.com/brycematheson" target="_blank">Github</a></li> - <li><a href="https://twitter.com/brycematheson" target="_blank">Twitter</a></li> - <li><a href="https://www.linkedin.com/in/brycematheson" target="_blank">LinkedIn</a></li> + <li><a href="http://github.com/username" target="_blank">Github</a></li> + <li><a href="https://twitter.com/username" target="_blank">Twitter</a></li> + <li><a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a></li> </ul> </nav> </div> @@ -45,9 +42,9 @@ </section> <div class="post-heading"> <h1> - Adobe Lightroom 5 Tutorial for Beginners + Introducing Allegiant -- A Hugo Theme <div class="share-icons-header"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -64,7 +61,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -85,7 +82,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -110,23 +107,31 @@ <section id="content" role="main"> <section class="entry-meta"> - <span class="post-date">Oct 29, 2014</span> + <span class="post-date">Nov 21, 2015</span> </section></header> <section class="entry-content"> <article> -<p>Adobe Lightroom is an industry standard for photographers, however, upon opening it for the first time, it can be a little bit intimidating. But take a deep breath, sit back, and watch this quick tutorial that I threw together, and you’ll be blown away with all of the power and capabilities that Lightroom has. I’ve been with Lightroom since version 3, and the capabilities and features that have been added in the recent additions have all been more than beneficial.</p> +<p>So I made a WordPress Theme. And then I kept going and made a theme for Hugo, too.</p> + +<p><img src="http://localhost:1313/img/screenshot.png" alt="Allegiant - Hugo" /></p> + +<p>Why? Because I’m sick of everything else on the internet. And that’s not to say that there aren’t some great themes out there. There are some truly incredible themes. And they do everything. The problem is, however, that I don’t need everything. All I need is a simple page that is aesthetically pleasing, and quick. And that’s about it. No frills, no fuss, no crazy configuration options, nothing.</p> + +<p>So many of you might be asking then, “Bryce, why not just use a static site generator for your blog?” Good question. Been there, done that. And it was fine. I’m definitely a fan of Jekyll. The speed of a static site is great. For the first little while, I missed the features that came with a back-end language (PHP is my backend language of choice, which means WordPress works great for me), and some of the database features too. But of course, those are the benefits of a static site. I quickly was able to cope with some of the losses through the use of third-party commenting systems, like <a href="https://disqus.com/" target="_blank">Disqus</a>, but then I quickly found that I didn’t even care about that. You’ll notice that on this site, I’ve completely omitted the comment system.</p> -<p>Whether you’re a professional photographer, or you’d just like to do a little bit of retouching on your photos, Adobe Lightroom is the way to go. It syncs so well with Photoshop as well, that the workflow between the two really is seemless.</p> +<p>But the main reason I ditched Jekyll and switched over to Hugo were the painfully slow build times. My blog used to showcase a lot of my photography, and so I probably had around 100 posts total overall, most of which were dedicated posts full of photos. Everytime I made a little, itty-bitty change, it would have to regenerate, and take about 3-5 minutes per generation. That might not sound like a lot, but it would have to regenerate each and every time, regardless of how small of a change I made. And I’m one of those “code-and-check-and-code-and-check-some-more” type people. I don’t have enough confidence in myself to code lines and lines and lines of code before checking my work.</p> -<p>If you’re like most people (me included) and are on a fairly tight budget, Adobe is currently offering a package for $9.99 a month where you can get Photoshop and Lightroom together. It’s known as their “Photography Plan” and it can be found <a href="https://creative.adobe.com/plans/photography" target="_blank">here</a>.</p> +<p>If you like what you see, you’re free to use it. You can <a href="https://github.com/brycematheson/allegiant" target="_blank">head over to my GitHub and grab it off of there</a>.</p> -<p>Either way, give it a look over. Comment if you have any questions, and I’d be more than happy to help out.</p> +<p>It’s decently fast, getting a <sup>73</sup>⁄<sub>100</sub> on Google Page Speed Insights. I’ve fiddled with it, and I was able to get it up to a <sup>95</sup>⁄<sub>100</sub> on my site by using a CDN and playing with some of the render-blocking CSS in the head. It’s also responsive, too.</p> + +<p>So anyway, enough rambling. Here’s a cool theme if you want to use it.</p> </section> <div class="entry-links"></div> </article> <div class="share-icons-body"> - <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="http://www.twitter.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -143,7 +148,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="http://plus.google.com/share?url=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> <g> @@ -164,7 +169,7 @@ S459.64,584.182,306,584.182S27.818,459.64,27.818,306z"/> </g> </svg></a> - <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2f2014-10-29-adobe-lightroom-tutorial-for-beginners%2f" target="_blank"> + <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2flocalhost%3a1313%2fpost%2fintroducing-allegiant-a-hugo-theme%2f" target="_blank"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> <g> @@ -181,28 +186,23 @@ <div class="clearfix"></div> <figure class="author-bio"> <img class="bio-image" src="../../img/avatar.jpg" /> -<figcaption class="bio-text">Bryce Matheson works as a Windows Systems Administrator for a small IT company based out of Idaho Falls. When not consumed by work, Bryce enjoys dabbling with web development and whatever other technologies are currently tickling his fancy. This site is a place to document his learning.</figcaption> +<figcaption class="bio-text">Insert your bio here. You should write something really whitty and interesting that nobody is ever going to read or care about. But such is life. I really like the look of having a bio snippet on the blog, though. You may have to adjust some CSS styles depending on how long or short your bio is. I didn't make it super resillient.</figcaption> </figure> +<hr> </section> <div class="clear"></div> </div> <footer id="footer" style="color: #7A7B7C; background-color: #3A3B3C;background-image: url(http://localhost:1313//img/texture.png),linear-gradient(to bottom, #3A3B3C, #1d1e1e); background-repeat: repeat, no-repeat; background-position: left top, left top; background-size: 100px 100px, 100% 100%;"> <div id="footer-container"> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> - <div class="footer-column"> - - </div> + <div class="footer-column">Some text here.</div> + <div class="footer-column">Some different text here.</div> + <div class="footer-column">Even more different text here.</div> <div class="clearfix"></div> </div> <div id="copyright">© Allegiant. All Rights Reserved.</div> </footer> -<script src="http://localhost:1313/js/highlight.pack.js"></script> +<script src="http://localhost:1313//js/highlight.pack.js"></script> <script> hljs.initHighlightingOnLoad(); </script> @@ -221,4 +221,6 @@ + (location.host || 'localhost').split(':')[0] + ':1313/livereload.js?mindelay=10"></' + 'script>')</script></body> + <link rel="shortcut icon" href="http://localhost:1313//img/favicon.ico" /> + <link rel="apple-touch-icon" href="http://localhost:1313//img/apple-touch-icon.jpg" /> </html>
\ No newline at end of file diff --git a/public/sitemap.xml b/public/sitemap.xml index 8c92251..0c34c73 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -2,139 +2,19 @@ <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> - <loc>http://localhost:1313/brycematheson.io/</loc> - <lastmod>2015-11-15T18:50:20-07:00</lastmod> + <loc>http://localhost:1313/</loc> + <lastmod>2015-11-22T10:54:54-07:00</lastmod> <priority>0</priority> </url> <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-11-09-mathesondigital-wordpress-theme/</loc> - <lastmod>2015-11-15T18:50:20-07:00</lastmod> + <loc>http://localhost:1313/post/features/</loc> + <lastmod>2015-11-22T10:54:54-07:00</lastmod> </url> <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-09-15-moral-sensitivity/</loc> - <lastmod>2015-09-15T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-07-31-windows-10-first-impressions/</loc> - <lastmod>2015-07-31T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-07-25-hindsight/</loc> - <lastmod>2015-07-15T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-06-03-powershell-extend-script/</loc> - <lastmod>2015-06-03T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-02-20-command-line-essentials/</loc> - <lastmod>2015-02-20T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-02-14-i-love-to-grunt-and-gulp/</loc> - <lastmod>2015-02-14T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-01-24-remove-ds_store-from-zip-file/</loc> - <lastmod>2015-01-24T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-01-19-static-site-contact-form/</loc> - <lastmod>2015-01-19T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2015-01-02-5-things-to-stop-doing-in-2015/</loc> - <lastmod>2015-01-02T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-12-20-take-that-mr-barney/</loc> - <lastmod>2014-12-20T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-12-15-pseudo-responsive-images/</loc> - <lastmod>2014-12-15T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-12-08-investment-calculator-java/</loc> - <lastmod>2014-12-08T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-12-06-my-love-hate-relationship-with-wordpress/</loc> - <lastmod>2014-12-06T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-12-05-heres-to-actually-sticking-with-something/</loc> - <lastmod>2014-12-05T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-11-29-i-have-an-iphone-and-mac-get-an-ipad/</loc> - <lastmod>2014-11-29T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-10-06-tmobile-im-breaking-up-with-you/</loc> - <lastmod>2014-10-06T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-10-03-visual-form-builder-paypal-redirect/</loc> - <lastmod>2014-10-03T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-09-09-the-most-important-camera-accessory/</loc> - <lastmod>2014-09-09T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-08-03-my-experience-with-a-mac/</loc> - <lastmod>2014-08-03T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-29-my-experience-with-joomla/</loc> - <lastmod>2014-07-29T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-26-how-to-record-your-screen-on-a-mac/</loc> - <lastmod>2014-07-26T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-18-change-crop-orientation-adobe-lightroom/</loc> - <lastmod>2014-07-18T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-16-understanding-raid/</loc> - <lastmod>2014-07-16T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-02-removing-category-from-your-wordpress-url/</loc> - <lastmod>2014-07-02T18:50:20-07:00</lastmod> - </url> - - <url> - <loc>http://localhost:1313/brycematheson.io/post/2014-07-01-i-dont-use-anti-virus-software-am-i-crazy/</loc> - <lastmod>2014-07-01T18:50:20-07:00</lastmod> + <loc>http://localhost:1313/post/introducing-allegiant-a-hugo-theme/</loc> + <lastmod>2015-11-21T18:50:20-07:00</lastmod> </url> </urlset>
\ No newline at end of file diff --git a/static/CNAME b/static/CNAME new file mode 100644 index 0000000..d9f841c --- /dev/null +++ b/static/CNAME @@ -0,0 +1 @@ +www.brycematheson.io diff --git a/static/css/style.css b/static/css/style.css index 1b293aa..3a196da 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,3 +1,7 @@ +.lower label:hover, +.overlay label { + cursor: pointer +} a.moretag, h2 a { text-decoration: none @@ -119,6 +123,12 @@ video { margin: 0; vertical-align: baseline } +.hljs-class .hljs-title:last-child, +.hljs-emphasis, +.hljs-strongemphasis, +em { + font-style: italic +} body, button, input, @@ -126,7 +136,7 @@ select, textarea { font-family: Lato, Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #3A3B3C; - font-weight: 400; + font-weight: 300; font-size: 1.125rem; line-height: 1.5; margin: 0; @@ -183,7 +193,7 @@ h3 a { } b, strong { - font-weight: 600 + font-weight: 400 } h1 { font-size: 2.2em @@ -210,29 +220,24 @@ mark { abbr[title] { border-bottom: 1px dotted #D1D1D1 } -em { - font-style: italic; -} - blockquote { - background: #f9f9f9; - border-left: 10px solid #ccc; - margin: 1.5em 10px; - padding: 0.5em 10px; - quotes: "\201C""\201D""\2018""\2019"; + background: #f9f9f9; + border-left: 10px solid #ccc; + margin: 1.5em 10px; + padding: .5em 10px; + quotes: "\201C""\201D""\2018""\2019" } blockquote:before { - color: #ccc; - content: open-quote; - font-size: 4em; - line-height: 0.1em; - margin-right: 0.25em; - vertical-align: -0.4em; + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: .1em; + margin-right: .25em; + vertical-align: -.4em } blockquote p { - display: inline; + display: inline } - hr { border: 0; border-bottom: 1px solid #D1D1D1; @@ -302,12 +307,12 @@ footer { footer .menu-item a { color: #7A7B7C; text-decoration: none; - font-weight: 400 + font-weight: 300 } #mainmenu li, #nav-below a { display: inline-block; - font-weight: 600; + font-weight: 400; cursor: pointer } footer .menu-item a:hover { @@ -445,11 +450,9 @@ img { width: 100%; height: auto } - article img { - box-shadow: 0 0 15px rgba(0,0,0,0.35); + box-shadow: 0 0 15px rgba(0, 0, 0, .35) } - .lower { float: right; margin-top: 28px; @@ -457,8 +460,8 @@ article img { padding: 0 .85em; border-radius: 30px; color: #fff; - font-weight: 600; - line-height: 25px; + font-weight: 400; + line-height: 25px } .lower:hover { background: #fff; @@ -468,9 +471,6 @@ article img { font-family: inherit; font-size: .7em } -.lower label:hover { - cursor: pointer -} .overlay { position: fixed; width: 100%; @@ -486,8 +486,7 @@ article img { right: 20px; top: 20px; background: url(../img/cross.png); - z-index: 100; - cursor: pointer + z-index: 100 } .overlay nav { position: relative; @@ -504,10 +503,6 @@ article img { height: 100%; position: relative } -td, -th { - padding: 3px -} .overlay ul li { display: block; height: 20%; @@ -608,6 +603,7 @@ table { } td, th { + padding: 3px; border: 1px solid transparent; height: 30px; transition: all .3s @@ -666,11 +662,6 @@ tr td:hover { .hljs-link_url { font-size: 80% } -.hljs-class .hljs-title:last-child, -.hljs-emphasis, -.hljs-strongemphasis { - font-style: italic -} .alias .hljs-keyword:first-child, .clojure .hljs-built_in, .css .hljs-important, @@ -751,58 +742,58 @@ tr td:hover { .xml .javascript, .xml .php, .xml .vbscript { - opacity: .5 + opacity: .5; } @media (max-width: 1000px) { #footer-container { width: 95%; - text-align: center + text-align: center; } } @media (max-width: 700px) { .post-heading h1, h2 { - font-size: 1.2em + font-size: 1.2em; } #branding, #content { padding: 0 5%; - box-sizing: border-box + box-sizing: border-box; } #content { - width: 100% + width: 100%; } .header { - height: 300px + height: 300px; } .lower { - display: block + display: block; } #mainmenu, .pagination { - display: none + display: none; } .post-heading { height: 180px; width: 50%; margin-top: -1%; margin-left: 25%; - display: table + display: table; } #branding, .footer-column { - width: 100% + width: 100%; } .share-icons-header svg { - margin-right: 5px - } - .share-icons-body svg { - margin-right: 10px - } + margin-right: 5px; + } + .share-icons-body svg { + margin-right: 10px; + } #nav-below { - margin-bottom: 30px + margin-bottom: 30px; } article p { - font-size: .85em + font-size: .95em; } }
\ No newline at end of file diff --git a/static/img/avatar.jpg b/static/img/avatar.jpg Binary files differindex bbf6780..6a9e1c7 100644 --- a/static/img/avatar.jpg +++ b/static/img/avatar.jpg diff --git a/static/img/post_images/antivirus_1.png b/static/img/post_images/antivirus_1.png Binary files differdeleted file mode 100644 index fa5b83c..0000000 --- a/static/img/post_images/antivirus_1.png +++ /dev/null diff --git a/static/img/post_images/antivirus_2.jpg b/static/img/post_images/antivirus_2.jpg Binary files differdeleted file mode 100644 index 2020088..0000000 --- a/static/img/post_images/antivirus_2.jpg +++ /dev/null diff --git a/static/img/post_images/antivirus_3.jpg b/static/img/post_images/antivirus_3.jpg Binary files differdeleted file mode 100644 index aff9777..0000000 --- a/static/img/post_images/antivirus_3.jpg +++ /dev/null diff --git a/static/img/post_images/antivirus_4.jpg b/static/img/post_images/antivirus_4.jpg Binary files differdeleted file mode 100644 index 2838cdc..0000000 --- a/static/img/post_images/antivirus_4.jpg +++ /dev/null diff --git a/static/img/post_images/exif1.png b/static/img/post_images/exif1.png Binary files differdeleted file mode 100644 index b8e026a..0000000 --- a/static/img/post_images/exif1.png +++ /dev/null diff --git a/static/img/post_images/exif2.png b/static/img/post_images/exif2.png Binary files differdeleted file mode 100644 index 745a6cf..0000000 --- a/static/img/post_images/exif2.png +++ /dev/null diff --git a/static/img/post_images/exif3.png b/static/img/post_images/exif3.png Binary files differdeleted file mode 100644 index 25f637a..0000000 --- a/static/img/post_images/exif3.png +++ /dev/null diff --git a/static/img/post_images/exif4.png b/static/img/post_images/exif4.png Binary files differdeleted file mode 100644 index 631afd9..0000000 --- a/static/img/post_images/exif4.png +++ /dev/null diff --git a/static/img/post_images/exif5.png b/static/img/post_images/exif5.png Binary files differdeleted file mode 100644 index 1a94646..0000000 --- a/static/img/post_images/exif5.png +++ /dev/null diff --git a/static/img/post_images/exif6.png b/static/img/post_images/exif6.png Binary files differdeleted file mode 100644 index f92158e..0000000 --- a/static/img/post_images/exif6.png +++ /dev/null diff --git a/static/img/post_images/exif7.png b/static/img/post_images/exif7.png Binary files differdeleted file mode 100644 index db2bb7a..0000000 --- a/static/img/post_images/exif7.png +++ /dev/null diff --git a/static/img/post_images/guicalculator.png b/static/img/post_images/guicalculator.png Binary files differdeleted file mode 100644 index d46a9f7..0000000 --- a/static/img/post_images/guicalculator.png +++ /dev/null diff --git a/static/img/post_images/joomla.png b/static/img/post_images/joomla.png Binary files differdeleted file mode 100644 index 8a17ac7..0000000 --- a/static/img/post_images/joomla.png +++ /dev/null diff --git a/static/img/post_images/permalinks_wordpress.png b/static/img/post_images/permalinks_wordpress.png Binary files differdeleted file mode 100644 index 0e5be65..0000000 --- a/static/img/post_images/permalinks_wordpress.png +++ /dev/null diff --git a/static/img/post_images/pingdom-speed-results.jpg b/static/img/post_images/pingdom-speed-results.jpg Binary files differdeleted file mode 100644 index 1f5b07c..0000000 --- a/static/img/post_images/pingdom-speed-results.jpg +++ /dev/null diff --git a/static/img/post_images/raid1.png b/static/img/post_images/raid1.png Binary files differdeleted file mode 100644 index 55e1022..0000000 --- a/static/img/post_images/raid1.png +++ /dev/null diff --git a/static/img/post_images/raid2.png b/static/img/post_images/raid2.png Binary files differdeleted file mode 100644 index 777db9f..0000000 --- a/static/img/post_images/raid2.png +++ /dev/null diff --git a/static/img/post_images/raid3.png b/static/img/post_images/raid3.png Binary files differdeleted file mode 100644 index 3499a11..0000000 --- a/static/img/post_images/raid3.png +++ /dev/null diff --git a/static/img/post_images/raid4.png b/static/img/post_images/raid4.png Binary files differdeleted file mode 100644 index 773806c..0000000 --- a/static/img/post_images/raid4.png +++ /dev/null diff --git a/static/img/post_images/record1.png b/static/img/post_images/record1.png Binary files differdeleted file mode 100644 index b4ab3c6..0000000 --- a/static/img/post_images/record1.png +++ /dev/null diff --git a/static/img/post_images/record2.png b/static/img/post_images/record2.png Binary files differdeleted file mode 100644 index e3f0cc2..0000000 --- a/static/img/post_images/record2.png +++ /dev/null diff --git a/static/img/post_images/record3.png b/static/img/post_images/record3.png Binary files differdeleted file mode 100644 index 68fde2c..0000000 --- a/static/img/post_images/record3.png +++ /dev/null diff --git a/static/img/post_images/sparks_fly.jpg b/static/img/post_images/sparks_fly.jpg Binary files differdeleted file mode 100644 index c728f9f..0000000 --- a/static/img/post_images/sparks_fly.jpg +++ /dev/null diff --git a/static/img/post_images/tmobile.jpg b/static/img/post_images/tmobile.jpg Binary files differdeleted file mode 100644 index 83035b4..0000000 --- a/static/img/post_images/tmobile.jpg +++ /dev/null diff --git a/static/img/post_images/visualformbuilder1.png b/static/img/post_images/visualformbuilder1.png Binary files differdeleted file mode 100644 index 893016c..0000000 --- a/static/img/post_images/visualformbuilder1.png +++ /dev/null diff --git a/static/img/post_images/visualformbuilder2.png b/static/img/post_images/visualformbuilder2.png Binary files differdeleted file mode 100644 index f8e1d13..0000000 --- a/static/img/post_images/visualformbuilder2.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-1.png b/static/img/post_images/windows-10-first-impressions-1.png Binary files differdeleted file mode 100644 index 4e96477..0000000 --- a/static/img/post_images/windows-10-first-impressions-1.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-2.png b/static/img/post_images/windows-10-first-impressions-2.png Binary files differdeleted file mode 100644 index 651cefa..0000000 --- a/static/img/post_images/windows-10-first-impressions-2.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-3.png b/static/img/post_images/windows-10-first-impressions-3.png Binary files differdeleted file mode 100644 index 71a78bd..0000000 --- a/static/img/post_images/windows-10-first-impressions-3.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-4.png b/static/img/post_images/windows-10-first-impressions-4.png Binary files differdeleted file mode 100644 index e4b2124..0000000 --- a/static/img/post_images/windows-10-first-impressions-4.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-5.png b/static/img/post_images/windows-10-first-impressions-5.png Binary files differdeleted file mode 100644 index 4e07130..0000000 --- a/static/img/post_images/windows-10-first-impressions-5.png +++ /dev/null diff --git a/static/img/post_images/windows-10-first-impressions-6.png b/static/img/post_images/windows-10-first-impressions-6.png Binary files differdeleted file mode 100644 index 8fb32f7..0000000 --- a/static/img/post_images/windows-10-first-impressions-6.png +++ /dev/null diff --git a/static/img/post_images/wordpress-logo.png b/static/img/post_images/wordpress-logo.png Binary files differdeleted file mode 100644 index 9a9aac0..0000000 --- a/static/img/post_images/wordpress-logo.png +++ /dev/null diff --git a/static/img/screenshot.png b/static/img/screenshot.png Binary files differnew file mode 100644 index 0000000..17176f2 --- /dev/null +++ b/static/img/screenshot.png |
