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

{"id":143963,"student_id":3469,"content":"{\"html\":\"\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003e\\n        某人的網站\\n    \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    \u003cdiv id = 'intro'\u003e\\n        \u003ch2\u003e關於我\u003c/h2\u003e\\n        \u003cp class = 'secret'\u003e\\n            我是87\\n            \u003cbr\u003e\\n            我不是87\\n            \u003cbr\u003e\\n            我是87\\n            \u003cbr\u003e\\n            不要點叩叮!!!!!\\n        \u003c/p\u003e\\n        \u003cp class = 'secret'\u003e\\n            我會飛\\n            \u003cbr\u003e\\n            我不會飛\\n            \u003cbr\u003e\\n            我會飛\\n            \u003cbr\u003e\\n            \u003ca href=\\\"https://opendata.epa.gov.tw/\\\" target=\\\"_blank\\\"\u003e不要碰我!!!!!\u003c/a\u003e\\n        \u003c/p\u003e\\n        \u003cbutten id = 'secret_btn'\u003e顯示/隱藏\u003c/butten\u003e\\n    \u003c/div\u003e\\n    \u003ca href=\\\"https://opendata.epa.gov.tw/\\\" target=\\\"_blank\\\"\u003e\u003cimg src=\\\"koding.png\\\" height=\\\"500px\\\" width=\\\"500px\\\"\u003e\u003c/a\u003e\\n    \u003ch2\u003e我的興趣排行\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003col\u003e\\n        \u003cli id='blue'\u003e打電動\u003c/li\u003e\\n        \u003cli\u003e發呆\u003c/li\u003e\\n        \u003cli\u003e睡覺\u003c/li\u003e\\n    \u003c/ol\u003e\\n    \u003ch2\u003e我喜歡做的事\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cul\u003e\\n        \u003cli class=\\\"red\\\"\u003e飛\u003c/li\u003e\\n        \u003cli class=\\\"red bgyellow\\\"\u003e當個87\u003c/li\u003e\\n        \u003cli class=\\\"bgyellow\\\"\u003e打電動打電動打電動打電動打電動打電動...\u003c/li\u003e\\n    \u003c/ul\u003e\\n    \u003ch2\u003e我的創作\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003ctable\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\u003ca href=\\\"https://koding.school/projects/d5msyd55\\\" target=\\\"_blank\\\"\u003ehttps://koding.school/projects/d5msyd55\u003c/a\u003e\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\u003ca href=\\\"https://koding.school/projects/gk4snqd9\\\" target=\\\"_blank\\\"\u003ehttps://koding.school/projects/gk4snqd9\u003c/a\u003e\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\u003ca href=\\\"https://koding.school/projects/ej9se8q9\\\" target=\\\"_blank\\\"\u003ehttps://koding.school/projects/ej9se8q9\u003c/a\u003e\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/Z2izNtQQ2ok\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n    \u003cp id='phone'\u003e\\n        聯絡電話:03-123-3358\\n    \u003c/p\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"h1 {\\n    color: #38418a;\\n    background-color: black;\\n    text-align: center;\\n}\\nli{\\n    color: green;\\n}\\n#blue{\\n    color: blue;\\n}\\n.red{\\n    color: red;\\n}\\n.bgyellow{\\n    background-color: yellow;\\n}\\n#phone{\\n    font-family: Comic Sans MS;\\n    font-style: italic;\\n    font-weight: bold;\\n    text-align: right;\\n}\\nbody {\\n    background-color: #b8dbb6;\\n  /*background-image: url(\\\"https://www.google.com/url?sa=i\u0026url=https%3A%2F%2Fm.momoshop.com.tw%2Fgoods.momo%3Fi_code%3D5535840\u0026psig=AOvVaw0V7lEMfiYKeE4ofWR6aU0S\u0026ust=1588574520179000\u0026source=images\u0026cd=vfe\u0026ved=0CAIQjRxqFwoTCKiGvreLl-kCFQAAAAAdAAAAABAD\\\");*/\\n  background-repeat: no-repeat;\\n  background-size: 150px;\\n  padding: 30px;\\n}\\n#intro {\\n    border: 5px outset blue;\\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}\\ntr:nth-child(old){\\n    background-color: #FFFFFF;\\n}\\ntable{\\n    border-collapse: collapse;\\n    width: 80%;\\n}\\n.secret{\\n    display: none;\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"/* var display = false;\\n\\n\\n\\n\\n$('#secret_btn').click(function () {\\n    if (display === false) {\\n        $('.secret').fadeIn();\\n        display = true;\\n    } else {\\n        $('.secret').fadeOut();\\n        display = false;\\n    }\\n}); */\\n$('#secret_btn').click(function () {\\n    $('.secret').slideToggle();\\n});\"}","created_at":"2020-04-26T13:35:30.778+08:00","updated_at":"2021-07-17T20:21:33.698+08:00","name":"叩叮的部落格 副本","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/143963/3df4b861641310ed58279425610ff525.jpg"},"parent_id":57727,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":95,"hashid":"ej9smrqk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}