叩叮的部落格副本 | 程式專案

{"id":73286,"student_id":73,"content":"{\"html\":\"\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003e我的部落格\u003c/title\u003e\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003ch1\u003e我的部落格\u003c/h1\u003e\\n    \u003cHR\u003e\\n        \u003ch2\u003e我是誰?\u003c/h2\u003e\\n        \u003cdiv id =\\\"intro\\\"\u003e\\n        \u003cbutton id='secret_btn'\u003e我是按鈕\u003c/button\u003e\\n        \u003cp id='p' class=\\\"secret\\\"\u003e\\n            Hi,guys,我是秉澤,我從六月十六日開始創造,\\n            \u003cbr\u003e\\n            希望大家喜歡我的部落格,謝謝!\\n        \u003c/p\u003e\\n        \u003cp id='de' class=\\\"secret\\\"\u003e\\n            如果有意願創造部落格或來加入\u003ca href='https://www.facebook.com/koding.school/' target='_'\u003e叩叮FB\u003c/a\u003e的,請洽我的電話來電或連結喔\\n            \u003cbr\u003e\\n            0800-000-000\\n        \u003c/p\u003e\\n        \u003c/div\u003e \\n\\n        \u003ch3\u003e我愛的前四名遊戲\u003c/h3\u003e\\n        \u003col\u003e\\n            \u003cli id='blue'\u003e極速\u003c/li\u003e\\n            \u003cli class='ty'\u003e滾動的天空\u003c/li\u003e\\n            \u003cli class='ty  stop'\u003e傳說對決\u003c/li\u003e\\n            \u003cli class='X  stop'\u003e秘密\u003c/li\u003e\\n        \u003c/ol\u003e\\n        \u003ch3\u003e我愛做的事\u003c/h3\u003e\\n        \u003cul\u003e\\n            \u003cli class='p'\u003e睡覺\u003c/li\u003e\\n            \u003cli class='p'\u003e玩遊戲\u003c/li\u003e\\n            \u003cli class='p'\u003e摸魚(沒事)\u003c/li\u003e\\n        \u003c/ul\u003e\\n        \u003ctable\u003e\\n            \u003ctr\u003e\\n                \u003cth\u003e名稱\u003c/th\u003e\\n                \u003cth\u003e職業\u003c/th\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd id='L'\u003e魯夫\u003c/td\u003e\\n                \u003ctd class='n'\u003e船長\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd id='Z'\u003e索隆\u003c/td\u003e\\n                \u003ctd class='n'\u003e戰鬥員\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd id='S'\u003e香吉士\u003c/td\u003e\\n                \u003ctd class='n'\u003e廚師\u003c/td\u003e\\n            \u003c/tr\u003e\\n        \u003c/table\u003e\\n        \u003cstyle\u003e\\nbody {\\n  background-image: url(\\\"koding.png\\\");\\n  background-repeat: repeat;\\n  background-color: blue;\\n  background-size: 200px;\\n}\\n\u003c/style\u003e\\n        \u003chr\u003e\\n        \u003ch3\u003e最驚悚的minecraft\u003c/h3\u003e\\n        \u003chr\u003e\\n        \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/KwBTTgTxzzg?start=1\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n    \u003c/body\u003e\\n\\n\u003c/html\u003e\\n\",\"css\":\"h1 {\\n    color: rgb(60, 30, 255);\\n    background-color: red;\\n    text-align: center;\\n\\n}\\nh2 {\\n    color: green;\\n    text-align: center;\\n}\\nh3 {\\n    color: black;\\n    background-color: green;\\n    text-align: center;\\n}\\n#L {\\n    color: red;\\n\\n}\\n#Z {\\n    color: green;\\n\\n}\\n#S {\\n    color: blue;\\n}\\n.n {\\n    color: orange;\\n}\\n.p {\\n    color: purple;\\n    border: 5px dotted gray;\\n}\\n.X {\\n    color: brown;\\n\\n}\\n#blue {\\n    color: blue;\\n}\\n.ty {\\n    color: red;\\n}\\n.stop {\\n    background: blue;\\n\\n}\\nbody{\\n padding: 30px;\\n    \\n}\\n#intro {\\n    border: 5px dotted #fb4042;\\n    /* padding: 15px ;*/\\n    margin:20px;\\n}\\nth{\\n    background-color: #4CAF50;\\n    color: white;\\n}\\nth,td{\\n    text-align: center;\\n    padding: 15px;\\n}\\ntr:nth-child(even){\\n   background-color: #f2f2f2;\\n    \\n}\\ntr:nth-child(odd){\\n   background-color: #ffffff;\\n    \\n}\\ntable{\\n    border-collapse: collapse;\\n    width: 80%;\\n}\\n.secret{\\n    display: none;\\n}\\n\\n\\n\\n\",\"js\":\"$('#secret_btn').click(showMessage);\\nvar display = false;\\nfunction showMessage() {\\n    alert('我被點擊了!!!')\\n    if (display == false) {\\n        $('.secret').fadeIn()\\n        display == true\\n    } else {\\n        $('.secret').fadeOut()\\n        display == false\\n    }\\n\\n}\"}","created_at":"2019-06-16T13:41:53.175+08:00","updated_at":"2019-10-19T15:03:05.375+08:00","name":"叩叮的部落格 副本","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/73286/d85a15f12d4104a2ce1412e4836e4986.jpg"},"parent_id":57727,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":140,"hashid":"meys539p","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}