{"id":10,"date":"2015-10-27T21:04:44","date_gmt":"2015-10-28T02:04:44","guid":{"rendered":"http:\/\/www.nickm406.com\/home\/?page_id=10"},"modified":"2026-01-15T18:08:03","modified_gmt":"2026-01-16T00:08:03","slug":"websites","status":"publish","type":"page","link":"https:\/\/nickmason.me\/home\/websites\/","title":{"rendered":"Website Portfolio"},"content":{"rendered":"<h2 style=\"text-align: center;\"><strong>Active Websites<\/strong><\/h2>\n<section id=\"huge_it_portfolio_content_3\"\n         style=\"clear: both\"\n         class=\"portfolio-gallery-content \"\n         data-portfolio-id=\"3\">\n\t<div id=\"huge-it-container-loading-overlay_3\"><\/div>\n\t\t\t\t\t\t<div id=\"huge_it_portfolio_container_3\"\n\t     data-show-loading=\"on\"\n\t     data-show-center=\"off\"\n\t     class=\"huge_it_portfolio_container super-list variable-sizes clearfix view-full-width\" >\n\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_3 colorbox_grouping   \" data-symbol=\"Wolf Moon\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_3\">\n\t\t\t\t\t<div class=\"main-image-block_3 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2026\/03\/wm_pto.png?ssl=1\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group1-3\"\n                                       data-description=\" Designed, developed, implemented, and administered the official website Wolf Moon, a power metal band that I play keys in.\"\n\t\t\t\t\t\t\t\t\t   title=\"Wolf Moon\" data-groupID=\"1-3\"><img\n\t\t\t\t\t\t\t\t\t\t\talt=\"Wolf Moon\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img0\"\n                                            data-title=\" wm_pto\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2026\/03\/wm_pto.png?fit=940%2C464&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_3\">\n\t\t\t\t\t\t<h3>Wolf Moon<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_3\">\n\t\t\t\t\t\t\t\t<p>Designed, developed, implemented, and administered the official website Wolf Moon, a power metal band that I play keys in.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/wolfmoonmetal.com\" target=\"_blank\">View More<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\n\t<\/div>\n<\/section><style>\n.portelement_3 .play-icon.youtube-icon  {\n    background: url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/play.youtube.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n.portelement_3 .play-icon.vimeo-icon  {\n    background: url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/play.vimeo.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n.portelement_3 .play-icon {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n}\n.add-H-relative {\n    position: relative;\n}\n.add-H-block {\n    display: block;\n    border: none !important;\n    box-shadow: none;\n\n}\n\/***<\/add>***\/\n.portelement_3 {\n    position: relative;\n    width: calc(96% - 2px);\n    margin:5px 0px 5px 0px;\n    padding:2%;\n    clear:both;\n    overflow: hidden;\n    border:1px solid #dedede;\n    background:#f9f9f9;\n}\n\n.portelement_3 div.left-block_3 {\n    padding-right: 10px;\n    display: inline-block;\n    float: left;\n}\n\n.portelement_3 div.left-block_3 .main-image-block_3 {\n    clear:both;\n    width:240px;\n}\n\n.portelement_3 div.left-block_3 .main-image-block_3 img {\n    margin:0px !important;\n    padding:0px !important;\n    width:240px !important;\n    height:auto;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block {\n    position:relative;\n    margin-top:10px;\n    display: inline-block;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block .thumbs-list_3{\n    padding: 0 !important;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block ul {\n    width:240px;\n    height:auto;\n    display:table;\n    margin:0px;\n    padding:0px;\n    list-style:none;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block ul li {\n    margin:2px 3px 0px 2px;\n    padding:0px;\n    width:75px;\n    height:75px;\n    float:left;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block ul li a {\n    display:block;\n    width:75px;\n    height:75px;\n    border: none;\n    box-shadow: none;\n}\n\n.portelement_3 div.left-block_3 .thumbs-block ul li a img {\n    margin:0px !important;\n    padding:0px !important;\n    width:75px;\n    height:75px;\n}\n\n.portelement_3 div.right-block {\n    vertical-align:top;\n    float: right;\n    display: inline-block;\n    width: calc(96% - 240px);\n}\n\n.portelement_3 div.right-block > div {\n    width:100%;\n    padding-bottom:10px;\n    margin-top:10px;\n    background:url('https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/divider.line.png') center bottom repeat-x;\n}\n\n.portelement_3 div.right-block > div:last-child {\n    background:none;\n}\n\n.portelement_3 div.right-block .title-block_3  {\n    margin-top:3px;\n}\n\n.portelement_3 div.right-block .title-block_3 h3 {\n    margin:0px;\n    padding:0px;\n    font-weight:normal;\n    font-size:18px !important;\n    line-height:22px !important;\n    color:#0074a2;\n}\n\n.portelement_3 div.right-block .description-block_3 p,.portelement_3 div.right-block .description-block_3  {\n    margin:0px;\n    padding:0px;\n    font-size:14px;\n    color:#555555;\n    text-align: justify;\n}\n\n\n.portelement_3 div.right-block .description-block_3 h1,\n.portelement_3 div.right-block .description-block_3 h2,\n.portelement_3 div.right-block .description-block_3 h3,\n.portelement_3 div.right-block .description-block_3 h4,\n.portelement_3 div.right-block .description-block_3 h5,\n.portelement_3 div.right-block .description-block_3 h6,\n.portelement_3 div.right-block .description-block_3 p,\n.portelement_3 div.right-block .description-block_3 strong,\n.portelement_3 div.right-block .description-block_3 span {\n    padding:2px !important;\n    margin:0px !important;\n}\n\n.portelement_3 div.right-block .description-block_3 ul,\n.portelement_3 div.right-block .description-block_3 li {\n    padding:2px 0px 2px 5px;\n    margin:0px 0px 0px 8px;\n}\n\n.portelement_3 .button-block {\n    position:relative;\n}\n\n.portelement_3 div.right-block .button-block a,.portelement_3 div.right-block .button-block a:link,.portelement_3 div.right-block .button-block a:visited {\n    position:relative;\n    display:inline-block;\n    padding:6px 12px;\n    background:#2ea2cd;\n    color:#ffffff;\n    font-size:14px;\n    text-decoration:none;\n    border:none;\n}\n\n.portelement_3 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.portelement_3 div.right-block .button-block a:active {\n    background:#0074a2;\n    color:#ffffff;\n    border:none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {\n    position: relative;\n    overflow: hidden;\nfloat:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;    margin-bottom: 10px;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul {\n    margin: 0px !important;\n    padding: 0px !important;\n    list-style: none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul {\n    margin: 0px !important;\n    padding: 0px !important;\n    overflow: hidden;\n    width: 100%;\n}\n\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    padding: 0;\nborder: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n\/*#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li:hover {\n\n}*\/\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {\n    position: relative;\n    overflow: hidden;\nfloat:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li {\n    border-radius: 0px;\n    list-style-type: none;\nborder: 1px solid #ccc;}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding:3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a,\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:link,\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:visited,\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li.active a:hover,\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li.active a:focus,\n#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3  ul li.active a:active {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n#huge_it_portfolio_content_3 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 {\n\n    width: 79%;\nwidth:100%;opacity: 0;\n}\n@media screen and (max-width: 768px) {\n\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {\n        font-size: 2vw !important;\n    }\n    #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n        font-size:2vw !important;\n    }\n\n}\n\n@media screen and (max-width: 600px) {\n    .portelement_3 div.left-block_3 {\n        width: 100%;\n    }\n    .portelement_3 div.left-block_3 .main-image-block_3{\n        float: left;\n    }\n    .portelement_3 div.left-block_3 .thumbs-block{\n        width: calc(100% - 250px);\n        margin-left: 10px;\n    }\n    .portelement_3 div.left-block_3 .thumbs-block ul{\n        width: auto;\n    }\n    .portelement_3 div.right-block {\n        width: 100%;\n    }\n    .portelement_3 div.right-block .title-block_3 h3 {\n        text-align: center;\n    }\n}\n\n@media screen and (max-width: 480px) {\n\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {\n        font-size: 3vw !important;\n    }\n    #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n        line-height: 3vw;\n        font-size:3vw !important;\n    }\n    .portelement_3 div.left-block_3 .thumbs-block{\n        width: auto;\n    }\n    .portelement_3 div.left-block_3 .main-image-block_3  {\n        left: 50%;\n        transform: translateX(-50%);\n        position: relative;\n    }\n    .portelement_3 div.left-block_3 .thumbs-block ul{\n        left: 50%;\n        transform: translateX(-50%);\n        position: relative;\n    }\n    .portelement_3 div.left-block_3 .thumbs-block{\n        width: 100%;\n        margin-left: 0;\n    }\n}\n@media screen and (max-width: 420px) {\n\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,\n    #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {\n        font-size: 4vw !important;\n    }\n    #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {\n        font-size:4vw !important;\n    }\n}\n\n@media screen and (max-width: 765px) {\n    #huge_it_portfolio_content_3 .right-block {\n        float: left !important;\n        width: 100% !important;\n\n    }\n}\n#huge-it-container-loading-overlay_3 {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 1;\n    background:  url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/loading\/loading-1.svg) center top ;\n    background-repeat: no-repeat;\n    background-size: 60px auto;\n}\n#huge_it_portfolio_options_and_filters_3{\n    position: relative;\n    float: left;\n    width: 20%;\n    max-width: 180px;\n    float:;\nmargin-left:1%;}\n<\/style>\n<h2 style=\"text-align: center;\"><strong>Inactive Websites<\/strong><\/h2>\n<section id=\"huge_it_portfolio_content_2\"\n         style=\"clear: both\"\n         class=\"portfolio-gallery-content \"\n         data-portfolio-id=\"2\">\n\t<div id=\"huge-it-container-loading-overlay_2\"><\/div>\n\t\t\t\t\t\t<div id=\"huge_it_portfolio_container_2\"\n\t     data-show-loading=\"on\"\n\t     data-show-center=\"off\"\n\t     class=\"huge_it_portfolio_container super-list variable-sizes clearfix view-full-width\" >\n\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"Madison Brass Band\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mbb.png?ssl=1\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group1-2\"\n                                       data-description=\" Designed, developed, implemented, and administered the official website for the Madison Brass Band for over a decade.\"\n\t\t\t\t\t\t\t\t\t   title=\"Madison Brass Band\" data-groupID=\"1-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Madison Brass Band\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img0\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mbb.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2025\/04\/mbb-home-scaled.png?ssl=1\" data-description=\" Designed, developed, implemented, and administered the official website for the Madison Brass Band for over a decade.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group1-2 \" data-groupID=\"1-2\"><img data-recalc-dims=\"1\" alt=\"Madison Brass Band\"\n                                                  data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2025\/04\/mbb-home-scaled.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>Madison Brass Band<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>Designed, developed, implemented, and administered the official website for the Madison Brass Band for over a decade.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/web.archive.org\/web\/20240828171130\/https:\/\/www.mbbweb.net\/\" target=\"_blank\">View More<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"The Mystic Nights\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2022\/04\/fb_profile.png?ssl=1\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group2-2\"\n                                       data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t   title=\"The Mystic Nights\" data-groupID=\"2-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"The Mystic Nights\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img1\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2022\/04\/fb_profile.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/home.png?ssl=1\" data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group2-2 \" data-groupID=\"2-2\"><img alt=\"The Mystic Nights\"\n                                                  data-title=\" home\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/home.png?resize=150%2C150&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-product-cedar-leather-juniper-bar-soap-limited-2023-11-14-14_19_21-e1712519027748.png?ssl=1\" data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group2-2 \" data-groupID=\"2-2\"><img data-recalc-dims=\"1\" alt=\"The Mystic Nights\"\n                                                  data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-product-cedar-leather-juniper-bar-soap-limited-2023-11-14-14_19_21-e1712519027748.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-product-chamomile-sage-soap-disc-2023-11-14-14_00_54-e1712518909728.png?ssl=1\" data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group2-2 \" data-groupID=\"2-2\"><img data-recalc-dims=\"1\" alt=\"The Mystic Nights\"\n                                                  data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-product-chamomile-sage-soap-disc-2023-11-14-14_00_54-e1712518909728.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-wishlist-2023-11-14-14_03_27-e1712519253798.png?ssl=1\" data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group2-2 \" data-groupID=\"2-2\"><img data-recalc-dims=\"1\" alt=\"The Mystic Nights\"\n                                                  data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-wishlist-2023-11-14-14_03_27-e1712519253798.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-checkout-2023-11-14-14_02_10-e1712519174962.png?ssl=1\" data-description=\" I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group2-2 \" data-groupID=\"2-2\"><img data-recalc-dims=\"1\" alt=\"The Mystic Nights\"\n                                                  data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/screencapture-themysticnights-checkout-2023-11-14-14_02_10-e1712519174962.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>The Mystic Nights<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>I designed, developed, and implemented this website as a storefront for my homemade soaps. Due to upkeep and low visitor volume, stock was transitioned to Etsy in 2024.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/web.archive.org\/web\/20230601050021\/https:\/\/themysticnights.com\/\" target=\"_blank\">View More<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"Nick&#039;s Kitchen\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/MyKitchenPreview.png?ssl=1\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group3-2\"\n                                       data-description=\" Nick&#039;s Kitchen was my second recipes website. In 2020, after failing to regularly post content to the site, I decommissioned the site.\"\n\t\t\t\t\t\t\t\t\t   title=\"Nick&#039;s Kitchen\" data-groupID=\"3-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Nick&#039;s Kitchen\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img2\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/MyKitchenPreview.png?w=940&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>Nick's Kitchen<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>Nick's Kitchen was my second recipes website. In 2020, after failing to regularly post content to the site, I decommissioned the site.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"Nick&#039;s Moving Kitchen\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/NMK.png\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group4-2\"\n                                       data-description=\" Nick\u2019s Moving Kitchen was a project that I started in early 2012. I was posting recipes that I had created. It had a beautiful layout, but the back end was quite a disaster. In 2016 I decide to recreate the idea with \u201cNick&#039;s Kitchen.\u201d\"\n\t\t\t\t\t\t\t\t\t   title=\"Nick&#039;s Moving Kitchen\" data-groupID=\"4-2\"><img\n\t\t\t\t\t\t\t\t\t\t\talt=\"Nick&#039;s Moving Kitchen\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img3\"\n                                            data-title=\" NMK\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2015\/10\/NMK.png?fit=940%2C722&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>Nick's Moving Kitchen<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>Nick\u2019s Moving Kitchen was a project that I started in early 2012. I was posting recipes that I had created. It had a beautiful layout, but the back end was quite a disaster. In 2016 I decide to recreate the idea with \u201cNick's Kitchen.\u201d<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/web.archive.org\/web\/20150218151426\/http:\/\/nicks-moving-kitchen.nickm406.com\/\" target=\"_blank\">View More<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"Pizza By Me\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/pizzabyme.jpg\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group5-2\"\n                                       data-description=\" Working with Google Maps and Google Reviews, PizzaBy.Me GeoLocated the user\u2019s device to locate pizza places in the area.\"\n\t\t\t\t\t\t\t\t\t   title=\"Pizza By Me\" data-groupID=\"5-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Pizza By Me\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img4\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/pizzabyme.jpg?w=940\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>Pizza By Me<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>Working with Google Maps and Google Reviews, PizzaBy.Me GeoLocated the user\u2019s device to locate pizza places in the area.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"button-block\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/web.archive.org\/web\/20141218003645\/http:\/\/pizzaby.me\/\" target=\"_blank\">View More<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"Cornell Construction, LLC\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/ccllc1.png\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group6-2\"\n                                       data-description=\" Cornell Construction, LLC\u2019s website was created with mostly static HTML, PHP, Flash, and JavaScript.\"\n\t\t\t\t\t\t\t\t\t   title=\"Cornell Construction, LLC\" data-groupID=\"6-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"Cornell Construction, LLC\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img5\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/ccllc1.png?w=940\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>Cornell Construction, LLC<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>Cornell Construction, LLC\u2019s website was created with mostly static HTML, PHP, Flash, and JavaScript.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"MST Software\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mst1.png\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group7-2\"\n                                       data-description=\" MST Software served as my experimental software website.  I uploaded and advertised small programs that I created using VB.NET.  I released updates and my programs would connect to my server to download updates.  Mostly HTML and PHP were used, along with JavaScript and Flash.\"\n\t\t\t\t\t\t\t\t\t   title=\"MST Software\" data-groupID=\"7-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"MST Software\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img6\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mst1.png?w=940\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>MST Software<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>MST Software served as my experimental software website.  I uploaded and advertised small programs that I created using VB.NET.  I released updates and my programs would connect to my server to download updates.  Mostly HTML and PHP were used, along with JavaScript and Flash.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"The Madison Mellophonium Jazz Orchestra\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mmjo1.png\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group8-2\"\n                                       data-description=\" MMJO\u2019s website was created with WordPress.  I modified a parent theme to make it flow with their existing logo.  There were a great deal of Flash objects, a photo database, video playlists, and contact forms.\"\n\t\t\t\t\t\t\t\t\t   title=\"The Madison Mellophonium Jazz Orchestra\" data-groupID=\"8-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"The Madison Mellophonium Jazz Orchestra\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img7\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/mmjo1.png?w=940\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>The Madison Mellophonium Jazz Orchestra<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>MMJO\u2019s website was created with WordPress.  I modified a parent theme to make it flow with their existing logo.  There were a great deal of Flash objects, a photo database, video playlists, and contact forms.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"eSimsCentral\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/esimsc.gif?ssl=1\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group9-2\"\n                                       data-description=\" eSimsCentral was my first large project.  I began with \u201cnickm406.tk,\u201d using FreeWebs, to showcase my custom content for The Sims 2.  I ended up obtaining a server and installed PHPBB to create \u201ceSimsCentral.\u201d  This thriving community allowed other users to upload their own creations, share tips, download other content and participate in the forums.  Eventually, PHPBB did not stand strong enough so I migrated the site over to vBulletin.  With the final installation of vBulletin, enhancements included advertisements, advanced CSS objects, Flash objects and JavaScript.  The most difficult challenge was to create the Upload form for users to customize their post.\r\n\r\nUnfortunately, I did not ever get a screenshot of this system before taking it down when The Sims 3 was released.\"\n\t\t\t\t\t\t\t\t\t   title=\"eSimsCentral\" data-groupID=\"9-2\"><img\n\t\t\t\t\t\t\t\t\t\t\talt=\"eSimsCentral\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img8\"\n                                            data-title=\" esimsc\"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/esimsc.gif?fit=88%2C31&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/esimsc_ts2ts3.gif?ssl=1\" data-description=\" eSimsCentral was my first large project.  I began with \u201cnickm406.tk,\u201d using FreeWebs, to showcase my custom content for The Sims 2.  I ended up obtaining a server and installed PHPBB to create \u201ceSimsCentral.\u201d  This thriving community allowed other users to upload their own creations, share tips, download other content and participate in the forums.  Eventually, PHPBB did not stand strong enough so I migrated the site over to vBulletin.  With the final installation of vBulletin, enhancements included advertisements, advanced CSS objects, Flash objects and JavaScript.  The most difficult challenge was to create the Upload form for users to customize their post.\r\n\r\nUnfortunately, I did not ever get a screenshot of this system before taking it down when The Sims 3 was released.\"\n\t\t\t\t\t\t\t\t\t\t\t       class=\" portfolio-group9-2 \" data-groupID=\"9-2\"><img alt=\"eSimsCentral\"\n                                                  data-title=\" esimsc_ts2ts3\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/nickmason.me\/home\/wp-content\/uploads\/2024\/04\/esimsc_ts2ts3.gif?resize=88%2C31&#038;ssl=1\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>eSimsCentral<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>eSimsCentral was my first large project.  I began with \u201cnickm406.tk,\u201d using FreeWebs, to showcase my custom content for The Sims 2.  I ended up obtaining a server and installed PHPBB to create \u201ceSimsCentral.\u201d  This thriving community allowed other users to upload their own creations, share tips, download other content and participate in the forums.  Eventually, PHPBB did not stand strong enough so I migrated the site over to vBulletin.  With the final installation of vBulletin, enhancements included advertisements, advanced CSS objects, Flash objects and JavaScript.  The most difficult challenge was to create the Upload form for users to customize their post.\r\n\r\nUnfortunately, I did not ever get a screenshot of this system before taking it down when The Sims 3 was released.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\tclass=\"portelement portelement_2 colorbox_grouping   \" data-symbol=\"SchoolCenter Connect\" data-category=\"alkaline-earth\">\n\t\t\t\t<div class=\"left-block_2\">\n\t\t\t\t\t<div class=\"main-image-block_2 add-H-relative\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/ssc1.png\"\n\t\t\t\t\t\t\t\t\t   class=\" portfolio-group10-2\"\n                                       data-description=\" My SchoolCenter Connect website was a cloud-based file management system that I used through late middle school and high school.  Many of the projects that I created for classes were too large to send via e-mail, so I created user accounts for my teachers and they could go access the project.\"\n\t\t\t\t\t\t\t\t\t   title=\"SchoolCenter Connect\" data-groupID=\"10-2\"><img data-recalc-dims=\"1\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"SchoolCenter Connect\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"wd-cl-img9\"\n                                            data-title=\" \"\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/i0.wp.com\/www.nickmason.me\/home\/wp-content\/uploads\/2015\/10\/ssc1.png?w=940\"><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"thumbs-block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"thumbs-list_2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right-block\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"title-block_2\">\n\t\t\t\t\t\t<h3>SchoolCenter Connect<\/h3><\/div>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"description-block_2\">\n\t\t\t\t\t\t\t\t<p>My SchoolCenter Connect website was a cloud-based file management system that I used through late middle school and high school.  Many of the projects that I created for classes were too large to send via e-mail, so I created user accounts for my teachers and they could go access the project.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\n\t<\/div>\n<\/section><style>\n.portelement_2 .play-icon.youtube-icon  {\n    background: url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/play.youtube.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n.portelement_2 .play-icon.vimeo-icon  {\n    background: url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/play.vimeo.png) center center no-repeat;\n    background-size: 30% 30%;\n}\n.portelement_2 .play-icon {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n}\n.add-H-relative {\n    position: relative;\n}\n.add-H-block {\n    display: block;\n    border: none !important;\n    box-shadow: none;\n\n}\n\/***<\/add>***\/\n.portelement_2 {\n    position: relative;\n    width: calc(96% - 2px);\n    margin:5px 0px 5px 0px;\n    padding:2%;\n    clear:both;\n    overflow: hidden;\n    border:1px solid #dedede;\n    background:#f9f9f9;\n}\n\n.portelement_2 div.left-block_2 {\n    padding-right: 10px;\n    display: inline-block;\n    float: left;\n}\n\n.portelement_2 div.left-block_2 .main-image-block_2 {\n    clear:both;\n    width:240px;\n}\n\n.portelement_2 div.left-block_2 .main-image-block_2 img {\n    margin:0px !important;\n    padding:0px !important;\n    width:240px !important;\n    height:auto;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block {\n    position:relative;\n    margin-top:10px;\n    display: inline-block;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block .thumbs-list_2{\n    padding: 0 !important;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block ul {\n    width:240px;\n    height:auto;\n    display:table;\n    margin:0px;\n    padding:0px;\n    list-style:none;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block ul li {\n    margin:2px 3px 0px 2px;\n    padding:0px;\n    width:75px;\n    height:75px;\n    float:left;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block ul li a {\n    display:block;\n    width:75px;\n    height:75px;\n    border: none;\n    box-shadow: none;\n}\n\n.portelement_2 div.left-block_2 .thumbs-block ul li a img {\n    margin:0px !important;\n    padding:0px !important;\n    width:75px;\n    height:75px;\n}\n\n.portelement_2 div.right-block {\n    vertical-align:top;\n    float: right;\n    display: inline-block;\n    width: calc(96% - 240px);\n}\n\n.portelement_2 div.right-block > div {\n    width:100%;\n    padding-bottom:10px;\n    margin-top:10px;\n    background:url('https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/admin_images\/divider.line.png') center bottom repeat-x;\n}\n\n.portelement_2 div.right-block > div:last-child {\n    background:none;\n}\n\n.portelement_2 div.right-block .title-block_2  {\n    margin-top:3px;\n}\n\n.portelement_2 div.right-block .title-block_2 h3 {\n    margin:0px;\n    padding:0px;\n    font-weight:normal;\n    font-size:18px !important;\n    line-height:22px !important;\n    color:#0074a2;\n}\n\n.portelement_2 div.right-block .description-block_2 p,.portelement_2 div.right-block .description-block_2  {\n    margin:0px;\n    padding:0px;\n    font-size:14px;\n    color:#555555;\n    text-align: justify;\n}\n\n\n.portelement_2 div.right-block .description-block_2 h1,\n.portelement_2 div.right-block .description-block_2 h2,\n.portelement_2 div.right-block .description-block_2 h3,\n.portelement_2 div.right-block .description-block_2 h4,\n.portelement_2 div.right-block .description-block_2 h5,\n.portelement_2 div.right-block .description-block_2 h6,\n.portelement_2 div.right-block .description-block_2 p,\n.portelement_2 div.right-block .description-block_2 strong,\n.portelement_2 div.right-block .description-block_2 span {\n    padding:2px !important;\n    margin:0px !important;\n}\n\n.portelement_2 div.right-block .description-block_2 ul,\n.portelement_2 div.right-block .description-block_2 li {\n    padding:2px 0px 2px 5px;\n    margin:0px 0px 0px 8px;\n}\n\n.portelement_2 .button-block {\n    position:relative;\n}\n\n.portelement_2 div.right-block .button-block a,.portelement_2 div.right-block .button-block a:link,.portelement_2 div.right-block .button-block a:visited {\n    position:relative;\n    display:inline-block;\n    padding:6px 12px;\n    background:#2ea2cd;\n    color:#ffffff;\n    font-size:14px;\n    text-decoration:none;\n    border:none;\n}\n\n.portelement_2 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.portelement_2 div.right-block .button-block a:active {\n    background:#0074a2;\n    color:#ffffff;\n    border:none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {\n    position: relative;\n    overflow: hidden;\nfloat:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;    margin-bottom: 10px;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {\n    margin: 0px !important;\n    padding: 0px !important;\n    list-style: none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {\n    margin: 0px !important;\n    padding: 0px !important;\n    overflow: hidden;\n    width: 100%;\n}\n\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    padding: 0;\nborder: 1px solid #ccc;}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n\/*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover {\n\n}*\/\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {\n    position: relative;\n    overflow: hidden;\nfloat:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\nopacity: 0;}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {\n    border-radius: 0px;\n    list-style-type: none;\nborder: 1px solid #ccc;}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding:3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a,\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link,\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited,\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:hover,\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:focus,\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:active {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n#huge_it_portfolio_content_2 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {\n\n    width: 79%;\nwidth:100%;opacity: 0;\n}\n@media screen and (max-width: 768px) {\n\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {\n        font-size: 2vw !important;\n    }\n    #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\n        font-size:2vw !important;\n    }\n\n}\n\n@media screen and (max-width: 600px) {\n    .portelement_2 div.left-block_2 {\n        width: 100%;\n    }\n    .portelement_2 div.left-block_2 .main-image-block_2{\n        float: left;\n    }\n    .portelement_2 div.left-block_2 .thumbs-block{\n        width: calc(100% - 250px);\n        margin-left: 10px;\n    }\n    .portelement_2 div.left-block_2 .thumbs-block ul{\n        width: auto;\n    }\n    .portelement_2 div.right-block {\n        width: 100%;\n    }\n    .portelement_2 div.right-block .title-block_2 h3 {\n        text-align: center;\n    }\n}\n\n@media screen and (max-width: 480px) {\n\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {\n        font-size: 3vw !important;\n    }\n    #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\n        line-height: 3vw;\n        font-size:3vw !important;\n    }\n    .portelement_2 div.left-block_2 .thumbs-block{\n        width: auto;\n    }\n    .portelement_2 div.left-block_2 .main-image-block_2  {\n        left: 50%;\n        transform: translateX(-50%);\n        position: relative;\n    }\n    .portelement_2 div.left-block_2 .thumbs-block ul{\n        left: 50%;\n        transform: translateX(-50%);\n        position: relative;\n    }\n    .portelement_2 div.left-block_2 .thumbs-block{\n        width: 100%;\n        margin-left: 0;\n    }\n}\n@media screen and (max-width: 420px) {\n\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link,\n    #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited {\n        font-size: 4vw !important;\n    }\n    #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\n        font-size:4vw !important;\n    }\n}\n\n@media screen and (max-width: 765px) {\n    #huge_it_portfolio_content_2 .right-block {\n        float: left !important;\n        width: 100% !important;\n\n    }\n}\n#huge-it-container-loading-overlay_2 {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 1;\n    background:  url(https:\/\/nickmason.me\/home\/wp-content\/plugins\/portfolio-gallery\/assets\/images\/loading\/loading-1.svg) center top ;\n    background-repeat: no-repeat;\n    background-size: 60px auto;\n}\n#huge_it_portfolio_options_and_filters_2{\n    position: relative;\n    float: left;\n    width: 20%;\n    max-width: 180px;\n    float:;\nmargin-left:1%;}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Active Websites Inactive Websites<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/no-sidebar.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":45,"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/pages\/10\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/nickmason.me\/home\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}