{"absolute_url": "/aha/rwd-by-myself/", "blog_post": false, "code": "\n\n \n \n \n \n \n GG\n \n \n \n \n \"facebook\n
\n \n\n", "created": "2016-03-09T20:31:10.040649", "description": "補上手機版本", "description_rendered": "補上手機版本", "embed_url": "https://snipt.net/embed/800377564095c85e05710f097b37e989/", "full_absolute_url": "/aha/rwd-by-myself/", "id": 144643, "lexer": "html", "line_count": 80, "log_entries": [{"code": "\n\n \n \n \n \n \n GG\n \n \n \n \n \"facebook\n
\n \n\n", "created": "2016-03-09T20:31:10.059148", "diff": "--- \n+++ \n@@ -0,0 +1,79 @@\n+\n+\n+ \n+ \n+ \n+ \n+ \n+ GG\n+ \n+ \n+ \n+ \n+ \"facebook\n+
\n+ \n+\n", "user": "aha"}], "meta": null, "modified": "2019-06-16T12:20:30.483704", "publish_date": "2016-03-09T20:31:09.973517", "raw_url": "/raw/800377564095c85e05710f097b37e989/", "resource_uri": "/api/public/snipt/144643/", "slug": "rwd-by-myself", "stylized": "
 1\n 2\n 3\n 4\n 5\n 6\n 7\n 8\n 9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50\n51\n52\n53\n54\n55\n56\n57\n58\n59\n60\n61\n62\n63\n64\n65\n66\n67\n68\n69\n70\n71\n72\n73\n74\n75\n76\n77\n78\n79
<!doctype html>\n<html>\n  <head>\n    <meta charset="utf-8">\n    <meta http-equiv="X-UA-Compatible" content="IE=edge">\n    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">\n    <script src="./jquery.js"></script>\n    <title>GG</title>\n    <style>\n      *{\n        margin:0px;\n        padding:0px;\n      }\n      .img{\n        position: absolute;\n        top:-10px;\n        max-width:800px;\n      }\n      #fb-button{\n        /*background-color:rgba(0,0,0,0.5);*/\n        position:absolute;\n        top:970px;\n        left:48px;\n        width:718px;\n        height:150px;\n        cursor:pointer;\n      }\n\n    </style>\n    <script>\n      window.mobilecheck = function() {\n        var check = false;\n        (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);\n        return check;\n      }\n      function adaptScreen(){\n        var window_height = $(window).height();\n        var window_width = $(window).width();\n        var IMG_SIZE = {"width": 800,"height": 1280};\n        var rate = window_height / IMG_SIZE.height;\n        var final_width = IMG_SIZE.width * rate;\n        $(".img").css({"margin-left":(window_width-final_width)/2+"px","height":window_height+"px","top": "0px"});\n\n        $("#fb-button").css({"top":(970*rate)+"px", "left": (48*rate+(window_width-final_width)/2)+"px", "height": (150*rate)+"px", "width":(718*rate)+"px"});\n      }\n      function adaptCellphoneScreen(){\n        var window_height = $(window).height();\n        var window_width = $(window).width();\n        var IMG_SIZE = {"width": 800,"height": 1280};\n        var rate = window_width / IMG_SIZE.width;\n        var final_height = IMG_SIZE.height * rate;\n        $(".img").css({"margin-top":(window_height-final_height)/2+"px","width":window_width+"px"});\n        $("#fb-button").css({"top":(970*rate+(window_height-final_height)/2-10)+"px", "left": (48*rate)+"px", "height": (150*rate)+"px", "width":(718*rate)+"px"});\n      }\n      $(function(){\n        console.log($(".img").width());\n        $("#fb-button").click(function(){\n          window.location.href="[other web site]";\n        });\n        if(window.mobilecheck()){\n          adaptCellphoneScreen();  \n        }else{\n          adaptScreen();\n        }\n        $(window).resize(function(){\n          if(window.mobilecheck()){\n            adaptCellphoneScreen();  \n          }else{\n            adaptScreen();\n          } \n        })\n      });\n    </script>\n  </head>\n  <body>\n    <img class="img" src="1.jpg" alt="facebook activity for digital branch"/>\n    <div id="fb-button"></div>\n  </body>\n</html>\n
\n
", "tags": [{"absolute_url": "/public/tag/javascript/", "id": 7, "name": "javascript", "resource_uri": "/api/public/tag/7/", "snipts": "/api/public/snipt/?tag=7"}, {"absolute_url": "/public/tag/html/", "id": 67, "name": "html", "resource_uri": "/api/public/tag/67/", "snipts": "/api/public/snipt/?tag=67"}, {"absolute_url": "/public/tag/rwd_1/", "id": 32205, "name": "RWD", "resource_uri": "/api/public/tag/32205/", "snipts": "/api/public/snipt/?tag=32205"}], "title": "RWD by myself", "user": {"absolute_url": "/aha/", "email_md5": "a6889e6b9c82e100a6cadc1b99bb79cc", "id": 22736, "resource_uri": "/api/public/user/22736/", "snipts": "/api/public/snipt/?user=22736", "snipts_count": 10, "username": "aha"}}