{"id":245,"date":"2020-04-24T20:29:41","date_gmt":"2020-04-24T20:29:41","guid":{"rendered":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/?page_id=245"},"modified":"2020-04-25T22:52:34","modified_gmt":"2020-04-25T22:52:34","slug":"captivating-cross-stitch","status":"publish","type":"page","link":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/captivating-cross-stitch\/","title":{"rendered":"Captivating Cross-stitch"},"content":{"rendered":"\n<style>\r\n\/*===== general options =========*\/\r\na {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {\r\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\r\n}\r\n\r\n#album_disabled_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    z-index: 10;\r\n    padding-top: 20px;\r\n    color: #fff;\r\n}\r\n\r\n#album_list_container {\r\n    position: relative;\r\n}\r\n\r\n\/* ====================== album onhover styles ==========================*\/\r\n\r\n#album_list .view {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -o-box-sizing: border-box;\r\n    display: none;\r\n\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view h2 {\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    text-align: center;\r\n    position: relative;\r\n    font-size: 17px;\r\n    font-family: Raleway, serif;\r\n    padding: 10px;\r\n    \/*background: rgba(0, 0, 0, 0.8);*\/\r\n    margin: 20px 0 0 0;\r\n\r\n}\r\n\r\n.album_back_button a, .view a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.view p {\r\n    font-family: Merriweather, serif;\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    position: relative;\r\n    color: #fff;\r\n    padding: 0px 20px 0px;\r\n    text-align: center;\r\n\r\n}\r\n\r\n.view a.info {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    padding: 2px 14px;\r\n    margin-bottom: 3px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Raleway, serif;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 1px #000\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n}\r\n\r\n.view a.info:hover {\r\n    box-shadow: 0 0 5px #000\r\n}\r\n\r\n.view .mask-bg {\r\n    height: 100%;\r\n}\r\n\r\n.view .album_social {\r\n    color: #fff;\r\n    position: absolute;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    border: 1px solid #ffffff;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n    padding: 3px 5px;\r\n\r\n}\r\n\r\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n\/*1*\/\r\n\r\n.view .info {\r\n    margin-top: 5px;\r\n}\r\n\r\n.view-first .mask {\r\n    opacity: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    transition: all 0.4s ease-in-out;\r\n\r\n}\r\n\r\n.view-first h2 {\r\n    transform: translateY(-100px);\r\n    opacity: 0;\r\n    font-family: Raleway, serif;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n    transform: translateY(100px);\r\n    opacity: 0;\r\n    transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n    opacity: 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n\/* *\/\r\n\r\n.view-first:hover img {\r\n    \/*transform: scale(1.1);*\/\r\n}\r\n\r\n.view-first:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n    transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\/*2*\/\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second .mask {\r\n    background-color: rgba(226, 200, 127, 0.2);\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second h2 {\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second p {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n.view-second:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-second:hover h2,\r\n.view-second:hover p,\r\n.view-second:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n\/*3*\/\r\n\r\n.view-third img {\r\n    transform: scaleY(1);\r\n    transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-third a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third:hover img {\r\n    -webkit-transform: scale(10);\r\n    transform: scale(10);\r\n    opacity: 0;\r\n}\r\n\r\n.view-third:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-third:hover h2,\r\n.view-third:hover p,\r\n.view-third:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n\/* ==== view 4 ===*\/\r\n\r\n.view-forth-wrapper {\r\n    overflow: hidden;\r\n    position: relative !important;\r\n    height: 100%;\r\n    \/* cursor: pointer;*\/\r\n}\r\n\r\n.view-forth img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: 0;\r\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n}\r\n\r\n.view-forth .mask {\r\n    position: absolute;\r\n    width: 100%;\r\n    \/*    height: 70px;*\/\r\n    \/*    bottom: -70px;*\/\r\n    height: 50%;\r\n    bottom: -50%;\r\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    top: inherit;\r\n}\r\n\r\n.view-forth:hover .mask {\r\n    bottom: 0;\r\n}\r\n\r\n.view-forth:hover img {\r\n    top: -30px;\r\n}\r\n\r\n\/*==  view 5 ==*\/\r\n\r\n.view-fifth .view-fifth-wrapper,\r\n.view-fifth .view-fifth-wrapper img {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper {\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper .mask {\r\n    display: none;\r\n    position: absolute;\r\n    background: #333;\r\n    background: rgba(75, 75, 75, 0.7);\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* ====================== album category styles ==========================*\/\r\n\r\n#filters {\r\n    margin: 1% 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    list-style-type: none !important;\r\n\r\n}\r\n\r\n#filters li {\r\n    float: left;\r\n    list-style-type: none !important;\r\n}\r\n\r\n#filters li:first-child span {\r\n    margin-left: 0px;\r\n}\r\n\r\n#filters li span {\r\n    display: block;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.album_categories {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    padding-top: 5px;\r\n}\r\n\r\n\/*=========  sharing buttons  ============*\/\r\n\r\n.album_socials {\r\n    position: relative;\r\n    top: 3px;\r\n    width: 100px;\r\n    height: 28px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.album_socials .rwd-share-buttons {\r\n    top: 0px !important;\r\n    width: 100% !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.album_socials a {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.gallery_images, .album_image_place {\r\n    margin-top: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n#rwd-share-facebook:hover {\r\n    background-position: 0 -31px !important;\r\n}\r\n\r\n#rwd-share-twitter:hover {\r\n    background-position: -31px 32px !important;\r\n}\r\n\r\n#rwd-share-googleplus:hover {\r\n    background-position: -66px -31px !important;\r\n}\r\n\r\n.rwd-share-buttons li, .rwd-share-buttons li a {\r\n    width: 26px !important;\r\n    border: 0px !important;\r\n}\r\n\r\n.rwd-share-buttons {\r\n    top: 0 !important;\r\n}\r\n\r\n.img_link_btn {\r\n    position: absolute;\r\n    z-index: 99999;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    padding: 8px;\r\n}\r\n\r\n.rwd-title {\r\n    padding: 10px 0px !important;\r\n}\r\n\r\n@media only screen and (max-width: 475px) {\r\n    .rwd-share-buttons {\r\n        top: -25px !important;\r\n    }\r\n\r\n    .rwd-title-text {\r\n        line-height: 15px;\r\n    }\r\n}\r\n\r\n\/*=========  hover style ===========*\/\r\n\r\n#hover {\r\n    color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n    color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    height: auto;\r\n}\r\n\r\n.view {\r\n    color: #fff;\r\n    margin: 0 10px 10px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n    float: left;\r\n    cursor: default;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.view-wrapper {\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    display: block;\r\n    position: relative;\r\n    transition: all 0.2s linear;\r\n    height: 100%;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\r\n\/* view 1 *\/\r\n\r\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n\/*  view 2 *\/\r\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\r\n    color: #333;\r\n}\r\n\r\n.view-second .mask-text h2 {\r\n    border-bottom: 1px solid #333;\r\n}\r\n\r\n\/* view 3*\/\r\n.view-third .mask {\r\n    background-color: #ccc;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n    color: #333;\r\n}\r\n\r\n.view-third h2 {\r\n    border-bottom: 1px solid #333;\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-third p {\r\n    color: #333;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third .text-category {\r\n    color: #333;\r\n}\r\n\r\n\/* view 4 *\/\r\n\r\n.view-forth .mask-bg {\r\n    background: #333;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view-forth .mask-text {\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 500;\r\n    padding: 5px 8px;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin: 0px;\r\n    font-size: 13px;\r\n    padding: 2px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth .mask-text h2:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.view-forth .text-category {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth p {\r\n    color: #fff;\r\n}\r\n\r\n\/* view 5 *\/\r\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n<\/style><div id=\"g-main-slider_5\" class=\"gallery-img-content g-main-slider liquid-slider view-content-slider\"\r\n     data-pause-hover=\"on\"\r\n     data-autoslide=\"on\"\r\n     data-slide-duration=\"1000\"\r\n     data-slide-interval=\"4000\"\r\n     data-rating-type=\"off\"\r\n>\r\n\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_100724-e1587766157547.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_100724-e1587766157547.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_100653-e1587767894571.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_100653-e1587767894571.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_101224.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_101224-e1587766258537-768x1024.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-1.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-1.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-2.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-2.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-6.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-6.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_102410.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_102410-1024x768.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_103516-e1587766233407.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200307_103516-e1587766233407.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-5.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Suz-5.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200418_004256-e1587766203933.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200418_004256-e1587766203933.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group5\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200418_0055581-e1587766183227.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/20200418_0055581-e1587766183227.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<\/div><style>\r\n* {outline:none;}\r\n#g-main-slider_5 {background:#f9f9f9;}\r\n.entry-content a{\r\n\tborder-bottom: none;\r\n}\r\n#g-main-slider_5 div.slider-content {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\tpadding:0 0 0 0;\r\n\tposition:relative;\r\n\tbackground:#f9f9f9;\r\n}\r\n[class$=\"-arrow\"] {\r\n\tbackground-image:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/arrow.dark.png) !important;\r\n}\r\n.ls-select-box {\r\n\tbackground:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/menu.dark.png) right center no-repeat #f9f9f9;\r\n}\r\n#g-main-slider_5-nav-select {\r\n\tcolor:#0074a2;\r\n}\r\n#g-main-slider_5 div.slider-content .slider-content-wrapper {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\tpadding:0;\r\n\tdisplay:block;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .image-block_5 {\r\n\tposition:relative;\r\n\twidth:275px;\r\n\tdisplay:table-cell;\r\n\tpadding:0 10px 0 0;\r\n\tfloat:left;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .image-block_5 img.main-image {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\theight:auto;\r\n\tdisplay:block;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .image-block_5 .play-icon {\r\n\tposition:absolute;\r\n\ttop:0;\r\n\tleft:0;\r\n\twidth:100%;\r\n\theight:100%;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .image-block_5  .play-icon.youtube-icon {background:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/play.youtube.png) center center no-repeat;}\r\n#g-main-slider_5 .slider-content-wrapper .image-block_5  .play-icon.vimeo-icon {background:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/play.vimeo.png) center center no-repeat;}\r\n#g-main-slider_5 .slider-content-wrapper .right-block {\r\n\tdisplay:table-cell;\r\n    min-width: 210px;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .right-block > div {\r\n\tpadding-bottom:10px;\r\n\tmargin-top:10px;\r\n\tbackground:url('https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/divider.line.png') center bottom repeat-x;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .right-block > div:last-child {background:none;}\r\n#g-main-slider_5 .slider-content-wrapper .right-block .title {\r\n\tposition:relative;\r\n\tdisplay:block;\r\n\tmargin:-10px 0 0 0;\r\n\tfont-size:16px !important;\r\n\tline-height:16px !important;\r\n\tcolor:#0074a2;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description {\r\n\tclear:both;\r\n\tposition:relative;\r\n\tfont-weight:normal;\r\n\ttext-align:justify;\r\n\tfont-size:14px !important;\r\n\tline-height:14px !important;\r\n\tcolor:#555555;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h1,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h2,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h3,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h4,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h5,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description h6,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description p,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description strong,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description span {\r\n\tpadding:2px !important;\r\n\tmargin:0 !important;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description ul,\r\n#g-main-slider_5 .slider-content-wrapper .right-block .description li {\r\n\tpadding:2px 0 2px 5px;\r\n\tmargin:0 0 0 8px;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .button-block {\r\n\tposition:relative;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .button-block a,#g-main-slider_5 .slider-content-wrapper .button-block a:link,#g-main-slider_5 .slider-content-wrapper .button-block a:visited{\r\n\tposition:relative;\r\n\tdisplay:inline-block;\r\n\tpadding:6px 12px;\r\n\tbackground:#2ea2cd;\r\n\tcolor:#ffffff;\r\n\tfont-size:14px;\r\n\ttext-decoration:none;\r\n}\r\n#g-main-slider_5 .slider-content-wrapper .button-block a:hover,#g-main-slider_5 .slider-content-wrapper .button-block a:focus,#g-main-slider_5 .slider-content-wrapper .button-block a:active {\r\n\tbackground:#0074a2;\r\n\tcolor:#ffffff;\r\n}\r\n@media only screen and (min-width:500px) {\r\n\t#g-main-slider_5-nav-ul {\r\n\t\tvisibility:hidden !important;\r\n\t\theight:1px;\r\n\t}\r\n}\r\n@media only screen and (max-width:500px) {\r\n\t#g-main-slider_5 .slider-content-wrapper .image-block_5,#g-main-slider_5 .slider-content-wrapper .right-block {\r\n\t\twidth:100%;\r\n\t\tdisplay:block;\r\n\t\tfloat:none;\r\n\t\tclear:both;\r\n\t}\r\n}\r\n<\/style>\n\n\n\n<p><strong>Captivating- <\/strong>I was thrilled when I saw we were going to cross-stitch. I grew up with this activity. It\u2019s practically a pre-req for living in the US Midwest. Almost everyone I knew growing up had a piece of needlework in their house (and most still do) and did needlework. I cannot count how many samplers, table runners, Christmas ornaments, and pillows I have made and given away as gifts over the years, and embroidery\/cross-stitch were some of my first wearables. I had a yellow dress with cross-stitched daisies on the bodice and hem my mom had made. Cross-stitch has always been a visible interface for me. But, looking at it from a textuality perspective and interacting with it as an interface was much different.  <\/p>\n\n\n\n<p>My colleagues, Bruce and Jen, and I completed this TP at a conference in Chicago. During one of our breaks, we brought the supplies down to the main conference area and I set about showing them how to sew the patterns. It was just as fun as it had always been, but the needle eye and the aida cloth holes have become MUCH smaller over the years (I had to borrow Bruce\u2019s cheaters). Soon enough, we had several conference attendees around our table, giving advice and debating which techniques were better than others- creating text and talking about the interface. It made me think about the types of messages and wording that are usually on a cross-stitch- something nostalgic, familiar, and homey. Our kit was a magnet with a picture of a ship and burlap bag of coarse sea salt. It made me think about what this imagery says to people, but it also made me think about what this interface says to people. This medium is the message (McLuhan, 1964). When I look at a piece of cross-stitch work, I read the letters, but it is symbolic of much more. The cloth and the thread hold and relay more meaning and culture than an alphabet border ever could.  <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Captivating- I was thrilled when I saw we were going to cross-stitch. I grew up with this activity. It\u2019s practically a pre-req for living in the US Midwest. Almost everyone I knew growing up had a piece of needlework in their house (and most still do) and did needlework. I cannot count how many samplers, &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/captivating-cross-stitch\/\">Continue reading<\/a><\/p>\n","protected":false},"author":15418,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/245"}],"collection":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/users\/15418"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":5,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/245\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}