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

{"id":302827,"student_id":3795,"content":"{\"html\":\"\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eOlivia的部落格\u003c/title\u003e\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cboby\u003e\\n    \u003ch1\u003eOlivia的部落格\u003c/h1\u003e\\n    \u003ch2\u003e關於我\u003c/h2\u003e\\n    \u003chr\u003e\\n    \u003cdiv id='intro'\u003e\\n        \u003cp class=\\\"secret\\\"\u003e\\n            大家好我是Olivia，這是我的部落格網站，會分享最近發生的大大小小的事，希望大家會喜歡，\\n            \u003cbr\u003e\\n            如果可以請在這一個頁面按一個愛心，或是去我的\u003ca href=\\\"https://www.facebook.com/profile.php?id=100072051384193\\\" target='_blank'\u003e臉書\u003c/a \u003e上面按讚\\n                \u003cbr\u003e\\n                我會繼續努力，謝謝大家的支持~\\n            \u003c/p\u003e\\n            \u003cp class=\\\"secret\\\"\u003e\\n                我喜歡動物，不論是兇猛的老虎或是可愛的狗狗都很喜歡\\n                \u003cbr\u003e\\n                有時會望著花草樹木和天空發呆\\n                \u003cbr\u003e\\n                平時我也很喜歡自然，尤其是生物，如果有新奇的東西或不懂的地方都可以來和我討論哦!\\n            \u003c/p\u003e\\n            \u003cp id=\\\"phone\\\" class=\\\"secret\\\"\u003e\\n                My phone:09-00000000\\n            \u003c/p\u003e\\n            \u003cbutton id ='secret＿btn'\u003e顯示/隱藏\u003c/button\u003e\\n        \u003c/div\u003e\\n\\n\\n        \u003ca href='https://www.facebook.com/profile.php?id=100072051384193' target='_blank'\u003e\u003cimg src=\\\"Yu-zu.png\\\" height=\\\"200px\\\"\u003e\u003c/a\u003e\\n        \u003ch2\u003e我的興趣排行\u003c/h2\u003e\\n        \u003chr /\u003e\\n        \u003col\u003e\\n            \u003cli id=\\\"purple\\\"\u003e看家裡的貓發呆\u003c/li\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        \u003ch2\u003e我的專長\u003c/h2\u003e\\n        \u003chr\u003e\\n        \u003cul\u003e\\n            \u003cli\u003e讀書\u003c/li\u003e\\n            \u003cli class='red'\u003e打掃\u003c/li\u003e\\n            \u003cli class='red bgyellow'\u003e記憶事物\u003c/li\u003e\\n            \u003cli class=\\\"bgyellow\\\"\u003e和好朋友聊天\u003c/li\u003e\\n            \u003cli\u003e打球\u003c/li\u003e\\n        \u003c/ul\u003e\\n        \u003ch2\u003e我的創作列表\u003c/h2\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\u003eJavaScript\u003c/td\u003e\\n                \u003ctd\u003e\u003ca href=\\\"https://koding.school/projects/ej9s2pmr\\\"\u003ehttps://koding.school/projects/ej9s2pmr\u003c/a\u003e\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e彩色時鐘\u003c/td\u003e\\n                \u003ctd\u003ecss\u003c/td\u003e\\n                \u003ctd\u003e\u003ca href=\\\"https://sb.koding.school/projects/npms3vemq/\\\"\u003ehttps://sb.koding.school/projects/npms3vemq/\u003c/a\u003e\u003c/td\u003e\\n            \u003c/tr\u003e\\n\\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/3xtFlBICi1Q\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n        \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/hEs7U48wIrg\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\n    \u003c/boby\u003e\\n\u003c/html\u003e\",\"css\":\"h1{\\n    /*border:2px solid:Tomato;*/\\n    color: #3889eb;\\n    text-align: center;\\n}\\n#phone{\\n    font-family: Comic Sans MS;\\n    text-align: right;\\n}\\np{\\n   font-family: Comic Sans MS;\\n   /*border: 3px solid pink;\\n   margin: 20px;\\n   padding: 10px;*/\\n}\\nbody{\\n    background-image: url('data:image/jpeg;base64,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');\\n    padding: 30px;\\n    /*background-color: lightblue;*/\\n    background-repeat: no-repeat;/*repeat-x/repeat/repeat-y*/\\n    background-position: right top;\\n    margin-right: 200px;\\n    background-attachment: fixed;\\n    /*background-size: 150px;*/\\n}\\n #intro {\\n    border: 5px dotted #42a8e3;\\n    padding: 15px;/*內距*/\\n    margin: 20px;\\n}\\n\\nth {\\n    /*color picker 挑選色碼*/\\n    background-color: #d96ab2;\\n    color: white;\\n}\\nth ,td {\\n    text-align: center;\\n    padding: 15px;\\n}\\n\\ntr:nth-child(even) {\\n    background-color: #f2f2f2;\\n}\\ntr:nth-child(odd) {\\n    background-color: #ffffff;\\n}\\ntable {\\n    border-collapse: collapse;\\n    /*separate(befault)*/\\n    width: 80%;\\n    /*auto (befault),150px, 80%*/\\n}\\n\\n.secret {\\n    display :none;\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\",\"js\":\"//寫法A\\n//$('#secret＿btn').click(showMessage);\\n\\n//function showMessage (){\\n    //alert('我被點擊了!')\\n    //$('.secret').hide();\\n//}\\n//寫法B\\n//$('#secret＿btn').click(function(){\\n//    alert('我被點擊了!');\\n//})\\n\\n//var display = false;\\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\\n$('#secret＿btn').click(function(){\\n    $('.secret').slideToggle()\\n})\\n\\n\\n\\n\\n\\n\\n\\n\"}","created_at":"2021-10-03T11:03:06.416+08:00","updated_at":"2022-10-22T11:04:05.029+08:00","name":"叩叮的部落格 副本","language":"web","screenshot":{"url":"https://cdn9.koding.school/uploads/project/screenshot/302827/f3bbc86716cd4b0d0918a963c51ce9e7.jpg"},"parent_id":57727,"plugin":"","description":"大家好呀~~!🤍🤍","note":null,"status":"public","like_student_ids":[3795],"is_featured":false,"views":41,"hashid":"yeysv3ddr","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}