叩叮的部落格 | 程式專案

{"id":23132,"student_id":1976,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003ch1\u003e保羅老師的部落格\u003c/h1\u003e\\n    \u003ch2\u003e關於我\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cbutton class=\\\"btn btn-warning btn-sm\\\" id=\\\"intro\\\"\u003e自我介紹\u003c/button\u003e\\n    \u003cbr\u003e\\n    \u003cp class=\\\"font-weight-normal\\\" id=\\\"profile\\\"\u003e\\n        大家好我保羅老師，我的興趣愛好是踢足球、打籃球、寫程式，\\n        \u003cbr\u003e\\n        我平常長的時候最討厭讀書，最討厭上課一直講話的老師，\\n        \u003cbr\u003e\\n        如果你想要找我的話，請打我的電話 0123456789，\\n        或是可以來我的網站找我，\u003ca href=\\\"https://zh.wikipedia.org/wiki/%E9%87%91%E5%9F%8E%E6%AD%A6\\\"\u003e連結\u003c/a\u003e\\n    \u003c/p\u003e\\n\\n    \u003cp class=\\\"font-weight-bold\\\"\u003e\\n        我最喜歡的卡通是神奇寶貝，其中我最喜歡裡面的小剛，\\n        \u003cbr\u003e\\n        因為他眼睛都很小，還看得到路，我很崇拜他。\\n    \u003c/p\u003e\\n\\n    \u003cimg src=\\\"https://goo.gl/bccp1H\\\" /\u003e\\n\\n    \u003ch2\u003e我的興趣排行\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003col\u003e\\n        \u003cli\u003e踢足球\u003c/li\u003e\\n        \u003cli\u003e打籃球\u003c/li\u003e\\n        \u003cli\u003e寫程式\u003c/li\u003e\\n        \u003cli\u003e打東東\u003c/li\u003e\\n    \u003c/ol\u003e\\n\\n    \u003ch2\u003e喜歡的卡通排行\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cul\u003e\\n        \u003cli\u003e海賊王\u003c/li\u003e\\n        \u003cli\u003e神奇寶貝\u003c/li\u003e\\n        \u003cli\u003e數碼寶貝\u003c/li\u003e\\n    \u003c/ul\u003e\\n\\n    \u003ch2\u003e我最喜歡的影片\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003ctable class=\\\"table table-hover table-borded\\\"\u003e\\n        \u003ctr\u003e\\n            \u003cth\u003e名稱\u003c/th\u003e\\n            \u003cth\u003e種類\u003c/th\u003e\\n            \u003cth\u003e連結\u003c/th\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e海賊王\u003c/td\u003e\\n            \u003ctd\u003e冒險\u003c/td\u003e\\n            \u003ctd\u003e\\n                \u003ca href=\\\"https://www.youtube.com/watch?v=4BSrXr04ooE\\\"\u003e連結\u003c/a\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e海賊王\u003c/td\u003e\\n            \u003ctd\u003e冒險\u003c/td\u003e\\n            \u003ctd\u003e\\n                \u003ca href=\\\"https://www.youtube.com/watch?v=4BSrXr04ooE\\\"\u003e連結\u003c/a\u003e\\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n        \u003ctr\u003e\\n            \u003ctd\u003e海賊王\u003c/td\u003e\\n            \u003ctd\u003e冒險\u003c/td\u003e\\n            \u003ctd\u003e\\n                \\n            \u003c/td\u003e\\n        \u003c/tr\u003e\\n    \u003c/table\u003e\\n    \u003ch2\u003e影片介紹\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/hMcgdpPv97w\\\" frameborder=\\\"0\\\" allow=\\\"autoplay; encrypted-media\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n    \u003cbr\u003e\\n    \u003cbutton class=\\\"btn btn-primary btn-lg \\\"\u003e大按讚\u003c/button\u003e\\n    \u003cbutton class=\\\"btn btn-warning btn-sm\\\"\u003e小按讚\u003c/button\u003e\\n    \u003cbr\u003e\\n\\n\u003c/html\u003e\",\"css\":\".big{\\n    color: blue;\\n}\\n\\nbody {\\n    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTQFsA9AlGzTZCfp83n1nJZwQY3sbcAhMqFALBKh54qk37U1JBPFg');\\n}\\n\\n\\nimg{\\n    width:200px;\\n    height: 200px;\\n}\\n\\n\\n#profile {\\n    display: none;\\n}\\n\\np {\\n    font-size : 16px;\\n    font-weight : 500;\\n    width : 450px;\\n    height : 150px;\\n    padding : 5px;\\n    margin : 10px;\\n    float : left;\\n\\n}\\n\\nh2 {\\n    margin : 10px;\\n    padding :10px;\\n}\\n\\nimg {\\n    margin : 10px;\\n    padding : 10px;\\n    \\n}\\n\\n\\n\",\"js\":\"var count = 1\\n\\n$('#intro').click(function(){\\n    console.log(count)\\n    if(count % 2 == 1) {\\n        $('#profile').show()\\n    }else {\\n        $('#profile').hide()\\n    }\\n    count++\\n})\"}","created_at":"2018-03-01T16:10:39.070+08:00","updated_at":"2019-10-23T21:59:57.294+08:00","name":"叩叮的部落格","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/23132/9e9bdba8d1ba4b66e2d348b033796c6b.jpg"},"parent_id":19600,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":376,"hashid":"2pdsrqw4","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}